From 42abf943a57d94f89a2b1fd567f1d1aae8a4794d Mon Sep 17 00:00:00 2001 From: sangyuo Date: Mon, 29 Jul 2024 14:16:48 +0700 Subject: [PATCH 01/23] feat(component): base component --- src copy/components/box/Box.tsx | 22 ++ src copy/components/box/index.ts | 1 + src copy/components/button/Button.tsx | 59 ++++ src copy/components/button/index.ts | 1 + src copy/components/index.ts | 3 + src copy/components/text/Text.tsx | 26 ++ src copy/components/text/index.ts | 1 + src copy/example/example-1.png | Bin 0 -> 91388 bytes src copy/hook/index.ts | 4 + src copy/hook/useClassName.tsx | 20 ++ src copy/hook/useStylesVarianTheme.tsx | 21 ++ src copy/index.ts | 1 + src copy/model/background.ts | 248 ++++++++++++++ src copy/model/border.ts | 127 +++++++ src copy/model/classStyle.ts | 15 + src copy/model/flex.ts | 94 ++++++ src copy/model/index.ts | 9 + src copy/model/margin.ts | 154 +++++++++ src copy/model/padding.ts | 154 +++++++++ src copy/model/position.ts | 108 ++++++ src copy/model/size.ts | 144 ++++++++ src copy/model/text.ts | 259 ++++++++++++++ src copy/styles/Border.styles.ts | 447 +++++++++++++++++++++++++ src copy/styles/ClassStyles.ts | 80 +++++ src copy/styles/Flex.styles.ts | 160 +++++++++ src copy/styles/Margin.styles.ts | 330 ++++++++++++++++++ src copy/styles/Padding.styles.ts | 330 ++++++++++++++++++ src copy/styles/Position.styles.ts | 217 ++++++++++++ src copy/styles/Size.styles.ts | 300 +++++++++++++++++ src copy/styles/Text.styles.ts | 411 +++++++++++++++++++++++ src copy/styles/background.styles.ts | 251 ++++++++++++++ src copy/styles/index.ts | 1 + src copy/utils/Color.util.ts | 11 + src copy/utils/index.ts | 1 + src copy/utils/resize.util.ts | 38 +++ 35 files changed, 4048 insertions(+) create mode 100644 src copy/components/box/Box.tsx create mode 100644 src copy/components/box/index.ts create mode 100644 src copy/components/button/Button.tsx create mode 100644 src copy/components/button/index.ts create mode 100644 src copy/components/index.ts create mode 100644 src copy/components/text/Text.tsx create mode 100644 src copy/components/text/index.ts create mode 100644 src copy/example/example-1.png create mode 100644 src copy/hook/index.ts create mode 100644 src copy/hook/useClassName.tsx create mode 100644 src copy/hook/useStylesVarianTheme.tsx create mode 100644 src copy/index.ts create mode 100644 src copy/model/background.ts create mode 100644 src copy/model/border.ts create mode 100644 src copy/model/classStyle.ts create mode 100644 src copy/model/flex.ts create mode 100644 src copy/model/index.ts create mode 100644 src copy/model/margin.ts create mode 100644 src copy/model/padding.ts create mode 100644 src copy/model/position.ts create mode 100644 src copy/model/size.ts create mode 100644 src copy/model/text.ts create mode 100644 src copy/styles/Border.styles.ts create mode 100644 src copy/styles/ClassStyles.ts create mode 100644 src copy/styles/Flex.styles.ts create mode 100644 src copy/styles/Margin.styles.ts create mode 100644 src copy/styles/Padding.styles.ts create mode 100644 src copy/styles/Position.styles.ts create mode 100644 src copy/styles/Size.styles.ts create mode 100644 src copy/styles/Text.styles.ts create mode 100644 src copy/styles/background.styles.ts create mode 100644 src copy/styles/index.ts create mode 100644 src copy/utils/Color.util.ts create mode 100644 src copy/utils/index.ts create mode 100644 src copy/utils/resize.util.ts diff --git a/src copy/components/box/Box.tsx b/src copy/components/box/Box.tsx new file mode 100644 index 0000000..b32a5e8 --- /dev/null +++ b/src copy/components/box/Box.tsx @@ -0,0 +1,22 @@ +import React from 'react'; +import {StyleSheet, View, ViewProps} from 'react-native'; +import {useClassName} from '../../hook'; + +export interface PropsBox extends ViewProps { + scaleScreen?: boolean; + className?: string; +} + +const Box = (props: PropsBox) => { + const {style, scaleScreen, className, ...rest} = props; + const stylesCustom = useClassName({ + className, + scaleScreen, + }); + + const styleCard = StyleSheet.compose(stylesCustom, style); + + return ; +}; + +export default Box; diff --git a/src copy/components/box/index.ts b/src copy/components/box/index.ts new file mode 100644 index 0000000..4fb2b12 --- /dev/null +++ b/src copy/components/box/index.ts @@ -0,0 +1 @@ +export {default as Box} from './Box'; diff --git a/src copy/components/button/Button.tsx b/src copy/components/button/Button.tsx new file mode 100644 index 0000000..ffcf493 --- /dev/null +++ b/src copy/components/button/Button.tsx @@ -0,0 +1,59 @@ +import React, {useCallback, useRef} from 'react'; +import { + GestureResponderEvent, + StyleSheet, + TouchableOpacity, + TouchableOpacityProps, +} from 'react-native'; +import {useClassName} from '../../hook'; + +export interface ButtonComponentProps extends TouchableOpacityProps { + scaleScreen?: boolean; + className?: string; + isDebounce?: boolean; + delayDebounce?: number; +} +const Button = (props: ButtonComponentProps) => { + const { + style, + scaleScreen, + isDebounce, + delayDebounce, + onPress, + className, + ...rest + } = props; + + const stylesCustom = useClassName({ + className, + scaleScreen, + }); + const timerDebounceRef = useRef(); + + //handle multiple click + const handler = useCallback( + (e: GestureResponderEvent) => { + if (timerDebounceRef.current) { + clearTimeout(timerDebounceRef.current); + } + timerDebounceRef.current = setTimeout(() => { + onPress && onPress(e); + }, delayDebounce || 500); + }, + [onPress], + ); + + const handlePress = (e: GestureResponderEvent) => { + if (isDebounce) { + handler(e); + } else { + onPress && onPress(e); + } + }; + + const styleCard = StyleSheet.compose(stylesCustom, style); + + return ; +}; + +export default Button; diff --git a/src copy/components/button/index.ts b/src copy/components/button/index.ts new file mode 100644 index 0000000..d506e5f --- /dev/null +++ b/src copy/components/button/index.ts @@ -0,0 +1 @@ +export {default as Button} from './Button'; diff --git a/src copy/components/index.ts b/src copy/components/index.ts new file mode 100644 index 0000000..e6d168d --- /dev/null +++ b/src copy/components/index.ts @@ -0,0 +1,3 @@ +export * from './box'; +export * from './text'; +export * from './button'; diff --git a/src copy/components/text/Text.tsx b/src copy/components/text/Text.tsx new file mode 100644 index 0000000..f8be1ee --- /dev/null +++ b/src copy/components/text/Text.tsx @@ -0,0 +1,26 @@ +import React from 'react'; +import {StyleSheet, Text, TextProps} from 'react-native'; +import {useClassName} from '../../hook'; + +export interface TextComponentProps extends TextProps { + className?: string; + scaleScreen?: boolean; +} + +const TextComponent = ({ + className, + scaleScreen, + style, + ...rest +}: TextComponentProps) => { + const stylesCustom = useClassName({ + className, + scaleScreen, + }); + + const styleText = StyleSheet.compose(stylesCustom, style); + + return ; +}; + +export default TextComponent; diff --git a/src copy/components/text/index.ts b/src copy/components/text/index.ts new file mode 100644 index 0000000..fbb152e --- /dev/null +++ b/src copy/components/text/index.ts @@ -0,0 +1 @@ +export {default as Text} from './Text'; diff --git a/src copy/example/example-1.png b/src copy/example/example-1.png new file mode 100644 index 0000000000000000000000000000000000000000..e725a7045e2d19b3837f6d6dedfd90af5417a690 GIT binary patch literal 91388 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

C}vO*3&liGg_f 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�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 L>Fc4~6fXM{DX^}P literal 0 HcmV?d00001 diff --git a/src copy/hook/index.ts b/src copy/hook/index.ts new file mode 100644 index 0000000..1ce1516 --- /dev/null +++ b/src copy/hook/index.ts @@ -0,0 +1,4 @@ +import useStylesVarianTheme from './useStylesVarianTheme'; +import useClassName from './useClassName'; + +export {useStylesVarianTheme, useClassName}; diff --git a/src copy/hook/useClassName.tsx b/src copy/hook/useClassName.tsx new file mode 100644 index 0000000..d172ec2 --- /dev/null +++ b/src copy/hook/useClassName.tsx @@ -0,0 +1,20 @@ +import {useMemo} from 'react'; +import {getClassNameStyles} from '../styles'; + +type PropsClass = { + className?: string; + scaleScreen?: boolean; +}; + +export default function useClassNameStyles({ + className, + scaleScreen, +}: PropsClass) { + const styleDirection = useMemo(() => { + if (className) { + return getClassNameStyles(className); + } + return {}; + }, [className, scaleScreen]); + return styleDirection; +} diff --git a/src copy/hook/useStylesVarianTheme.tsx b/src copy/hook/useStylesVarianTheme.tsx new file mode 100644 index 0000000..e0a13c0 --- /dev/null +++ b/src copy/hook/useStylesVarianTheme.tsx @@ -0,0 +1,21 @@ +import {useMemo} from 'react'; +import {ClassStyleType} from '../model'; +import {getClassStyles} from '../styles'; + +type Props = { + classStyles?: ClassStyleType | ClassStyleType[]; + scaleScreen?: boolean; +}; + +export default function useStylesVarianTheme({ + classStyles, + scaleScreen, +}: Props) { + const styleDirection = useMemo(() => { + if (classStyles) { + return getClassStyles(classStyles, scaleScreen); + } + return {}; + }, [classStyles, scaleScreen]); + return styleDirection; +} diff --git a/src copy/index.ts b/src copy/index.ts new file mode 100644 index 0000000..07635cb --- /dev/null +++ b/src copy/index.ts @@ -0,0 +1 @@ +export * from './components'; diff --git a/src copy/model/background.ts b/src copy/model/background.ts new file mode 100644 index 0000000..a408adb --- /dev/null +++ b/src copy/model/background.ts @@ -0,0 +1,248 @@ +export type BackgroundType = + | 'bg-transparent' + | 'bg-black' + | 'bg-white' + | 'bg-over-shadow' + | 'bg-over-light' + | 'bg-slate-50' + | 'bg-slate-100' + | 'bg-slate-200' + | 'bg-slate-300' + | 'bg-slate-400' + | 'bg-slate-500' + | 'bg-slate-600' + | 'bg-slate-700' + | 'bg-slate-800' + | 'bg-slate-900' + | 'bg-slate-950' + | 'bg-gray-50' + | 'bg-gray-100' + | 'bg-gray-200' + | 'bg-gray-300' + | 'bg-gray-400' + | 'bg-gray-500' + | 'bg-gray-600' + | 'bg-gray-700' + | 'bg-gray-800' + | 'bg-gray-900' + | 'bg-gray-950' + | 'bg-zinc-50' + | 'bg-zinc-100' + | 'bg-zinc-200' + | 'bg-zinc-300' + | 'bg-zinc-400' + | 'bg-zinc-500' + | 'bg-zinc-600' + | 'bg-zinc-700' + | 'bg-zinc-800' + | 'bg-zinc-900' + | 'bg-zinc-950' + | 'bg-neutral-50' + | 'bg-neutral-100' + | 'bg-neutral-200' + | 'bg-neutral-300' + | 'bg-neutral-400' + | 'bg-neutral-500' + | 'bg-neutral-600' + | 'bg-neutral-700' + | 'bg-neutral-800' + | 'bg-neutral-900' + | 'bg-neutral-950' + | 'bg-stone-50' + | 'bg-stone-100' + | 'bg-stone-200' + | 'bg-stone-300' + | 'bg-stone-400' + | 'bg-stone-500' + | 'bg-stone-600' + | 'bg-stone-700' + | 'bg-stone-800' + | 'bg-stone-900' + | 'bg-stone-950' + | 'bg-red-50' + | 'bg-red-100' + | 'bg-red-200' + | 'bg-red-300' + | 'bg-red-400' + | 'bg-red-500' + | 'bg-red-600' + | 'bg-red-700' + | 'bg-red-800' + | 'bg-red-900' + | 'bg-red-950' + | 'bg-orange-50' + | 'bg-orange-100' + | 'bg-orange-200' + | 'bg-orange-300' + | 'bg-orange-400' + | 'bg-orange-500' + | 'bg-orange-600' + | 'bg-orange-700' + | 'bg-orange-800' + | 'bg-orange-900' + | 'bg-orange-950' + | 'bg-amber-50' + | 'bg-amber-100' + | 'bg-amber-200' + | 'bg-amber-300' + | 'bg-amber-400' + | 'bg-amber-500' + | 'bg-amber-600' + | 'bg-amber-700' + | 'bg-amber-800' + | 'bg-amber-900' + | 'bg-amber-950' + | 'bg-yellow-50' + | 'bg-yellow-100' + | 'bg-yellow-200' + | 'bg-yellow-300' + | 'bg-yellow-400' + | 'bg-yellow-500' + | 'bg-yellow-600' + | 'bg-yellow-700' + | 'bg-yellow-800' + | 'bg-yellow-900' + | 'bg-yellow-950' + | 'bg-lime-50' + | 'bg-lime-100' + | 'bg-lime-200' + | 'bg-lime-300' + | 'bg-lime-400' + | 'bg-lime-500' + | 'bg-lime-600' + | 'bg-lime-700' + | 'bg-lime-800' + | 'bg-lime-900' + | 'bg-lime-950' + | 'bg-green-50' + | 'bg-green-100' + | 'bg-green-200' + | 'bg-green-300' + | 'bg-green-400' + | 'bg-green-500' + | 'bg-green-600' + | 'bg-green-700' + | 'bg-green-800' + | 'bg-green-900' + | 'bg-green-950' + | 'bg-emerald-50' + | 'bg-emerald-100' + | 'bg-emerald-200' + | 'bg-emerald-300' + | 'bg-emerald-400' + | 'bg-emerald-500' + | 'bg-emerald-600' + | 'bg-emerald-700' + | 'bg-emerald-800' + | 'bg-emerald-900' + | 'bg-emerald-950' + | 'bg-teal-50' + | 'bg-teal-100' + | 'bg-teal-200' + | 'bg-teal-300' + | 'bg-teal-400' + | 'bg-teal-500' + | 'bg-teal-600' + | 'bg-teal-700' + | 'bg-teal-800' + | 'bg-teal-900' + | 'bg-teal-950' + | 'bg-cyan-50' + | 'bg-cyan-100' + | 'bg-cyan-200' + | 'bg-cyan-300' + | 'bg-cyan-400' + | 'bg-cyan-500' + | 'bg-cyan-600' + | 'bg-cyan-700' + | 'bg-cyan-800' + | 'bg-cyan-900' + | 'bg-cyan-950' + | 'bg-sky-50' + | 'bg-sky-100' + | 'bg-sky-200' + | 'bg-sky-300' + | 'bg-sky-400' + | 'bg-sky-500' + | 'bg-sky-600' + | 'bg-sky-700' + | 'bg-sky-800' + | 'bg-sky-900' + | 'bg-sky-950' + | 'bg-blue-50' + | 'bg-blue-100' + | 'bg-blue-200' + | 'bg-blue-300' + | 'bg-blue-400' + | 'bg-blue-500' + | 'bg-blue-600' + | 'bg-blue-700' + | 'bg-blue-800' + | 'bg-blue-900' + | 'bg-blue-950' + | 'bg-indigo-50' + | 'bg-indigo-100' + | 'bg-indigo-200' + | 'bg-indigo-300' + | 'bg-indigo-400' + | 'bg-indigo-500' + | 'bg-indigo-600' + | 'bg-indigo-700' + | 'bg-indigo-800' + | 'bg-indigo-900' + | 'bg-indigo-950' + | 'bg-violet-50' + | 'bg-violet-100' + | 'bg-violet-200' + | 'bg-violet-300' + | 'bg-violet-400' + | 'bg-violet-500' + | 'bg-violet-600' + | 'bg-violet-700' + | 'bg-violet-800' + | 'bg-violet-900' + | 'bg-violet-950' + | 'bg-purple-50' + | 'bg-purple-100' + | 'bg-purple-200' + | 'bg-purple-300' + | 'bg-purple-400' + | 'bg-purple-500' + | 'bg-purple-600' + | 'bg-purple-700' + | 'bg-purple-800' + | 'bg-purple-900' + | 'bg-purple-950' + | 'bg-fuchsia-50' + | 'bg-fuchsia-100' + | 'bg-fuchsia-200' + | 'bg-fuchsia-300' + | 'bg-fuchsia-400' + | 'bg-fuchsia-500' + | 'bg-fuchsia-600' + | 'bg-fuchsia-700' + | 'bg-fuchsia-800' + | 'bg-fuchsia-900' + | 'bg-fuchsia-950' + | 'bg-pink-50' + | 'bg-pink-100' + | 'bg-pink-200' + | 'bg-pink-300' + | 'bg-pink-400' + | 'bg-pink-500' + | 'bg-pink-600' + | 'bg-pink-700' + | 'bg-pink-800' + | 'bg-pink-900' + | 'bg-pink-950' + | 'bg-rose-50' + | 'bg-rose-100' + | 'bg-rose-200' + | 'bg-rose-300' + | 'bg-rose-400' + | 'bg-rose-500' + | 'bg-rose-600' + | 'bg-rose-700' + | 'bg-rose-800' + | 'bg-rose-900' + | 'bg-rose-950'; diff --git a/src copy/model/border.ts b/src copy/model/border.ts new file mode 100644 index 0000000..fe18e11 --- /dev/null +++ b/src copy/model/border.ts @@ -0,0 +1,127 @@ +export type BorderType = BorderWidthType | BorderColorType | RoundedType; + +type RoundedType = + | 'rounded-none' + | 'rounded-sm' + | 'rounded' + | 'rounded-md' + | 'rounded-lg' + | 'rounded-xl' + | 'rounded-2xl' + | 'rounded-3xl' + | 'rounded-full' + | 'rounded-t-none' + | 'rounded-t-sm' + | 'rounded-t' + | 'rounded-t-md' + | 'rounded-t-lg' + | 'rounded-t-xl' + | 'rounded-t-2xl' + | 'rounded-t-3xl' + | 'rounded-t-full' + | 'rounded-b-none' + | 'rounded-b-sm' + | 'rounded-b' + | 'rounded-b-md' + | 'rounded-b-lg' + | 'rounded-b-xl' + | 'rounded-b-2xl' + | 'rounded-b-3xl' + | 'rounded-b-full' + | 'rounded-l-none' + | 'rounded-l-sm' + | 'rounded-l' + | 'rounded-l-md' + | 'rounded-l-lg' + | 'rounded-l-xl' + | 'rounded-l-2xl' + | 'rounded-l-3xl' + | 'rounded-l-full' + | 'rounded-tl-none' + | 'rounded-tl-sm' + | 'rounded-tl' + | 'rounded-tl-md' + | 'rounded-tl-lg' + | 'rounded-tl-xl' + | 'rounded-tl-2xl' + | 'rounded-tl-3xl' + | 'rounded-tl-full' + | 'rounded-tr-none' + | 'rounded-tr-sm' + | 'rounded-tr' + | 'rounded-tr-md' + | 'rounded-tr-lg' + | 'rounded-tr-xl' + | 'rounded-tr-2xl' + | 'rounded-tr-3xl' + | 'rounded-tr-full' + | 'rounded-bl-none' + | 'rounded-bl-sm' + | 'rounded-bl' + | 'rounded-bl-md' + | 'rounded-bl-lg' + | 'rounded-bl-xl' + | 'rounded-bl-2xl' + | 'rounded-bl-3xl' + | 'rounded-bl-full' + | 'rounded-br-none' + | 'rounded-br-sm' + | 'rounded-br' + | 'rounded-br-md' + | 'rounded-br-lg' + | 'rounded-br-xl' + | 'rounded-br-2xl' + | 'rounded-br-3xl' + | 'rounded-br-full'; + +type BorderColorType = + | 'border-dark' + | 'border-light' + | 'border-dark-light' + | 'border-white' + | 'border-black' + | 'border-secondary' + | 'border-error' + | 'border-success' + | 'border-warning' + | 'border-transparent' + | 'border-dashed' + | 'border-dotted' + | 'border-solid'; + +type BorderWidthType = + | 'border-none' + | 'border' + | 'border-md' + | 'border-lg' + | 'border-xl' + | 'border-x-none' + | 'border-x' + | 'border-x-md' + | 'border-x-lg' + | 'border-x-xl' + | 'border-y-none' + | 'border-y' + | 'border-y-md' + | 'border-y-lg' + | 'border-y-xl' + | 'border-t-none' + | 'border-t' + | 'border-t-md' + | 'border-t-lg' + | 'border-t-xl' + | 'border-b-none' + | 'border-b' + | 'border-b-md' + | 'border-b-lg' + | 'border-b-xl' + | 'border-r-none' + | 'border-r' + | 'border-r-md' + | 'border-r-lg' + | 'border-r-xl' + | 'border-l-none' + | 'border-l' + | 'border-l-md' + | 'border-l-lg' + | 'border-l-xl'; diff --git a/src copy/model/classStyle.ts b/src copy/model/classStyle.ts new file mode 100644 index 0000000..6b658f8 --- /dev/null +++ b/src copy/model/classStyle.ts @@ -0,0 +1,15 @@ +import {FlexType, GapType} from './flex'; +import {PositionType} from './position'; +import {MarginType} from './margin'; +import {PaddingType} from './padding'; +import {SizeType} from './size'; +import {BorderType} from '.'; + +export type ClassStyleType = + | BorderType + | PositionType + | GapType + | MarginType + | PaddingType + | FlexType + | SizeType; diff --git a/src copy/model/flex.ts b/src copy/model/flex.ts new file mode 100644 index 0000000..cb67abf --- /dev/null +++ b/src copy/model/flex.ts @@ -0,0 +1,94 @@ +export type FlexType = + | 'd-none' + | 'd-flex' + | 'flex-1' + | 'flex-wrap' + | 'flex-wrap-reverse' + | 'flex-nowrap' + | 'row' + | 'row-center' + | 'row-v-center' + | 'row-reverse' + | 'column' + | 'column-reverse' + | 'column-center' + | 'column-v-center' + | 'center' + | 'self-center' + | 'self-start' + | 'self-end' + | 'justify-start' + | 'justify-center' + | 'justify-end' + | 'space-around' + | 'space-between' + | 'items-center' + | 'items-start' + | 'items-end' + | 'aspectRatio' + | 'aspectRatio-16/9' + | 'aspectRatio-4/3' + | 'object-cover' + | 'object-contain' + | 'object-fill' + | 'object-scale-down'; + +export type GapType = + | 'gap' + | 'gap-0' + | 'gap-0.5' + | 'gap-1' + | 'gap-1.5' + | 'gap-2' + | 'gap-2.5' + | 'gap-3' + | 'gap-3.5' + | 'gap-4' + | 'gap-5' + | 'gap-6' + | 'gap-7' + | 'gap-8' + | 'gap-9' + | 'gap-10' + | 'gap-11' + | 'gap-12' + | 'gap-14' + | 'gap-16' + | 'row-gap-0' + | 'row-gap-0.5' + | 'row-gap-1' + | 'row-gap-1.5' + | 'row-gap-2' + | 'row-gap-2.5' + | 'row-gap-3' + | 'row-gap-3.5' + | 'row-gap-4' + | 'row-gap-5' + | 'row-gap-6' + | 'row-gap-7' + | 'row-gap-8' + | 'row-gap-9' + | 'row-gap-10' + | 'row-gap-11' + | 'row-gap-12' + | 'row-gap-14' + | 'row-gap-16' + | 'col-gap-0' + | 'col-gap-0.5' + | 'col-gap-1' + | 'col-gap-1.5' + | 'col-gap-2' + | 'col-gap-2.5' + | 'col-gap-3' + | 'col-gap-3.5' + | 'col-gap-4' + | 'col-gap-5' + | 'col-gap-6' + | 'col-gap-7' + | 'col-gap-8' + | 'col-gap-9' + | 'col-gap-10' + | 'col-gap-11' + | 'col-gap-12' + | 'col-gap-14' + | 'col-gap-16'; diff --git a/src copy/model/index.ts b/src copy/model/index.ts new file mode 100644 index 0000000..3c47028 --- /dev/null +++ b/src copy/model/index.ts @@ -0,0 +1,9 @@ +export * from './classStyle'; +export * from './border'; +export * from './flex'; +export * from './position'; +export * from './margin'; +export * from './padding'; +export * from './size'; +export * from './text'; +export * from './background'; \ No newline at end of file diff --git a/src copy/model/margin.ts b/src copy/model/margin.ts new file mode 100644 index 0000000..22a0fc1 --- /dev/null +++ b/src copy/model/margin.ts @@ -0,0 +1,154 @@ +export type MarginType = + | MarginTopType + | MarginLeftType + | MarginRightType + | MarginBottomType + | MarginHorizontalType + | MarginVerticalType + | MarginFullType; + +type MarginFullType = + | 'm-0' + | 'm-0.5' + | 'm-1' + | 'm-1.5' + | 'm-2' + | 'm-2.5' + | 'm-3' + | 'm-3.5' + | 'm-4' + | 'm-5' + | 'm-6' + | 'm-7' + | 'm-8' + | 'm-9' + | 'm-10' + | 'm-11' + | 'm-12' + | 'm-14' + | 'm-16'; + +type MarginTopType = + | 'mt-0' + | 'mt-0.5' + | 'mt-1' + | 'mt-1.5' + | 'mt-2' + | 'mt-2.5' + | 'mt-3' + | 'mt-3.5' + | 'mt-4' + | 'mt-5' + | 'mt-6' + | 'mt-7' + | 'mt-8' + | 'mt-9' + | 'mt-10' + | 'mt-11' + | 'mt-12' + | 'mt-14' + | 'mt-16'; + +type MarginLeftType = + | 'ml-0' + | 'ml-0.5' + | 'ml-1' + | 'ml-1.5' + | 'ml-2' + | 'ml-2.5' + | 'ml-3' + | 'ml-3.5' + | 'ml-4' + | 'ml-5' + | 'ml-6' + | 'ml-7' + | 'ml-8' + | 'ml-9' + | 'ml-10' + | 'ml-11' + | 'ml-12' + | 'ml-14' + | 'ml-16'; + +type MarginRightType = + | 'mr-0' + | 'mr-0.5' + | 'mr-1' + | 'mr-1.5' + | 'mr-2' + | 'mr-2.5' + | 'mr-3' + | 'mr-3.5' + | 'mr-4' + | 'mr-5' + | 'mr-6' + | 'mr-7' + | 'mr-8' + | 'mr-9' + | 'mr-10' + | 'mr-11' + | 'mr-12' + | 'mr-14' + | 'mr-16'; + +type MarginBottomType = + | 'mb-0.5' + | 'mb-1' + | 'mb-1.5' + | 'mb-2' + | 'mb-2.5' + | 'mb-3' + | 'mb-3.5' + | 'mb-4' + | 'mb-5' + | 'mb-6' + | 'mb-7' + | 'mb-8' + | 'mb-9' + | 'mb-10' + | 'mb-11' + | 'mb-12' + | 'mb-14' + | 'mb-16'; + +type MarginHorizontalType = + | 'mx-0' + | 'mx-0.5' + | 'mx-1' + | 'mx-1.5' + | 'mx-2' + | 'mx-2.5' + | 'mx-3' + | 'mx-3.5' + | 'mx-4' + | 'mx-5' + | 'mx-6' + | 'mx-7' + | 'mx-8' + | 'mx-9' + | 'mx-10' + | 'mx-11' + | 'mx-12' + | 'mx-14' + | 'mx-16'; + +type MarginVerticalType = + | 'my-0' + | 'my-0.5' + | 'my-1' + | 'my-1.5' + | 'my-2' + | 'my-2.5' + | 'my-3' + | 'my-3.5' + | 'my-4' + | 'my-5' + | 'my-6' + | 'my-7' + | 'my-8' + | 'my-9' + | 'my-10' + | 'my-11' + | 'my-12' + | 'my-14' + | 'my-16'; diff --git a/src copy/model/padding.ts b/src copy/model/padding.ts new file mode 100644 index 0000000..980afad --- /dev/null +++ b/src copy/model/padding.ts @@ -0,0 +1,154 @@ +export type PaddingType = + | PaddingTopType + | PaddingLeftType + | PaddingRightType + | PaddingBottomType + | PaddingHorizontalType + | PaddingVerticalType + | PaddingFullType; + +type PaddingFullType = + | 'p-0' + | 'p-0.5' + | 'p-1' + | 'p-1.5' + | 'p-2' + | 'p-2.5' + | 'p-3' + | 'p-3.5' + | 'p-4' + | 'p-5' + | 'p-6' + | 'p-7' + | 'p-8' + | 'p-9' + | 'p-10' + | 'p-11' + | 'p-12' + | 'p-14' + | 'p-16'; + +type PaddingTopType = + | 'pt-0' + | 'pt-0.5' + | 'pt-1' + | 'pt-1.5' + | 'pt-2' + | 'pt-2.5' + | 'pt-3' + | 'pt-3.5' + | 'pt-4' + | 'pt-5' + | 'pt-6' + | 'pt-7' + | 'pt-8' + | 'pt-9' + | 'pt-10' + | 'pt-11' + | 'pt-12' + | 'pt-14' + | 'pt-16'; + +type PaddingLeftType = + | 'pl-0' + | 'pl-0.5' + | 'pl-1' + | 'pl-1.5' + | 'pl-2' + | 'pl-2.5' + | 'pl-3' + | 'pl-3.5' + | 'pl-4' + | 'pl-5' + | 'pl-6' + | 'pl-7' + | 'pl-8' + | 'pl-9' + | 'pl-10' + | 'pl-11' + | 'pl-12' + | 'pl-14' + | 'pl-16'; + +type PaddingRightType = + | 'pr-0' + | 'pr-0.5' + | 'pr-1' + | 'pr-1.5' + | 'pr-2' + | 'pr-2.5' + | 'pr-3' + | 'pr-3.5' + | 'pr-4' + | 'pr-5' + | 'pr-6' + | 'pr-7' + | 'pr-8' + | 'pr-9' + | 'pr-10' + | 'pr-11' + | 'pr-12' + | 'pr-14' + | 'pr-16'; + +type PaddingBottomType = + | 'pb-0.5' + | 'pb-1' + | 'pb-1.5' + | 'pb-2' + | 'pb-2.5' + | 'pb-3' + | 'pb-3.5' + | 'pb-4' + | 'pb-5' + | 'pb-6' + | 'pb-7' + | 'pb-8' + | 'pb-9' + | 'pb-10' + | 'pb-11' + | 'pb-12' + | 'pb-14' + | 'pb-16'; + +type PaddingHorizontalType = + | 'px-0' + | 'px-0.5' + | 'px-1' + | 'px-1.5' + | 'px-2' + | 'px-2.5' + | 'px-3' + | 'px-3.5' + | 'px-4' + | 'px-5' + | 'px-6' + | 'px-7' + | 'px-8' + | 'px-9' + | 'px-10' + | 'px-11' + | 'px-12' + | 'px-14' + | 'px-16'; + +type PaddingVerticalType = + | 'py-0' + | 'py-0.5' + | 'py-1' + | 'py-1.5' + | 'py-2' + | 'py-2.5' + | 'py-3' + | 'py-3.5' + | 'py-4' + | 'py-5' + | 'py-6' + | 'py-7' + | 'py-8' + | 'py-9' + | 'py-10' + | 'py-11' + | 'py-12' + | 'py-14' + | 'py-16'; diff --git a/src copy/model/position.ts b/src copy/model/position.ts new file mode 100644 index 0000000..37afcf3 --- /dev/null +++ b/src copy/model/position.ts @@ -0,0 +1,108 @@ +export type PositionType = + | 'absolute' + | 'relative' + | Top + | Left + | Right + | Bottom + | ZIndex; + +type Top = + | 'top-0' + | 'top-0.5' + | 'top-1' + | 'top-1.5' + | 'top-2' + | 'top-2.5' + | 'top-3' + | 'top-3.5' + | 'top-4' + | 'top-5' + | 'top-6' + | 'top-7' + | 'top-8' + | 'top-9' + | 'top-10' + | 'top-11' + | 'top-12' + | 'top-14' + | 'top-16'; + +type Bottom = + | 'bottom-0' + | 'bottom-0.5' + | 'bottom-1' + | 'bottom-1.5' + | 'bottom-2' + | 'bottom-2.5' + | 'bottom-3' + | 'bottom-3.5' + | 'bottom-4' + | 'bottom-5' + | 'bottom-6' + | 'bottom-7' + | 'bottom-8' + | 'bottom-9' + | 'bottom-10' + | 'bottom-11' + | 'bottom-12' + | 'bottom-14' + | 'bottom-16'; + +type Left = + | 'left-0' + | 'left-0.5' + | 'left-1' + | 'left-1.5' + | 'left-2' + | 'left-2.5' + | 'left-3' + | 'left-3.5' + | 'left-4' + | 'left-5' + | 'left-6' + | 'left-7' + | 'left-8' + | 'left-9' + | 'left-10' + | 'left-11' + | 'left-12' + | 'left-14' + | 'left-16'; + +type Right = + | 'right-0' + | 'right-0.5' + | 'right-1' + | 'right-1.5' + | 'right-2' + | 'right-2.5' + | 'right-3' + | 'right-3.5' + | 'right-4' + | 'right-5' + | 'right-6' + | 'right-7' + | 'right-8' + | 'right-9' + | 'right-10' + | 'right-11' + | 'right-12' + | 'right-14' + | 'right-16'; + +type ZIndex = + | '-z-1' + | '-z-2' + | '-z-3' + | 'z-0' + | 'z-1' + | 'z-2' + | 'z-3' + | 'z-4' + | 'z-5' + | 'z-6' + | 'z-7' + | 'z-8' + | 'z-9' + | 'z-9999'; diff --git a/src copy/model/size.ts b/src copy/model/size.ts new file mode 100644 index 0000000..6dab17f --- /dev/null +++ b/src copy/model/size.ts @@ -0,0 +1,144 @@ +export type SizeType = WidthType | MinWidthType | HeightType; + +type WidthType = + | 'w-0' + | 'w-0.5' + | 'w-1' + | 'w-1.5' + | 'w-2' + | 'w-2.5' + | 'w-3' + | 'w-3.5' + | 'w-4' + | 'w-5' + | 'w-6' + | 'w-7' + | 'w-8' + | 'w-9' + | 'w-10' + | 'w-11' + | 'w-12' + | 'w-14' + | 'w-16' + | 'w-20' + | 'w-24' + | 'w-28' + | 'w-32' + | 'w-36' + | 'w-40' + | 'w-44' + | 'w-48' + | 'w-52' + | 'w-56' + | 'w-60' + | 'w-64' + | 'w-72' + | 'w-80' + | 'w-96' + | 'w-1/3' + | 'w-2/3' + | 'w-1/2' + | 'w-1/4' + | 'w-3/4' + | 'w-1/5' + | 'w-2/5' + | 'w-3/5' + | 'w-4/5' + | 'w-full' + | 'w-screen'; + +type MinWidthType = + | 'min-w-0' + | 'min-w-0.5' + | 'min-w-1' + | 'min-w-1.5' + | 'min-w-2' + | 'min-w-2.5' + | 'min-w-3' + | 'min-w-3.5' + | 'min-w-4' + | 'min-w-5' + | 'min-w-6' + | 'min-w-7' + | 'min-w-8' + | 'min-w-9' + | 'min-w-10' + | 'min-w-11' + | 'min-w-12' + | 'min-w-14' + | 'min-w-16' + | 'min-w-20' + | 'min-w-24' + | 'min-w-28' + | 'min-w-32' + | 'min-w-36' + | 'min-w-40' + | 'min-w-44' + | 'min-w-48' + | 'min-w-52' + | 'min-w-56' + | 'min-w-60' + | 'min-w-64' + | 'min-w-72' + | 'min-w-80' + | 'min-w-96' + | 'min-w-1/3' + | 'min-w-2/3' + | 'min-w-1/2' + | 'min-w-1/4' + | 'min-w-3/4' + | 'min-w-1/5' + | 'min-w-2/5' + | 'min-w-3/5' + | 'min-w-4/5' + | 'min-w-full' + | 'min-w-screen'; + +type HeightType = + | 'h-0' + | 'h-0.5' + | 'h-1' + | 'h-1.5' + | 'h-2' + | 'h-2.5' + | 'h-3' + | 'h-3.5' + | 'h-4' + | 'h-5' + | 'h-6' + | 'h-7' + | 'h-8' + | 'h-9' + | 'h-10' + | 'h-11' + | 'h-12' + | 'h-14' + | 'h-16' + | 'h-20' + | 'h-24' + | 'h-28' + | 'h-32' + | 'h-36' + | 'h-40' + | 'h-44' + | 'h-48' + | 'h-52' + | 'h-56' + | 'h-60' + | 'h-64' + | 'h-72' + | 'h-80' + | 'h-96' + | 'h-1/3' + | 'h-2/3' + | 'h-1/2' + | 'h-1/4' + | 'h-3/4' + | 'h-1/5' + | 'h-2/5' + | 'h-3/5' + | 'h-4/5' + | 'h-full' + | 'h-screen'; + +export type SizeText = 'xs' | 'sm' | 'base' | 'lg' | 'xl'; diff --git a/src copy/model/text.ts b/src copy/model/text.ts new file mode 100644 index 0000000..c818d59 --- /dev/null +++ b/src copy/model/text.ts @@ -0,0 +1,259 @@ +export type TextAlign = 'center' | 'left' | 'right' | 'auto' | 'justify'; +export type TextType = TextColorType; + +export type FontWeight = + | 'thin' + | 'extraLight' + | 'light' + | 'normal' + | 'medium' + | 'semibold' + | 'bold' + | 'extrabold' + | 'black'; + +export type TextColorType = + | 'text-black' + | 'text-white' + | 'text-slate-50' + | 'text-slate-100' + | 'text-slate-200' + | 'text-slate-300' + | 'text-slate-400' + | 'text-slate-500' + | 'text-slate-600' + | 'text-slate-700' + | 'text-slate-800' + | 'text-slate-900' + | 'text-slate-950' + | 'text-gray-50' + | 'text-gray-100' + | 'text-gray-200' + | 'text-gray-300' + | 'text-gray-400' + | 'text-gray-500' + | 'text-gray-600' + | 'text-gray-700' + | 'text-gray-800' + | 'text-gray-900' + | 'text-gray-950' + | 'text-zinc-50' + | 'text-zinc-100' + | 'text-zinc-200' + | 'text-zinc-300' + | 'text-zinc-400' + | 'text-zinc-500' + | 'text-zinc-600' + | 'text-zinc-700' + | 'text-zinc-800' + | 'text-zinc-900' + | 'text-zinc-950' + | 'text-neutral-50' + | 'text-neutral-100' + | 'text-neutral-200' + | 'text-neutral-300' + | 'text-neutral-400' + | 'text-neutral-500' + | 'text-neutral-600' + | 'text-neutral-700' + | 'text-neutral-800' + | 'text-neutral-900' + | 'text-neutral-950' + | 'text-stone-50' + | 'text-stone-100' + | 'text-stone-200' + | 'text-stone-300' + | 'text-stone-400' + | 'text-stone-500' + | 'text-stone-600' + | 'text-stone-700' + | 'text-stone-800' + | 'text-stone-900' + | 'text-stone-950' + | 'text-red-50' + | 'text-red-100' + | 'text-red-200' + | 'text-red-300' + | 'text-red-400' + | 'text-red-500' + | 'text-red-600' + | 'text-red-700' + | 'text-red-800' + | 'text-red-900' + | 'text-red-950' + | 'text-orange-50' + | 'text-orange-100' + | 'text-orange-200' + | 'text-orange-300' + | 'text-orange-400' + | 'text-orange-500' + | 'text-orange-600' + | 'text-orange-700' + | 'text-orange-800' + | 'text-orange-900' + | 'text-orange-950' + | 'text-amber-50' + | 'text-amber-100' + | 'text-amber-200' + | 'text-amber-300' + | 'text-amber-400' + | 'text-amber-500' + | 'text-amber-600' + | 'text-amber-700' + | 'text-amber-800' + | 'text-amber-900' + | 'text-amber-950' + | 'text-yellow-50' + | 'text-yellow-100' + | 'text-yellow-200' + | 'text-yellow-300' + | 'text-yellow-400' + | 'text-yellow-500' + | 'text-yellow-600' + | 'text-yellow-700' + | 'text-yellow-800' + | 'text-yellow-900' + | 'text-yellow-950' + | 'text-lime-50' + | 'text-lime-100' + | 'text-lime-200' + | 'text-lime-300' + | 'text-lime-400' + | 'text-lime-500' + | 'text-lime-600' + | 'text-lime-700' + | 'text-lime-800' + | 'text-lime-900' + | 'text-lime-950' + | 'text-green-50' + | 'text-green-100' + | 'text-green-200' + | 'text-green-300' + | 'text-green-400' + | 'text-green-500' + | 'text-green-600' + | 'text-green-700' + | 'text-green-800' + | 'text-green-900' + | 'text-green-950' + | 'text-emerald-50' + | 'text-emerald-100' + | 'text-emerald-200' + | 'text-emerald-300' + | 'text-emerald-400' + | 'text-emerald-500' + | 'text-emerald-600' + | 'text-emerald-700' + | 'text-emerald-800' + | 'text-emerald-900' + | 'text-emerald-950' + | 'text-teal-50' + | 'text-teal-100' + | 'text-teal-200' + | 'text-teal-300' + | 'text-teal-400' + | 'text-teal-500' + | 'text-teal-600' + | 'text-teal-700' + | 'text-teal-800' + | 'text-teal-900' + | 'text-teal-950' + | 'text-cyan-50' + | 'text-cyan-100' + | 'text-cyan-200' + | 'text-cyan-300' + | 'text-cyan-400' + | 'text-cyan-500' + | 'text-cyan-600' + | 'text-cyan-700' + | 'text-cyan-800' + | 'text-cyan-900' + | 'text-cyan-950' + | 'text-sky-50' + | 'text-sky-100' + | 'text-sky-200' + | 'text-sky-300' + | 'text-sky-400' + | 'text-sky-500' + | 'text-sky-600' + | 'text-sky-700' + | 'text-sky-800' + | 'text-sky-900' + | 'text-sky-950' + | 'text-blue-50' + | 'text-blue-100' + | 'text-blue-200' + | 'text-blue-300' + | 'text-blue-400' + | 'text-blue-500' + | 'text-blue-600' + | 'text-blue-700' + | 'text-blue-800' + | 'text-blue-900' + | 'text-blue-950' + | 'text-indigo-50' + | 'text-indigo-100' + | 'text-indigo-200' + | 'text-indigo-300' + | 'text-indigo-400' + | 'text-indigo-500' + | 'text-indigo-600' + | 'text-indigo-700' + | 'text-indigo-800' + | 'text-indigo-900' + | 'text-indigo-950' + | 'text-violet-50' + | 'text-violet-100' + | 'text-violet-200' + | 'text-violet-300' + | 'text-violet-400' + | 'text-violet-500' + | 'text-violet-600' + | 'text-violet-700' + | 'text-violet-800' + | 'text-violet-900' + | 'text-violet-950' + | 'text-purple-50' + | 'text-purple-100' + | 'text-purple-200' + | 'text-purple-300' + | 'text-purple-400' + | 'text-purple-500' + | 'text-purple-600' + | 'text-purple-700' + | 'text-purple-800' + | 'text-purple-900' + | 'text-purple-950' + | 'text-fuchsia-50' + | 'text-fuchsia-100' + | 'text-fuchsia-200' + | 'text-fuchsia-300' + | 'text-fuchsia-400' + | 'text-fuchsia-500' + | 'text-fuchsia-600' + | 'text-fuchsia-700' + | 'text-fuchsia-800' + | 'text-fuchsia-900' + | 'text-fuchsia-950' + | 'text-pink-50' + | 'text-pink-100' + | 'text-pink-200' + | 'text-pink-300' + | 'text-pink-400' + | 'text-pink-500' + | 'text-pink-600' + | 'text-pink-700' + | 'text-pink-800' + | 'text-pink-900' + | 'text-pink-950' + | 'text-rose-50' + | 'text-rose-100' + | 'text-rose-200' + | 'text-rose-300' + | 'text-rose-400' + | 'text-rose-500' + | 'text-rose-600' + | 'text-rose-700' + | 'text-rose-800' + | 'text-rose-900' + | 'text-rose-950'; diff --git a/src copy/styles/Border.styles.ts b/src copy/styles/Border.styles.ts new file mode 100644 index 0000000..92d8bbc --- /dev/null +++ b/src copy/styles/Border.styles.ts @@ -0,0 +1,447 @@ +import {StyleSheet} from 'react-native'; +import {horizontalScale} from '../utils'; + +const borderWidthStyle = StyleSheet.create({ + 'border-none': {borderWidth: 0}, + border: {borderWidth: horizontalScale(1)}, + 'border-md': {borderWidth: horizontalScale(2)}, + 'border-lg': {borderWidth: horizontalScale(4)}, + 'border-xl': {borderWidth: horizontalScale(8)}, + 'border-t-none': {borderTopWidth: 0}, + 'border-t': {borderTopWidth: horizontalScale(1)}, + 'border-t-md': {borderTopWidth: horizontalScale(2)}, + 'border-t-lg': {borderTopWidth: horizontalScale(4)}, + 'border-t-xl': {borderTopWidth: horizontalScale(8)}, + 'border-b-none': {borderBottomWidth: 0}, + 'border-b': {borderBottomWidth: horizontalScale(1)}, + 'border-b-md': {borderBottomWidth: horizontalScale(2)}, + 'border-b-lg': {borderBottomWidth: horizontalScale(4)}, + 'border-b-xl': {borderBottomWidth: horizontalScale(8)}, + 'border-l-none': {borderLeftWidth: 0}, + 'border-l': {borderLeftWidth: horizontalScale(1)}, + 'border-l-md': {borderLeftWidth: horizontalScale(2)}, + 'border-l-lg': {borderLeftWidth: horizontalScale(4)}, + 'border-l-xl': {borderLeftWidth: horizontalScale(8)}, + 'border-r-none': {borderRightWidth: 0}, + 'border-r': {borderRightWidth: horizontalScale(1)}, + 'border-r-md': {borderRightWidth: horizontalScale(2)}, + 'border-r-lg': {borderRightWidth: horizontalScale(4)}, + 'border-r-xl': {borderRightWidth: horizontalScale(8)}, + 'border-x-none': {borderLeftWidth: 0, borderRightWidth: 0}, + 'border-x': { + borderLeftWidth: horizontalScale(1), + borderRightWidth: horizontalScale(1), + }, + 'border-x-md': { + borderLeftWidth: horizontalScale(2), + borderRightWidth: horizontalScale(2), + }, + 'border-x-lg': { + borderLeftWidth: horizontalScale(4), + borderRightWidth: horizontalScale(4), + }, + 'border-x-xl': { + borderLeftWidth: horizontalScale(8), + borderRightWidth: horizontalScale(8), + }, + 'border-y-none': {borderTopWidth: 0, borderBottomWidth: 0}, + 'border-y': { + borderTopWidth: horizontalScale(1), + borderBottomWidth: horizontalScale(1), + }, + 'border-y-md': { + borderTopWidth: horizontalScale(2), + borderBottomWidth: horizontalScale(2), + }, + 'border-y-lg': { + borderTopWidth: horizontalScale(4), + borderBottomWidth: horizontalScale(4), + }, + 'border-y-xl': { + borderTopWidth: horizontalScale(8), + borderBottomWidth: horizontalScale(8), + }, +}); +const borderColorStyles = StyleSheet.create({ + 'border-dashed': {borderStyle: 'dashed'}, + 'border-dotted': {borderStyle: 'dotted'}, + 'border-solid': {borderStyle: 'solid'}, + 'border-dark': {borderColor: 'black'}, + 'border-dark-light': {borderColor: 'white'}, + 'border-light': {borderColor: 'white'}, + 'border-white': {borderColor: 'white'}, + 'border-black': {borderColor: 'black'}, + 'border-secondary': {borderColor: '#f5f5f5'}, + 'border-error': {borderColor: 'red'}, + 'border-success': {borderColor: 'green'}, + 'border-warning': {borderColor: 'yellow'}, + 'border-transparent': {borderColor: 'transparent'}, +}); + +const roundedStyles = StyleSheet.create({ + 'rounded-none': {borderRadius: 0}, + 'rounded-sm': {borderRadius: horizontalScale(2)}, + rounded: {borderRadius: horizontalScale(4)}, + 'rounded-md': {borderRadius: horizontalScale(6)}, + 'rounded-lg': {borderRadius: horizontalScale(8)}, + 'rounded-xl': {borderRadius: horizontalScale(12)}, + 'rounded-2xl': {borderRadius: horizontalScale(16)}, + 'rounded-3xl': {borderRadius: horizontalScale(24)}, + 'rounded-full': {borderRadius: horizontalScale(9999)}, + 'rounded-t-none': {borderTopLeftRadius: 0, borderTopRightRadius: 0}, + 'rounded-t-sm': { + borderTopLeftRadius: horizontalScale(2), + borderTopRightRadius: horizontalScale(2), + }, + 'rounded-t': { + borderTopLeftRadius: horizontalScale(4), + borderTopRightRadius: horizontalScale(4), + }, + 'rounded-t-md': { + borderTopLeftRadius: horizontalScale(6), + borderTopRightRadius: horizontalScale(6), + }, + 'rounded-t-lg': { + borderTopLeftRadius: horizontalScale(8), + borderTopRightRadius: horizontalScale(8), + }, + 'rounded-t-xl': { + borderTopLeftRadius: horizontalScale(12), + borderTopRightRadius: horizontalScale(12), + }, + 'rounded-t-2xl': { + borderTopLeftRadius: horizontalScale(16), + borderTopRightRadius: horizontalScale(16), + }, + 'rounded-t-3xl': { + borderTopLeftRadius: horizontalScale(24), + borderTopRightRadius: horizontalScale(24), + }, + 'rounded-t-full': { + borderTopLeftRadius: horizontalScale(9999), + borderTopRightRadius: horizontalScale(9999), + }, + 'rounded-b-none': {borderBottomLeftRadius: 0, borderBottomRightRadius: 0}, + 'rounded-b-sm': { + borderBottomLeftRadius: horizontalScale(2), + borderBottomRightRadius: horizontalScale(2), + }, + 'rounded-b': { + borderBottomLeftRadius: horizontalScale(4), + borderBottomRightRadius: horizontalScale(4), + }, + 'rounded-b-md': { + borderBottomLeftRadius: horizontalScale(6), + borderBottomRightRadius: horizontalScale(6), + }, + 'rounded-b-lg': { + borderBottomLeftRadius: horizontalScale(8), + borderBottomRightRadius: horizontalScale(8), + }, + 'rounded-b-xl': { + borderBottomLeftRadius: horizontalScale(12), + borderBottomRightRadius: horizontalScale(12), + }, + 'rounded-b-2xl': { + borderBottomLeftRadius: horizontalScale(16), + borderBottomRightRadius: horizontalScale(16), + }, + 'rounded-b-3xl': { + borderBottomLeftRadius: horizontalScale(24), + borderBottomRightRadius: horizontalScale(24), + }, + 'rounded-b-full': { + borderBottomLeftRadius: horizontalScale(9999), + borderBottomRightRadius: horizontalScale(9999), + }, + 'rounded-l-none': {borderTopLeftRadius: 0, borderBottomLeftRadius: 0}, + 'rounded-l-sm': { + borderTopLeftRadius: horizontalScale(2), + borderBottomLeftRadius: horizontalScale(2), + }, + 'rounded-l': { + borderTopLeftRadius: horizontalScale(4), + borderBottomLeftRadius: horizontalScale(4), + }, + 'rounded-l-md': { + borderTopLeftRadius: horizontalScale(6), + borderBottomLeftRadius: horizontalScale(6), + }, + 'rounded-l-lg': { + borderTopLeftRadius: horizontalScale(8), + borderBottomLeftRadius: horizontalScale(8), + }, + 'rounded-l-xl': { + borderTopLeftRadius: horizontalScale(12), + borderBottomLeftRadius: horizontalScale(12), + }, + 'rounded-l-2xl': { + borderTopLeftRadius: horizontalScale(16), + borderBottomLeftRadius: horizontalScale(16), + }, + 'rounded-l-3xl': { + borderTopLeftRadius: horizontalScale(24), + borderBottomLeftRadius: horizontalScale(24), + }, + 'rounded-l-full': { + borderTopLeftRadius: horizontalScale(9999), + borderBottomLeftRadius: horizontalScale(9999), + }, + 'rounded-tl-none': {borderTopLeftRadius: 0}, + 'rounded-tl-sm': {borderTopLeftRadius: horizontalScale(2)}, + 'rounded-tl': {borderTopLeftRadius: horizontalScale(4)}, + 'rounded-tl-md': {borderTopLeftRadius: horizontalScale(6)}, + 'rounded-tl-lg': {borderTopLeftRadius: horizontalScale(8)}, + 'rounded-tl-xl': {borderTopLeftRadius: horizontalScale(12)}, + 'rounded-tl-2xl': {borderTopLeftRadius: horizontalScale(16)}, + 'rounded-tl-3xl': {borderTopLeftRadius: horizontalScale(24)}, + 'rounded-tl-full': {borderTopLeftRadius: horizontalScale(9999)}, + 'rounded-tr-none': {borderTopRightRadius: 0}, + 'rounded-tr-sm': {borderTopRightRadius: horizontalScale(2)}, + 'rounded-tr': {borderTopRightRadius: horizontalScale(4)}, + 'rounded-tr-md': {borderTopRightRadius: horizontalScale(6)}, + 'rounded-tr-lg': {borderTopRightRadius: horizontalScale(8)}, + 'rounded-tr-xl': {borderTopRightRadius: horizontalScale(12)}, + 'rounded-tr-2xl': {borderTopRightRadius: horizontalScale(16)}, + 'rounded-tr-3xl': {borderTopRightRadius: horizontalScale(24)}, + 'rounded-tr-full': {borderTopRightRadius: horizontalScale(9999)}, + 'rounded-bl-none': {borderBottomLeftRadius: 0}, + 'rounded-bl-sm': {borderBottomLeftRadius: horizontalScale(2)}, + 'rounded-bl': {borderBottomLeftRadius: horizontalScale(4)}, + 'rounded-bl-md': {borderBottomLeftRadius: horizontalScale(6)}, + 'rounded-bl-lg': {borderBottomLeftRadius: horizontalScale(8)}, + 'rounded-bl-xl': {borderBottomLeftRadius: horizontalScale(12)}, + 'rounded-bl-2xl': {borderBottomLeftRadius: horizontalScale(16)}, + 'rounded-bl-3xl': {borderBottomLeftRadius: horizontalScale(24)}, + 'rounded-bl-full': {borderBottomLeftRadius: horizontalScale(9999)}, + 'rounded-br-none': {borderBottomRightRadius: 0}, + 'rounded-br-sm': {borderBottomRightRadius: horizontalScale(2)}, + 'rounded-br': {borderBottomRightRadius: horizontalScale(4)}, + 'rounded-br-md': {borderBottomRightRadius: horizontalScale(6)}, + 'rounded-br-lg': {borderBottomRightRadius: horizontalScale(8)}, + 'rounded-br-xl': {borderBottomRightRadius: horizontalScale(12)}, + 'rounded-br-2xl': {borderBottomRightRadius: horizontalScale(16)}, + 'rounded-br-3xl': {borderBottomRightRadius: horizontalScale(24)}, + 'rounded-br-full': {borderBottomRightRadius: horizontalScale(9999)}, +}); + +const borderWidthNoneScaleStyle = StyleSheet.create({ + 'border-none': {borderWidth: 0}, + border: {borderWidth: 1}, + 'border-md': {borderWidth: 2}, + 'border-lg': {borderWidth: 4}, + 'border-xl': {borderWidth: 8}, + 'border-t-none': {borderTopWidth: 0}, + 'border-t': {borderTopWidth: 1}, + 'border-t-md': {borderTopWidth: 2}, + 'border-t-lg': {borderTopWidth: 4}, + 'border-t-xl': {borderTopWidth: 8}, + 'border-b-none': {borderBottomWidth: 0}, + 'border-b': {borderBottomWidth: 1}, + 'border-b-md': {borderBottomWidth: 2}, + 'border-b-lg': {borderBottomWidth: 4}, + 'border-b-xl': {borderBottomWidth: 8}, + 'border-l-none': {borderLeftWidth: 0}, + 'border-l': {borderLeftWidth: 1}, + 'border-l-md': {borderLeftWidth: 2}, + 'border-l-lg': {borderLeftWidth: 4}, + 'border-l-xl': {borderLeftWidth: 8}, + 'border-r-none': {borderRightWidth: 0}, + 'border-r': {borderRightWidth: 1}, + 'border-r-md': {borderRightWidth: 2}, + 'border-r-lg': {borderRightWidth: 4}, + 'border-r-xl': {borderRightWidth: 8}, + 'border-x-none': {borderLeftWidth: 0, borderRightWidth: 0}, + 'border-x': { + borderLeftWidth: 1, + borderRightWidth: 1, + }, + 'border-x-md': { + borderLeftWidth: 2, + borderRightWidth: 2, + }, + 'border-x-lg': { + borderLeftWidth: 4, + borderRightWidth: 4, + }, + 'border-x-xl': { + borderLeftWidth: 8, + borderRightWidth: 8, + }, + 'border-y-none': {borderTopWidth: 0, borderBottomWidth: 0}, + 'border-y': { + borderTopWidth: 1, + borderBottomWidth: 1, + }, + 'border-y-md': { + borderTopWidth: 2, + borderBottomWidth: 2, + }, + 'border-y-lg': { + borderTopWidth: 4, + borderBottomWidth: 4, + }, + 'border-y-xl': { + borderTopWidth: 8, + borderBottomWidth: 8, + }, +}); + +const roundedNoneScaleStyles = StyleSheet.create({ + 'rounded-none': {borderRadius: 0}, + 'rounded-sm': {borderRadius: 2}, + rounded: {borderRadius: 4}, + 'rounded-md': {borderRadius: 6}, + 'rounded-lg': {borderRadius: 8}, + 'rounded-xl': {borderRadius: 12}, + 'rounded-2xl': {borderRadius: 16}, + 'rounded-3xl': {borderRadius: 24}, + 'rounded-full': {borderRadius: 9999}, + 'rounded-t-none': {borderTopLeftRadius: 0, borderTopRightRadius: 0}, + 'rounded-t-sm': { + borderTopLeftRadius: 2, + borderTopRightRadius: 2, + }, + 'rounded-t': { + borderTopLeftRadius: 4, + borderTopRightRadius: 4, + }, + 'rounded-t-md': { + borderTopLeftRadius: 6, + borderTopRightRadius: 6, + }, + 'rounded-t-lg': { + borderTopLeftRadius: 8, + borderTopRightRadius: 8, + }, + 'rounded-t-xl': { + borderTopLeftRadius: 12, + borderTopRightRadius: 12, + }, + 'rounded-t-2xl': { + borderTopLeftRadius: 16, + borderTopRightRadius: 16, + }, + 'rounded-t-3xl': { + borderTopLeftRadius: 24, + borderTopRightRadius: 24, + }, + 'rounded-t-full': { + borderTopLeftRadius: 9999, + borderTopRightRadius: 9999, + }, + 'rounded-b-none': {borderBottomLeftRadius: 0, borderBottomRightRadius: 0}, + 'rounded-b-sm': { + borderBottomLeftRadius: 2, + borderBottomRightRadius: 2, + }, + 'rounded-b': { + borderBottomLeftRadius: 4, + borderBottomRightRadius: 4, + }, + 'rounded-b-md': { + borderBottomLeftRadius: 6, + borderBottomRightRadius: 6, + }, + 'rounded-b-lg': { + borderBottomLeftRadius: 8, + borderBottomRightRadius: 8, + }, + 'rounded-b-xl': { + borderBottomLeftRadius: 12, + borderBottomRightRadius: 12, + }, + 'rounded-b-2xl': { + borderBottomLeftRadius: 16, + borderBottomRightRadius: 16, + }, + 'rounded-b-3xl': { + borderBottomLeftRadius: 24, + borderBottomRightRadius: 24, + }, + 'rounded-b-full': { + borderBottomLeftRadius: 9999, + borderBottomRightRadius: 9999, + }, + 'rounded-l-none': {borderTopLeftRadius: 0, borderBottomLeftRadius: 0}, + 'rounded-l-sm': { + borderTopLeftRadius: 2, + borderBottomLeftRadius: 2, + }, + 'rounded-l': { + borderTopLeftRadius: 4, + borderBottomLeftRadius: 4, + }, + 'rounded-l-md': { + borderTopLeftRadius: 6, + borderBottomLeftRadius: 6, + }, + 'rounded-l-lg': { + borderTopLeftRadius: 8, + borderBottomLeftRadius: 8, + }, + 'rounded-l-xl': { + borderTopLeftRadius: 12, + borderBottomLeftRadius: 12, + }, + 'rounded-l-2xl': { + borderTopLeftRadius: 16, + borderBottomLeftRadius: 16, + }, + 'rounded-l-3xl': { + borderTopLeftRadius: 24, + borderBottomLeftRadius: 24, + }, + 'rounded-l-full': { + borderTopLeftRadius: 9999, + borderBottomLeftRadius: 9999, + }, + 'rounded-tl-none': {borderTopLeftRadius: 0}, + 'rounded-tl-sm': {borderTopLeftRadius: 2}, + 'rounded-tl': {borderTopLeftRadius: 4}, + 'rounded-tl-md': {borderTopLeftRadius: 6}, + 'rounded-tl-lg': {borderTopLeftRadius: 8}, + 'rounded-tl-xl': {borderTopLeftRadius: 12}, + 'rounded-tl-2xl': {borderTopLeftRadius: 16}, + 'rounded-tl-3xl': {borderTopLeftRadius: 24}, + 'rounded-tl-full': {borderTopLeftRadius: 9999}, + 'rounded-tr-none': {borderTopRightRadius: 0}, + 'rounded-tr-sm': {borderTopRightRadius: 2}, + 'rounded-tr': {borderTopRightRadius: 4}, + 'rounded-tr-md': {borderTopRightRadius: 6}, + 'rounded-tr-lg': {borderTopRightRadius: 8}, + 'rounded-tr-xl': {borderTopRightRadius: 12}, + 'rounded-tr-2xl': {borderTopRightRadius: 16}, + 'rounded-tr-3xl': {borderTopRightRadius: 24}, + 'rounded-tr-full': {borderTopRightRadius: 9999}, + 'rounded-bl-none': {borderBottomLeftRadius: 0}, + 'rounded-bl-sm': {borderBottomLeftRadius: 2}, + 'rounded-bl': {borderBottomLeftRadius: 4}, + 'rounded-bl-md': {borderBottomLeftRadius: 6}, + 'rounded-bl-lg': {borderBottomLeftRadius: 8}, + 'rounded-bl-xl': {borderBottomLeftRadius: 12}, + 'rounded-bl-2xl': {borderBottomLeftRadius: 16}, + 'rounded-bl-3xl': {borderBottomLeftRadius: 24}, + 'rounded-bl-full': {borderBottomLeftRadius: 9999}, + 'rounded-br-none': {borderBottomRightRadius: 0}, + 'rounded-br-sm': {borderBottomRightRadius: 2}, + 'rounded-br': {borderBottomRightRadius: 4}, + 'rounded-br-md': {borderBottomRightRadius: 6}, + 'rounded-br-lg': {borderBottomRightRadius: 8}, + 'rounded-br-xl': {borderBottomRightRadius: 12}, + 'rounded-br-2xl': {borderBottomRightRadius: 16}, + 'rounded-br-3xl': {borderBottomRightRadius: 24}, + 'rounded-br-full': {borderBottomRightRadius: 9999}, +}); + +export const classBorderStyles = { + ...borderWidthStyle, + ...borderColorStyles, + ...roundedNoneScaleStyles, +}; + +export const classBorderNoneScaleStyles = { + ...borderWidthNoneScaleStyle, + ...borderColorStyles, + ...roundedStyles, +}; diff --git a/src copy/styles/ClassStyles.ts b/src copy/styles/ClassStyles.ts new file mode 100644 index 0000000..3c7ae74 --- /dev/null +++ b/src copy/styles/ClassStyles.ts @@ -0,0 +1,80 @@ +import {flexStyles, gapNoneScaleStyles, gapStyles} from './Flex.styles'; +import {classBorderNoneScaleStyles, classBorderStyles} from './Border.styles'; +import {classMarginNoneScaleStyle, classMarginStyle} from './Margin.styles'; +import {classPaddingNoneScaleStyle, classPaddingStyle} from './Padding.styles'; +import { + classPositionNoneScaleStyle, + classPositionStyle, +} from './Position.styles'; +import {classSizeNoneScaleStyle, classSizeStyle} from './Size.styles'; +import {ClassStyleType} from '../model'; +import { + textFontSizeNoneScaleStyle, + textFontSizeStyle, + textStyles, +} from './Text.styles'; +import {backgroundColorStyle} from './background.styles'; + +const classStyles = { + ...flexStyles, + ...gapStyles, + ...classBorderStyles, + ...classMarginStyle, + ...classPaddingStyle, + ...classPositionStyle, + ...classSizeStyle, + ...textStyles, + ...backgroundColorStyle, + ...textFontSizeStyle, +}; + +const classNoneScaleStyles = { + ...flexStyles, + ...gapNoneScaleStyles, + ...classBorderNoneScaleStyles, + ...classMarginNoneScaleStyle, + ...classPaddingNoneScaleStyle, + ...classPositionNoneScaleStyle, + ...classSizeNoneScaleStyle, + ...backgroundColorStyle, + ...textStyles, + ...textFontSizeNoneScaleStyle, +}; +export const getClassStyles = ( + className: ClassStyleType | ClassStyleType[], + scaleScreen = true, +) => { + if (Array.isArray(className)) { + if (className.length > 0) { + const listStyle: any[] = className.map(item => + getClassStyles(item, scaleScreen), + ); + return listStyle; + } + return [{}]; + } else { + if (scaleScreen) { + return classStyles[className]; + } + return classNoneScaleStyles[className]; + } +}; + +export const getClassNameStyles = (className: string, scaleScreen = true) => { + try { + if (className.length > 0) { + const listClass = className?.split(' '); + const listStyles = scaleScreen ? classStyles : classNoneScaleStyles; + return listClass.map(item => { + try { + return listStyles[item as never]; + } catch (error) { + return {}; + } + }); + } + return {}; + } catch (error) { + return {}; + } +}; diff --git a/src copy/styles/Flex.styles.ts b/src copy/styles/Flex.styles.ts new file mode 100644 index 0000000..2661d5c --- /dev/null +++ b/src copy/styles/Flex.styles.ts @@ -0,0 +1,160 @@ +import {StyleSheet} from 'react-native'; +import {horizontalScale} from '../utils'; + +export const flexStyles = StyleSheet.create({ + 'd-none': {display: 'none'}, + 'd-flex': {display: 'flex'}, + 'flex-1': {flex: 1}, + 'flex-wrap': {flexWrap: 'wrap'}, + 'flex-wrap-reverse': {flexWrap: 'wrap-reverse'}, + 'flex-nowrap': {flexWrap: 'nowrap'}, + row: {flexDirection: 'row'}, + 'row-center': {flexDirection: 'row', alignItems: 'center'}, + 'row-v-center': {flexDirection: 'row', justifyContent: 'center'}, + 'row-reverse': {flexDirection: 'row-reverse'}, + column: {flexDirection: 'column'}, + 'column-center': {flexDirection: 'column', justifyContent: 'center'}, + 'column-v-center': {flexDirection: 'column', alignItems: 'center'}, + 'column-reverse': {flexDirection: 'column-reverse'}, + center: {justifyContent: 'center', alignItems: 'center'}, + 'self-center': {alignSelf: 'center'}, + 'self-start': {alignSelf: 'flex-start'}, + 'self-end': {alignSelf: 'flex-end'}, + 'justify-start': {justifyContent: 'flex-start'}, + 'justify-center': {justifyContent: 'center'}, + 'justify-end': {justifyContent: 'flex-end'}, + 'space-between': {justifyContent: 'space-between'}, + 'space-around': {justifyContent: 'space-around'}, + 'items-start': {alignItems: 'flex-start'}, + 'items-center': {alignItems: 'center'}, + 'items-end': {alignItems: 'flex-end'}, + aspectRatio: {aspectRatio: 1}, + 'aspectRatio-16/9': {aspectRatio: 16 / 9}, + 'aspectRatio-4/3': {aspectRatio: 4 / 3}, + 'object-cover': {objectFit: 'cover'}, + 'object-contain': {objectFit: 'contain'}, + 'object-fill': {objectFit: 'fill'}, + 'object-scale-down': {objectFit: 'scale-down'}, +}); + +export const gapStyles = StyleSheet.create({ + gap: {gap: horizontalScale(1)}, + 'gap-0': {gap: 0}, + 'gap-0.5': {gap: horizontalScale(2)}, + 'gap-1': {gap: horizontalScale(4)}, + 'gap-1.5': {gap: horizontalScale(6)}, + 'gap-2': {gap: horizontalScale(8)}, + 'gap-2.5': {gap: horizontalScale(10)}, + 'gap-3': {gap: horizontalScale(12)}, + 'gap-3.5': {gap: horizontalScale(14)}, + 'gap-4': {gap: horizontalScale(16)}, + 'gap-5': {gap: horizontalScale(20)}, + 'gap-6': {gap: horizontalScale(24)}, + 'gap-7': {gap: horizontalScale(28)}, + 'gap-8': {gap: horizontalScale(32)}, + 'gap-9': {gap: horizontalScale(36)}, + 'gap-10': {gap: horizontalScale(40)}, + 'gap-11': {gap: horizontalScale(44)}, + 'gap-12': {gap: horizontalScale(48)}, + 'gap-14': {gap: horizontalScale(56)}, + 'gap-16': {gap: horizontalScale(64)}, + 'row-gap-0': {rowGap: 0}, + 'row-gap-0.5': {rowGap: horizontalScale(2)}, + 'row-gap-1': {rowGap: horizontalScale(4)}, + 'row-gap-1.5': {rowGap: horizontalScale(6)}, + 'row-gap-2': {rowGap: horizontalScale(8)}, + 'row-gap-2.5': {rowGap: horizontalScale(10)}, + 'row-gap-3': {rowGap: horizontalScale(12)}, + 'row-gap-3.5': {rowGap: horizontalScale(14)}, + 'row-gap-4': {rowGap: horizontalScale(16)}, + 'row-gap-5': {rowGap: horizontalScale(20)}, + 'row-gap-6': {rowGap: horizontalScale(24)}, + 'row-gap-7': {rowGap: horizontalScale(28)}, + 'row-gap-8': {rowGap: horizontalScale(32)}, + 'row-gap-9': {rowGap: horizontalScale(36)}, + 'row-gap-10': {rowGap: horizontalScale(40)}, + 'row-gap-11': {rowGap: horizontalScale(44)}, + 'row-gap-12': {rowGap: horizontalScale(48)}, + 'row-gap-14': {rowGap: horizontalScale(56)}, + 'row-gap-16': {rowGap: horizontalScale(64)}, + 'col-gap-0': {columnGap: 0}, + 'col-gap-0.5': {columnGap: horizontalScale(2)}, + 'col-gap-1': {columnGap: horizontalScale(4)}, + 'col-gap-1.5': {columnGap: horizontalScale(6)}, + 'col-gap-2': {columnGap: horizontalScale(8)}, + 'col-gap-2.5': {columnGap: horizontalScale(10)}, + 'col-gap-3': {columnGap: horizontalScale(12)}, + 'col-gap-3.5': {columnGap: horizontalScale(14)}, + 'col-gap-4': {columnGap: horizontalScale(16)}, + 'col-gap-5': {columnGap: horizontalScale(20)}, + 'col-gap-6': {columnGap: horizontalScale(24)}, + 'col-gap-7': {columnGap: horizontalScale(28)}, + 'col-gap-8': {columnGap: horizontalScale(32)}, + 'col-gap-9': {columnGap: horizontalScale(36)}, + 'col-gap-10': {columnGap: horizontalScale(40)}, + 'col-gap-11': {columnGap: horizontalScale(44)}, + 'col-gap-12': {columnGap: horizontalScale(48)}, + 'col-gap-14': {columnGap: horizontalScale(56)}, + 'col-gap-16': {columnGap: horizontalScale(64)}, +}); + +export const gapNoneScaleStyles = StyleSheet.create({ + gap: {gap: 1}, + 'gap-0': {gap: 0}, + 'gap-0.5': {gap: 2}, + 'gap-1': {gap: 4}, + 'gap-1.5': {gap: 6}, + 'gap-2': {gap: 8}, + 'gap-2.5': {gap: 10}, + 'gap-3': {gap: 12}, + 'gap-3.5': {gap: 14}, + 'gap-4': {gap: 16}, + 'gap-5': {gap: 20}, + 'gap-6': {gap: 24}, + 'gap-7': {gap: 28}, + 'gap-8': {gap: 32}, + 'gap-9': {gap: 36}, + 'gap-10': {gap: 40}, + 'gap-11': {gap: 44}, + 'gap-12': {gap: 48}, + 'gap-14': {gap: 56}, + 'gap-16': {gap: 64}, + 'row-gap-0': {rowGap: 0}, + 'row-gap-0.5': {rowGap: 2}, + 'row-gap-1': {rowGap: 4}, + 'row-gap-1.5': {rowGap: 6}, + 'row-gap-2': {rowGap: 8}, + 'row-gap-2.5': {rowGap: 10}, + 'row-gap-3': {rowGap: 12}, + 'row-gap-3.5': {rowGap: 14}, + 'row-gap-4': {rowGap: 16}, + 'row-gap-5': {rowGap: 20}, + 'row-gap-6': {rowGap: 24}, + 'row-gap-7': {rowGap: 28}, + 'row-gap-8': {rowGap: 32}, + 'row-gap-9': {rowGap: 36}, + 'row-gap-10': {rowGap: 40}, + 'row-gap-11': {rowGap: 44}, + 'row-gap-12': {rowGap: 48}, + 'row-gap-14': {rowGap: 56}, + 'row-gap-16': {rowGap: 64}, + 'col-gap-0': {columnGap: 0}, + 'col-gap-0.5': {columnGap: 2}, + 'col-gap-1': {columnGap: 4}, + 'col-gap-1.5': {columnGap: 6}, + 'col-gap-2': {columnGap: 8}, + 'col-gap-2.5': {columnGap: 10}, + 'col-gap-3': {columnGap: 12}, + 'col-gap-3.5': {columnGap: 14}, + 'col-gap-4': {columnGap: 16}, + 'col-gap-5': {columnGap: 20}, + 'col-gap-6': {columnGap: 24}, + 'col-gap-7': {columnGap: 28}, + 'col-gap-8': {columnGap: 32}, + 'col-gap-9': {columnGap: 36}, + 'col-gap-10': {columnGap: 40}, + 'col-gap-11': {columnGap: 44}, + 'col-gap-12': {columnGap: 48}, + 'col-gap-14': {columnGap: 56}, + 'col-gap-16': {columnGap: 64}, +}); diff --git a/src copy/styles/Margin.styles.ts b/src copy/styles/Margin.styles.ts new file mode 100644 index 0000000..d40f08e --- /dev/null +++ b/src copy/styles/Margin.styles.ts @@ -0,0 +1,330 @@ +import {StyleSheet} from 'react-native'; +import {horizontalScale} from '../utils'; + +const marginStyles = StyleSheet.create({ + 'm-0': {margin: 0}, + 'm-0.5': {margin: horizontalScale(2)}, + 'm-1': {margin: horizontalScale(4)}, + 'm-1.5': {margin: horizontalScale(6)}, + 'm-2': {margin: horizontalScale(8)}, + 'm-2.5': {margin: horizontalScale(10)}, + 'm-3': {margin: horizontalScale(12)}, + 'm-3.5': {margin: horizontalScale(14)}, + 'm-4': {margin: horizontalScale(16)}, + 'm-5': {margin: horizontalScale(20)}, + 'm-6': {margin: horizontalScale(24)}, + 'm-7': {margin: horizontalScale(28)}, + 'm-8': {margin: horizontalScale(32)}, + 'm-9': {margin: horizontalScale(36)}, + 'm-10': {margin: horizontalScale(40)}, + 'm-11': {margin: horizontalScale(44)}, + 'm-12': {margin: horizontalScale(48)}, + 'm-14': {margin: horizontalScale(56)}, + 'm-16': {margin: horizontalScale(64)}, +}); + +const marginLeftStyles = StyleSheet.create({ + 'ml-0': {marginLeft: 0}, + 'ml-0.5': {marginLeft: horizontalScale(2)}, + 'ml-1': {marginLeft: horizontalScale(4)}, + 'ml-1.5': {marginLeft: horizontalScale(6)}, + 'ml-2': {marginLeft: horizontalScale(8)}, + 'ml-2.5': {marginLeft: horizontalScale(10)}, + 'ml-3': {marginLeft: horizontalScale(12)}, + 'ml-3.5': {marginLeft: horizontalScale(14)}, + 'ml-4': {marginLeft: horizontalScale(16)}, + 'ml-5': {marginLeft: horizontalScale(20)}, + 'ml-6': {marginLeft: horizontalScale(24)}, + 'ml-7': {marginLeft: horizontalScale(28)}, + 'ml-8': {marginLeft: horizontalScale(32)}, + 'ml-9': {marginLeft: horizontalScale(36)}, + 'ml-10': {marginLeft: horizontalScale(40)}, + 'ml-11': {marginLeft: horizontalScale(44)}, + 'ml-12': {marginLeft: horizontalScale(48)}, + 'ml-14': {marginLeft: horizontalScale(56)}, + 'ml-16': {marginLeft: horizontalScale(64)}, +}); + +const marginRightStyles = StyleSheet.create({ + 'mr-0': {marginRight: 0}, + 'mr-0.5': {marginRight: horizontalScale(2)}, + 'mr-1': {marginRight: horizontalScale(4)}, + 'mr-1.5': {marginRight: horizontalScale(6)}, + 'mr-2': {marginRight: horizontalScale(8)}, + 'mr-2.5': {marginRight: horizontalScale(10)}, + 'mr-3': {marginRight: horizontalScale(12)}, + 'mr-3.5': {marginRight: horizontalScale(14)}, + 'mr-4': {marginRight: horizontalScale(16)}, + 'mr-5': {marginRight: horizontalScale(20)}, + 'mr-6': {marginRight: horizontalScale(24)}, + 'mr-7': {marginRight: horizontalScale(28)}, + 'mr-8': {marginRight: horizontalScale(32)}, + 'mr-9': {marginRight: horizontalScale(36)}, + 'mr-10': {marginRight: horizontalScale(40)}, + 'mr-11': {marginRight: horizontalScale(44)}, + 'mr-12': {marginRight: horizontalScale(48)}, + 'mr-14': {marginRight: horizontalScale(56)}, + 'mr-16': {marginRight: horizontalScale(64)}, +}); + +const marginBottomStyles = StyleSheet.create({ + 'mb-0': {marginBottom: 0}, + 'mb-0.5': {marginBottom: horizontalScale(2)}, + 'mb-1': {marginBottom: horizontalScale(4)}, + 'mb-1.5': {marginBottom: horizontalScale(6)}, + 'mb-2': {marginBottom: horizontalScale(8)}, + 'mb-2.5': {marginBottom: horizontalScale(10)}, + 'mb-3': {marginBottom: horizontalScale(12)}, + 'mb-3.5': {marginBottom: horizontalScale(14)}, + 'mb-4': {marginBottom: horizontalScale(16)}, + 'mb-5': {marginBottom: horizontalScale(20)}, + 'mb-6': {marginBottom: horizontalScale(24)}, + 'mb-7': {marginBottom: horizontalScale(28)}, + 'mb-8': {marginBottom: horizontalScale(32)}, + 'mb-9': {marginBottom: horizontalScale(36)}, + 'mb-10': {marginBottom: horizontalScale(40)}, + 'mb-11': {marginBottom: horizontalScale(44)}, + 'mb-12': {marginBottom: horizontalScale(48)}, + 'mb-14': {marginBottom: horizontalScale(56)}, + 'mb-16': {marginBottom: horizontalScale(64)}, +}); + +const marginTopStyles = StyleSheet.create({ + 'mt-0': {marginTop: 0}, + 'mt-0.5': {marginTop: horizontalScale(2)}, + 'mt-1': {marginTop: horizontalScale(4)}, + 'mt-1.5': {marginTop: horizontalScale(6)}, + 'mt-2': {marginTop: horizontalScale(8)}, + 'mt-2.5': {marginTop: horizontalScale(10)}, + 'mt-3': {marginTop: horizontalScale(12)}, + 'mt-3.5': {marginTop: horizontalScale(14)}, + 'mt-4': {marginTop: horizontalScale(16)}, + 'mt-5': {marginTop: horizontalScale(20)}, + 'mt-6': {marginTop: horizontalScale(24)}, + 'mt-7': {marginTop: horizontalScale(28)}, + 'mt-8': {marginTop: horizontalScale(32)}, + 'mt-9': {marginTop: horizontalScale(36)}, + 'mt-10': {marginTop: horizontalScale(40)}, + 'mt-11': {marginTop: horizontalScale(44)}, + 'mt-12': {marginTop: horizontalScale(48)}, + 'mt-14': {marginTop: horizontalScale(56)}, + 'mt-16': {marginTop: horizontalScale(64)}, +}); + +const marginHorizontalStyles = StyleSheet.create({ + 'mx-0': {marginHorizontal: 0}, + 'mx-0.5': {marginHorizontal: horizontalScale(2)}, + 'mx-1': {marginHorizontal: horizontalScale(4)}, + 'mx-1.5': {marginHorizontal: horizontalScale(6)}, + 'mx-2': {marginHorizontal: horizontalScale(8)}, + 'mx-2.5': {marginHorizontal: horizontalScale(10)}, + 'mx-3': {marginHorizontal: horizontalScale(12)}, + 'mx-3.5': {marginHorizontal: horizontalScale(14)}, + 'mx-4': {marginHorizontal: horizontalScale(16)}, + 'mx-5': {marginHorizontal: horizontalScale(20)}, + 'mx-6': {marginHorizontal: horizontalScale(24)}, + 'mx-7': {marginHorizontal: horizontalScale(28)}, + 'mx-8': {marginHorizontal: horizontalScale(32)}, + 'mx-9': {marginHorizontal: horizontalScale(36)}, + 'mx-10': {marginHorizontal: horizontalScale(40)}, + 'mx-11': {marginHorizontal: horizontalScale(44)}, + 'mx-12': {marginHorizontal: horizontalScale(48)}, + 'mx-14': {marginHorizontal: horizontalScale(56)}, + 'mx-16': {marginHorizontal: horizontalScale(64)}, +}); + +const marginVerticalStyles = StyleSheet.create({ + 'my-0': {marginVertical: 0}, + 'my-0.5': {marginVertical: horizontalScale(2)}, + 'my-1': {marginVertical: horizontalScale(4)}, + 'my-1.5': {marginVertical: horizontalScale(6)}, + 'my-2': {marginVertical: horizontalScale(8)}, + 'my-2.5': {marginVertical: horizontalScale(10)}, + 'my-3': {marginVertical: horizontalScale(12)}, + 'my-3.5': {marginVertical: horizontalScale(14)}, + 'my-4': {marginVertical: horizontalScale(16)}, + 'my-5': {marginVertical: horizontalScale(20)}, + 'my-6': {marginVertical: horizontalScale(24)}, + 'my-7': {marginVertical: horizontalScale(28)}, + 'my-8': {marginVertical: horizontalScale(32)}, + 'my-9': {marginVertical: horizontalScale(36)}, + 'my-10': {marginVertical: horizontalScale(40)}, + 'my-11': {marginVertical: horizontalScale(44)}, + 'my-12': {marginVertical: horizontalScale(48)}, + 'my-14': {marginVertical: horizontalScale(56)}, + 'my-16': {marginVertical: horizontalScale(64)}, +}); + +const marginNoneScaleStyles = StyleSheet.create({ + 'm-0': {margin: 0}, + 'm-0.5': {margin: 2}, + 'm-1': {margin: 4}, + 'm-1.5': {margin: 6}, + 'm-2': {margin: 8}, + 'm-2.5': {margin: 10}, + 'm-3': {margin: 12}, + 'm-3.5': {margin: 14}, + 'm-4': {margin: 16}, + 'm-5': {margin: 20}, + 'm-6': {margin: 24}, + 'm-7': {margin: 28}, + 'm-8': {margin: 32}, + 'm-9': {margin: 36}, + 'm-10': {margin: 40}, + 'm-11': {margin: 44}, + 'm-12': {margin: 48}, + 'm-14': {margin: 56}, + 'm-16': {margin: 64}, +}); + +const marginLeftNoneScaleStyles = StyleSheet.create({ + 'ml-0': {marginLeft: 0}, + 'ml-0.5': {marginLeft: 2}, + 'ml-1': {marginLeft: 4}, + 'ml-1.5': {marginLeft: 6}, + 'ml-2': {marginLeft: 8}, + 'ml-2.5': {marginLeft: 10}, + 'ml-3': {marginLeft: 12}, + 'ml-3.5': {marginLeft: 14}, + 'ml-4': {marginLeft: 16}, + 'ml-5': {marginLeft: 20}, + 'ml-6': {marginLeft: 24}, + 'ml-7': {marginLeft: 28}, + 'ml-8': {marginLeft: 32}, + 'ml-9': {marginLeft: 36}, + 'ml-10': {marginLeft: 40}, + 'ml-11': {marginLeft: 44}, + 'ml-12': {marginLeft: 48}, + 'ml-14': {marginLeft: 56}, + 'ml-16': {marginLeft: 64}, +}); + +const marginRightNoneScaleStyles = StyleSheet.create({ + 'mr-0': {marginRight: 0}, + 'mr-0.5': {marginRight: 2}, + 'mr-1': {marginRight: 4}, + 'mr-1.5': {marginRight: 6}, + 'mr-2': {marginRight: 8}, + 'mr-2.5': {marginRight: 10}, + 'mr-3': {marginRight: 12}, + 'mr-3.5': {marginRight: 14}, + 'mr-4': {marginRight: 16}, + 'mr-5': {marginRight: 20}, + 'mr-6': {marginRight: 24}, + 'mr-7': {marginRight: 28}, + 'mr-8': {marginRight: 32}, + 'mr-9': {marginRight: 36}, + 'mr-10': {marginRight: 40}, + 'mr-11': {marginRight: 44}, + 'mr-12': {marginRight: 48}, + 'mr-14': {marginRight: 56}, + 'mr-16': {marginRight: 64}, +}); + +const marginBottomNoneScaleStyles = StyleSheet.create({ + 'mb-0': {marginBottom: 0}, + 'mb-0.5': {marginBottom: 2}, + 'mb-1': {marginBottom: 4}, + 'mb-1.5': {marginBottom: 6}, + 'mb-2': {marginBottom: 8}, + 'mb-2.5': {marginBottom: 10}, + 'mb-3': {marginBottom: 12}, + 'mb-3.5': {marginBottom: 14}, + 'mb-4': {marginBottom: 16}, + 'mb-5': {marginBottom: 20}, + 'mb-6': {marginBottom: 24}, + 'mb-7': {marginBottom: 28}, + 'mb-8': {marginBottom: 32}, + 'mb-9': {marginBottom: 36}, + 'mb-10': {marginBottom: 40}, + 'mb-11': {marginBottom: 44}, + 'mb-12': {marginBottom: 48}, + 'mb-14': {marginBottom: 56}, + 'mb-16': {marginBottom: 64}, +}); + +const marginTopNoneScaleStyles = StyleSheet.create({ + 'mt-0': {marginTop: 0}, + 'mt-0.5': {marginTop: 2}, + 'mt-1': {marginTop: 4}, + 'mt-1.5': {marginTop: 6}, + 'mt-2': {marginTop: 8}, + 'mt-2.5': {marginTop: 10}, + 'mt-3': {marginTop: 12}, + 'mt-3.5': {marginTop: 14}, + 'mt-4': {marginTop: 16}, + 'mt-5': {marginTop: 20}, + 'mt-6': {marginTop: 24}, + 'mt-7': {marginTop: 28}, + 'mt-8': {marginTop: 32}, + 'mt-9': {marginTop: 36}, + 'mt-10': {marginTop: 40}, + 'mt-11': {marginTop: 44}, + 'mt-12': {marginTop: 48}, + 'mt-14': {marginTop: 56}, + 'mt-16': {marginTop: 64}, +}); + +const marginHorizontalNoneScaleStyles = StyleSheet.create({ + 'mx-0': {marginHorizontal: 0}, + 'mx-0.5': {marginHorizontal: 2}, + 'mx-1': {marginHorizontal: 4}, + 'mx-1.5': {marginHorizontal: 6}, + 'mx-2': {marginHorizontal: 8}, + 'mx-2.5': {marginHorizontal: 10}, + 'mx-3': {marginHorizontal: 12}, + 'mx-3.5': {marginHorizontal: 14}, + 'mx-4': {marginHorizontal: 16}, + 'mx-5': {marginHorizontal: 20}, + 'mx-6': {marginHorizontal: 24}, + 'mx-7': {marginHorizontal: 28}, + 'mx-8': {marginHorizontal: 32}, + 'mx-9': {marginHorizontal: 36}, + 'mx-10': {marginHorizontal: 40}, + 'mx-11': {marginHorizontal: 44}, + 'mx-12': {marginHorizontal: 48}, + 'mx-14': {marginHorizontal: 56}, + 'mx-16': {marginHorizontal: 64}, +}); + +const marginVerticalNoneScaleStyles = StyleSheet.create({ + 'my-0': {marginVertical: 0}, + 'my-0.5': {marginVertical: 2}, + 'my-1': {marginVertical: 4}, + 'my-1.5': {marginVertical: 6}, + 'my-2': {marginVertical: 8}, + 'my-2.5': {marginVertical: 10}, + 'my-3': {marginVertical: 12}, + 'my-3.5': {marginVertical: 14}, + 'my-4': {marginVertical: 16}, + 'my-5': {marginVertical: 20}, + 'my-6': {marginVertical: 24}, + 'my-7': {marginVertical: 28}, + 'my-8': {marginVertical: 32}, + 'my-9': {marginVertical: 36}, + 'my-10': {marginVertical: 40}, + 'my-11': {marginVertical: 44}, + 'my-12': {marginVertical: 48}, + 'my-14': {marginVertical: 56}, + 'my-16': {marginVertical: 64}, +}); + +export const classMarginStyle = { + ...marginStyles, + ...marginLeftStyles, + ...marginRightStyles, + ...marginBottomStyles, + ...marginTopStyles, + ...marginHorizontalStyles, + ...marginVerticalStyles, +}; + +export const classMarginNoneScaleStyle = { + ...marginNoneScaleStyles, + ...marginLeftNoneScaleStyles, + ...marginRightNoneScaleStyles, + ...marginBottomNoneScaleStyles, + ...marginTopNoneScaleStyles, + ...marginHorizontalNoneScaleStyles, + ...marginVerticalNoneScaleStyles, +}; diff --git a/src copy/styles/Padding.styles.ts b/src copy/styles/Padding.styles.ts new file mode 100644 index 0000000..8690253 --- /dev/null +++ b/src copy/styles/Padding.styles.ts @@ -0,0 +1,330 @@ +import {StyleSheet} from 'react-native'; +import {horizontalScale} from '../utils'; + +const paddingStyles = StyleSheet.create({ + 'p-0': {padding: 0}, + 'p-0.5': {padding: horizontalScale(2)}, + 'p-1': {padding: horizontalScale(4)}, + 'p-1.5': {padding: horizontalScale(6)}, + 'p-2': {padding: horizontalScale(8)}, + 'p-2.5': {padding: horizontalScale(10)}, + 'p-3': {padding: horizontalScale(12)}, + 'p-3.5': {padding: horizontalScale(14)}, + 'p-4': {padding: horizontalScale(16)}, + 'p-5': {padding: horizontalScale(20)}, + 'p-6': {padding: horizontalScale(24)}, + 'p-7': {padding: horizontalScale(28)}, + 'p-8': {padding: horizontalScale(32)}, + 'p-9': {padding: horizontalScale(36)}, + 'p-10': {padding: horizontalScale(40)}, + 'p-11': {padding: horizontalScale(44)}, + 'p-12': {padding: horizontalScale(48)}, + 'p-14': {padding: horizontalScale(56)}, + 'p-16': {padding: horizontalScale(64)}, +}); + +const paddingLeftStyles = StyleSheet.create({ + 'pl-0': {paddingLeft: 0}, + 'pl-0.5': {paddingLeft: horizontalScale(2)}, + 'pl-1': {paddingLeft: horizontalScale(4)}, + 'pl-1.5': {paddingLeft: horizontalScale(6)}, + 'pl-2': {paddingLeft: horizontalScale(8)}, + 'pl-2.5': {paddingLeft: horizontalScale(10)}, + 'pl-3': {paddingLeft: horizontalScale(12)}, + 'pl-3.5': {paddingLeft: horizontalScale(14)}, + 'pl-4': {paddingLeft: horizontalScale(16)}, + 'pl-5': {paddingLeft: horizontalScale(20)}, + 'pl-6': {paddingLeft: horizontalScale(24)}, + 'pl-7': {paddingLeft: horizontalScale(28)}, + 'pl-8': {paddingLeft: horizontalScale(32)}, + 'pl-9': {paddingLeft: horizontalScale(36)}, + 'pl-10': {paddingLeft: horizontalScale(40)}, + 'pl-11': {paddingLeft: horizontalScale(44)}, + 'pl-12': {paddingLeft: horizontalScale(48)}, + 'pl-14': {paddingLeft: horizontalScale(56)}, + 'pl-16': {paddingLeft: horizontalScale(64)}, +}); + +const paddingRightStyles = StyleSheet.create({ + 'pr-0': {paddingRight: 0}, + 'pr-0.5': {paddingRight: horizontalScale(2)}, + 'pr-1': {paddingRight: horizontalScale(4)}, + 'pr-1.5': {paddingRight: horizontalScale(6)}, + 'pr-2': {paddingRight: horizontalScale(8)}, + 'pr-2.5': {paddingRight: horizontalScale(10)}, + 'pr-3': {paddingRight: horizontalScale(12)}, + 'pr-3.5': {paddingRight: horizontalScale(14)}, + 'pr-4': {paddingRight: horizontalScale(16)}, + 'pr-5': {paddingRight: horizontalScale(20)}, + 'pr-6': {paddingRight: horizontalScale(24)}, + 'pr-7': {paddingRight: horizontalScale(28)}, + 'pr-8': {paddingRight: horizontalScale(32)}, + 'pr-9': {paddingRight: horizontalScale(36)}, + 'pr-10': {paddingRight: horizontalScale(40)}, + 'pr-11': {paddingRight: horizontalScale(44)}, + 'pr-12': {paddingRight: horizontalScale(48)}, + 'pr-14': {paddingRight: horizontalScale(56)}, + 'pr-16': {paddingRight: horizontalScale(64)}, +}); + +const paddingBottomStyles = StyleSheet.create({ + 'pb-0': {paddingBottom: 0}, + 'pb-0.5': {paddingBottom: horizontalScale(2)}, + 'pb-1': {paddingBottom: horizontalScale(4)}, + 'pb-1.5': {paddingBottom: horizontalScale(6)}, + 'pb-2': {paddingBottom: horizontalScale(8)}, + 'pb-2.5': {paddingBottom: horizontalScale(10)}, + 'pb-3': {paddingBottom: horizontalScale(12)}, + 'pb-3.5': {paddingBottom: horizontalScale(14)}, + 'pb-4': {paddingBottom: horizontalScale(16)}, + 'pb-5': {paddingBottom: horizontalScale(20)}, + 'pb-6': {paddingBottom: horizontalScale(24)}, + 'pb-7': {paddingBottom: horizontalScale(28)}, + 'pb-8': {paddingBottom: horizontalScale(32)}, + 'pb-9': {paddingBottom: horizontalScale(36)}, + 'pb-10': {paddingBottom: horizontalScale(40)}, + 'pb-11': {paddingBottom: horizontalScale(44)}, + 'pb-12': {paddingBottom: horizontalScale(48)}, + 'pb-14': {paddingBottom: horizontalScale(56)}, + 'pb-16': {paddingBottom: horizontalScale(64)}, +}); + +const paddingTopStyles = StyleSheet.create({ + 'pt-0': {paddingTop: 0}, + 'pt-0.5': {paddingTop: horizontalScale(2)}, + 'pt-1': {paddingTop: horizontalScale(4)}, + 'pt-1.5': {paddingTop: horizontalScale(6)}, + 'pt-2': {paddingTop: horizontalScale(8)}, + 'pt-2.5': {paddingTop: horizontalScale(10)}, + 'pt-3': {paddingTop: horizontalScale(12)}, + 'pt-3.5': {paddingTop: horizontalScale(14)}, + 'pt-4': {paddingTop: horizontalScale(16)}, + 'pt-5': {paddingTop: horizontalScale(20)}, + 'pt-6': {paddingTop: horizontalScale(24)}, + 'pt-7': {paddingTop: horizontalScale(28)}, + 'pt-8': {paddingTop: horizontalScale(32)}, + 'pt-9': {paddingTop: horizontalScale(36)}, + 'pt-10': {paddingTop: horizontalScale(40)}, + 'pt-11': {paddingTop: horizontalScale(44)}, + 'pt-12': {paddingTop: horizontalScale(48)}, + 'pt-14': {paddingTop: horizontalScale(56)}, + 'pt-16': {paddingTop: horizontalScale(64)}, +}); + +const paddingHorizontalStyles = StyleSheet.create({ + 'px-0': {paddingHorizontal: 0}, + 'px-0.5': {paddingHorizontal: horizontalScale(2)}, + 'px-1': {paddingHorizontal: horizontalScale(4)}, + 'px-1.5': {paddingHorizontal: horizontalScale(6)}, + 'px-2': {paddingHorizontal: horizontalScale(8)}, + 'px-2.5': {paddingHorizontal: horizontalScale(10)}, + 'px-3': {paddingHorizontal: horizontalScale(12)}, + 'px-3.5': {paddingHorizontal: horizontalScale(14)}, + 'px-4': {paddingHorizontal: horizontalScale(16)}, + 'px-5': {paddingHorizontal: horizontalScale(20)}, + 'px-6': {paddingHorizontal: horizontalScale(24)}, + 'px-7': {paddingHorizontal: horizontalScale(28)}, + 'px-8': {paddingHorizontal: horizontalScale(32)}, + 'px-9': {paddingHorizontal: horizontalScale(36)}, + 'px-10': {paddingHorizontal: horizontalScale(40)}, + 'px-11': {paddingHorizontal: horizontalScale(44)}, + 'px-12': {paddingHorizontal: horizontalScale(48)}, + 'px-14': {paddingHorizontal: horizontalScale(56)}, + 'px-16': {paddingHorizontal: horizontalScale(64)}, +}); + +const paddingVerticalStyles = StyleSheet.create({ + 'py-0': {paddingVertical: 0}, + 'py-0.5': {paddingVertical: horizontalScale(2)}, + 'py-1': {paddingVertical: horizontalScale(4)}, + 'py-1.5': {paddingVertical: horizontalScale(6)}, + 'py-2': {paddingVertical: horizontalScale(8)}, + 'py-2.5': {paddingVertical: horizontalScale(10)}, + 'py-3': {paddingVertical: horizontalScale(12)}, + 'py-3.5': {paddingVertical: horizontalScale(14)}, + 'py-4': {paddingVertical: horizontalScale(16)}, + 'py-5': {paddingVertical: horizontalScale(20)}, + 'py-6': {paddingVertical: horizontalScale(24)}, + 'py-7': {paddingVertical: horizontalScale(28)}, + 'py-8': {paddingVertical: horizontalScale(32)}, + 'py-9': {paddingVertical: horizontalScale(36)}, + 'py-10': {paddingVertical: horizontalScale(40)}, + 'py-11': {paddingVertical: horizontalScale(44)}, + 'py-12': {paddingVertical: horizontalScale(48)}, + 'py-14': {paddingVertical: horizontalScale(56)}, + 'py-16': {paddingVertical: horizontalScale(64)}, +}); + +const paddingNoneScaleStyles = StyleSheet.create({ + 'p-0': {padding: 0}, + 'p-0.5': {padding: 2}, + 'p-1': {padding: 4}, + 'p-1.5': {padding: 6}, + 'p-2': {padding: 8}, + 'p-2.5': {padding: 10}, + 'p-3': {padding: 12}, + 'p-3.5': {padding: 14}, + 'p-4': {padding: 16}, + 'p-5': {padding: 20}, + 'p-6': {padding: 24}, + 'p-7': {padding: 28}, + 'p-8': {padding: 32}, + 'p-9': {padding: 36}, + 'p-10': {padding: 40}, + 'p-11': {padding: 44}, + 'p-12': {padding: 48}, + 'p-14': {padding: 56}, + 'p-16': {padding: 64}, +}); + +const paddingLeftNoneScaleStyles = StyleSheet.create({ + 'pl-0': {paddingLeft: 0}, + 'pl-0.5': {paddingLeft: 2}, + 'pl-1': {paddingLeft: 4}, + 'pl-1.5': {paddingLeft: 6}, + 'pl-2': {paddingLeft: 8}, + 'pl-2.5': {paddingLeft: 10}, + 'pl-3': {paddingLeft: 12}, + 'pl-3.5': {paddingLeft: 14}, + 'pl-4': {paddingLeft: 16}, + 'pl-5': {paddingLeft: 20}, + 'pl-6': {paddingLeft: 24}, + 'pl-7': {paddingLeft: 28}, + 'pl-8': {paddingLeft: 32}, + 'pl-9': {paddingLeft: 36}, + 'pl-10': {paddingLeft: 40}, + 'pl-11': {paddingLeft: 44}, + 'pl-12': {paddingLeft: 48}, + 'pl-14': {paddingLeft: 56}, + 'pl-16': {paddingLeft: 64}, +}); + +const paddingRightNoneScaleStyles = StyleSheet.create({ + 'pr-0': {paddingRight: 0}, + 'pr-0.5': {paddingRight: 2}, + 'pr-1': {paddingRight: 4}, + 'pr-1.5': {paddingRight: 6}, + 'pr-2': {paddingRight: 8}, + 'pr-2.5': {paddingRight: 10}, + 'pr-3': {paddingRight: 12}, + 'pr-3.5': {paddingRight: 14}, + 'pr-4': {paddingRight: 16}, + 'pr-5': {paddingRight: 20}, + 'pr-6': {paddingRight: 24}, + 'pr-7': {paddingRight: 28}, + 'pr-8': {paddingRight: 32}, + 'pr-9': {paddingRight: 36}, + 'pr-10': {paddingRight: 40}, + 'pr-11': {paddingRight: 44}, + 'pr-12': {paddingRight: 48}, + 'pr-14': {paddingRight: 56}, + 'pr-16': {paddingRight: 64}, +}); + +const paddingBottomNoneScaleStyles = StyleSheet.create({ + 'pb-0': {paddingBottom: 0}, + 'pb-0.5': {paddingBottom: 2}, + 'pb-1': {paddingBottom: 4}, + 'pb-1.5': {paddingBottom: 6}, + 'pb-2': {paddingBottom: 8}, + 'pb-2.5': {paddingBottom: 10}, + 'pb-3': {paddingBottom: 12}, + 'pb-3.5': {paddingBottom: 14}, + 'pb-4': {paddingBottom: 16}, + 'pb-5': {paddingBottom: 20}, + 'pb-6': {paddingBottom: 24}, + 'pb-7': {paddingBottom: 28}, + 'pb-8': {paddingBottom: 32}, + 'pb-9': {paddingBottom: 36}, + 'pb-10': {paddingBottom: 40}, + 'pb-11': {paddingBottom: 44}, + 'pb-12': {paddingBottom: 48}, + 'pb-14': {paddingBottom: 56}, + 'pb-16': {paddingBottom: 64}, +}); + +const paddingTopNoneScaleStyles = StyleSheet.create({ + 'pt-0': {paddingTop: 0}, + 'pt-0.5': {paddingTop: 2}, + 'pt-1': {paddingTop: 4}, + 'pt-1.5': {paddingTop: 6}, + 'pt-2': {paddingTop: 8}, + 'pt-2.5': {paddingTop: 10}, + 'pt-3': {paddingTop: 12}, + 'pt-3.5': {paddingTop: 14}, + 'pt-4': {paddingTop: 16}, + 'pt-5': {paddingTop: 20}, + 'pt-6': {paddingTop: 24}, + 'pt-7': {paddingTop: 28}, + 'pt-8': {paddingTop: 32}, + 'pt-9': {paddingTop: 36}, + 'pt-10': {paddingTop: 40}, + 'pt-11': {paddingTop: 44}, + 'pt-12': {paddingTop: 48}, + 'pt-14': {paddingTop: 56}, + 'pt-16': {paddingTop: 64}, +}); + +const paddingHorizontalNoneScaleStyles = StyleSheet.create({ + 'px-0': {paddingHorizontal: 0}, + 'px-0.5': {paddingHorizontal: 2}, + 'px-1': {paddingHorizontal: 4}, + 'px-1.5': {paddingHorizontal: 6}, + 'px-2': {paddingHorizontal: 8}, + 'px-2.5': {paddingHorizontal: 10}, + 'px-3': {paddingHorizontal: 12}, + 'px-3.5': {paddingHorizontal: 14}, + 'px-4': {paddingHorizontal: 16}, + 'px-5': {paddingHorizontal: 20}, + 'px-6': {paddingHorizontal: 24}, + 'px-7': {paddingHorizontal: 28}, + 'px-8': {paddingHorizontal: 32}, + 'px-9': {paddingHorizontal: 36}, + 'px-10': {paddingHorizontal: 40}, + 'px-11': {paddingHorizontal: 44}, + 'px-12': {paddingHorizontal: 48}, + 'px-14': {paddingHorizontal: 56}, + 'px-16': {paddingHorizontal: 64}, +}); + +const paddingVerticalNoneScaleStyles = StyleSheet.create({ + 'py-0': {paddingVertical: 0}, + 'py-0.5': {paddingVertical: 2}, + 'py-1': {paddingVertical: 4}, + 'py-1.5': {paddingVertical: 6}, + 'py-2': {paddingVertical: 8}, + 'py-2.5': {paddingVertical: 10}, + 'py-3': {paddingVertical: 12}, + 'py-3.5': {paddingVertical: 14}, + 'py-4': {paddingVertical: 16}, + 'py-5': {paddingVertical: 20}, + 'py-6': {paddingVertical: 24}, + 'py-7': {paddingVertical: 28}, + 'py-8': {paddingVertical: 32}, + 'py-9': {paddingVertical: 36}, + 'py-10': {paddingVertical: 40}, + 'py-11': {paddingVertical: 44}, + 'py-12': {paddingVertical: 48}, + 'py-14': {paddingVertical: 56}, + 'py-16': {paddingVertical: 64}, +}); + +export const classPaddingStyle = { + ...paddingStyles, + ...paddingLeftStyles, + ...paddingRightStyles, + ...paddingBottomStyles, + ...paddingTopStyles, + ...paddingHorizontalStyles, + ...paddingVerticalStyles, +}; + +export const classPaddingNoneScaleStyle = { + ...paddingNoneScaleStyles, + ...paddingLeftNoneScaleStyles, + ...paddingRightNoneScaleStyles, + ...paddingBottomNoneScaleStyles, + ...paddingTopNoneScaleStyles, + ...paddingHorizontalNoneScaleStyles, + ...paddingVerticalNoneScaleStyles, +}; diff --git a/src copy/styles/Position.styles.ts b/src copy/styles/Position.styles.ts new file mode 100644 index 0000000..77f7da3 --- /dev/null +++ b/src copy/styles/Position.styles.ts @@ -0,0 +1,217 @@ +import {StyleSheet} from 'react-native'; +import {horizontalScale} from '../utils'; + +const positionStyles = StyleSheet.create({ + absolute: {position: 'absolute'}, + relative: {position: 'relative'}, +}); + +const topStyles = StyleSheet.create({ + 'top-0': {top: 0}, + 'top-0.5': {top: horizontalScale(2)}, + 'top-1': {top: horizontalScale(4)}, + 'top-1.5': {top: horizontalScale(6)}, + 'top-2': {top: horizontalScale(8)}, + 'top-2.5': {top: horizontalScale(10)}, + 'top-3': {top: horizontalScale(12)}, + 'top-3.5': {top: horizontalScale(14)}, + 'top-4': {top: horizontalScale(16)}, + 'top-5': {top: horizontalScale(20)}, + 'top-6': {top: horizontalScale(24)}, + 'top-7': {top: horizontalScale(28)}, + 'top-8': {top: horizontalScale(32)}, + 'top-9': {top: horizontalScale(36)}, + 'top-10': {top: horizontalScale(40)}, + 'top-11': {top: horizontalScale(44)}, + 'top-12': {top: horizontalScale(48)}, + 'top-14': {top: horizontalScale(56)}, + 'top-16': {top: horizontalScale(64)}, +}); + +const leftStyles = StyleSheet.create({ + 'left-0': {left: 0}, + 'left-0.5': {left: horizontalScale(2)}, + 'left-1': {left: horizontalScale(4)}, + 'left-1.5': {left: horizontalScale(6)}, + 'left-2': {left: horizontalScale(8)}, + 'left-2.5': {left: horizontalScale(10)}, + 'left-3': {left: horizontalScale(12)}, + 'left-3.5': {left: horizontalScale(14)}, + 'left-4': {left: horizontalScale(16)}, + 'left-5': {left: horizontalScale(20)}, + 'left-6': {left: horizontalScale(24)}, + 'left-7': {left: horizontalScale(28)}, + 'left-8': {left: horizontalScale(32)}, + 'left-9': {left: horizontalScale(36)}, + 'left-10': {left: horizontalScale(40)}, + 'left-11': {left: horizontalScale(44)}, + 'left-12': {left: horizontalScale(48)}, + 'left-14': {left: horizontalScale(56)}, + 'left-16': {left: horizontalScale(64)}, +}); + +const bottomStyles = StyleSheet.create({ + 'bottom-0': {bottom: 0}, + 'bottom-0.5': {bottom: horizontalScale(2)}, + 'bottom-1': {bottom: horizontalScale(4)}, + 'bottom-1.5': {bottom: horizontalScale(6)}, + 'bottom-2': {bottom: horizontalScale(8)}, + 'bottom-2.5': {bottom: horizontalScale(10)}, + 'bottom-3': {bottom: horizontalScale(12)}, + 'bottom-3.5': {bottom: horizontalScale(14)}, + 'bottom-4': {bottom: horizontalScale(16)}, + 'bottom-5': {bottom: horizontalScale(20)}, + 'bottom-6': {bottom: horizontalScale(24)}, + 'bottom-7': {bottom: horizontalScale(28)}, + 'bottom-8': {bottom: horizontalScale(32)}, + 'bottom-9': {bottom: horizontalScale(36)}, + 'bottom-10': {bottom: horizontalScale(40)}, + 'bottom-11': {bottom: horizontalScale(44)}, + 'bottom-12': {bottom: horizontalScale(48)}, + 'bottom-14': {bottom: horizontalScale(56)}, + 'bottom-16': {bottom: horizontalScale(64)}, +}); + +const rightStyles = StyleSheet.create({ + 'right-0': {right: 0}, + 'right-0.5': {right: horizontalScale(2)}, + 'right-1': {right: horizontalScale(4)}, + 'right-1.5': {right: horizontalScale(6)}, + 'right-2': {right: horizontalScale(8)}, + 'right-2.5': {right: horizontalScale(10)}, + 'right-3': {right: horizontalScale(12)}, + 'right-3.5': {right: horizontalScale(14)}, + 'right-4': {right: horizontalScale(16)}, + 'right-5': {right: horizontalScale(20)}, + 'right-6': {right: horizontalScale(24)}, + 'right-7': {right: horizontalScale(28)}, + 'right-8': {right: horizontalScale(32)}, + 'right-9': {right: horizontalScale(36)}, + 'right-10': {right: horizontalScale(40)}, + 'right-11': {right: horizontalScale(44)}, + 'right-12': {right: horizontalScale(48)}, + 'right-14': {right: horizontalScale(56)}, + 'right-16': {right: horizontalScale(64)}, +}); + +const zIndexStyles = StyleSheet.create({ + '-z-1': {zIndex: -1}, + '-z-2': {zIndex: -2}, + '-z-3': {zIndex: -3}, + 'z-0': {zIndex: 0}, + 'z-1': {zIndex: 1}, + 'z-2': {zIndex: 2}, + 'z-3': {zIndex: 3}, + 'z-4': {zIndex: 4}, + 'z-5': {zIndex: 5}, + 'z-6': {zIndex: 6}, + 'z-7': {zIndex: 7}, + 'z-8': {zIndex: 8}, + 'z-9': {zIndex: 9}, + 'z-9999': {zIndex: 9999}, +}); + +const topNoneScaleStyles = StyleSheet.create({ + 'top-0': {top: 0}, + 'top-0.5': {top: 2}, + 'top-1': {top: 4}, + 'top-1.5': {top: 6}, + 'top-2': {top: 8}, + 'top-2.5': {top: 10}, + 'top-3': {top: 12}, + 'top-3.5': {top: 14}, + 'top-4': {top: 16}, + 'top-5': {top: 20}, + 'top-6': {top: 24}, + 'top-7': {top: 28}, + 'top-8': {top: 32}, + 'top-9': {top: 36}, + 'top-10': {top: 40}, + 'top-11': {top: 44}, + 'top-12': {top: 48}, + 'top-14': {top: 56}, + 'top-16': {top: 64}, +}); + +const leftNoneScaleStyles = StyleSheet.create({ + 'left-0': {left: 0}, + 'left-0.5': {left: 2}, + 'left-1': {left: 4}, + 'left-1.5': {left: 6}, + 'left-2': {left: 8}, + 'left-2.5': {left: 10}, + 'left-3': {left: 12}, + 'left-3.5': {left: 14}, + 'left-4': {left: 16}, + 'left-5': {left: 20}, + 'left-6': {left: 24}, + 'left-7': {left: 28}, + 'left-8': {left: 32}, + 'left-9': {left: 36}, + 'left-10': {left: 40}, + 'left-11': {left: 44}, + 'left-12': {left: 48}, + 'left-14': {left: 56}, + 'left-16': {left: 64}, +}); + +const bottomNoneScaleStyles = StyleSheet.create({ + 'bottom-0': {bottom: 0}, + 'bottom-0.5': {bottom: 2}, + 'bottom-1': {bottom: 4}, + 'bottom-1.5': {bottom: 6}, + 'bottom-2': {bottom: 8}, + 'bottom-2.5': {bottom: 10}, + 'bottom-3': {bottom: 12}, + 'bottom-3.5': {bottom: 14}, + 'bottom-4': {bottom: 16}, + 'bottom-5': {bottom: 20}, + 'bottom-6': {bottom: 24}, + 'bottom-7': {bottom: 28}, + 'bottom-8': {bottom: 32}, + 'bottom-9': {bottom: 36}, + 'bottom-10': {bottom: 40}, + 'bottom-11': {bottom: 44}, + 'bottom-12': {bottom: 48}, + 'bottom-14': {bottom: 56}, + 'bottom-16': {bottom: 64}, +}); + +const rightNoneScaleStyles = StyleSheet.create({ + 'right-0': {right: 0}, + 'right-0.5': {right: 2}, + 'right-1': {right: 4}, + 'right-1.5': {right: 6}, + 'right-2': {right: 8}, + 'right-2.5': {right: 10}, + 'right-3': {right: 12}, + 'right-3.5': {right: 14}, + 'right-4': {right: 16}, + 'right-5': {right: 20}, + 'right-6': {right: 24}, + 'right-7': {right: 28}, + 'right-8': {right: 32}, + 'right-9': {right: 36}, + 'right-10': {right: 40}, + 'right-11': {right: 44}, + 'right-12': {right: 48}, + 'right-14': {right: 56}, + 'right-16': {right: 64}, +}); + +export const classPositionStyle = { + ...positionStyles, + ...rightStyles, + ...bottomStyles, + ...leftStyles, + ...topStyles, + ...zIndexStyles, +}; +export const classPositionNoneScaleStyle = { + ...positionStyles, + ...rightNoneScaleStyles, + ...bottomNoneScaleStyles, + ...leftNoneScaleStyles, + ...topNoneScaleStyles, + ...zIndexStyles, +}; diff --git a/src copy/styles/Size.styles.ts b/src copy/styles/Size.styles.ts new file mode 100644 index 0000000..00c58ed --- /dev/null +++ b/src copy/styles/Size.styles.ts @@ -0,0 +1,300 @@ +import {StyleSheet} from 'react-native'; +import {device, horizontalScale} from '../utils'; + +const widthStyles = StyleSheet.create({ + w: {width: horizontalScale(1)}, + 'w-0': {width: 0}, + 'w-0.5': {width: horizontalScale(2)}, + 'w-1': {width: horizontalScale(4)}, + 'w-1.5': {width: horizontalScale(6)}, + 'w-2': {width: horizontalScale(8)}, + 'w-2.5': {width: horizontalScale(10)}, + 'w-3': {width: horizontalScale(12)}, + 'w-3.5': {width: horizontalScale(14)}, + 'w-4': {width: horizontalScale(16)}, + 'w-5': {width: horizontalScale(20)}, + 'w-6': {width: horizontalScale(24)}, + 'w-7': {width: horizontalScale(28)}, + 'w-8': {width: horizontalScale(32)}, + 'w-9': {width: horizontalScale(36)}, + 'w-10': {width: horizontalScale(40)}, + 'w-11': {width: horizontalScale(44)}, + 'w-12': {width: horizontalScale(48)}, + 'w-14': {width: horizontalScale(56)}, + 'w-16': {width: horizontalScale(64)}, + 'w-20': {width: horizontalScale(80)}, + 'w-24': {width: horizontalScale(96)}, + 'w-28': {width: horizontalScale(112)}, + 'w-32': {width: horizontalScale(128)}, + 'w-36': {width: horizontalScale(144)}, + 'w-40': {width: horizontalScale(160)}, + 'w-44': {width: horizontalScale(176)}, + 'w-48': {width: horizontalScale(192)}, + 'w-52': {width: horizontalScale(208)}, + 'w-56': {width: horizontalScale(224)}, + 'w-60': {width: horizontalScale(240)}, + 'w-64': {width: horizontalScale(256)}, + 'w-72': {width: horizontalScale(288)}, + 'w-80': {width: horizontalScale(320)}, + 'w-96': {width: horizontalScale(384)}, + 'w-1/2': {width: '50%'}, + 'w-1/3': {width: '33.333333%'}, + 'w-2/3': {width: '66.666667%'}, + 'w-1/4': {width: '25%'}, + 'w-3/4': {width: '75%'}, + 'w-1/5': {width: '20%'}, + 'w-2/5': {width: '40%'}, + 'w-3/5': {width: '60%'}, + 'w-4/5': {width: '80%'}, + 'w-full': {width: '100%'}, + 'w-screen': {width: device.width}, + 'min-w': {minWidth: horizontalScale(1)}, + 'min-w-0': {minWidth: 0}, + 'min-w-0.5': {minWidth: horizontalScale(2)}, + 'min-w-1': {minWidth: horizontalScale(4)}, + 'min-w-1.5': {minWidth: horizontalScale(6)}, + 'min-w-2': {minWidth: horizontalScale(8)}, + 'min-w-2.5': {minWidth: horizontalScale(10)}, + 'min-w-3': {minWidth: horizontalScale(12)}, + 'min-w-3.5': {minWidth: horizontalScale(14)}, + 'min-w-4': {minWidth: horizontalScale(16)}, + 'min-w-5': {minWidth: horizontalScale(20)}, + 'min-w-6': {minWidth: horizontalScale(24)}, + 'min-w-7': {minWidth: horizontalScale(28)}, + 'min-w-8': {minWidth: horizontalScale(32)}, + 'min-w-9': {minWidth: horizontalScale(36)}, + 'min-w-10': {minWidth: horizontalScale(40)}, + 'min-w-11': {minWidth: horizontalScale(44)}, + 'min-w-12': {minWidth: horizontalScale(48)}, + 'min-w-14': {minWidth: horizontalScale(56)}, + 'min-w-16': {minWidth: horizontalScale(64)}, + 'min-w-20': {minWidth: horizontalScale(80)}, + 'min-w-24': {minWidth: horizontalScale(96)}, + 'min-w-28': {minWidth: horizontalScale(112)}, + 'min-w-32': {minWidth: horizontalScale(128)}, + 'min-w-36': {minWidth: horizontalScale(144)}, + 'min-w-40': {minWidth: horizontalScale(160)}, + 'min-w-44': {minWidth: horizontalScale(176)}, + 'min-w-48': {minWidth: horizontalScale(192)}, + 'min-w-52': {minWidth: horizontalScale(208)}, + 'min-w-56': {minWidth: horizontalScale(224)}, + 'min-w-60': {minWidth: horizontalScale(240)}, + 'min-w-64': {minWidth: horizontalScale(256)}, + 'min-w-72': {minWidth: horizontalScale(288)}, + 'min-w-80': {minWidth: horizontalScale(320)}, + 'min-w-96': {minWidth: horizontalScale(384)}, + 'min-w-1/2': {minWidth: '50%'}, + 'min-w-1/3': {minWidth: '33.333333%'}, + 'min-w-2/3': {minWidth: '66.666667%'}, + 'min-w-1/4': {minWidth: '25%'}, + 'min-w-3/4': {minWidth: '75%'}, + 'min-w-1/5': {minWidth: '20%'}, + 'min-w-2/5': {minWidth: '40%'}, + 'min-w-3/5': {minWidth: '60%'}, + 'min-w-4/5': {minWidth: '80%'}, + 'min-w-full': {minWidth: '100%'}, + 'min-w-screen': {minWidth: device.width}, +}); + +const heightStyles = StyleSheet.create({ + h: {height: horizontalScale(1)}, + 'h-0': {height: 0}, + 'h-0.5': {height: horizontalScale(2)}, + 'h-1': {height: horizontalScale(4)}, + 'h-1.5': {height: horizontalScale(6)}, + 'h-2': {height: horizontalScale(8)}, + 'h-2.5': {height: horizontalScale(10)}, + 'h-3': {height: horizontalScale(12)}, + 'h-3.5': {height: horizontalScale(14)}, + 'h-4': {height: horizontalScale(16)}, + 'h-5': {height: horizontalScale(20)}, + 'h-6': {height: horizontalScale(24)}, + 'h-7': {height: horizontalScale(28)}, + 'h-8': {height: horizontalScale(32)}, + 'h-9': {height: horizontalScale(36)}, + 'h-10': {height: horizontalScale(40)}, + 'h-11': {height: horizontalScale(44)}, + 'h-12': {height: horizontalScale(48)}, + 'h-14': {height: horizontalScale(56)}, + 'h-16': {height: horizontalScale(64)}, + 'h-20': {height: horizontalScale(80)}, + 'h-24': {height: horizontalScale(96)}, + 'h-28': {height: horizontalScale(112)}, + 'h-32': {height: horizontalScale(128)}, + 'h-36': {height: horizontalScale(144)}, + 'h-40': {height: horizontalScale(160)}, + 'h-44': {height: horizontalScale(176)}, + 'h-48': {height: horizontalScale(192)}, + 'h-52': {height: horizontalScale(208)}, + 'h-56': {height: horizontalScale(224)}, + 'h-60': {height: horizontalScale(240)}, + 'h-64': {height: horizontalScale(256)}, + 'h-72': {height: horizontalScale(288)}, + 'h-80': {height: horizontalScale(320)}, + 'h-96': {height: horizontalScale(384)}, + 'h-1/2': {height: '50%'}, + 'h-1/3': {height: '33.333333%'}, + 'h-2/3': {height: '66.666667%'}, + 'h-1/4': {height: '25%'}, + 'h-3/4': {height: '75%'}, + 'h-1/5': {height: '20%'}, + 'h-2/5': {height: '40%'}, + 'h-3/5': {height: '60%'}, + 'h-4/5': {height: '80%'}, + 'h-full': {height: '100%'}, + 'h-screen': {height: device.height}, +}); + +const widthNoneScaleStyles = StyleSheet.create({ + w: {width: 1}, + 'w-0': {width: 0}, + 'w-0.5': {width: 2}, + 'w-1': {width: 4}, + 'w-1.5': {width: 6}, + 'w-2': {width: 8}, + 'w-2.5': {width: 10}, + 'w-3': {width: 12}, + 'w-3.5': {width: 14}, + 'w-4': {width: 16}, + 'w-5': {width: 20}, + 'w-6': {width: 24}, + 'w-7': {width: 28}, + 'w-8': {width: 32}, + 'w-9': {width: 36}, + 'w-10': {width: 40}, + 'w-11': {width: 44}, + 'w-12': {width: 48}, + 'w-14': {width: 56}, + 'w-16': {width: 64}, + 'w-20': {width: 80}, + 'w-24': {width: 96}, + 'w-28': {width: 112}, + 'w-32': {width: 128}, + 'w-36': {width: 144}, + 'w-40': {width: 160}, + 'w-44': {width: 176}, + 'w-48': {width: 192}, + 'w-52': {width: 208}, + 'w-56': {width: 224}, + 'w-60': {width: 240}, + 'w-64': {width: 256}, + 'w-72': {width: 288}, + 'w-80': {width: 320}, + 'w-96': {width: 384}, + 'w-1/2': {width: '50%'}, + 'w-1/3': {width: '33.333333%'}, + 'w-2/3': {width: '66.666667%'}, + 'w-1/4': {width: '25%'}, + 'w-3/4': {width: '75%'}, + 'w-1/5': {width: '20%'}, + 'w-2/5': {width: '40%'}, + 'w-3/5': {width: '60%'}, + 'w-4/5': {width: '80%'}, + 'w-full': {width: '100%'}, + 'w-screen': {width: device.width}, + 'min-w': {minWidth: 1}, + 'min-w-0': {minWidth: 0}, + 'min-w-0.5': {minWidth: 2}, + 'min-w-1': {minWidth: 4}, + 'min-w-1.5': {minWidth: 6}, + 'min-w-2': {minWidth: 8}, + 'min-w-2.5': {minWidth: 10}, + 'min-w-3': {minWidth: 12}, + 'min-w-3.5': {minWidth: 14}, + 'min-w-4': {minWidth: 16}, + 'min-w-5': {minWidth: 20}, + 'min-w-6': {minWidth: 24}, + 'min-w-7': {minWidth: 28}, + 'min-w-8': {minWidth: 32}, + 'min-w-9': {minWidth: 36}, + 'min-w-10': {minWidth: 40}, + 'min-w-11': {minWidth: 44}, + 'min-w-12': {minWidth: 48}, + 'min-w-14': {minWidth: 56}, + 'min-w-16': {minWidth: 64}, + 'min-w-20': {minWidth: 80}, + 'min-w-24': {minWidth: 96}, + 'min-w-28': {minWidth: 112}, + 'min-w-32': {minWidth: 128}, + 'min-w-36': {minWidth: 144}, + 'min-w-40': {minWidth: 160}, + 'min-w-44': {minWidth: 176}, + 'min-w-48': {minWidth: 192}, + 'min-w-52': {minWidth: 208}, + 'min-w-56': {minWidth: 224}, + 'min-w-60': {minWidth: 240}, + 'min-w-64': {minWidth: 256}, + 'min-w-72': {minWidth: 288}, + 'min-w-80': {minWidth: 320}, + 'min-w-96': {minWidth: 384}, + 'min-w-1/2': {minWidth: '50%'}, + 'min-w-1/3': {minWidth: '33.333333%'}, + 'min-w-2/3': {minWidth: '66.666667%'}, + 'min-w-1/4': {minWidth: '25%'}, + 'min-w-3/4': {minWidth: '75%'}, + 'min-w-1/5': {minWidth: '20%'}, + 'min-w-2/5': {minWidth: '40%'}, + 'min-w-3/5': {minWidth: '60%'}, + 'min-w-4/5': {minWidth: '80%'}, + 'min-w-full': {minWidth: '100%'}, + 'min-w-screen': {minWidth: device.width}, +}); + +const heightNoneScaleStyles = StyleSheet.create({ + h: {height: 1}, + 'h-0': {height: 0}, + 'h-0.5': {height: 2}, + 'h-1': {height: 4}, + 'h-1.5': {height: 6}, + 'h-2': {height: 8}, + 'h-2.5': {height: 10}, + 'h-3': {height: 12}, + 'h-3.5': {height: 14}, + 'h-4': {height: 16}, + 'h-5': {height: 20}, + 'h-6': {height: 24}, + 'h-7': {height: 28}, + 'h-8': {height: 32}, + 'h-9': {height: 36}, + 'h-10': {height: 40}, + 'h-11': {height: 44}, + 'h-12': {height: 48}, + 'h-14': {height: 56}, + 'h-16': {height: 64}, + 'h-20': {height: 80}, + 'h-24': {height: 96}, + 'h-28': {height: 112}, + 'h-32': {height: 128}, + 'h-36': {height: 144}, + 'h-40': {height: 160}, + 'h-44': {height: 176}, + 'h-48': {height: 192}, + 'h-52': {height: 208}, + 'h-56': {height: 224}, + 'h-60': {height: 240}, + 'h-64': {height: 256}, + 'h-72': {height: 288}, + 'h-80': {height: 320}, + 'h-96': {height: 384}, + 'h-1/2': {height: '50%'}, + 'h-1/3': {height: '33.333333%'}, + 'h-2/3': {height: '66.666667%'}, + 'h-1/4': {height: '25%'}, + 'h-3/4': {height: '75%'}, + 'h-1/5': {height: '20%'}, + 'h-2/5': {height: '40%'}, + 'h-3/5': {height: '60%'}, + 'h-4/5': {height: '80%'}, + 'h-full': {height: '100%'}, + 'h-screen': {height: device.height}, +}); + +export const classSizeStyle = { + ...widthStyles, + ...heightStyles, +}; + +export const classSizeNoneScaleStyle = { + ...widthNoneScaleStyles, + ...heightNoneScaleStyles, +}; diff --git a/src copy/styles/Text.styles.ts b/src copy/styles/Text.styles.ts new file mode 100644 index 0000000..fec43bd --- /dev/null +++ b/src copy/styles/Text.styles.ts @@ -0,0 +1,411 @@ +import {StyleSheet} from 'react-native'; +import {fontSize, moderateScale} from '../utils'; + +const textColorStyle = StyleSheet.create({ + 'text-amber-100': {color: 'rgb(254,243,199)'}, + 'text-amber-200': {color: 'rgb(253,230,138)'}, + 'text-amber-300': {color: 'rgb(252,211,77)'}, + 'text-amber-400': {color: 'rgb(251,191,36)'}, + 'text-amber-50': {color: 'rgb(255,251,235)'}, + 'text-amber-500': {color: 'rgb(245,158,11)'}, + 'text-amber-600': {color: 'rgb(217,119,6)'}, + 'text-amber-700': {color: 'rgb(180,83,9)'}, + 'text-amber-800': {color: 'rgb(146,64,14)'}, + 'text-amber-900': {color: 'rgb(120,53,15)'}, + 'text-amber-950': {color: 'rgb(69,26,3)'}, + 'text-black': {color: 'rgb(0,0,0)'}, + 'text-blue-100': {color: 'rgb(219,234,254)'}, + 'text-blue-200': {color: 'rgb(191,219,254)'}, + 'text-blue-300': {color: 'rgb(147,197,253)'}, + 'text-blue-400': {color: 'rgb(96,165,250)'}, + 'text-blue-50': {color: 'rgb(239,246,255)'}, + 'text-blue-500': {color: 'rgb(59,130,246)'}, + 'text-blue-600': {color: 'rgb(37,99,235)'}, + 'text-blue-700': {color: 'rgb(29,78,216)'}, + 'text-blue-800': {color: 'rgb(30,64,175)'}, + 'text-blue-900': {color: 'rgb(30,58,138)'}, + 'text-blue-950': {color: 'rgb(23,37,84)'}, + 'text-cyan-100': {color: 'rgb(207,250,254)'}, + 'text-cyan-200': {color: 'rgb(165,243,252)'}, + 'text-cyan-300': {color: 'rgb(103,232,249)'}, + 'text-cyan-400': {color: 'rgb(34,211,238)'}, + 'text-cyan-50': {color: 'rgb(236,254,255)'}, + 'text-cyan-500': {color: 'rgb(6,182,212)'}, + 'text-cyan-600': {color: 'rgb(8,145,178)'}, + 'text-cyan-700': {color: 'rgb(14,116,144)'}, + 'text-cyan-800': {color: 'rgb(21,94,117)'}, + 'text-cyan-900': {color: 'rgb(22,78,99)'}, + 'text-cyan-950': {color: 'rgb(8,51,68)'}, + 'text-emerald-100': {color: 'rgb(209,250,229)'}, + 'text-emerald-200': {color: 'rgb(167,243,208)'}, + 'text-emerald-300': {color: 'rgb(110,231,183)'}, + 'text-emerald-400': {color: 'rgb(52,211,153)'}, + 'text-emerald-50': {color: 'rgb(236,253,245)'}, + 'text-emerald-500': {color: 'rgb(16,185,129)'}, + 'text-emerald-600': {color: 'rgb(5,150,105)'}, + 'text-emerald-700': {color: 'rgb(4,120,87)'}, + 'text-emerald-800': {color: 'rgb(6,95,70)'}, + 'text-emerald-900': {color: 'rgb(6,78,59)'}, + 'text-emerald-950': {color: 'rgb(2,44,34)'}, + 'text-fuchsia-100': {color: 'rgb(250,232,255)'}, + 'text-fuchsia-200': {color: 'rgb(245,208,254)'}, + 'text-fuchsia-300': {color: 'rgb(240,171,252)'}, + 'text-fuchsia-400': {color: 'rgb(232,121,249)'}, + 'text-fuchsia-50': {color: 'rgb(253,244,255)'}, + 'text-fuchsia-500': {color: 'rgb(217,70,239)'}, + 'text-fuchsia-600': {color: 'rgb(192,38,211)'}, + 'text-fuchsia-700': {color: 'rgb(162,28,175)'}, + 'text-fuchsia-800': {color: 'rgb(134,25,143)'}, + 'text-fuchsia-900': {color: 'rgb(112,26,117)'}, + 'text-fuchsia-950': {color: 'rgb(74,4,78)'}, + 'text-gray-100': {color: 'rgb(243,244,246)'}, + 'text-gray-200': {color: 'rgb(229,231,235)'}, + 'text-gray-300': {color: 'rgb(209,213,219)'}, + 'text-gray-400': {color: 'rgb(156,163,175)'}, + 'text-gray-50': {color: 'rgb(249,250,251)'}, + 'text-gray-500': {color: 'rgb(107,114,128)'}, + 'text-gray-600': {color: 'rgb(75,85,99)'}, + 'text-gray-700': {color: 'rgb(55,65,81)'}, + 'text-gray-800': {color: 'rgb(31,41,55)'}, + 'text-gray-900': {color: 'rgb(17,24,39)'}, + 'text-gray-950': {color: 'rgb(3,7,18)'}, + 'text-green-100': {color: 'rgb(220,252,231)'}, + 'text-green-200': {color: 'rgb(187,247,208)'}, + 'text-green-300': {color: 'rgb(134,239,172)'}, + 'text-green-400': {color: 'rgb(74,222,128)'}, + 'text-green-50': {color: 'rgb(240,253,244)'}, + 'text-green-500': {color: 'rgb(34,197,94)'}, + 'text-green-600': {color: 'rgb(22,163,74)'}, + 'text-green-700': {color: 'rgb(21,128,61)'}, + 'text-green-800': {color: 'rgb(22,101,52)'}, + 'text-green-900': {color: 'rgb(20,83,45)'}, + 'text-green-950': {color: 'rgb(5,46,22)'}, + 'text-indigo-100': {color: 'rgb(224,231,255)'}, + 'text-indigo-200': {color: 'rgb(199,210,254)'}, + 'text-indigo-300': {color: 'rgb(165,180,252)'}, + 'text-indigo-400': {color: 'rgb(129,140,248)'}, + 'text-indigo-50': {color: 'rgb(238,242,255)'}, + 'text-indigo-500': {color: 'rgb(99,102,241)'}, + 'text-indigo-600': {color: 'rgb(79,70,229)'}, + 'text-indigo-700': {color: 'rgb(67,56,202)'}, + 'text-indigo-800': {color: 'rgb(55,48,163)'}, + 'text-indigo-900': {color: 'rgb(49,46,129)'}, + 'text-indigo-950': {color: 'rgb(30,27,75)'}, + 'text-lime-100': {color: 'rgb(236,252,203)'}, + 'text-lime-200': {color: 'rgb(217,249,157)'}, + 'text-lime-300': {color: 'rgb(190,242,100)'}, + 'text-lime-400': {color: 'rgb(163,230,53)'}, + 'text-lime-50': {color: 'rgb(247,254,231)'}, + 'text-lime-500': {color: 'rgb(132,204,22)'}, + 'text-lime-600': {color: 'rgb(101,163,13)'}, + 'text-lime-700': {color: 'rgb(77,124,15)'}, + 'text-lime-800': {color: 'rgb(63,98,18)'}, + 'text-lime-900': {color: 'rgb(54,83,20)'}, + 'text-lime-950': {color: 'rgb(26,46,5)'}, + 'text-neutral-100': {color: 'rgb(245,245,245)'}, + 'text-neutral-200': {color: 'rgb(229,229,229)'}, + 'text-neutral-300': {color: 'rgb(212,212,212)'}, + 'text-neutral-400': {color: 'rgb(163,163,163)'}, + 'text-neutral-50': {color: 'rgb(250,250,250)'}, + 'text-neutral-500': {color: 'rgb(115,115,115)'}, + 'text-neutral-600': {color: 'rgb(82,82,82)'}, + 'text-neutral-700': {color: 'rgb(64,64,64)'}, + 'text-neutral-800': {color: 'rgb(38,38,38)'}, + 'text-neutral-900': {color: 'rgb(23,23,23)'}, + 'text-neutral-950': {color: 'rgb(10,10,10)'}, + 'text-orange-100': {color: 'rgb(255,237,213)'}, + 'text-orange-200': {color: 'rgb(254,215,170)'}, + 'text-orange-300': {color: 'rgb(253,186,116)'}, + 'text-orange-400': {color: 'rgb(251,146,60)'}, + 'text-orange-50': {color: 'rgb(255,247,237)'}, + 'text-orange-500': {color: 'rgb(249,115,22)'}, + 'text-orange-600': {color: 'rgb(234,88,12)'}, + 'text-orange-700': {color: 'rgb(194,65,12)'}, + 'text-orange-800': {color: 'rgb(154,52,18)'}, + 'text-orange-900': {color: 'rgb(124,45,18)'}, + 'text-orange-950': {color: 'rgb(67,20,7)'}, + 'text-over-light': {color: 'rgba(113, 114, 122, 0.17)'}, + 'text-over-shadow': {color: 'rgba(0, 0, 0, 0.45)'}, + 'text-pink-100': {color: 'rgb(252,231,243)'}, + 'text-pink-200': {color: 'rgb(251,207,232)'}, + 'text-pink-300': {color: 'rgb(249,168,212)'}, + 'text-pink-400': {color: 'rgb(244,114,182)'}, + 'text-pink-50': {color: 'rgb(253,242,248)'}, + 'text-pink-500': {color: 'rgb(236,72,153)'}, + 'text-pink-600': {color: 'rgb(219,39,119)'}, + 'text-pink-700': {color: 'rgb(190,24,93)'}, + 'text-pink-800': {color: 'rgb(157,23,77)'}, + 'text-pink-900': {color: 'rgb(131,24,67)'}, + 'text-pink-950': {color: 'rgb(80,7,36)'}, + 'text-purple-100': {color: 'rgb(243,232,255)'}, + 'text-purple-200': {color: 'rgb(233,213,255)'}, + 'text-purple-300': {color: 'rgb(216,180,254)'}, + 'text-purple-400': {color: 'rgb(192,132,252)'}, + 'text-purple-50': {color: 'rgb(250,245,255)'}, + 'text-purple-500': {color: 'rgb(168,85,247)'}, + 'text-purple-600': {color: 'rgb(147,51,234)'}, + 'text-purple-700': {color: 'rgb(126,34,206)'}, + 'text-purple-800': {color: 'rgb(107,33,168)'}, + 'text-purple-900': {color: 'rgb(88,28,135)'}, + 'text-purple-950': {color: 'rgb(59,7,100)'}, + 'text-red-100': {color: 'rgb(254,226,226)'}, + 'text-red-200': {color: 'rgb(254,202,202)'}, + 'text-red-300': {color: 'rgb(252,165,165)'}, + 'text-red-400': {color: 'rgb(248,113,113)'}, + 'text-red-50': {color: 'rgb(254,242,242)'}, + 'text-red-500': {color: 'rgb(239,68,68)'}, + 'text-red-600': {color: 'rgb(220,38,38)'}, + 'text-red-700': {color: 'rgb(185,28,28)'}, + 'text-red-800': {color: 'rgb(153,27,27)'}, + 'text-red-900': {color: 'rgb(127,29,29)'}, + 'text-red-950': {color: 'rgb(69,10,10)'}, + 'text-rose-100': {color: 'rgb(255,228,230)'}, + 'text-rose-200': {color: 'rgb(254,205,211)'}, + 'text-rose-300': {color: 'rgb(253,164,175)'}, + 'text-rose-400': {color: 'rgb(251,113,133)'}, + 'text-rose-50': {color: 'rgb(255,241,242)'}, + 'text-rose-500': {color: 'rgb(244,63,94)'}, + 'text-rose-600': {color: 'rgb(225,29,72)'}, + 'text-rose-700': {color: 'rgb(190,18,60)'}, + 'text-rose-800': {color: 'rgb(159,18,57)'}, + 'text-rose-900': {color: 'rgb(136,19,55)'}, + 'text-rose-950': {color: 'rgb(76,5,25)'}, + 'text-sky-100': {color: 'rgb(224,242,254)'}, + 'text-sky-200': {color: 'rgb(186,230,253)'}, + 'text-sky-300': {color: 'rgb(125,211,252)'}, + 'text-sky-400': {color: 'rgb(56,189,248)'}, + 'text-sky-50': {color: 'rgb(240,249,255)'}, + 'text-sky-500': {color: 'rgb(14,165,233)'}, + 'text-sky-600': {color: 'rgb(2,132,199)'}, + 'text-sky-700': {color: 'rgb(3,105,161)'}, + 'text-sky-800': {color: 'rgb(7,89,133)'}, + 'text-sky-900': {color: 'rgb(12,74,110)'}, + 'text-sky-950': {color: 'rgb(8,47,73)'}, + 'text-slate-100': {color: 'rgb(241,245,249)'}, + 'text-slate-200': {color: 'rgb(226,232,240)'}, + 'text-slate-300': {color: 'rgb(203,213,225)'}, + 'text-slate-400': {color: 'rgb(148,163,184)'}, + 'text-slate-50': {color: 'rgb(248,250,252)'}, + 'text-slate-500': {color: 'rgb(100,116,139)'}, + 'text-slate-600': {color: 'rgb(71,85,105)'}, + 'text-slate-700': {color: 'rgb(51,65,85)'}, + 'text-slate-800': {color: 'rgb(30,41,59)'}, + 'text-slate-900': {color: 'rgb(15,23,42)'}, + 'text-slate-950': {color: 'rgb(2,6,23)'}, + 'text-stone-100': {color: 'rgb(245,245,244)'}, + 'text-stone-200': {color: 'rgb(231,229,228)'}, + 'text-stone-300': {color: 'rgb(214,211,209)'}, + 'text-stone-400': {color: 'rgb(168,162,158)'}, + 'text-stone-50': {color: 'rgb(250,250,249)'}, + 'text-stone-500': {color: 'rgb(120,113,108)'}, + 'text-stone-600': {color: 'rgb(87,83,78)'}, + 'text-stone-700': {color: 'rgb(68,64,60)'}, + 'text-stone-800': {color: 'rgb(41,37,36)'}, + 'text-stone-900': {color: 'rgb(28,25,23)'}, + 'text-stone-950': {color: 'rgb(12,10,9)'}, + 'text-teal-100': {color: 'rgb(204,251,241)'}, + 'text-teal-200': {color: 'rgb(153,246,228)'}, + 'text-teal-300': {color: 'rgb(94,234,212)'}, + 'text-teal-400': {color: 'rgb(45,212,191)'}, + 'text-teal-50': {color: 'rgb(240,253,250)'}, + 'text-teal-500': {color: 'rgb(20,184,166)'}, + 'text-teal-600': {color: 'rgb(13,148,136)'}, + 'text-teal-700': {color: 'rgb(15,118,110)'}, + 'text-teal-800': {color: 'rgb(17,94,89)'}, + 'text-teal-900': {color: 'rgb(19,78,74)'}, + 'text-teal-950': {color: 'rgb(4,47,46)'}, + 'text-transparent': {color: 'transparent'}, + 'text-violet-100': {color: 'rgb(237,233,254)'}, + 'text-violet-200': {color: 'rgb(221,214,254)'}, + 'text-violet-300': {color: 'rgb(196,181,253)'}, + 'text-violet-400': {color: 'rgb(167,139,250)'}, + 'text-violet-50': {color: 'rgb(245,243,255)'}, + 'text-violet-500': {color: 'rgb(139,92,246)'}, + 'text-violet-600': {color: 'rgb(124,58,237)'}, + 'text-violet-700': {color: 'rgb(109,40,217)'}, + 'text-violet-800': {color: 'rgb(91,33,182)'}, + 'text-violet-900': {color: 'rgb(76,29,149)'}, + 'text-violet-950': {color: 'rgb(46,16,101)'}, + 'text-white': {color: 'rgb(255,255,255)'}, + 'text-yellow-100': {color: 'rgb(254,249,195)'}, + 'text-yellow-200': {color: 'rgb(254,240,138)'}, + 'text-yellow-300': {color: 'rgb(253,224,71)'}, + 'text-yellow-400': {color: 'rgb(250,204,21)'}, + 'text-yellow-50': {color: 'rgb(254,252,232)'}, + 'text-yellow-500': {color: 'rgb(234,179,8)'}, + 'text-yellow-600': {color: 'rgb(202,138,4)'}, + 'text-yellow-700': {color: 'rgb(161,98,7)'}, + 'text-yellow-800': {color: 'rgb(133,77,14)'}, + 'text-yellow-900': {color: 'rgb(113,63,18)'}, + 'text-yellow-950': {color: 'rgb(66,32,6)'}, + 'text-zinc-100': {color: 'rgb(244,244,245)'}, + 'text-zinc-200': {color: 'rgb(228,228,231)'}, + 'text-zinc-300': {color: 'rgb(212,212,216)'}, + 'text-zinc-400': {color: 'rgb(161,161,170)'}, + 'text-zinc-50': {color: 'rgb(250,250,250)'}, + 'text-zinc-500': {color: 'rgb(113,113,122)'}, + 'text-zinc-600': {color: 'rgb(82,82,91)'}, + 'text-zinc-700': {color: 'rgb(63,63,70)'}, + 'text-zinc-800': {color: 'rgb(39,39,42)'}, + 'text-zinc-900': {color: 'rgb(24,24,27)'}, + 'text-zinc-950': {color: 'rgb(9,9,11)'}, +}); + +export const textFontSizeStyle = StyleSheet.create({ + 'text-xs': { + fontSize: fontSize(10), + lineHeight: moderateScale(18), + }, + 'text-sm': { + fontSize: fontSize(12), + lineHeight: moderateScale(20), + }, + 'text-base': { + fontSize: fontSize(14), + lineHeight: moderateScale(22), + }, + 'text-md': { + fontSize: fontSize(16), + lineHeight: moderateScale(24), + }, + 'text-lg': { + fontSize: fontSize(18), + lineHeight: moderateScale(26), + }, + 'text-xl': { + fontSize: fontSize(20), + lineHeight: moderateScale(26), + }, + 'text-2xl': { + fontSize: fontSize(24), + lineHeight: moderateScale(32), + }, + 'text-3xl': { + fontSize: fontSize(30), + lineHeight: moderateScale(36), + }, + 'text-4xl': { + fontSize: fontSize(36), + lineHeight: moderateScale(40), + }, + 'text-5xl': { + fontSize: fontSize(48), + }, + 'text-6xl': { + fontSize: fontSize(60), + }, + 'text-7xl': { + fontSize: fontSize(72), + }, + 'text-8xl': { + fontSize: fontSize(96), + }, + 'text-9xl': { + fontSize: fontSize(128), + }, +}); + +export const textFontSizeNoneScaleStyle = StyleSheet.create({ + 'text-xs': { + fontSize: 10, + lineHeight: 18, + }, + 'text-sm': { + fontSize: 12, + lineHeight: 20, + }, + 'text-base': { + fontSize: 14, + lineHeight: 22, + }, + 'text-md': { + fontSize: 16, + lineHeight: 24, + }, + 'text-lg': { + fontSize: 18, + lineHeight: 26, + }, + 'text-xl': { + fontSize: 20, + lineHeight: 26, + }, + 'text-2xl': { + fontSize: 24, + lineHeight: 32, + }, + 'text-3xl': { + fontSize: 30, + lineHeight: 36, + }, + 'text-4xl': { + fontSize: 36, + lineHeight: 40, + }, + 'text-5xl': { + fontSize: 48, + }, + 'text-6xl': { + fontSize: 60, + }, + 'text-7xl': { + fontSize: 72, + }, + 'text-8xl': { + fontSize: 96, + }, + 'text-9xl': { + fontSize: 128, + }, +}); + +const textFontStyle = StyleSheet.create({ + 'text-center': { + textAlign: 'center', + }, + 'text-left': { + textAlign: 'left', + }, + 'text-right': { + textAlign: 'right', + }, + 'text-auto': { + textAlign: 'auto', + }, + 'text-justify': { + textAlign: 'justify', + }, + 'font-thin': { + fontWeight: '100', + }, + 'font-extraLight': { + fontWeight: '200', + }, + 'font-light': { + fontWeight: '300', + }, + 'font-normal': { + fontWeight: '400', + }, + 'font-medium': { + fontWeight: '500', + }, + 'font-semibold': { + fontWeight: '600', + }, + 'font-bold': { + fontWeight: '700', + }, + 'font-extrabold': { + fontWeight: '800', + }, + 'font-black': { + fontWeight: '900', + }, +}); + +export const textStyles = { + ...textColorStyle, + ...textFontSizeStyle, + ...textFontStyle, +}; diff --git a/src copy/styles/background.styles.ts b/src copy/styles/background.styles.ts new file mode 100644 index 0000000..c714d68 --- /dev/null +++ b/src copy/styles/background.styles.ts @@ -0,0 +1,251 @@ +import {StyleSheet} from 'react-native'; + +export const backgroundColorStyle = StyleSheet.create({ + 'bg-amber-100': {backgroundColor: 'rgb(254,243,199)'}, + 'bg-amber-200': {backgroundColor: 'rgb(253,230,138)'}, + 'bg-amber-300': {backgroundColor: 'rgb(252,211,77)'}, + 'bg-amber-400': {backgroundColor: 'rgb(251,191,36)'}, + 'bg-amber-50': {backgroundColor: 'rgb(255,251,235)'}, + 'bg-amber-500': {backgroundColor: 'rgb(245,158,11)'}, + 'bg-amber-600': {backgroundColor: 'rgb(217,119,6)'}, + 'bg-amber-700': {backgroundColor: 'rgb(180,83,9)'}, + 'bg-amber-800': {backgroundColor: 'rgb(146,64,14)'}, + 'bg-amber-900': {backgroundColor: 'rgb(120,53,15)'}, + 'bg-amber-950': {backgroundColor: 'rgb(69,26,3)'}, + 'bg-black': {backgroundColor: 'rgb(0,0,0)'}, + 'bg-blue-100': {backgroundColor: 'rgb(219,234,254)'}, + 'bg-blue-200': {backgroundColor: 'rgb(191,219,254)'}, + 'bg-blue-300': {backgroundColor: 'rgb(147,197,253)'}, + 'bg-blue-400': {backgroundColor: 'rgb(96,165,250)'}, + 'bg-blue-50': {backgroundColor: 'rgb(239,246,255)'}, + 'bg-blue-500': {backgroundColor: 'rgb(59,130,246)'}, + 'bg-blue-600': {backgroundColor: 'rgb(37,99,235)'}, + 'bg-blue-700': {backgroundColor: 'rgb(29,78,216)'}, + 'bg-blue-800': {backgroundColor: 'rgb(30,64,175)'}, + 'bg-blue-900': {backgroundColor: 'rgb(30,58,138)'}, + 'bg-blue-950': {backgroundColor: 'rgb(23,37,84)'}, + 'bg-cyan-100': {backgroundColor: 'rgb(207,250,254)'}, + 'bg-cyan-200': {backgroundColor: 'rgb(165,243,252)'}, + 'bg-cyan-300': {backgroundColor: 'rgb(103,232,249)'}, + 'bg-cyan-400': {backgroundColor: 'rgb(34,211,238)'}, + 'bg-cyan-50': {backgroundColor: 'rgb(236,254,255)'}, + 'bg-cyan-500': {backgroundColor: 'rgb(6,182,212)'}, + 'bg-cyan-600': {backgroundColor: 'rgb(8,145,178)'}, + 'bg-cyan-700': {backgroundColor: 'rgb(14,116,144)'}, + 'bg-cyan-800': {backgroundColor: 'rgb(21,94,117)'}, + 'bg-cyan-900': {backgroundColor: 'rgb(22,78,99)'}, + 'bg-cyan-950': {backgroundColor: 'rgb(8,51,68)'}, + 'bg-emerald-100': {backgroundColor: 'rgb(209,250,229)'}, + 'bg-emerald-200': {backgroundColor: 'rgb(167,243,208)'}, + 'bg-emerald-300': {backgroundColor: 'rgb(110,231,183)'}, + 'bg-emerald-400': {backgroundColor: 'rgb(52,211,153)'}, + 'bg-emerald-50': {backgroundColor: 'rgb(236,253,245)'}, + 'bg-emerald-500': {backgroundColor: 'rgb(16,185,129)'}, + 'bg-emerald-600': {backgroundColor: 'rgb(5,150,105)'}, + 'bg-emerald-700': {backgroundColor: 'rgb(4,120,87)'}, + 'bg-emerald-800': {backgroundColor: 'rgb(6,95,70)'}, + 'bg-emerald-900': {backgroundColor: 'rgb(6,78,59)'}, + 'bg-emerald-950': {backgroundColor: 'rgb(2,44,34)'}, + 'bg-fuchsia-100': {backgroundColor: 'rgb(250,232,255)'}, + 'bg-fuchsia-200': {backgroundColor: 'rgb(245,208,254)'}, + 'bg-fuchsia-300': {backgroundColor: 'rgb(240,171,252)'}, + 'bg-fuchsia-400': {backgroundColor: 'rgb(232,121,249)'}, + 'bg-fuchsia-50': {backgroundColor: 'rgb(253,244,255)'}, + 'bg-fuchsia-500': {backgroundColor: 'rgb(217,70,239)'}, + 'bg-fuchsia-600': {backgroundColor: 'rgb(192,38,211)'}, + 'bg-fuchsia-700': {backgroundColor: 'rgb(162,28,175)'}, + 'bg-fuchsia-800': {backgroundColor: 'rgb(134,25,143)'}, + 'bg-fuchsia-900': {backgroundColor: 'rgb(112,26,117)'}, + 'bg-fuchsia-950': {backgroundColor: 'rgb(74,4,78)'}, + 'bg-gray-100': {backgroundColor: 'rgb(243,244,246)'}, + 'bg-gray-200': {backgroundColor: 'rgb(229,231,235)'}, + 'bg-gray-300': {backgroundColor: 'rgb(209,213,219)'}, + 'bg-gray-400': {backgroundColor: 'rgb(156,163,175)'}, + 'bg-gray-50': {backgroundColor: 'rgb(249,250,251)'}, + 'bg-gray-500': {backgroundColor: 'rgb(107,114,128)'}, + 'bg-gray-600': {backgroundColor: 'rgb(75,85,99)'}, + 'bg-gray-700': {backgroundColor: 'rgb(55,65,81)'}, + 'bg-gray-800': {backgroundColor: 'rgb(31,41,55)'}, + 'bg-gray-900': {backgroundColor: 'rgb(17,24,39)'}, + 'bg-gray-950': {backgroundColor: 'rgb(3,7,18)'}, + 'bg-green-100': {backgroundColor: 'rgb(220,252,231)'}, + 'bg-green-200': {backgroundColor: 'rgb(187,247,208)'}, + 'bg-green-300': {backgroundColor: 'rgb(134,239,172)'}, + 'bg-green-400': {backgroundColor: 'rgb(74,222,128)'}, + 'bg-green-50': {backgroundColor: 'rgb(240,253,244)'}, + 'bg-green-500': {backgroundColor: 'rgb(34,197,94)'}, + 'bg-green-600': {backgroundColor: 'rgb(22,163,74)'}, + 'bg-green-700': {backgroundColor: 'rgb(21,128,61)'}, + 'bg-green-800': {backgroundColor: 'rgb(22,101,52)'}, + 'bg-green-900': {backgroundColor: 'rgb(20,83,45)'}, + 'bg-green-950': {backgroundColor: 'rgb(5,46,22)'}, + 'bg-indigo-100': {backgroundColor: 'rgb(224,231,255)'}, + 'bg-indigo-200': {backgroundColor: 'rgb(199,210,254)'}, + 'bg-indigo-300': {backgroundColor: 'rgb(165,180,252)'}, + 'bg-indigo-400': {backgroundColor: 'rgb(129,140,248)'}, + 'bg-indigo-50': {backgroundColor: 'rgb(238,242,255)'}, + 'bg-indigo-500': {backgroundColor: 'rgb(99,102,241)'}, + 'bg-indigo-600': {backgroundColor: 'rgb(79,70,229)'}, + 'bg-indigo-700': {backgroundColor: 'rgb(67,56,202)'}, + 'bg-indigo-800': {backgroundColor: 'rgb(55,48,163)'}, + 'bg-indigo-900': {backgroundColor: 'rgb(49,46,129)'}, + 'bg-indigo-950': {backgroundColor: 'rgb(30,27,75)'}, + 'bg-lime-100': {backgroundColor: 'rgb(236,252,203)'}, + 'bg-lime-200': {backgroundColor: 'rgb(217,249,157)'}, + 'bg-lime-300': {backgroundColor: 'rgb(190,242,100)'}, + 'bg-lime-400': {backgroundColor: 'rgb(163,230,53)'}, + 'bg-lime-50': {backgroundColor: 'rgb(247,254,231)'}, + 'bg-lime-500': {backgroundColor: 'rgb(132,204,22)'}, + 'bg-lime-600': {backgroundColor: 'rgb(101,163,13)'}, + 'bg-lime-700': {backgroundColor: 'rgb(77,124,15)'}, + 'bg-lime-800': {backgroundColor: 'rgb(63,98,18)'}, + 'bg-lime-900': {backgroundColor: 'rgb(54,83,20)'}, + 'bg-lime-950': {backgroundColor: 'rgb(26,46,5)'}, + 'bg-neutral-100': {backgroundColor: 'rgb(245,245,245)'}, + 'bg-neutral-200': {backgroundColor: 'rgb(229,229,229)'}, + 'bg-neutral-300': {backgroundColor: 'rgb(212,212,212)'}, + 'bg-neutral-400': {backgroundColor: 'rgb(163,163,163)'}, + 'bg-neutral-50': {backgroundColor: 'rgb(250,250,250)'}, + 'bg-neutral-500': {backgroundColor: 'rgb(115,115,115)'}, + 'bg-neutral-600': {backgroundColor: 'rgb(82,82,82)'}, + 'bg-neutral-700': {backgroundColor: 'rgb(64,64,64)'}, + 'bg-neutral-800': {backgroundColor: 'rgb(38,38,38)'}, + 'bg-neutral-900': {backgroundColor: 'rgb(23,23,23)'}, + 'bg-neutral-950': {backgroundColor: 'rgb(10,10,10)'}, + 'bg-orange-100': {backgroundColor: 'rgb(255,237,213)'}, + 'bg-orange-200': {backgroundColor: 'rgb(254,215,170)'}, + 'bg-orange-300': {backgroundColor: 'rgb(253,186,116)'}, + 'bg-orange-400': {backgroundColor: 'rgb(251,146,60)'}, + 'bg-orange-50': {backgroundColor: 'rgb(255,247,237)'}, + 'bg-orange-500': {backgroundColor: 'rgb(249,115,22)'}, + 'bg-orange-600': {backgroundColor: 'rgb(234,88,12)'}, + 'bg-orange-700': {backgroundColor: 'rgb(194,65,12)'}, + 'bg-orange-800': {backgroundColor: 'rgb(154,52,18)'}, + 'bg-orange-900': {backgroundColor: 'rgb(124,45,18)'}, + 'bg-orange-950': {backgroundColor: 'rgb(67,20,7)'}, + 'bg-over-light': {backgroundColor: 'rgba(113, 114, 122, 0.17)'}, + 'bg-over-shadow': {backgroundColor: 'rgba(0, 0, 0, 0.45)'}, + 'bg-pink-100': {backgroundColor: 'rgb(252,231,243)'}, + 'bg-pink-200': {backgroundColor: 'rgb(251,207,232)'}, + 'bg-pink-300': {backgroundColor: 'rgb(249,168,212)'}, + 'bg-pink-400': {backgroundColor: 'rgb(244,114,182)'}, + 'bg-pink-50': {backgroundColor: 'rgb(253,242,248)'}, + 'bg-pink-500': {backgroundColor: 'rgb(236,72,153)'}, + 'bg-pink-600': {backgroundColor: 'rgb(219,39,119)'}, + 'bg-pink-700': {backgroundColor: 'rgb(190,24,93)'}, + 'bg-pink-800': {backgroundColor: 'rgb(157,23,77)'}, + 'bg-pink-900': {backgroundColor: 'rgb(131,24,67)'}, + 'bg-pink-950': {backgroundColor: 'rgb(80,7,36)'}, + 'bg-purple-100': {backgroundColor: 'rgb(243,232,255)'}, + 'bg-purple-200': {backgroundColor: 'rgb(233,213,255)'}, + 'bg-purple-300': {backgroundColor: 'rgb(216,180,254)'}, + 'bg-purple-400': {backgroundColor: 'rgb(192,132,252)'}, + 'bg-purple-50': {backgroundColor: 'rgb(250,245,255)'}, + 'bg-purple-500': {backgroundColor: 'rgb(168,85,247)'}, + 'bg-purple-600': {backgroundColor: 'rgb(147,51,234)'}, + 'bg-purple-700': {backgroundColor: 'rgb(126,34,206)'}, + 'bg-purple-800': {backgroundColor: 'rgb(107,33,168)'}, + 'bg-purple-900': {backgroundColor: 'rgb(88,28,135)'}, + 'bg-purple-950': {backgroundColor: 'rgb(59,7,100)'}, + 'bg-red-100': {backgroundColor: 'rgb(254,226,226)'}, + 'bg-red-200': {backgroundColor: 'rgb(254,202,202)'}, + 'bg-red-300': {backgroundColor: 'rgb(252,165,165)'}, + 'bg-red-400': {backgroundColor: 'rgb(248,113,113)'}, + 'bg-red-50': {backgroundColor: 'rgb(254,242,242)'}, + 'bg-red-500': {backgroundColor: 'rgb(239,68,68)'}, + 'bg-red-600': {backgroundColor: 'rgb(220,38,38)'}, + 'bg-red-700': {backgroundColor: 'rgb(185,28,28)'}, + 'bg-red-800': {backgroundColor: 'rgb(153,27,27)'}, + 'bg-red-900': {backgroundColor: 'rgb(127,29,29)'}, + 'bg-red-950': {backgroundColor: 'rgb(69,10,10)'}, + 'bg-rose-100': {backgroundColor: 'rgb(255,228,230)'}, + 'bg-rose-200': {backgroundColor: 'rgb(254,205,211)'}, + 'bg-rose-300': {backgroundColor: 'rgb(253,164,175)'}, + 'bg-rose-400': {backgroundColor: 'rgb(251,113,133)'}, + 'bg-rose-50': {backgroundColor: 'rgb(255,241,242)'}, + 'bg-rose-500': {backgroundColor: 'rgb(244,63,94)'}, + 'bg-rose-600': {backgroundColor: 'rgb(225,29,72)'}, + 'bg-rose-700': {backgroundColor: 'rgb(190,18,60)'}, + 'bg-rose-800': {backgroundColor: 'rgb(159,18,57)'}, + 'bg-rose-900': {backgroundColor: 'rgb(136,19,55)'}, + 'bg-rose-950': {backgroundColor: 'rgb(76,5,25)'}, + 'bg-sky-100': {backgroundColor: 'rgb(224,242,254)'}, + 'bg-sky-200': {backgroundColor: 'rgb(186,230,253)'}, + 'bg-sky-300': {backgroundColor: 'rgb(125,211,252)'}, + 'bg-sky-400': {backgroundColor: 'rgb(56,189,248)'}, + 'bg-sky-50': {backgroundColor: 'rgb(240,249,255)'}, + 'bg-sky-500': {backgroundColor: 'rgb(14,165,233)'}, + 'bg-sky-600': {backgroundColor: 'rgb(2,132,199)'}, + 'bg-sky-700': {backgroundColor: 'rgb(3,105,161)'}, + 'bg-sky-800': {backgroundColor: 'rgb(7,89,133)'}, + 'bg-sky-900': {backgroundColor: 'rgb(12,74,110)'}, + 'bg-sky-950': {backgroundColor: 'rgb(8,47,73)'}, + 'bg-slate-100': {backgroundColor: 'rgb(241,245,249)'}, + 'bg-slate-200': {backgroundColor: 'rgb(226,232,240)'}, + 'bg-slate-300': {backgroundColor: 'rgb(203,213,225)'}, + 'bg-slate-400': {backgroundColor: 'rgb(148,163,184)'}, + 'bg-slate-50': {backgroundColor: 'rgb(248,250,252)'}, + 'bg-slate-500': {backgroundColor: 'rgb(100,116,139)'}, + 'bg-slate-600': {backgroundColor: 'rgb(71,85,105)'}, + 'bg-slate-700': {backgroundColor: 'rgb(51,65,85)'}, + 'bg-slate-800': {backgroundColor: 'rgb(30,41,59)'}, + 'bg-slate-900': {backgroundColor: 'rgb(15,23,42)'}, + 'bg-slate-950': {backgroundColor: 'rgb(2,6,23)'}, + 'bg-stone-100': {backgroundColor: 'rgb(245,245,244)'}, + 'bg-stone-200': {backgroundColor: 'rgb(231,229,228)'}, + 'bg-stone-300': {backgroundColor: 'rgb(214,211,209)'}, + 'bg-stone-400': {backgroundColor: 'rgb(168,162,158)'}, + 'bg-stone-50': {backgroundColor: 'rgb(250,250,249)'}, + 'bg-stone-500': {backgroundColor: 'rgb(120,113,108)'}, + 'bg-stone-600': {backgroundColor: 'rgb(87,83,78)'}, + 'bg-stone-700': {backgroundColor: 'rgb(68,64,60)'}, + 'bg-stone-800': {backgroundColor: 'rgb(41,37,36)'}, + 'bg-stone-900': {backgroundColor: 'rgb(28,25,23)'}, + 'bg-stone-950': {backgroundColor: 'rgb(12,10,9)'}, + 'bg-teal-100': {backgroundColor: 'rgb(204,251,241)'}, + 'bg-teal-200': {backgroundColor: 'rgb(153,246,228)'}, + 'bg-teal-300': {backgroundColor: 'rgb(94,234,212)'}, + 'bg-teal-400': {backgroundColor: 'rgb(45,212,191)'}, + 'bg-teal-50': {backgroundColor: 'rgb(240,253,250)'}, + 'bg-teal-500': {backgroundColor: 'rgb(20,184,166)'}, + 'bg-teal-600': {backgroundColor: 'rgb(13,148,136)'}, + 'bg-teal-700': {backgroundColor: 'rgb(15,118,110)'}, + 'bg-teal-800': {backgroundColor: 'rgb(17,94,89)'}, + 'bg-teal-900': {backgroundColor: 'rgb(19,78,74)'}, + 'bg-teal-950': {backgroundColor: 'rgb(4,47,46)'}, + 'bg-transparent': {backgroundColor: 'transparent'}, + 'bg-violet-100': {backgroundColor: 'rgb(237,233,254)'}, + 'bg-violet-200': {backgroundColor: 'rgb(221,214,254)'}, + 'bg-violet-300': {backgroundColor: 'rgb(196,181,253)'}, + 'bg-violet-400': {backgroundColor: 'rgb(167,139,250)'}, + 'bg-violet-50': {backgroundColor: 'rgb(245,243,255)'}, + 'bg-violet-500': {backgroundColor: 'rgb(139,92,246)'}, + 'bg-violet-600': {backgroundColor: 'rgb(124,58,237)'}, + 'bg-violet-700': {backgroundColor: 'rgb(109,40,217)'}, + 'bg-violet-800': {backgroundColor: 'rgb(91,33,182)'}, + 'bg-violet-900': {backgroundColor: 'rgb(76,29,149)'}, + 'bg-violet-950': {backgroundColor: 'rgb(46,16,101)'}, + 'bg-white': {backgroundColor: 'rgb(255,255,255)'}, + 'bg-yellow-100': {backgroundColor: 'rgb(254,249,195)'}, + 'bg-yellow-200': {backgroundColor: 'rgb(254,240,138)'}, + 'bg-yellow-300': {backgroundColor: 'rgb(253,224,71)'}, + 'bg-yellow-400': {backgroundColor: 'rgb(250,204,21)'}, + 'bg-yellow-50': {backgroundColor: 'rgb(254,252,232)'}, + 'bg-yellow-500': {backgroundColor: 'rgb(234,179,8)'}, + 'bg-yellow-600': {backgroundColor: 'rgb(202,138,4)'}, + 'bg-yellow-700': {backgroundColor: 'rgb(161,98,7)'}, + 'bg-yellow-800': {backgroundColor: 'rgb(133,77,14)'}, + 'bg-yellow-900': {backgroundColor: 'rgb(113,63,18)'}, + 'bg-yellow-950': {backgroundColor: 'rgb(66,32,6)'}, + 'bg-zinc-100': {backgroundColor: 'rgb(244,244,245)'}, + 'bg-zinc-200': {backgroundColor: 'rgb(228,228,231)'}, + 'bg-zinc-300': {backgroundColor: 'rgb(212,212,216)'}, + 'bg-zinc-400': {backgroundColor: 'rgb(161,161,170)'}, + 'bg-zinc-50': {backgroundColor: 'rgb(250,250,250)'}, + 'bg-zinc-500': {backgroundColor: 'rgb(113,113,122)'}, + 'bg-zinc-600': {backgroundColor: 'rgb(82,82,91)'}, + 'bg-zinc-700': {backgroundColor: 'rgb(63,63,70)'}, + 'bg-zinc-800': {backgroundColor: 'rgb(39,39,42)'}, + 'bg-zinc-900': {backgroundColor: 'rgb(24,24,27)'}, + 'bg-zinc-950': {backgroundColor: 'rgb(9,9,11)'}, +}); diff --git a/src copy/styles/index.ts b/src copy/styles/index.ts new file mode 100644 index 0000000..43e7c78 --- /dev/null +++ b/src copy/styles/index.ts @@ -0,0 +1 @@ +export * from './ClassStyles'; diff --git a/src copy/utils/Color.util.ts b/src copy/utils/Color.util.ts new file mode 100644 index 0000000..eca40d1 --- /dev/null +++ b/src copy/utils/Color.util.ts @@ -0,0 +1,11 @@ +export class ColorBox { + static dark: string = '#000000'; + static light: string = '#ffffff'; + static secondary: string = '#f5f5f5'; + static black: string = '#000000'; + static white: string = '#ffffff'; + static error: string = 'red'; + static success: string = 'green'; + static warning: string = 'yellow'; + static transparent: string = 'transparent'; +} diff --git a/src copy/utils/index.ts b/src copy/utils/index.ts new file mode 100644 index 0000000..605085b --- /dev/null +++ b/src copy/utils/index.ts @@ -0,0 +1 @@ +export * from './resize.util'; diff --git a/src copy/utils/resize.util.ts b/src copy/utils/resize.util.ts new file mode 100644 index 0000000..8723b98 --- /dev/null +++ b/src copy/utils/resize.util.ts @@ -0,0 +1,38 @@ +import {Dimensions, NativeModules, Platform} from 'react-native'; + +const {width, height} = Dimensions.get('window'); +const [shortDimension, longDimension] = + width < height ? [width, height] : [height, width]; + +const guidelineBaseWidth = 375; +const guidelineBaseHeight = 812; +const {StatusBarManager} = NativeModules; +const heightStatusbar = StatusBarManager.HEIGHT; + +const horizontalScale = (size: number) => + (shortDimension / guidelineBaseWidth) * size; +const verticalScale = (size: number) => + (longDimension / guidelineBaseHeight) * size; +const moderateScale = (size: number, factor = 0.5) => + size + (horizontalScale(size) - size) * factor; +// scale fontsize +const scaleWidth = width / guidelineBaseWidth; +const scaleHeight = height / guidelineBaseHeight; +const scale = Math.min(scaleWidth, scaleHeight); +const fontSize = (size: number) => Math.ceil(size * scale); + +const isIOS = Platform.OS === 'ios'; +const device = { + width, + height, +}; + +export { + horizontalScale, + verticalScale, + moderateScale, + fontSize, + heightStatusbar, + isIOS, + device, +}; From abb2160206423e6fa622facb46b4c71d7df91acc Mon Sep 17 00:00:00 2001 From: sangyuo Date: Mon, 29 Jul 2024 14:25:09 +0700 Subject: [PATCH 02/23] feat: base component --- src copy/components/box/Box.tsx | 22 -- src copy/components/box/index.ts | 1 - src copy/components/button/Button.tsx | 59 ---- src copy/components/button/index.ts | 1 - src copy/components/index.ts | 3 - src copy/components/text/Text.tsx | 26 -- src copy/components/text/index.ts | 1 - src copy/example/example-1.png | Bin 91388 -> 0 bytes src copy/hook/index.ts | 4 - src copy/hook/useClassName.tsx | 20 -- src copy/hook/useStylesVarianTheme.tsx | 21 -- src copy/index.ts | 1 - src copy/model/background.ts | 248 -------------- src copy/model/border.ts | 127 ------- src copy/model/classStyle.ts | 15 - src copy/model/flex.ts | 94 ------ src copy/model/index.ts | 9 - src copy/model/margin.ts | 154 --------- src copy/model/padding.ts | 154 --------- src copy/model/position.ts | 108 ------ src copy/model/size.ts | 144 -------- src copy/model/text.ts | 259 -------------- src copy/styles/Border.styles.ts | 447 ------------------------- src copy/styles/ClassStyles.ts | 80 ----- src copy/styles/Flex.styles.ts | 160 --------- src copy/styles/Margin.styles.ts | 330 ------------------ src copy/styles/Padding.styles.ts | 330 ------------------ src copy/styles/Position.styles.ts | 217 ------------ src copy/styles/Size.styles.ts | 300 ----------------- src copy/styles/Text.styles.ts | 411 ----------------------- src copy/styles/background.styles.ts | 251 -------------- src copy/styles/index.ts | 1 - src copy/utils/Color.util.ts | 11 - src copy/utils/index.ts | 1 - src copy/utils/resize.util.ts | 38 --- 35 files changed, 4048 deletions(-) delete mode 100644 src copy/components/box/Box.tsx delete mode 100644 src copy/components/box/index.ts delete mode 100644 src copy/components/button/Button.tsx delete mode 100644 src copy/components/button/index.ts delete mode 100644 src copy/components/index.ts delete mode 100644 src copy/components/text/Text.tsx delete mode 100644 src copy/components/text/index.ts delete mode 100644 src copy/example/example-1.png delete mode 100644 src copy/hook/index.ts delete mode 100644 src copy/hook/useClassName.tsx delete mode 100644 src copy/hook/useStylesVarianTheme.tsx delete mode 100644 src copy/index.ts delete mode 100644 src copy/model/background.ts delete mode 100644 src copy/model/border.ts delete mode 100644 src copy/model/classStyle.ts delete mode 100644 src copy/model/flex.ts delete mode 100644 src copy/model/index.ts delete mode 100644 src copy/model/margin.ts delete mode 100644 src copy/model/padding.ts delete mode 100644 src copy/model/position.ts delete mode 100644 src copy/model/size.ts delete mode 100644 src copy/model/text.ts delete mode 100644 src copy/styles/Border.styles.ts delete mode 100644 src copy/styles/ClassStyles.ts delete mode 100644 src copy/styles/Flex.styles.ts delete mode 100644 src copy/styles/Margin.styles.ts delete mode 100644 src copy/styles/Padding.styles.ts delete mode 100644 src copy/styles/Position.styles.ts delete mode 100644 src copy/styles/Size.styles.ts delete mode 100644 src copy/styles/Text.styles.ts delete mode 100644 src copy/styles/background.styles.ts delete mode 100644 src copy/styles/index.ts delete mode 100644 src copy/utils/Color.util.ts delete mode 100644 src copy/utils/index.ts delete mode 100644 src copy/utils/resize.util.ts diff --git a/src copy/components/box/Box.tsx b/src copy/components/box/Box.tsx deleted file mode 100644 index b32a5e8..0000000 --- a/src copy/components/box/Box.tsx +++ /dev/null @@ -1,22 +0,0 @@ -import React from 'react'; -import {StyleSheet, View, ViewProps} from 'react-native'; -import {useClassName} from '../../hook'; - -export interface PropsBox extends ViewProps { - scaleScreen?: boolean; - className?: string; -} - -const Box = (props: PropsBox) => { - const {style, scaleScreen, className, ...rest} = props; - const stylesCustom = useClassName({ - className, - scaleScreen, - }); - - const styleCard = StyleSheet.compose(stylesCustom, style); - - return ; -}; - -export default Box; diff --git a/src copy/components/box/index.ts b/src copy/components/box/index.ts deleted file mode 100644 index 4fb2b12..0000000 --- a/src copy/components/box/index.ts +++ /dev/null @@ -1 +0,0 @@ -export {default as Box} from './Box'; diff --git a/src copy/components/button/Button.tsx b/src copy/components/button/Button.tsx deleted file mode 100644 index ffcf493..0000000 --- a/src copy/components/button/Button.tsx +++ /dev/null @@ -1,59 +0,0 @@ -import React, {useCallback, useRef} from 'react'; -import { - GestureResponderEvent, - StyleSheet, - TouchableOpacity, - TouchableOpacityProps, -} from 'react-native'; -import {useClassName} from '../../hook'; - -export interface ButtonComponentProps extends TouchableOpacityProps { - scaleScreen?: boolean; - className?: string; - isDebounce?: boolean; - delayDebounce?: number; -} -const Button = (props: ButtonComponentProps) => { - const { - style, - scaleScreen, - isDebounce, - delayDebounce, - onPress, - className, - ...rest - } = props; - - const stylesCustom = useClassName({ - className, - scaleScreen, - }); - const timerDebounceRef = useRef(); - - //handle multiple click - const handler = useCallback( - (e: GestureResponderEvent) => { - if (timerDebounceRef.current) { - clearTimeout(timerDebounceRef.current); - } - timerDebounceRef.current = setTimeout(() => { - onPress && onPress(e); - }, delayDebounce || 500); - }, - [onPress], - ); - - const handlePress = (e: GestureResponderEvent) => { - if (isDebounce) { - handler(e); - } else { - onPress && onPress(e); - } - }; - - const styleCard = StyleSheet.compose(stylesCustom, style); - - return ; -}; - -export default Button; diff --git a/src copy/components/button/index.ts b/src copy/components/button/index.ts deleted file mode 100644 index d506e5f..0000000 --- a/src copy/components/button/index.ts +++ /dev/null @@ -1 +0,0 @@ -export {default as Button} from './Button'; diff --git a/src copy/components/index.ts b/src copy/components/index.ts deleted file mode 100644 index e6d168d..0000000 --- a/src copy/components/index.ts +++ /dev/null @@ -1,3 +0,0 @@ -export * from './box'; -export * from './text'; -export * from './button'; diff --git a/src copy/components/text/Text.tsx b/src copy/components/text/Text.tsx deleted file mode 100644 index f8be1ee..0000000 --- a/src copy/components/text/Text.tsx +++ /dev/null @@ -1,26 +0,0 @@ -import React from 'react'; -import {StyleSheet, Text, TextProps} from 'react-native'; -import {useClassName} from '../../hook'; - -export interface TextComponentProps extends TextProps { - className?: string; - scaleScreen?: boolean; -} - -const TextComponent = ({ - className, - scaleScreen, - style, - ...rest -}: TextComponentProps) => { - const stylesCustom = useClassName({ - className, - scaleScreen, - }); - - const styleText = StyleSheet.compose(stylesCustom, style); - - return ; -}; - -export default TextComponent; diff --git a/src copy/components/text/index.ts b/src copy/components/text/index.ts deleted file mode 100644 index fbb152e..0000000 --- a/src copy/components/text/index.ts +++ /dev/null @@ -1 +0,0 @@ -export {default as Text} from './Text'; diff --git a/src copy/example/example-1.png b/src copy/example/example-1.png deleted file mode 100644 index e725a7045e2d19b3837f6d6dedfd90af5417a690..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 91388 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

C}vO*3&liGg_f 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�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 L>Fc4~6fXM{DX^}P diff --git a/src copy/hook/index.ts b/src copy/hook/index.ts deleted file mode 100644 index 1ce1516..0000000 --- a/src copy/hook/index.ts +++ /dev/null @@ -1,4 +0,0 @@ -import useStylesVarianTheme from './useStylesVarianTheme'; -import useClassName from './useClassName'; - -export {useStylesVarianTheme, useClassName}; diff --git a/src copy/hook/useClassName.tsx b/src copy/hook/useClassName.tsx deleted file mode 100644 index d172ec2..0000000 --- a/src copy/hook/useClassName.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import {useMemo} from 'react'; -import {getClassNameStyles} from '../styles'; - -type PropsClass = { - className?: string; - scaleScreen?: boolean; -}; - -export default function useClassNameStyles({ - className, - scaleScreen, -}: PropsClass) { - const styleDirection = useMemo(() => { - if (className) { - return getClassNameStyles(className); - } - return {}; - }, [className, scaleScreen]); - return styleDirection; -} diff --git a/src copy/hook/useStylesVarianTheme.tsx b/src copy/hook/useStylesVarianTheme.tsx deleted file mode 100644 index e0a13c0..0000000 --- a/src copy/hook/useStylesVarianTheme.tsx +++ /dev/null @@ -1,21 +0,0 @@ -import {useMemo} from 'react'; -import {ClassStyleType} from '../model'; -import {getClassStyles} from '../styles'; - -type Props = { - classStyles?: ClassStyleType | ClassStyleType[]; - scaleScreen?: boolean; -}; - -export default function useStylesVarianTheme({ - classStyles, - scaleScreen, -}: Props) { - const styleDirection = useMemo(() => { - if (classStyles) { - return getClassStyles(classStyles, scaleScreen); - } - return {}; - }, [classStyles, scaleScreen]); - return styleDirection; -} diff --git a/src copy/index.ts b/src copy/index.ts deleted file mode 100644 index 07635cb..0000000 --- a/src copy/index.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './components'; diff --git a/src copy/model/background.ts b/src copy/model/background.ts deleted file mode 100644 index a408adb..0000000 --- a/src copy/model/background.ts +++ /dev/null @@ -1,248 +0,0 @@ -export type BackgroundType = - | 'bg-transparent' - | 'bg-black' - | 'bg-white' - | 'bg-over-shadow' - | 'bg-over-light' - | 'bg-slate-50' - | 'bg-slate-100' - | 'bg-slate-200' - | 'bg-slate-300' - | 'bg-slate-400' - | 'bg-slate-500' - | 'bg-slate-600' - | 'bg-slate-700' - | 'bg-slate-800' - | 'bg-slate-900' - | 'bg-slate-950' - | 'bg-gray-50' - | 'bg-gray-100' - | 'bg-gray-200' - | 'bg-gray-300' - | 'bg-gray-400' - | 'bg-gray-500' - | 'bg-gray-600' - | 'bg-gray-700' - | 'bg-gray-800' - | 'bg-gray-900' - | 'bg-gray-950' - | 'bg-zinc-50' - | 'bg-zinc-100' - | 'bg-zinc-200' - | 'bg-zinc-300' - | 'bg-zinc-400' - | 'bg-zinc-500' - | 'bg-zinc-600' - | 'bg-zinc-700' - | 'bg-zinc-800' - | 'bg-zinc-900' - | 'bg-zinc-950' - | 'bg-neutral-50' - | 'bg-neutral-100' - | 'bg-neutral-200' - | 'bg-neutral-300' - | 'bg-neutral-400' - | 'bg-neutral-500' - | 'bg-neutral-600' - | 'bg-neutral-700' - | 'bg-neutral-800' - | 'bg-neutral-900' - | 'bg-neutral-950' - | 'bg-stone-50' - | 'bg-stone-100' - | 'bg-stone-200' - | 'bg-stone-300' - | 'bg-stone-400' - | 'bg-stone-500' - | 'bg-stone-600' - | 'bg-stone-700' - | 'bg-stone-800' - | 'bg-stone-900' - | 'bg-stone-950' - | 'bg-red-50' - | 'bg-red-100' - | 'bg-red-200' - | 'bg-red-300' - | 'bg-red-400' - | 'bg-red-500' - | 'bg-red-600' - | 'bg-red-700' - | 'bg-red-800' - | 'bg-red-900' - | 'bg-red-950' - | 'bg-orange-50' - | 'bg-orange-100' - | 'bg-orange-200' - | 'bg-orange-300' - | 'bg-orange-400' - | 'bg-orange-500' - | 'bg-orange-600' - | 'bg-orange-700' - | 'bg-orange-800' - | 'bg-orange-900' - | 'bg-orange-950' - | 'bg-amber-50' - | 'bg-amber-100' - | 'bg-amber-200' - | 'bg-amber-300' - | 'bg-amber-400' - | 'bg-amber-500' - | 'bg-amber-600' - | 'bg-amber-700' - | 'bg-amber-800' - | 'bg-amber-900' - | 'bg-amber-950' - | 'bg-yellow-50' - | 'bg-yellow-100' - | 'bg-yellow-200' - | 'bg-yellow-300' - | 'bg-yellow-400' - | 'bg-yellow-500' - | 'bg-yellow-600' - | 'bg-yellow-700' - | 'bg-yellow-800' - | 'bg-yellow-900' - | 'bg-yellow-950' - | 'bg-lime-50' - | 'bg-lime-100' - | 'bg-lime-200' - | 'bg-lime-300' - | 'bg-lime-400' - | 'bg-lime-500' - | 'bg-lime-600' - | 'bg-lime-700' - | 'bg-lime-800' - | 'bg-lime-900' - | 'bg-lime-950' - | 'bg-green-50' - | 'bg-green-100' - | 'bg-green-200' - | 'bg-green-300' - | 'bg-green-400' - | 'bg-green-500' - | 'bg-green-600' - | 'bg-green-700' - | 'bg-green-800' - | 'bg-green-900' - | 'bg-green-950' - | 'bg-emerald-50' - | 'bg-emerald-100' - | 'bg-emerald-200' - | 'bg-emerald-300' - | 'bg-emerald-400' - | 'bg-emerald-500' - | 'bg-emerald-600' - | 'bg-emerald-700' - | 'bg-emerald-800' - | 'bg-emerald-900' - | 'bg-emerald-950' - | 'bg-teal-50' - | 'bg-teal-100' - | 'bg-teal-200' - | 'bg-teal-300' - | 'bg-teal-400' - | 'bg-teal-500' - | 'bg-teal-600' - | 'bg-teal-700' - | 'bg-teal-800' - | 'bg-teal-900' - | 'bg-teal-950' - | 'bg-cyan-50' - | 'bg-cyan-100' - | 'bg-cyan-200' - | 'bg-cyan-300' - | 'bg-cyan-400' - | 'bg-cyan-500' - | 'bg-cyan-600' - | 'bg-cyan-700' - | 'bg-cyan-800' - | 'bg-cyan-900' - | 'bg-cyan-950' - | 'bg-sky-50' - | 'bg-sky-100' - | 'bg-sky-200' - | 'bg-sky-300' - | 'bg-sky-400' - | 'bg-sky-500' - | 'bg-sky-600' - | 'bg-sky-700' - | 'bg-sky-800' - | 'bg-sky-900' - | 'bg-sky-950' - | 'bg-blue-50' - | 'bg-blue-100' - | 'bg-blue-200' - | 'bg-blue-300' - | 'bg-blue-400' - | 'bg-blue-500' - | 'bg-blue-600' - | 'bg-blue-700' - | 'bg-blue-800' - | 'bg-blue-900' - | 'bg-blue-950' - | 'bg-indigo-50' - | 'bg-indigo-100' - | 'bg-indigo-200' - | 'bg-indigo-300' - | 'bg-indigo-400' - | 'bg-indigo-500' - | 'bg-indigo-600' - | 'bg-indigo-700' - | 'bg-indigo-800' - | 'bg-indigo-900' - | 'bg-indigo-950' - | 'bg-violet-50' - | 'bg-violet-100' - | 'bg-violet-200' - | 'bg-violet-300' - | 'bg-violet-400' - | 'bg-violet-500' - | 'bg-violet-600' - | 'bg-violet-700' - | 'bg-violet-800' - | 'bg-violet-900' - | 'bg-violet-950' - | 'bg-purple-50' - | 'bg-purple-100' - | 'bg-purple-200' - | 'bg-purple-300' - | 'bg-purple-400' - | 'bg-purple-500' - | 'bg-purple-600' - | 'bg-purple-700' - | 'bg-purple-800' - | 'bg-purple-900' - | 'bg-purple-950' - | 'bg-fuchsia-50' - | 'bg-fuchsia-100' - | 'bg-fuchsia-200' - | 'bg-fuchsia-300' - | 'bg-fuchsia-400' - | 'bg-fuchsia-500' - | 'bg-fuchsia-600' - | 'bg-fuchsia-700' - | 'bg-fuchsia-800' - | 'bg-fuchsia-900' - | 'bg-fuchsia-950' - | 'bg-pink-50' - | 'bg-pink-100' - | 'bg-pink-200' - | 'bg-pink-300' - | 'bg-pink-400' - | 'bg-pink-500' - | 'bg-pink-600' - | 'bg-pink-700' - | 'bg-pink-800' - | 'bg-pink-900' - | 'bg-pink-950' - | 'bg-rose-50' - | 'bg-rose-100' - | 'bg-rose-200' - | 'bg-rose-300' - | 'bg-rose-400' - | 'bg-rose-500' - | 'bg-rose-600' - | 'bg-rose-700' - | 'bg-rose-800' - | 'bg-rose-900' - | 'bg-rose-950'; diff --git a/src copy/model/border.ts b/src copy/model/border.ts deleted file mode 100644 index fe18e11..0000000 --- a/src copy/model/border.ts +++ /dev/null @@ -1,127 +0,0 @@ -export type BorderType = BorderWidthType | BorderColorType | RoundedType; - -type RoundedType = - | 'rounded-none' - | 'rounded-sm' - | 'rounded' - | 'rounded-md' - | 'rounded-lg' - | 'rounded-xl' - | 'rounded-2xl' - | 'rounded-3xl' - | 'rounded-full' - | 'rounded-t-none' - | 'rounded-t-sm' - | 'rounded-t' - | 'rounded-t-md' - | 'rounded-t-lg' - | 'rounded-t-xl' - | 'rounded-t-2xl' - | 'rounded-t-3xl' - | 'rounded-t-full' - | 'rounded-b-none' - | 'rounded-b-sm' - | 'rounded-b' - | 'rounded-b-md' - | 'rounded-b-lg' - | 'rounded-b-xl' - | 'rounded-b-2xl' - | 'rounded-b-3xl' - | 'rounded-b-full' - | 'rounded-l-none' - | 'rounded-l-sm' - | 'rounded-l' - | 'rounded-l-md' - | 'rounded-l-lg' - | 'rounded-l-xl' - | 'rounded-l-2xl' - | 'rounded-l-3xl' - | 'rounded-l-full' - | 'rounded-tl-none' - | 'rounded-tl-sm' - | 'rounded-tl' - | 'rounded-tl-md' - | 'rounded-tl-lg' - | 'rounded-tl-xl' - | 'rounded-tl-2xl' - | 'rounded-tl-3xl' - | 'rounded-tl-full' - | 'rounded-tr-none' - | 'rounded-tr-sm' - | 'rounded-tr' - | 'rounded-tr-md' - | 'rounded-tr-lg' - | 'rounded-tr-xl' - | 'rounded-tr-2xl' - | 'rounded-tr-3xl' - | 'rounded-tr-full' - | 'rounded-bl-none' - | 'rounded-bl-sm' - | 'rounded-bl' - | 'rounded-bl-md' - | 'rounded-bl-lg' - | 'rounded-bl-xl' - | 'rounded-bl-2xl' - | 'rounded-bl-3xl' - | 'rounded-bl-full' - | 'rounded-br-none' - | 'rounded-br-sm' - | 'rounded-br' - | 'rounded-br-md' - | 'rounded-br-lg' - | 'rounded-br-xl' - | 'rounded-br-2xl' - | 'rounded-br-3xl' - | 'rounded-br-full'; - -type BorderColorType = - | 'border-dark' - | 'border-light' - | 'border-dark-light' - | 'border-white' - | 'border-black' - | 'border-secondary' - | 'border-error' - | 'border-success' - | 'border-warning' - | 'border-transparent' - | 'border-dashed' - | 'border-dotted' - | 'border-solid'; - -type BorderWidthType = - | 'border-none' - | 'border' - | 'border-md' - | 'border-lg' - | 'border-xl' - | 'border-x-none' - | 'border-x' - | 'border-x-md' - | 'border-x-lg' - | 'border-x-xl' - | 'border-y-none' - | 'border-y' - | 'border-y-md' - | 'border-y-lg' - | 'border-y-xl' - | 'border-t-none' - | 'border-t' - | 'border-t-md' - | 'border-t-lg' - | 'border-t-xl' - | 'border-b-none' - | 'border-b' - | 'border-b-md' - | 'border-b-lg' - | 'border-b-xl' - | 'border-r-none' - | 'border-r' - | 'border-r-md' - | 'border-r-lg' - | 'border-r-xl' - | 'border-l-none' - | 'border-l' - | 'border-l-md' - | 'border-l-lg' - | 'border-l-xl'; diff --git a/src copy/model/classStyle.ts b/src copy/model/classStyle.ts deleted file mode 100644 index 6b658f8..0000000 --- a/src copy/model/classStyle.ts +++ /dev/null @@ -1,15 +0,0 @@ -import {FlexType, GapType} from './flex'; -import {PositionType} from './position'; -import {MarginType} from './margin'; -import {PaddingType} from './padding'; -import {SizeType} from './size'; -import {BorderType} from '.'; - -export type ClassStyleType = - | BorderType - | PositionType - | GapType - | MarginType - | PaddingType - | FlexType - | SizeType; diff --git a/src copy/model/flex.ts b/src copy/model/flex.ts deleted file mode 100644 index cb67abf..0000000 --- a/src copy/model/flex.ts +++ /dev/null @@ -1,94 +0,0 @@ -export type FlexType = - | 'd-none' - | 'd-flex' - | 'flex-1' - | 'flex-wrap' - | 'flex-wrap-reverse' - | 'flex-nowrap' - | 'row' - | 'row-center' - | 'row-v-center' - | 'row-reverse' - | 'column' - | 'column-reverse' - | 'column-center' - | 'column-v-center' - | 'center' - | 'self-center' - | 'self-start' - | 'self-end' - | 'justify-start' - | 'justify-center' - | 'justify-end' - | 'space-around' - | 'space-between' - | 'items-center' - | 'items-start' - | 'items-end' - | 'aspectRatio' - | 'aspectRatio-16/9' - | 'aspectRatio-4/3' - | 'object-cover' - | 'object-contain' - | 'object-fill' - | 'object-scale-down'; - -export type GapType = - | 'gap' - | 'gap-0' - | 'gap-0.5' - | 'gap-1' - | 'gap-1.5' - | 'gap-2' - | 'gap-2.5' - | 'gap-3' - | 'gap-3.5' - | 'gap-4' - | 'gap-5' - | 'gap-6' - | 'gap-7' - | 'gap-8' - | 'gap-9' - | 'gap-10' - | 'gap-11' - | 'gap-12' - | 'gap-14' - | 'gap-16' - | 'row-gap-0' - | 'row-gap-0.5' - | 'row-gap-1' - | 'row-gap-1.5' - | 'row-gap-2' - | 'row-gap-2.5' - | 'row-gap-3' - | 'row-gap-3.5' - | 'row-gap-4' - | 'row-gap-5' - | 'row-gap-6' - | 'row-gap-7' - | 'row-gap-8' - | 'row-gap-9' - | 'row-gap-10' - | 'row-gap-11' - | 'row-gap-12' - | 'row-gap-14' - | 'row-gap-16' - | 'col-gap-0' - | 'col-gap-0.5' - | 'col-gap-1' - | 'col-gap-1.5' - | 'col-gap-2' - | 'col-gap-2.5' - | 'col-gap-3' - | 'col-gap-3.5' - | 'col-gap-4' - | 'col-gap-5' - | 'col-gap-6' - | 'col-gap-7' - | 'col-gap-8' - | 'col-gap-9' - | 'col-gap-10' - | 'col-gap-11' - | 'col-gap-12' - | 'col-gap-14' - | 'col-gap-16'; diff --git a/src copy/model/index.ts b/src copy/model/index.ts deleted file mode 100644 index 3c47028..0000000 --- a/src copy/model/index.ts +++ /dev/null @@ -1,9 +0,0 @@ -export * from './classStyle'; -export * from './border'; -export * from './flex'; -export * from './position'; -export * from './margin'; -export * from './padding'; -export * from './size'; -export * from './text'; -export * from './background'; \ No newline at end of file diff --git a/src copy/model/margin.ts b/src copy/model/margin.ts deleted file mode 100644 index 22a0fc1..0000000 --- a/src copy/model/margin.ts +++ /dev/null @@ -1,154 +0,0 @@ -export type MarginType = - | MarginTopType - | MarginLeftType - | MarginRightType - | MarginBottomType - | MarginHorizontalType - | MarginVerticalType - | MarginFullType; - -type MarginFullType = - | 'm-0' - | 'm-0.5' - | 'm-1' - | 'm-1.5' - | 'm-2' - | 'm-2.5' - | 'm-3' - | 'm-3.5' - | 'm-4' - | 'm-5' - | 'm-6' - | 'm-7' - | 'm-8' - | 'm-9' - | 'm-10' - | 'm-11' - | 'm-12' - | 'm-14' - | 'm-16'; - -type MarginTopType = - | 'mt-0' - | 'mt-0.5' - | 'mt-1' - | 'mt-1.5' - | 'mt-2' - | 'mt-2.5' - | 'mt-3' - | 'mt-3.5' - | 'mt-4' - | 'mt-5' - | 'mt-6' - | 'mt-7' - | 'mt-8' - | 'mt-9' - | 'mt-10' - | 'mt-11' - | 'mt-12' - | 'mt-14' - | 'mt-16'; - -type MarginLeftType = - | 'ml-0' - | 'ml-0.5' - | 'ml-1' - | 'ml-1.5' - | 'ml-2' - | 'ml-2.5' - | 'ml-3' - | 'ml-3.5' - | 'ml-4' - | 'ml-5' - | 'ml-6' - | 'ml-7' - | 'ml-8' - | 'ml-9' - | 'ml-10' - | 'ml-11' - | 'ml-12' - | 'ml-14' - | 'ml-16'; - -type MarginRightType = - | 'mr-0' - | 'mr-0.5' - | 'mr-1' - | 'mr-1.5' - | 'mr-2' - | 'mr-2.5' - | 'mr-3' - | 'mr-3.5' - | 'mr-4' - | 'mr-5' - | 'mr-6' - | 'mr-7' - | 'mr-8' - | 'mr-9' - | 'mr-10' - | 'mr-11' - | 'mr-12' - | 'mr-14' - | 'mr-16'; - -type MarginBottomType = - | 'mb-0.5' - | 'mb-1' - | 'mb-1.5' - | 'mb-2' - | 'mb-2.5' - | 'mb-3' - | 'mb-3.5' - | 'mb-4' - | 'mb-5' - | 'mb-6' - | 'mb-7' - | 'mb-8' - | 'mb-9' - | 'mb-10' - | 'mb-11' - | 'mb-12' - | 'mb-14' - | 'mb-16'; - -type MarginHorizontalType = - | 'mx-0' - | 'mx-0.5' - | 'mx-1' - | 'mx-1.5' - | 'mx-2' - | 'mx-2.5' - | 'mx-3' - | 'mx-3.5' - | 'mx-4' - | 'mx-5' - | 'mx-6' - | 'mx-7' - | 'mx-8' - | 'mx-9' - | 'mx-10' - | 'mx-11' - | 'mx-12' - | 'mx-14' - | 'mx-16'; - -type MarginVerticalType = - | 'my-0' - | 'my-0.5' - | 'my-1' - | 'my-1.5' - | 'my-2' - | 'my-2.5' - | 'my-3' - | 'my-3.5' - | 'my-4' - | 'my-5' - | 'my-6' - | 'my-7' - | 'my-8' - | 'my-9' - | 'my-10' - | 'my-11' - | 'my-12' - | 'my-14' - | 'my-16'; diff --git a/src copy/model/padding.ts b/src copy/model/padding.ts deleted file mode 100644 index 980afad..0000000 --- a/src copy/model/padding.ts +++ /dev/null @@ -1,154 +0,0 @@ -export type PaddingType = - | PaddingTopType - | PaddingLeftType - | PaddingRightType - | PaddingBottomType - | PaddingHorizontalType - | PaddingVerticalType - | PaddingFullType; - -type PaddingFullType = - | 'p-0' - | 'p-0.5' - | 'p-1' - | 'p-1.5' - | 'p-2' - | 'p-2.5' - | 'p-3' - | 'p-3.5' - | 'p-4' - | 'p-5' - | 'p-6' - | 'p-7' - | 'p-8' - | 'p-9' - | 'p-10' - | 'p-11' - | 'p-12' - | 'p-14' - | 'p-16'; - -type PaddingTopType = - | 'pt-0' - | 'pt-0.5' - | 'pt-1' - | 'pt-1.5' - | 'pt-2' - | 'pt-2.5' - | 'pt-3' - | 'pt-3.5' - | 'pt-4' - | 'pt-5' - | 'pt-6' - | 'pt-7' - | 'pt-8' - | 'pt-9' - | 'pt-10' - | 'pt-11' - | 'pt-12' - | 'pt-14' - | 'pt-16'; - -type PaddingLeftType = - | 'pl-0' - | 'pl-0.5' - | 'pl-1' - | 'pl-1.5' - | 'pl-2' - | 'pl-2.5' - | 'pl-3' - | 'pl-3.5' - | 'pl-4' - | 'pl-5' - | 'pl-6' - | 'pl-7' - | 'pl-8' - | 'pl-9' - | 'pl-10' - | 'pl-11' - | 'pl-12' - | 'pl-14' - | 'pl-16'; - -type PaddingRightType = - | 'pr-0' - | 'pr-0.5' - | 'pr-1' - | 'pr-1.5' - | 'pr-2' - | 'pr-2.5' - | 'pr-3' - | 'pr-3.5' - | 'pr-4' - | 'pr-5' - | 'pr-6' - | 'pr-7' - | 'pr-8' - | 'pr-9' - | 'pr-10' - | 'pr-11' - | 'pr-12' - | 'pr-14' - | 'pr-16'; - -type PaddingBottomType = - | 'pb-0.5' - | 'pb-1' - | 'pb-1.5' - | 'pb-2' - | 'pb-2.5' - | 'pb-3' - | 'pb-3.5' - | 'pb-4' - | 'pb-5' - | 'pb-6' - | 'pb-7' - | 'pb-8' - | 'pb-9' - | 'pb-10' - | 'pb-11' - | 'pb-12' - | 'pb-14' - | 'pb-16'; - -type PaddingHorizontalType = - | 'px-0' - | 'px-0.5' - | 'px-1' - | 'px-1.5' - | 'px-2' - | 'px-2.5' - | 'px-3' - | 'px-3.5' - | 'px-4' - | 'px-5' - | 'px-6' - | 'px-7' - | 'px-8' - | 'px-9' - | 'px-10' - | 'px-11' - | 'px-12' - | 'px-14' - | 'px-16'; - -type PaddingVerticalType = - | 'py-0' - | 'py-0.5' - | 'py-1' - | 'py-1.5' - | 'py-2' - | 'py-2.5' - | 'py-3' - | 'py-3.5' - | 'py-4' - | 'py-5' - | 'py-6' - | 'py-7' - | 'py-8' - | 'py-9' - | 'py-10' - | 'py-11' - | 'py-12' - | 'py-14' - | 'py-16'; diff --git a/src copy/model/position.ts b/src copy/model/position.ts deleted file mode 100644 index 37afcf3..0000000 --- a/src copy/model/position.ts +++ /dev/null @@ -1,108 +0,0 @@ -export type PositionType = - | 'absolute' - | 'relative' - | Top - | Left - | Right - | Bottom - | ZIndex; - -type Top = - | 'top-0' - | 'top-0.5' - | 'top-1' - | 'top-1.5' - | 'top-2' - | 'top-2.5' - | 'top-3' - | 'top-3.5' - | 'top-4' - | 'top-5' - | 'top-6' - | 'top-7' - | 'top-8' - | 'top-9' - | 'top-10' - | 'top-11' - | 'top-12' - | 'top-14' - | 'top-16'; - -type Bottom = - | 'bottom-0' - | 'bottom-0.5' - | 'bottom-1' - | 'bottom-1.5' - | 'bottom-2' - | 'bottom-2.5' - | 'bottom-3' - | 'bottom-3.5' - | 'bottom-4' - | 'bottom-5' - | 'bottom-6' - | 'bottom-7' - | 'bottom-8' - | 'bottom-9' - | 'bottom-10' - | 'bottom-11' - | 'bottom-12' - | 'bottom-14' - | 'bottom-16'; - -type Left = - | 'left-0' - | 'left-0.5' - | 'left-1' - | 'left-1.5' - | 'left-2' - | 'left-2.5' - | 'left-3' - | 'left-3.5' - | 'left-4' - | 'left-5' - | 'left-6' - | 'left-7' - | 'left-8' - | 'left-9' - | 'left-10' - | 'left-11' - | 'left-12' - | 'left-14' - | 'left-16'; - -type Right = - | 'right-0' - | 'right-0.5' - | 'right-1' - | 'right-1.5' - | 'right-2' - | 'right-2.5' - | 'right-3' - | 'right-3.5' - | 'right-4' - | 'right-5' - | 'right-6' - | 'right-7' - | 'right-8' - | 'right-9' - | 'right-10' - | 'right-11' - | 'right-12' - | 'right-14' - | 'right-16'; - -type ZIndex = - | '-z-1' - | '-z-2' - | '-z-3' - | 'z-0' - | 'z-1' - | 'z-2' - | 'z-3' - | 'z-4' - | 'z-5' - | 'z-6' - | 'z-7' - | 'z-8' - | 'z-9' - | 'z-9999'; diff --git a/src copy/model/size.ts b/src copy/model/size.ts deleted file mode 100644 index 6dab17f..0000000 --- a/src copy/model/size.ts +++ /dev/null @@ -1,144 +0,0 @@ -export type SizeType = WidthType | MinWidthType | HeightType; - -type WidthType = - | 'w-0' - | 'w-0.5' - | 'w-1' - | 'w-1.5' - | 'w-2' - | 'w-2.5' - | 'w-3' - | 'w-3.5' - | 'w-4' - | 'w-5' - | 'w-6' - | 'w-7' - | 'w-8' - | 'w-9' - | 'w-10' - | 'w-11' - | 'w-12' - | 'w-14' - | 'w-16' - | 'w-20' - | 'w-24' - | 'w-28' - | 'w-32' - | 'w-36' - | 'w-40' - | 'w-44' - | 'w-48' - | 'w-52' - | 'w-56' - | 'w-60' - | 'w-64' - | 'w-72' - | 'w-80' - | 'w-96' - | 'w-1/3' - | 'w-2/3' - | 'w-1/2' - | 'w-1/4' - | 'w-3/4' - | 'w-1/5' - | 'w-2/5' - | 'w-3/5' - | 'w-4/5' - | 'w-full' - | 'w-screen'; - -type MinWidthType = - | 'min-w-0' - | 'min-w-0.5' - | 'min-w-1' - | 'min-w-1.5' - | 'min-w-2' - | 'min-w-2.5' - | 'min-w-3' - | 'min-w-3.5' - | 'min-w-4' - | 'min-w-5' - | 'min-w-6' - | 'min-w-7' - | 'min-w-8' - | 'min-w-9' - | 'min-w-10' - | 'min-w-11' - | 'min-w-12' - | 'min-w-14' - | 'min-w-16' - | 'min-w-20' - | 'min-w-24' - | 'min-w-28' - | 'min-w-32' - | 'min-w-36' - | 'min-w-40' - | 'min-w-44' - | 'min-w-48' - | 'min-w-52' - | 'min-w-56' - | 'min-w-60' - | 'min-w-64' - | 'min-w-72' - | 'min-w-80' - | 'min-w-96' - | 'min-w-1/3' - | 'min-w-2/3' - | 'min-w-1/2' - | 'min-w-1/4' - | 'min-w-3/4' - | 'min-w-1/5' - | 'min-w-2/5' - | 'min-w-3/5' - | 'min-w-4/5' - | 'min-w-full' - | 'min-w-screen'; - -type HeightType = - | 'h-0' - | 'h-0.5' - | 'h-1' - | 'h-1.5' - | 'h-2' - | 'h-2.5' - | 'h-3' - | 'h-3.5' - | 'h-4' - | 'h-5' - | 'h-6' - | 'h-7' - | 'h-8' - | 'h-9' - | 'h-10' - | 'h-11' - | 'h-12' - | 'h-14' - | 'h-16' - | 'h-20' - | 'h-24' - | 'h-28' - | 'h-32' - | 'h-36' - | 'h-40' - | 'h-44' - | 'h-48' - | 'h-52' - | 'h-56' - | 'h-60' - | 'h-64' - | 'h-72' - | 'h-80' - | 'h-96' - | 'h-1/3' - | 'h-2/3' - | 'h-1/2' - | 'h-1/4' - | 'h-3/4' - | 'h-1/5' - | 'h-2/5' - | 'h-3/5' - | 'h-4/5' - | 'h-full' - | 'h-screen'; - -export type SizeText = 'xs' | 'sm' | 'base' | 'lg' | 'xl'; diff --git a/src copy/model/text.ts b/src copy/model/text.ts deleted file mode 100644 index c818d59..0000000 --- a/src copy/model/text.ts +++ /dev/null @@ -1,259 +0,0 @@ -export type TextAlign = 'center' | 'left' | 'right' | 'auto' | 'justify'; -export type TextType = TextColorType; - -export type FontWeight = - | 'thin' - | 'extraLight' - | 'light' - | 'normal' - | 'medium' - | 'semibold' - | 'bold' - | 'extrabold' - | 'black'; - -export type TextColorType = - | 'text-black' - | 'text-white' - | 'text-slate-50' - | 'text-slate-100' - | 'text-slate-200' - | 'text-slate-300' - | 'text-slate-400' - | 'text-slate-500' - | 'text-slate-600' - | 'text-slate-700' - | 'text-slate-800' - | 'text-slate-900' - | 'text-slate-950' - | 'text-gray-50' - | 'text-gray-100' - | 'text-gray-200' - | 'text-gray-300' - | 'text-gray-400' - | 'text-gray-500' - | 'text-gray-600' - | 'text-gray-700' - | 'text-gray-800' - | 'text-gray-900' - | 'text-gray-950' - | 'text-zinc-50' - | 'text-zinc-100' - | 'text-zinc-200' - | 'text-zinc-300' - | 'text-zinc-400' - | 'text-zinc-500' - | 'text-zinc-600' - | 'text-zinc-700' - | 'text-zinc-800' - | 'text-zinc-900' - | 'text-zinc-950' - | 'text-neutral-50' - | 'text-neutral-100' - | 'text-neutral-200' - | 'text-neutral-300' - | 'text-neutral-400' - | 'text-neutral-500' - | 'text-neutral-600' - | 'text-neutral-700' - | 'text-neutral-800' - | 'text-neutral-900' - | 'text-neutral-950' - | 'text-stone-50' - | 'text-stone-100' - | 'text-stone-200' - | 'text-stone-300' - | 'text-stone-400' - | 'text-stone-500' - | 'text-stone-600' - | 'text-stone-700' - | 'text-stone-800' - | 'text-stone-900' - | 'text-stone-950' - | 'text-red-50' - | 'text-red-100' - | 'text-red-200' - | 'text-red-300' - | 'text-red-400' - | 'text-red-500' - | 'text-red-600' - | 'text-red-700' - | 'text-red-800' - | 'text-red-900' - | 'text-red-950' - | 'text-orange-50' - | 'text-orange-100' - | 'text-orange-200' - | 'text-orange-300' - | 'text-orange-400' - | 'text-orange-500' - | 'text-orange-600' - | 'text-orange-700' - | 'text-orange-800' - | 'text-orange-900' - | 'text-orange-950' - | 'text-amber-50' - | 'text-amber-100' - | 'text-amber-200' - | 'text-amber-300' - | 'text-amber-400' - | 'text-amber-500' - | 'text-amber-600' - | 'text-amber-700' - | 'text-amber-800' - | 'text-amber-900' - | 'text-amber-950' - | 'text-yellow-50' - | 'text-yellow-100' - | 'text-yellow-200' - | 'text-yellow-300' - | 'text-yellow-400' - | 'text-yellow-500' - | 'text-yellow-600' - | 'text-yellow-700' - | 'text-yellow-800' - | 'text-yellow-900' - | 'text-yellow-950' - | 'text-lime-50' - | 'text-lime-100' - | 'text-lime-200' - | 'text-lime-300' - | 'text-lime-400' - | 'text-lime-500' - | 'text-lime-600' - | 'text-lime-700' - | 'text-lime-800' - | 'text-lime-900' - | 'text-lime-950' - | 'text-green-50' - | 'text-green-100' - | 'text-green-200' - | 'text-green-300' - | 'text-green-400' - | 'text-green-500' - | 'text-green-600' - | 'text-green-700' - | 'text-green-800' - | 'text-green-900' - | 'text-green-950' - | 'text-emerald-50' - | 'text-emerald-100' - | 'text-emerald-200' - | 'text-emerald-300' - | 'text-emerald-400' - | 'text-emerald-500' - | 'text-emerald-600' - | 'text-emerald-700' - | 'text-emerald-800' - | 'text-emerald-900' - | 'text-emerald-950' - | 'text-teal-50' - | 'text-teal-100' - | 'text-teal-200' - | 'text-teal-300' - | 'text-teal-400' - | 'text-teal-500' - | 'text-teal-600' - | 'text-teal-700' - | 'text-teal-800' - | 'text-teal-900' - | 'text-teal-950' - | 'text-cyan-50' - | 'text-cyan-100' - | 'text-cyan-200' - | 'text-cyan-300' - | 'text-cyan-400' - | 'text-cyan-500' - | 'text-cyan-600' - | 'text-cyan-700' - | 'text-cyan-800' - | 'text-cyan-900' - | 'text-cyan-950' - | 'text-sky-50' - | 'text-sky-100' - | 'text-sky-200' - | 'text-sky-300' - | 'text-sky-400' - | 'text-sky-500' - | 'text-sky-600' - | 'text-sky-700' - | 'text-sky-800' - | 'text-sky-900' - | 'text-sky-950' - | 'text-blue-50' - | 'text-blue-100' - | 'text-blue-200' - | 'text-blue-300' - | 'text-blue-400' - | 'text-blue-500' - | 'text-blue-600' - | 'text-blue-700' - | 'text-blue-800' - | 'text-blue-900' - | 'text-blue-950' - | 'text-indigo-50' - | 'text-indigo-100' - | 'text-indigo-200' - | 'text-indigo-300' - | 'text-indigo-400' - | 'text-indigo-500' - | 'text-indigo-600' - | 'text-indigo-700' - | 'text-indigo-800' - | 'text-indigo-900' - | 'text-indigo-950' - | 'text-violet-50' - | 'text-violet-100' - | 'text-violet-200' - | 'text-violet-300' - | 'text-violet-400' - | 'text-violet-500' - | 'text-violet-600' - | 'text-violet-700' - | 'text-violet-800' - | 'text-violet-900' - | 'text-violet-950' - | 'text-purple-50' - | 'text-purple-100' - | 'text-purple-200' - | 'text-purple-300' - | 'text-purple-400' - | 'text-purple-500' - | 'text-purple-600' - | 'text-purple-700' - | 'text-purple-800' - | 'text-purple-900' - | 'text-purple-950' - | 'text-fuchsia-50' - | 'text-fuchsia-100' - | 'text-fuchsia-200' - | 'text-fuchsia-300' - | 'text-fuchsia-400' - | 'text-fuchsia-500' - | 'text-fuchsia-600' - | 'text-fuchsia-700' - | 'text-fuchsia-800' - | 'text-fuchsia-900' - | 'text-fuchsia-950' - | 'text-pink-50' - | 'text-pink-100' - | 'text-pink-200' - | 'text-pink-300' - | 'text-pink-400' - | 'text-pink-500' - | 'text-pink-600' - | 'text-pink-700' - | 'text-pink-800' - | 'text-pink-900' - | 'text-pink-950' - | 'text-rose-50' - | 'text-rose-100' - | 'text-rose-200' - | 'text-rose-300' - | 'text-rose-400' - | 'text-rose-500' - | 'text-rose-600' - | 'text-rose-700' - | 'text-rose-800' - | 'text-rose-900' - | 'text-rose-950'; diff --git a/src copy/styles/Border.styles.ts b/src copy/styles/Border.styles.ts deleted file mode 100644 index 92d8bbc..0000000 --- a/src copy/styles/Border.styles.ts +++ /dev/null @@ -1,447 +0,0 @@ -import {StyleSheet} from 'react-native'; -import {horizontalScale} from '../utils'; - -const borderWidthStyle = StyleSheet.create({ - 'border-none': {borderWidth: 0}, - border: {borderWidth: horizontalScale(1)}, - 'border-md': {borderWidth: horizontalScale(2)}, - 'border-lg': {borderWidth: horizontalScale(4)}, - 'border-xl': {borderWidth: horizontalScale(8)}, - 'border-t-none': {borderTopWidth: 0}, - 'border-t': {borderTopWidth: horizontalScale(1)}, - 'border-t-md': {borderTopWidth: horizontalScale(2)}, - 'border-t-lg': {borderTopWidth: horizontalScale(4)}, - 'border-t-xl': {borderTopWidth: horizontalScale(8)}, - 'border-b-none': {borderBottomWidth: 0}, - 'border-b': {borderBottomWidth: horizontalScale(1)}, - 'border-b-md': {borderBottomWidth: horizontalScale(2)}, - 'border-b-lg': {borderBottomWidth: horizontalScale(4)}, - 'border-b-xl': {borderBottomWidth: horizontalScale(8)}, - 'border-l-none': {borderLeftWidth: 0}, - 'border-l': {borderLeftWidth: horizontalScale(1)}, - 'border-l-md': {borderLeftWidth: horizontalScale(2)}, - 'border-l-lg': {borderLeftWidth: horizontalScale(4)}, - 'border-l-xl': {borderLeftWidth: horizontalScale(8)}, - 'border-r-none': {borderRightWidth: 0}, - 'border-r': {borderRightWidth: horizontalScale(1)}, - 'border-r-md': {borderRightWidth: horizontalScale(2)}, - 'border-r-lg': {borderRightWidth: horizontalScale(4)}, - 'border-r-xl': {borderRightWidth: horizontalScale(8)}, - 'border-x-none': {borderLeftWidth: 0, borderRightWidth: 0}, - 'border-x': { - borderLeftWidth: horizontalScale(1), - borderRightWidth: horizontalScale(1), - }, - 'border-x-md': { - borderLeftWidth: horizontalScale(2), - borderRightWidth: horizontalScale(2), - }, - 'border-x-lg': { - borderLeftWidth: horizontalScale(4), - borderRightWidth: horizontalScale(4), - }, - 'border-x-xl': { - borderLeftWidth: horizontalScale(8), - borderRightWidth: horizontalScale(8), - }, - 'border-y-none': {borderTopWidth: 0, borderBottomWidth: 0}, - 'border-y': { - borderTopWidth: horizontalScale(1), - borderBottomWidth: horizontalScale(1), - }, - 'border-y-md': { - borderTopWidth: horizontalScale(2), - borderBottomWidth: horizontalScale(2), - }, - 'border-y-lg': { - borderTopWidth: horizontalScale(4), - borderBottomWidth: horizontalScale(4), - }, - 'border-y-xl': { - borderTopWidth: horizontalScale(8), - borderBottomWidth: horizontalScale(8), - }, -}); -const borderColorStyles = StyleSheet.create({ - 'border-dashed': {borderStyle: 'dashed'}, - 'border-dotted': {borderStyle: 'dotted'}, - 'border-solid': {borderStyle: 'solid'}, - 'border-dark': {borderColor: 'black'}, - 'border-dark-light': {borderColor: 'white'}, - 'border-light': {borderColor: 'white'}, - 'border-white': {borderColor: 'white'}, - 'border-black': {borderColor: 'black'}, - 'border-secondary': {borderColor: '#f5f5f5'}, - 'border-error': {borderColor: 'red'}, - 'border-success': {borderColor: 'green'}, - 'border-warning': {borderColor: 'yellow'}, - 'border-transparent': {borderColor: 'transparent'}, -}); - -const roundedStyles = StyleSheet.create({ - 'rounded-none': {borderRadius: 0}, - 'rounded-sm': {borderRadius: horizontalScale(2)}, - rounded: {borderRadius: horizontalScale(4)}, - 'rounded-md': {borderRadius: horizontalScale(6)}, - 'rounded-lg': {borderRadius: horizontalScale(8)}, - 'rounded-xl': {borderRadius: horizontalScale(12)}, - 'rounded-2xl': {borderRadius: horizontalScale(16)}, - 'rounded-3xl': {borderRadius: horizontalScale(24)}, - 'rounded-full': {borderRadius: horizontalScale(9999)}, - 'rounded-t-none': {borderTopLeftRadius: 0, borderTopRightRadius: 0}, - 'rounded-t-sm': { - borderTopLeftRadius: horizontalScale(2), - borderTopRightRadius: horizontalScale(2), - }, - 'rounded-t': { - borderTopLeftRadius: horizontalScale(4), - borderTopRightRadius: horizontalScale(4), - }, - 'rounded-t-md': { - borderTopLeftRadius: horizontalScale(6), - borderTopRightRadius: horizontalScale(6), - }, - 'rounded-t-lg': { - borderTopLeftRadius: horizontalScale(8), - borderTopRightRadius: horizontalScale(8), - }, - 'rounded-t-xl': { - borderTopLeftRadius: horizontalScale(12), - borderTopRightRadius: horizontalScale(12), - }, - 'rounded-t-2xl': { - borderTopLeftRadius: horizontalScale(16), - borderTopRightRadius: horizontalScale(16), - }, - 'rounded-t-3xl': { - borderTopLeftRadius: horizontalScale(24), - borderTopRightRadius: horizontalScale(24), - }, - 'rounded-t-full': { - borderTopLeftRadius: horizontalScale(9999), - borderTopRightRadius: horizontalScale(9999), - }, - 'rounded-b-none': {borderBottomLeftRadius: 0, borderBottomRightRadius: 0}, - 'rounded-b-sm': { - borderBottomLeftRadius: horizontalScale(2), - borderBottomRightRadius: horizontalScale(2), - }, - 'rounded-b': { - borderBottomLeftRadius: horizontalScale(4), - borderBottomRightRadius: horizontalScale(4), - }, - 'rounded-b-md': { - borderBottomLeftRadius: horizontalScale(6), - borderBottomRightRadius: horizontalScale(6), - }, - 'rounded-b-lg': { - borderBottomLeftRadius: horizontalScale(8), - borderBottomRightRadius: horizontalScale(8), - }, - 'rounded-b-xl': { - borderBottomLeftRadius: horizontalScale(12), - borderBottomRightRadius: horizontalScale(12), - }, - 'rounded-b-2xl': { - borderBottomLeftRadius: horizontalScale(16), - borderBottomRightRadius: horizontalScale(16), - }, - 'rounded-b-3xl': { - borderBottomLeftRadius: horizontalScale(24), - borderBottomRightRadius: horizontalScale(24), - }, - 'rounded-b-full': { - borderBottomLeftRadius: horizontalScale(9999), - borderBottomRightRadius: horizontalScale(9999), - }, - 'rounded-l-none': {borderTopLeftRadius: 0, borderBottomLeftRadius: 0}, - 'rounded-l-sm': { - borderTopLeftRadius: horizontalScale(2), - borderBottomLeftRadius: horizontalScale(2), - }, - 'rounded-l': { - borderTopLeftRadius: horizontalScale(4), - borderBottomLeftRadius: horizontalScale(4), - }, - 'rounded-l-md': { - borderTopLeftRadius: horizontalScale(6), - borderBottomLeftRadius: horizontalScale(6), - }, - 'rounded-l-lg': { - borderTopLeftRadius: horizontalScale(8), - borderBottomLeftRadius: horizontalScale(8), - }, - 'rounded-l-xl': { - borderTopLeftRadius: horizontalScale(12), - borderBottomLeftRadius: horizontalScale(12), - }, - 'rounded-l-2xl': { - borderTopLeftRadius: horizontalScale(16), - borderBottomLeftRadius: horizontalScale(16), - }, - 'rounded-l-3xl': { - borderTopLeftRadius: horizontalScale(24), - borderBottomLeftRadius: horizontalScale(24), - }, - 'rounded-l-full': { - borderTopLeftRadius: horizontalScale(9999), - borderBottomLeftRadius: horizontalScale(9999), - }, - 'rounded-tl-none': {borderTopLeftRadius: 0}, - 'rounded-tl-sm': {borderTopLeftRadius: horizontalScale(2)}, - 'rounded-tl': {borderTopLeftRadius: horizontalScale(4)}, - 'rounded-tl-md': {borderTopLeftRadius: horizontalScale(6)}, - 'rounded-tl-lg': {borderTopLeftRadius: horizontalScale(8)}, - 'rounded-tl-xl': {borderTopLeftRadius: horizontalScale(12)}, - 'rounded-tl-2xl': {borderTopLeftRadius: horizontalScale(16)}, - 'rounded-tl-3xl': {borderTopLeftRadius: horizontalScale(24)}, - 'rounded-tl-full': {borderTopLeftRadius: horizontalScale(9999)}, - 'rounded-tr-none': {borderTopRightRadius: 0}, - 'rounded-tr-sm': {borderTopRightRadius: horizontalScale(2)}, - 'rounded-tr': {borderTopRightRadius: horizontalScale(4)}, - 'rounded-tr-md': {borderTopRightRadius: horizontalScale(6)}, - 'rounded-tr-lg': {borderTopRightRadius: horizontalScale(8)}, - 'rounded-tr-xl': {borderTopRightRadius: horizontalScale(12)}, - 'rounded-tr-2xl': {borderTopRightRadius: horizontalScale(16)}, - 'rounded-tr-3xl': {borderTopRightRadius: horizontalScale(24)}, - 'rounded-tr-full': {borderTopRightRadius: horizontalScale(9999)}, - 'rounded-bl-none': {borderBottomLeftRadius: 0}, - 'rounded-bl-sm': {borderBottomLeftRadius: horizontalScale(2)}, - 'rounded-bl': {borderBottomLeftRadius: horizontalScale(4)}, - 'rounded-bl-md': {borderBottomLeftRadius: horizontalScale(6)}, - 'rounded-bl-lg': {borderBottomLeftRadius: horizontalScale(8)}, - 'rounded-bl-xl': {borderBottomLeftRadius: horizontalScale(12)}, - 'rounded-bl-2xl': {borderBottomLeftRadius: horizontalScale(16)}, - 'rounded-bl-3xl': {borderBottomLeftRadius: horizontalScale(24)}, - 'rounded-bl-full': {borderBottomLeftRadius: horizontalScale(9999)}, - 'rounded-br-none': {borderBottomRightRadius: 0}, - 'rounded-br-sm': {borderBottomRightRadius: horizontalScale(2)}, - 'rounded-br': {borderBottomRightRadius: horizontalScale(4)}, - 'rounded-br-md': {borderBottomRightRadius: horizontalScale(6)}, - 'rounded-br-lg': {borderBottomRightRadius: horizontalScale(8)}, - 'rounded-br-xl': {borderBottomRightRadius: horizontalScale(12)}, - 'rounded-br-2xl': {borderBottomRightRadius: horizontalScale(16)}, - 'rounded-br-3xl': {borderBottomRightRadius: horizontalScale(24)}, - 'rounded-br-full': {borderBottomRightRadius: horizontalScale(9999)}, -}); - -const borderWidthNoneScaleStyle = StyleSheet.create({ - 'border-none': {borderWidth: 0}, - border: {borderWidth: 1}, - 'border-md': {borderWidth: 2}, - 'border-lg': {borderWidth: 4}, - 'border-xl': {borderWidth: 8}, - 'border-t-none': {borderTopWidth: 0}, - 'border-t': {borderTopWidth: 1}, - 'border-t-md': {borderTopWidth: 2}, - 'border-t-lg': {borderTopWidth: 4}, - 'border-t-xl': {borderTopWidth: 8}, - 'border-b-none': {borderBottomWidth: 0}, - 'border-b': {borderBottomWidth: 1}, - 'border-b-md': {borderBottomWidth: 2}, - 'border-b-lg': {borderBottomWidth: 4}, - 'border-b-xl': {borderBottomWidth: 8}, - 'border-l-none': {borderLeftWidth: 0}, - 'border-l': {borderLeftWidth: 1}, - 'border-l-md': {borderLeftWidth: 2}, - 'border-l-lg': {borderLeftWidth: 4}, - 'border-l-xl': {borderLeftWidth: 8}, - 'border-r-none': {borderRightWidth: 0}, - 'border-r': {borderRightWidth: 1}, - 'border-r-md': {borderRightWidth: 2}, - 'border-r-lg': {borderRightWidth: 4}, - 'border-r-xl': {borderRightWidth: 8}, - 'border-x-none': {borderLeftWidth: 0, borderRightWidth: 0}, - 'border-x': { - borderLeftWidth: 1, - borderRightWidth: 1, - }, - 'border-x-md': { - borderLeftWidth: 2, - borderRightWidth: 2, - }, - 'border-x-lg': { - borderLeftWidth: 4, - borderRightWidth: 4, - }, - 'border-x-xl': { - borderLeftWidth: 8, - borderRightWidth: 8, - }, - 'border-y-none': {borderTopWidth: 0, borderBottomWidth: 0}, - 'border-y': { - borderTopWidth: 1, - borderBottomWidth: 1, - }, - 'border-y-md': { - borderTopWidth: 2, - borderBottomWidth: 2, - }, - 'border-y-lg': { - borderTopWidth: 4, - borderBottomWidth: 4, - }, - 'border-y-xl': { - borderTopWidth: 8, - borderBottomWidth: 8, - }, -}); - -const roundedNoneScaleStyles = StyleSheet.create({ - 'rounded-none': {borderRadius: 0}, - 'rounded-sm': {borderRadius: 2}, - rounded: {borderRadius: 4}, - 'rounded-md': {borderRadius: 6}, - 'rounded-lg': {borderRadius: 8}, - 'rounded-xl': {borderRadius: 12}, - 'rounded-2xl': {borderRadius: 16}, - 'rounded-3xl': {borderRadius: 24}, - 'rounded-full': {borderRadius: 9999}, - 'rounded-t-none': {borderTopLeftRadius: 0, borderTopRightRadius: 0}, - 'rounded-t-sm': { - borderTopLeftRadius: 2, - borderTopRightRadius: 2, - }, - 'rounded-t': { - borderTopLeftRadius: 4, - borderTopRightRadius: 4, - }, - 'rounded-t-md': { - borderTopLeftRadius: 6, - borderTopRightRadius: 6, - }, - 'rounded-t-lg': { - borderTopLeftRadius: 8, - borderTopRightRadius: 8, - }, - 'rounded-t-xl': { - borderTopLeftRadius: 12, - borderTopRightRadius: 12, - }, - 'rounded-t-2xl': { - borderTopLeftRadius: 16, - borderTopRightRadius: 16, - }, - 'rounded-t-3xl': { - borderTopLeftRadius: 24, - borderTopRightRadius: 24, - }, - 'rounded-t-full': { - borderTopLeftRadius: 9999, - borderTopRightRadius: 9999, - }, - 'rounded-b-none': {borderBottomLeftRadius: 0, borderBottomRightRadius: 0}, - 'rounded-b-sm': { - borderBottomLeftRadius: 2, - borderBottomRightRadius: 2, - }, - 'rounded-b': { - borderBottomLeftRadius: 4, - borderBottomRightRadius: 4, - }, - 'rounded-b-md': { - borderBottomLeftRadius: 6, - borderBottomRightRadius: 6, - }, - 'rounded-b-lg': { - borderBottomLeftRadius: 8, - borderBottomRightRadius: 8, - }, - 'rounded-b-xl': { - borderBottomLeftRadius: 12, - borderBottomRightRadius: 12, - }, - 'rounded-b-2xl': { - borderBottomLeftRadius: 16, - borderBottomRightRadius: 16, - }, - 'rounded-b-3xl': { - borderBottomLeftRadius: 24, - borderBottomRightRadius: 24, - }, - 'rounded-b-full': { - borderBottomLeftRadius: 9999, - borderBottomRightRadius: 9999, - }, - 'rounded-l-none': {borderTopLeftRadius: 0, borderBottomLeftRadius: 0}, - 'rounded-l-sm': { - borderTopLeftRadius: 2, - borderBottomLeftRadius: 2, - }, - 'rounded-l': { - borderTopLeftRadius: 4, - borderBottomLeftRadius: 4, - }, - 'rounded-l-md': { - borderTopLeftRadius: 6, - borderBottomLeftRadius: 6, - }, - 'rounded-l-lg': { - borderTopLeftRadius: 8, - borderBottomLeftRadius: 8, - }, - 'rounded-l-xl': { - borderTopLeftRadius: 12, - borderBottomLeftRadius: 12, - }, - 'rounded-l-2xl': { - borderTopLeftRadius: 16, - borderBottomLeftRadius: 16, - }, - 'rounded-l-3xl': { - borderTopLeftRadius: 24, - borderBottomLeftRadius: 24, - }, - 'rounded-l-full': { - borderTopLeftRadius: 9999, - borderBottomLeftRadius: 9999, - }, - 'rounded-tl-none': {borderTopLeftRadius: 0}, - 'rounded-tl-sm': {borderTopLeftRadius: 2}, - 'rounded-tl': {borderTopLeftRadius: 4}, - 'rounded-tl-md': {borderTopLeftRadius: 6}, - 'rounded-tl-lg': {borderTopLeftRadius: 8}, - 'rounded-tl-xl': {borderTopLeftRadius: 12}, - 'rounded-tl-2xl': {borderTopLeftRadius: 16}, - 'rounded-tl-3xl': {borderTopLeftRadius: 24}, - 'rounded-tl-full': {borderTopLeftRadius: 9999}, - 'rounded-tr-none': {borderTopRightRadius: 0}, - 'rounded-tr-sm': {borderTopRightRadius: 2}, - 'rounded-tr': {borderTopRightRadius: 4}, - 'rounded-tr-md': {borderTopRightRadius: 6}, - 'rounded-tr-lg': {borderTopRightRadius: 8}, - 'rounded-tr-xl': {borderTopRightRadius: 12}, - 'rounded-tr-2xl': {borderTopRightRadius: 16}, - 'rounded-tr-3xl': {borderTopRightRadius: 24}, - 'rounded-tr-full': {borderTopRightRadius: 9999}, - 'rounded-bl-none': {borderBottomLeftRadius: 0}, - 'rounded-bl-sm': {borderBottomLeftRadius: 2}, - 'rounded-bl': {borderBottomLeftRadius: 4}, - 'rounded-bl-md': {borderBottomLeftRadius: 6}, - 'rounded-bl-lg': {borderBottomLeftRadius: 8}, - 'rounded-bl-xl': {borderBottomLeftRadius: 12}, - 'rounded-bl-2xl': {borderBottomLeftRadius: 16}, - 'rounded-bl-3xl': {borderBottomLeftRadius: 24}, - 'rounded-bl-full': {borderBottomLeftRadius: 9999}, - 'rounded-br-none': {borderBottomRightRadius: 0}, - 'rounded-br-sm': {borderBottomRightRadius: 2}, - 'rounded-br': {borderBottomRightRadius: 4}, - 'rounded-br-md': {borderBottomRightRadius: 6}, - 'rounded-br-lg': {borderBottomRightRadius: 8}, - 'rounded-br-xl': {borderBottomRightRadius: 12}, - 'rounded-br-2xl': {borderBottomRightRadius: 16}, - 'rounded-br-3xl': {borderBottomRightRadius: 24}, - 'rounded-br-full': {borderBottomRightRadius: 9999}, -}); - -export const classBorderStyles = { - ...borderWidthStyle, - ...borderColorStyles, - ...roundedNoneScaleStyles, -}; - -export const classBorderNoneScaleStyles = { - ...borderWidthNoneScaleStyle, - ...borderColorStyles, - ...roundedStyles, -}; diff --git a/src copy/styles/ClassStyles.ts b/src copy/styles/ClassStyles.ts deleted file mode 100644 index 3c7ae74..0000000 --- a/src copy/styles/ClassStyles.ts +++ /dev/null @@ -1,80 +0,0 @@ -import {flexStyles, gapNoneScaleStyles, gapStyles} from './Flex.styles'; -import {classBorderNoneScaleStyles, classBorderStyles} from './Border.styles'; -import {classMarginNoneScaleStyle, classMarginStyle} from './Margin.styles'; -import {classPaddingNoneScaleStyle, classPaddingStyle} from './Padding.styles'; -import { - classPositionNoneScaleStyle, - classPositionStyle, -} from './Position.styles'; -import {classSizeNoneScaleStyle, classSizeStyle} from './Size.styles'; -import {ClassStyleType} from '../model'; -import { - textFontSizeNoneScaleStyle, - textFontSizeStyle, - textStyles, -} from './Text.styles'; -import {backgroundColorStyle} from './background.styles'; - -const classStyles = { - ...flexStyles, - ...gapStyles, - ...classBorderStyles, - ...classMarginStyle, - ...classPaddingStyle, - ...classPositionStyle, - ...classSizeStyle, - ...textStyles, - ...backgroundColorStyle, - ...textFontSizeStyle, -}; - -const classNoneScaleStyles = { - ...flexStyles, - ...gapNoneScaleStyles, - ...classBorderNoneScaleStyles, - ...classMarginNoneScaleStyle, - ...classPaddingNoneScaleStyle, - ...classPositionNoneScaleStyle, - ...classSizeNoneScaleStyle, - ...backgroundColorStyle, - ...textStyles, - ...textFontSizeNoneScaleStyle, -}; -export const getClassStyles = ( - className: ClassStyleType | ClassStyleType[], - scaleScreen = true, -) => { - if (Array.isArray(className)) { - if (className.length > 0) { - const listStyle: any[] = className.map(item => - getClassStyles(item, scaleScreen), - ); - return listStyle; - } - return [{}]; - } else { - if (scaleScreen) { - return classStyles[className]; - } - return classNoneScaleStyles[className]; - } -}; - -export const getClassNameStyles = (className: string, scaleScreen = true) => { - try { - if (className.length > 0) { - const listClass = className?.split(' '); - const listStyles = scaleScreen ? classStyles : classNoneScaleStyles; - return listClass.map(item => { - try { - return listStyles[item as never]; - } catch (error) { - return {}; - } - }); - } - return {}; - } catch (error) { - return {}; - } -}; diff --git a/src copy/styles/Flex.styles.ts b/src copy/styles/Flex.styles.ts deleted file mode 100644 index 2661d5c..0000000 --- a/src copy/styles/Flex.styles.ts +++ /dev/null @@ -1,160 +0,0 @@ -import {StyleSheet} from 'react-native'; -import {horizontalScale} from '../utils'; - -export const flexStyles = StyleSheet.create({ - 'd-none': {display: 'none'}, - 'd-flex': {display: 'flex'}, - 'flex-1': {flex: 1}, - 'flex-wrap': {flexWrap: 'wrap'}, - 'flex-wrap-reverse': {flexWrap: 'wrap-reverse'}, - 'flex-nowrap': {flexWrap: 'nowrap'}, - row: {flexDirection: 'row'}, - 'row-center': {flexDirection: 'row', alignItems: 'center'}, - 'row-v-center': {flexDirection: 'row', justifyContent: 'center'}, - 'row-reverse': {flexDirection: 'row-reverse'}, - column: {flexDirection: 'column'}, - 'column-center': {flexDirection: 'column', justifyContent: 'center'}, - 'column-v-center': {flexDirection: 'column', alignItems: 'center'}, - 'column-reverse': {flexDirection: 'column-reverse'}, - center: {justifyContent: 'center', alignItems: 'center'}, - 'self-center': {alignSelf: 'center'}, - 'self-start': {alignSelf: 'flex-start'}, - 'self-end': {alignSelf: 'flex-end'}, - 'justify-start': {justifyContent: 'flex-start'}, - 'justify-center': {justifyContent: 'center'}, - 'justify-end': {justifyContent: 'flex-end'}, - 'space-between': {justifyContent: 'space-between'}, - 'space-around': {justifyContent: 'space-around'}, - 'items-start': {alignItems: 'flex-start'}, - 'items-center': {alignItems: 'center'}, - 'items-end': {alignItems: 'flex-end'}, - aspectRatio: {aspectRatio: 1}, - 'aspectRatio-16/9': {aspectRatio: 16 / 9}, - 'aspectRatio-4/3': {aspectRatio: 4 / 3}, - 'object-cover': {objectFit: 'cover'}, - 'object-contain': {objectFit: 'contain'}, - 'object-fill': {objectFit: 'fill'}, - 'object-scale-down': {objectFit: 'scale-down'}, -}); - -export const gapStyles = StyleSheet.create({ - gap: {gap: horizontalScale(1)}, - 'gap-0': {gap: 0}, - 'gap-0.5': {gap: horizontalScale(2)}, - 'gap-1': {gap: horizontalScale(4)}, - 'gap-1.5': {gap: horizontalScale(6)}, - 'gap-2': {gap: horizontalScale(8)}, - 'gap-2.5': {gap: horizontalScale(10)}, - 'gap-3': {gap: horizontalScale(12)}, - 'gap-3.5': {gap: horizontalScale(14)}, - 'gap-4': {gap: horizontalScale(16)}, - 'gap-5': {gap: horizontalScale(20)}, - 'gap-6': {gap: horizontalScale(24)}, - 'gap-7': {gap: horizontalScale(28)}, - 'gap-8': {gap: horizontalScale(32)}, - 'gap-9': {gap: horizontalScale(36)}, - 'gap-10': {gap: horizontalScale(40)}, - 'gap-11': {gap: horizontalScale(44)}, - 'gap-12': {gap: horizontalScale(48)}, - 'gap-14': {gap: horizontalScale(56)}, - 'gap-16': {gap: horizontalScale(64)}, - 'row-gap-0': {rowGap: 0}, - 'row-gap-0.5': {rowGap: horizontalScale(2)}, - 'row-gap-1': {rowGap: horizontalScale(4)}, - 'row-gap-1.5': {rowGap: horizontalScale(6)}, - 'row-gap-2': {rowGap: horizontalScale(8)}, - 'row-gap-2.5': {rowGap: horizontalScale(10)}, - 'row-gap-3': {rowGap: horizontalScale(12)}, - 'row-gap-3.5': {rowGap: horizontalScale(14)}, - 'row-gap-4': {rowGap: horizontalScale(16)}, - 'row-gap-5': {rowGap: horizontalScale(20)}, - 'row-gap-6': {rowGap: horizontalScale(24)}, - 'row-gap-7': {rowGap: horizontalScale(28)}, - 'row-gap-8': {rowGap: horizontalScale(32)}, - 'row-gap-9': {rowGap: horizontalScale(36)}, - 'row-gap-10': {rowGap: horizontalScale(40)}, - 'row-gap-11': {rowGap: horizontalScale(44)}, - 'row-gap-12': {rowGap: horizontalScale(48)}, - 'row-gap-14': {rowGap: horizontalScale(56)}, - 'row-gap-16': {rowGap: horizontalScale(64)}, - 'col-gap-0': {columnGap: 0}, - 'col-gap-0.5': {columnGap: horizontalScale(2)}, - 'col-gap-1': {columnGap: horizontalScale(4)}, - 'col-gap-1.5': {columnGap: horizontalScale(6)}, - 'col-gap-2': {columnGap: horizontalScale(8)}, - 'col-gap-2.5': {columnGap: horizontalScale(10)}, - 'col-gap-3': {columnGap: horizontalScale(12)}, - 'col-gap-3.5': {columnGap: horizontalScale(14)}, - 'col-gap-4': {columnGap: horizontalScale(16)}, - 'col-gap-5': {columnGap: horizontalScale(20)}, - 'col-gap-6': {columnGap: horizontalScale(24)}, - 'col-gap-7': {columnGap: horizontalScale(28)}, - 'col-gap-8': {columnGap: horizontalScale(32)}, - 'col-gap-9': {columnGap: horizontalScale(36)}, - 'col-gap-10': {columnGap: horizontalScale(40)}, - 'col-gap-11': {columnGap: horizontalScale(44)}, - 'col-gap-12': {columnGap: horizontalScale(48)}, - 'col-gap-14': {columnGap: horizontalScale(56)}, - 'col-gap-16': {columnGap: horizontalScale(64)}, -}); - -export const gapNoneScaleStyles = StyleSheet.create({ - gap: {gap: 1}, - 'gap-0': {gap: 0}, - 'gap-0.5': {gap: 2}, - 'gap-1': {gap: 4}, - 'gap-1.5': {gap: 6}, - 'gap-2': {gap: 8}, - 'gap-2.5': {gap: 10}, - 'gap-3': {gap: 12}, - 'gap-3.5': {gap: 14}, - 'gap-4': {gap: 16}, - 'gap-5': {gap: 20}, - 'gap-6': {gap: 24}, - 'gap-7': {gap: 28}, - 'gap-8': {gap: 32}, - 'gap-9': {gap: 36}, - 'gap-10': {gap: 40}, - 'gap-11': {gap: 44}, - 'gap-12': {gap: 48}, - 'gap-14': {gap: 56}, - 'gap-16': {gap: 64}, - 'row-gap-0': {rowGap: 0}, - 'row-gap-0.5': {rowGap: 2}, - 'row-gap-1': {rowGap: 4}, - 'row-gap-1.5': {rowGap: 6}, - 'row-gap-2': {rowGap: 8}, - 'row-gap-2.5': {rowGap: 10}, - 'row-gap-3': {rowGap: 12}, - 'row-gap-3.5': {rowGap: 14}, - 'row-gap-4': {rowGap: 16}, - 'row-gap-5': {rowGap: 20}, - 'row-gap-6': {rowGap: 24}, - 'row-gap-7': {rowGap: 28}, - 'row-gap-8': {rowGap: 32}, - 'row-gap-9': {rowGap: 36}, - 'row-gap-10': {rowGap: 40}, - 'row-gap-11': {rowGap: 44}, - 'row-gap-12': {rowGap: 48}, - 'row-gap-14': {rowGap: 56}, - 'row-gap-16': {rowGap: 64}, - 'col-gap-0': {columnGap: 0}, - 'col-gap-0.5': {columnGap: 2}, - 'col-gap-1': {columnGap: 4}, - 'col-gap-1.5': {columnGap: 6}, - 'col-gap-2': {columnGap: 8}, - 'col-gap-2.5': {columnGap: 10}, - 'col-gap-3': {columnGap: 12}, - 'col-gap-3.5': {columnGap: 14}, - 'col-gap-4': {columnGap: 16}, - 'col-gap-5': {columnGap: 20}, - 'col-gap-6': {columnGap: 24}, - 'col-gap-7': {columnGap: 28}, - 'col-gap-8': {columnGap: 32}, - 'col-gap-9': {columnGap: 36}, - 'col-gap-10': {columnGap: 40}, - 'col-gap-11': {columnGap: 44}, - 'col-gap-12': {columnGap: 48}, - 'col-gap-14': {columnGap: 56}, - 'col-gap-16': {columnGap: 64}, -}); diff --git a/src copy/styles/Margin.styles.ts b/src copy/styles/Margin.styles.ts deleted file mode 100644 index d40f08e..0000000 --- a/src copy/styles/Margin.styles.ts +++ /dev/null @@ -1,330 +0,0 @@ -import {StyleSheet} from 'react-native'; -import {horizontalScale} from '../utils'; - -const marginStyles = StyleSheet.create({ - 'm-0': {margin: 0}, - 'm-0.5': {margin: horizontalScale(2)}, - 'm-1': {margin: horizontalScale(4)}, - 'm-1.5': {margin: horizontalScale(6)}, - 'm-2': {margin: horizontalScale(8)}, - 'm-2.5': {margin: horizontalScale(10)}, - 'm-3': {margin: horizontalScale(12)}, - 'm-3.5': {margin: horizontalScale(14)}, - 'm-4': {margin: horizontalScale(16)}, - 'm-5': {margin: horizontalScale(20)}, - 'm-6': {margin: horizontalScale(24)}, - 'm-7': {margin: horizontalScale(28)}, - 'm-8': {margin: horizontalScale(32)}, - 'm-9': {margin: horizontalScale(36)}, - 'm-10': {margin: horizontalScale(40)}, - 'm-11': {margin: horizontalScale(44)}, - 'm-12': {margin: horizontalScale(48)}, - 'm-14': {margin: horizontalScale(56)}, - 'm-16': {margin: horizontalScale(64)}, -}); - -const marginLeftStyles = StyleSheet.create({ - 'ml-0': {marginLeft: 0}, - 'ml-0.5': {marginLeft: horizontalScale(2)}, - 'ml-1': {marginLeft: horizontalScale(4)}, - 'ml-1.5': {marginLeft: horizontalScale(6)}, - 'ml-2': {marginLeft: horizontalScale(8)}, - 'ml-2.5': {marginLeft: horizontalScale(10)}, - 'ml-3': {marginLeft: horizontalScale(12)}, - 'ml-3.5': {marginLeft: horizontalScale(14)}, - 'ml-4': {marginLeft: horizontalScale(16)}, - 'ml-5': {marginLeft: horizontalScale(20)}, - 'ml-6': {marginLeft: horizontalScale(24)}, - 'ml-7': {marginLeft: horizontalScale(28)}, - 'ml-8': {marginLeft: horizontalScale(32)}, - 'ml-9': {marginLeft: horizontalScale(36)}, - 'ml-10': {marginLeft: horizontalScale(40)}, - 'ml-11': {marginLeft: horizontalScale(44)}, - 'ml-12': {marginLeft: horizontalScale(48)}, - 'ml-14': {marginLeft: horizontalScale(56)}, - 'ml-16': {marginLeft: horizontalScale(64)}, -}); - -const marginRightStyles = StyleSheet.create({ - 'mr-0': {marginRight: 0}, - 'mr-0.5': {marginRight: horizontalScale(2)}, - 'mr-1': {marginRight: horizontalScale(4)}, - 'mr-1.5': {marginRight: horizontalScale(6)}, - 'mr-2': {marginRight: horizontalScale(8)}, - 'mr-2.5': {marginRight: horizontalScale(10)}, - 'mr-3': {marginRight: horizontalScale(12)}, - 'mr-3.5': {marginRight: horizontalScale(14)}, - 'mr-4': {marginRight: horizontalScale(16)}, - 'mr-5': {marginRight: horizontalScale(20)}, - 'mr-6': {marginRight: horizontalScale(24)}, - 'mr-7': {marginRight: horizontalScale(28)}, - 'mr-8': {marginRight: horizontalScale(32)}, - 'mr-9': {marginRight: horizontalScale(36)}, - 'mr-10': {marginRight: horizontalScale(40)}, - 'mr-11': {marginRight: horizontalScale(44)}, - 'mr-12': {marginRight: horizontalScale(48)}, - 'mr-14': {marginRight: horizontalScale(56)}, - 'mr-16': {marginRight: horizontalScale(64)}, -}); - -const marginBottomStyles = StyleSheet.create({ - 'mb-0': {marginBottom: 0}, - 'mb-0.5': {marginBottom: horizontalScale(2)}, - 'mb-1': {marginBottom: horizontalScale(4)}, - 'mb-1.5': {marginBottom: horizontalScale(6)}, - 'mb-2': {marginBottom: horizontalScale(8)}, - 'mb-2.5': {marginBottom: horizontalScale(10)}, - 'mb-3': {marginBottom: horizontalScale(12)}, - 'mb-3.5': {marginBottom: horizontalScale(14)}, - 'mb-4': {marginBottom: horizontalScale(16)}, - 'mb-5': {marginBottom: horizontalScale(20)}, - 'mb-6': {marginBottom: horizontalScale(24)}, - 'mb-7': {marginBottom: horizontalScale(28)}, - 'mb-8': {marginBottom: horizontalScale(32)}, - 'mb-9': {marginBottom: horizontalScale(36)}, - 'mb-10': {marginBottom: horizontalScale(40)}, - 'mb-11': {marginBottom: horizontalScale(44)}, - 'mb-12': {marginBottom: horizontalScale(48)}, - 'mb-14': {marginBottom: horizontalScale(56)}, - 'mb-16': {marginBottom: horizontalScale(64)}, -}); - -const marginTopStyles = StyleSheet.create({ - 'mt-0': {marginTop: 0}, - 'mt-0.5': {marginTop: horizontalScale(2)}, - 'mt-1': {marginTop: horizontalScale(4)}, - 'mt-1.5': {marginTop: horizontalScale(6)}, - 'mt-2': {marginTop: horizontalScale(8)}, - 'mt-2.5': {marginTop: horizontalScale(10)}, - 'mt-3': {marginTop: horizontalScale(12)}, - 'mt-3.5': {marginTop: horizontalScale(14)}, - 'mt-4': {marginTop: horizontalScale(16)}, - 'mt-5': {marginTop: horizontalScale(20)}, - 'mt-6': {marginTop: horizontalScale(24)}, - 'mt-7': {marginTop: horizontalScale(28)}, - 'mt-8': {marginTop: horizontalScale(32)}, - 'mt-9': {marginTop: horizontalScale(36)}, - 'mt-10': {marginTop: horizontalScale(40)}, - 'mt-11': {marginTop: horizontalScale(44)}, - 'mt-12': {marginTop: horizontalScale(48)}, - 'mt-14': {marginTop: horizontalScale(56)}, - 'mt-16': {marginTop: horizontalScale(64)}, -}); - -const marginHorizontalStyles = StyleSheet.create({ - 'mx-0': {marginHorizontal: 0}, - 'mx-0.5': {marginHorizontal: horizontalScale(2)}, - 'mx-1': {marginHorizontal: horizontalScale(4)}, - 'mx-1.5': {marginHorizontal: horizontalScale(6)}, - 'mx-2': {marginHorizontal: horizontalScale(8)}, - 'mx-2.5': {marginHorizontal: horizontalScale(10)}, - 'mx-3': {marginHorizontal: horizontalScale(12)}, - 'mx-3.5': {marginHorizontal: horizontalScale(14)}, - 'mx-4': {marginHorizontal: horizontalScale(16)}, - 'mx-5': {marginHorizontal: horizontalScale(20)}, - 'mx-6': {marginHorizontal: horizontalScale(24)}, - 'mx-7': {marginHorizontal: horizontalScale(28)}, - 'mx-8': {marginHorizontal: horizontalScale(32)}, - 'mx-9': {marginHorizontal: horizontalScale(36)}, - 'mx-10': {marginHorizontal: horizontalScale(40)}, - 'mx-11': {marginHorizontal: horizontalScale(44)}, - 'mx-12': {marginHorizontal: horizontalScale(48)}, - 'mx-14': {marginHorizontal: horizontalScale(56)}, - 'mx-16': {marginHorizontal: horizontalScale(64)}, -}); - -const marginVerticalStyles = StyleSheet.create({ - 'my-0': {marginVertical: 0}, - 'my-0.5': {marginVertical: horizontalScale(2)}, - 'my-1': {marginVertical: horizontalScale(4)}, - 'my-1.5': {marginVertical: horizontalScale(6)}, - 'my-2': {marginVertical: horizontalScale(8)}, - 'my-2.5': {marginVertical: horizontalScale(10)}, - 'my-3': {marginVertical: horizontalScale(12)}, - 'my-3.5': {marginVertical: horizontalScale(14)}, - 'my-4': {marginVertical: horizontalScale(16)}, - 'my-5': {marginVertical: horizontalScale(20)}, - 'my-6': {marginVertical: horizontalScale(24)}, - 'my-7': {marginVertical: horizontalScale(28)}, - 'my-8': {marginVertical: horizontalScale(32)}, - 'my-9': {marginVertical: horizontalScale(36)}, - 'my-10': {marginVertical: horizontalScale(40)}, - 'my-11': {marginVertical: horizontalScale(44)}, - 'my-12': {marginVertical: horizontalScale(48)}, - 'my-14': {marginVertical: horizontalScale(56)}, - 'my-16': {marginVertical: horizontalScale(64)}, -}); - -const marginNoneScaleStyles = StyleSheet.create({ - 'm-0': {margin: 0}, - 'm-0.5': {margin: 2}, - 'm-1': {margin: 4}, - 'm-1.5': {margin: 6}, - 'm-2': {margin: 8}, - 'm-2.5': {margin: 10}, - 'm-3': {margin: 12}, - 'm-3.5': {margin: 14}, - 'm-4': {margin: 16}, - 'm-5': {margin: 20}, - 'm-6': {margin: 24}, - 'm-7': {margin: 28}, - 'm-8': {margin: 32}, - 'm-9': {margin: 36}, - 'm-10': {margin: 40}, - 'm-11': {margin: 44}, - 'm-12': {margin: 48}, - 'm-14': {margin: 56}, - 'm-16': {margin: 64}, -}); - -const marginLeftNoneScaleStyles = StyleSheet.create({ - 'ml-0': {marginLeft: 0}, - 'ml-0.5': {marginLeft: 2}, - 'ml-1': {marginLeft: 4}, - 'ml-1.5': {marginLeft: 6}, - 'ml-2': {marginLeft: 8}, - 'ml-2.5': {marginLeft: 10}, - 'ml-3': {marginLeft: 12}, - 'ml-3.5': {marginLeft: 14}, - 'ml-4': {marginLeft: 16}, - 'ml-5': {marginLeft: 20}, - 'ml-6': {marginLeft: 24}, - 'ml-7': {marginLeft: 28}, - 'ml-8': {marginLeft: 32}, - 'ml-9': {marginLeft: 36}, - 'ml-10': {marginLeft: 40}, - 'ml-11': {marginLeft: 44}, - 'ml-12': {marginLeft: 48}, - 'ml-14': {marginLeft: 56}, - 'ml-16': {marginLeft: 64}, -}); - -const marginRightNoneScaleStyles = StyleSheet.create({ - 'mr-0': {marginRight: 0}, - 'mr-0.5': {marginRight: 2}, - 'mr-1': {marginRight: 4}, - 'mr-1.5': {marginRight: 6}, - 'mr-2': {marginRight: 8}, - 'mr-2.5': {marginRight: 10}, - 'mr-3': {marginRight: 12}, - 'mr-3.5': {marginRight: 14}, - 'mr-4': {marginRight: 16}, - 'mr-5': {marginRight: 20}, - 'mr-6': {marginRight: 24}, - 'mr-7': {marginRight: 28}, - 'mr-8': {marginRight: 32}, - 'mr-9': {marginRight: 36}, - 'mr-10': {marginRight: 40}, - 'mr-11': {marginRight: 44}, - 'mr-12': {marginRight: 48}, - 'mr-14': {marginRight: 56}, - 'mr-16': {marginRight: 64}, -}); - -const marginBottomNoneScaleStyles = StyleSheet.create({ - 'mb-0': {marginBottom: 0}, - 'mb-0.5': {marginBottom: 2}, - 'mb-1': {marginBottom: 4}, - 'mb-1.5': {marginBottom: 6}, - 'mb-2': {marginBottom: 8}, - 'mb-2.5': {marginBottom: 10}, - 'mb-3': {marginBottom: 12}, - 'mb-3.5': {marginBottom: 14}, - 'mb-4': {marginBottom: 16}, - 'mb-5': {marginBottom: 20}, - 'mb-6': {marginBottom: 24}, - 'mb-7': {marginBottom: 28}, - 'mb-8': {marginBottom: 32}, - 'mb-9': {marginBottom: 36}, - 'mb-10': {marginBottom: 40}, - 'mb-11': {marginBottom: 44}, - 'mb-12': {marginBottom: 48}, - 'mb-14': {marginBottom: 56}, - 'mb-16': {marginBottom: 64}, -}); - -const marginTopNoneScaleStyles = StyleSheet.create({ - 'mt-0': {marginTop: 0}, - 'mt-0.5': {marginTop: 2}, - 'mt-1': {marginTop: 4}, - 'mt-1.5': {marginTop: 6}, - 'mt-2': {marginTop: 8}, - 'mt-2.5': {marginTop: 10}, - 'mt-3': {marginTop: 12}, - 'mt-3.5': {marginTop: 14}, - 'mt-4': {marginTop: 16}, - 'mt-5': {marginTop: 20}, - 'mt-6': {marginTop: 24}, - 'mt-7': {marginTop: 28}, - 'mt-8': {marginTop: 32}, - 'mt-9': {marginTop: 36}, - 'mt-10': {marginTop: 40}, - 'mt-11': {marginTop: 44}, - 'mt-12': {marginTop: 48}, - 'mt-14': {marginTop: 56}, - 'mt-16': {marginTop: 64}, -}); - -const marginHorizontalNoneScaleStyles = StyleSheet.create({ - 'mx-0': {marginHorizontal: 0}, - 'mx-0.5': {marginHorizontal: 2}, - 'mx-1': {marginHorizontal: 4}, - 'mx-1.5': {marginHorizontal: 6}, - 'mx-2': {marginHorizontal: 8}, - 'mx-2.5': {marginHorizontal: 10}, - 'mx-3': {marginHorizontal: 12}, - 'mx-3.5': {marginHorizontal: 14}, - 'mx-4': {marginHorizontal: 16}, - 'mx-5': {marginHorizontal: 20}, - 'mx-6': {marginHorizontal: 24}, - 'mx-7': {marginHorizontal: 28}, - 'mx-8': {marginHorizontal: 32}, - 'mx-9': {marginHorizontal: 36}, - 'mx-10': {marginHorizontal: 40}, - 'mx-11': {marginHorizontal: 44}, - 'mx-12': {marginHorizontal: 48}, - 'mx-14': {marginHorizontal: 56}, - 'mx-16': {marginHorizontal: 64}, -}); - -const marginVerticalNoneScaleStyles = StyleSheet.create({ - 'my-0': {marginVertical: 0}, - 'my-0.5': {marginVertical: 2}, - 'my-1': {marginVertical: 4}, - 'my-1.5': {marginVertical: 6}, - 'my-2': {marginVertical: 8}, - 'my-2.5': {marginVertical: 10}, - 'my-3': {marginVertical: 12}, - 'my-3.5': {marginVertical: 14}, - 'my-4': {marginVertical: 16}, - 'my-5': {marginVertical: 20}, - 'my-6': {marginVertical: 24}, - 'my-7': {marginVertical: 28}, - 'my-8': {marginVertical: 32}, - 'my-9': {marginVertical: 36}, - 'my-10': {marginVertical: 40}, - 'my-11': {marginVertical: 44}, - 'my-12': {marginVertical: 48}, - 'my-14': {marginVertical: 56}, - 'my-16': {marginVertical: 64}, -}); - -export const classMarginStyle = { - ...marginStyles, - ...marginLeftStyles, - ...marginRightStyles, - ...marginBottomStyles, - ...marginTopStyles, - ...marginHorizontalStyles, - ...marginVerticalStyles, -}; - -export const classMarginNoneScaleStyle = { - ...marginNoneScaleStyles, - ...marginLeftNoneScaleStyles, - ...marginRightNoneScaleStyles, - ...marginBottomNoneScaleStyles, - ...marginTopNoneScaleStyles, - ...marginHorizontalNoneScaleStyles, - ...marginVerticalNoneScaleStyles, -}; diff --git a/src copy/styles/Padding.styles.ts b/src copy/styles/Padding.styles.ts deleted file mode 100644 index 8690253..0000000 --- a/src copy/styles/Padding.styles.ts +++ /dev/null @@ -1,330 +0,0 @@ -import {StyleSheet} from 'react-native'; -import {horizontalScale} from '../utils'; - -const paddingStyles = StyleSheet.create({ - 'p-0': {padding: 0}, - 'p-0.5': {padding: horizontalScale(2)}, - 'p-1': {padding: horizontalScale(4)}, - 'p-1.5': {padding: horizontalScale(6)}, - 'p-2': {padding: horizontalScale(8)}, - 'p-2.5': {padding: horizontalScale(10)}, - 'p-3': {padding: horizontalScale(12)}, - 'p-3.5': {padding: horizontalScale(14)}, - 'p-4': {padding: horizontalScale(16)}, - 'p-5': {padding: horizontalScale(20)}, - 'p-6': {padding: horizontalScale(24)}, - 'p-7': {padding: horizontalScale(28)}, - 'p-8': {padding: horizontalScale(32)}, - 'p-9': {padding: horizontalScale(36)}, - 'p-10': {padding: horizontalScale(40)}, - 'p-11': {padding: horizontalScale(44)}, - 'p-12': {padding: horizontalScale(48)}, - 'p-14': {padding: horizontalScale(56)}, - 'p-16': {padding: horizontalScale(64)}, -}); - -const paddingLeftStyles = StyleSheet.create({ - 'pl-0': {paddingLeft: 0}, - 'pl-0.5': {paddingLeft: horizontalScale(2)}, - 'pl-1': {paddingLeft: horizontalScale(4)}, - 'pl-1.5': {paddingLeft: horizontalScale(6)}, - 'pl-2': {paddingLeft: horizontalScale(8)}, - 'pl-2.5': {paddingLeft: horizontalScale(10)}, - 'pl-3': {paddingLeft: horizontalScale(12)}, - 'pl-3.5': {paddingLeft: horizontalScale(14)}, - 'pl-4': {paddingLeft: horizontalScale(16)}, - 'pl-5': {paddingLeft: horizontalScale(20)}, - 'pl-6': {paddingLeft: horizontalScale(24)}, - 'pl-7': {paddingLeft: horizontalScale(28)}, - 'pl-8': {paddingLeft: horizontalScale(32)}, - 'pl-9': {paddingLeft: horizontalScale(36)}, - 'pl-10': {paddingLeft: horizontalScale(40)}, - 'pl-11': {paddingLeft: horizontalScale(44)}, - 'pl-12': {paddingLeft: horizontalScale(48)}, - 'pl-14': {paddingLeft: horizontalScale(56)}, - 'pl-16': {paddingLeft: horizontalScale(64)}, -}); - -const paddingRightStyles = StyleSheet.create({ - 'pr-0': {paddingRight: 0}, - 'pr-0.5': {paddingRight: horizontalScale(2)}, - 'pr-1': {paddingRight: horizontalScale(4)}, - 'pr-1.5': {paddingRight: horizontalScale(6)}, - 'pr-2': {paddingRight: horizontalScale(8)}, - 'pr-2.5': {paddingRight: horizontalScale(10)}, - 'pr-3': {paddingRight: horizontalScale(12)}, - 'pr-3.5': {paddingRight: horizontalScale(14)}, - 'pr-4': {paddingRight: horizontalScale(16)}, - 'pr-5': {paddingRight: horizontalScale(20)}, - 'pr-6': {paddingRight: horizontalScale(24)}, - 'pr-7': {paddingRight: horizontalScale(28)}, - 'pr-8': {paddingRight: horizontalScale(32)}, - 'pr-9': {paddingRight: horizontalScale(36)}, - 'pr-10': {paddingRight: horizontalScale(40)}, - 'pr-11': {paddingRight: horizontalScale(44)}, - 'pr-12': {paddingRight: horizontalScale(48)}, - 'pr-14': {paddingRight: horizontalScale(56)}, - 'pr-16': {paddingRight: horizontalScale(64)}, -}); - -const paddingBottomStyles = StyleSheet.create({ - 'pb-0': {paddingBottom: 0}, - 'pb-0.5': {paddingBottom: horizontalScale(2)}, - 'pb-1': {paddingBottom: horizontalScale(4)}, - 'pb-1.5': {paddingBottom: horizontalScale(6)}, - 'pb-2': {paddingBottom: horizontalScale(8)}, - 'pb-2.5': {paddingBottom: horizontalScale(10)}, - 'pb-3': {paddingBottom: horizontalScale(12)}, - 'pb-3.5': {paddingBottom: horizontalScale(14)}, - 'pb-4': {paddingBottom: horizontalScale(16)}, - 'pb-5': {paddingBottom: horizontalScale(20)}, - 'pb-6': {paddingBottom: horizontalScale(24)}, - 'pb-7': {paddingBottom: horizontalScale(28)}, - 'pb-8': {paddingBottom: horizontalScale(32)}, - 'pb-9': {paddingBottom: horizontalScale(36)}, - 'pb-10': {paddingBottom: horizontalScale(40)}, - 'pb-11': {paddingBottom: horizontalScale(44)}, - 'pb-12': {paddingBottom: horizontalScale(48)}, - 'pb-14': {paddingBottom: horizontalScale(56)}, - 'pb-16': {paddingBottom: horizontalScale(64)}, -}); - -const paddingTopStyles = StyleSheet.create({ - 'pt-0': {paddingTop: 0}, - 'pt-0.5': {paddingTop: horizontalScale(2)}, - 'pt-1': {paddingTop: horizontalScale(4)}, - 'pt-1.5': {paddingTop: horizontalScale(6)}, - 'pt-2': {paddingTop: horizontalScale(8)}, - 'pt-2.5': {paddingTop: horizontalScale(10)}, - 'pt-3': {paddingTop: horizontalScale(12)}, - 'pt-3.5': {paddingTop: horizontalScale(14)}, - 'pt-4': {paddingTop: horizontalScale(16)}, - 'pt-5': {paddingTop: horizontalScale(20)}, - 'pt-6': {paddingTop: horizontalScale(24)}, - 'pt-7': {paddingTop: horizontalScale(28)}, - 'pt-8': {paddingTop: horizontalScale(32)}, - 'pt-9': {paddingTop: horizontalScale(36)}, - 'pt-10': {paddingTop: horizontalScale(40)}, - 'pt-11': {paddingTop: horizontalScale(44)}, - 'pt-12': {paddingTop: horizontalScale(48)}, - 'pt-14': {paddingTop: horizontalScale(56)}, - 'pt-16': {paddingTop: horizontalScale(64)}, -}); - -const paddingHorizontalStyles = StyleSheet.create({ - 'px-0': {paddingHorizontal: 0}, - 'px-0.5': {paddingHorizontal: horizontalScale(2)}, - 'px-1': {paddingHorizontal: horizontalScale(4)}, - 'px-1.5': {paddingHorizontal: horizontalScale(6)}, - 'px-2': {paddingHorizontal: horizontalScale(8)}, - 'px-2.5': {paddingHorizontal: horizontalScale(10)}, - 'px-3': {paddingHorizontal: horizontalScale(12)}, - 'px-3.5': {paddingHorizontal: horizontalScale(14)}, - 'px-4': {paddingHorizontal: horizontalScale(16)}, - 'px-5': {paddingHorizontal: horizontalScale(20)}, - 'px-6': {paddingHorizontal: horizontalScale(24)}, - 'px-7': {paddingHorizontal: horizontalScale(28)}, - 'px-8': {paddingHorizontal: horizontalScale(32)}, - 'px-9': {paddingHorizontal: horizontalScale(36)}, - 'px-10': {paddingHorizontal: horizontalScale(40)}, - 'px-11': {paddingHorizontal: horizontalScale(44)}, - 'px-12': {paddingHorizontal: horizontalScale(48)}, - 'px-14': {paddingHorizontal: horizontalScale(56)}, - 'px-16': {paddingHorizontal: horizontalScale(64)}, -}); - -const paddingVerticalStyles = StyleSheet.create({ - 'py-0': {paddingVertical: 0}, - 'py-0.5': {paddingVertical: horizontalScale(2)}, - 'py-1': {paddingVertical: horizontalScale(4)}, - 'py-1.5': {paddingVertical: horizontalScale(6)}, - 'py-2': {paddingVertical: horizontalScale(8)}, - 'py-2.5': {paddingVertical: horizontalScale(10)}, - 'py-3': {paddingVertical: horizontalScale(12)}, - 'py-3.5': {paddingVertical: horizontalScale(14)}, - 'py-4': {paddingVertical: horizontalScale(16)}, - 'py-5': {paddingVertical: horizontalScale(20)}, - 'py-6': {paddingVertical: horizontalScale(24)}, - 'py-7': {paddingVertical: horizontalScale(28)}, - 'py-8': {paddingVertical: horizontalScale(32)}, - 'py-9': {paddingVertical: horizontalScale(36)}, - 'py-10': {paddingVertical: horizontalScale(40)}, - 'py-11': {paddingVertical: horizontalScale(44)}, - 'py-12': {paddingVertical: horizontalScale(48)}, - 'py-14': {paddingVertical: horizontalScale(56)}, - 'py-16': {paddingVertical: horizontalScale(64)}, -}); - -const paddingNoneScaleStyles = StyleSheet.create({ - 'p-0': {padding: 0}, - 'p-0.5': {padding: 2}, - 'p-1': {padding: 4}, - 'p-1.5': {padding: 6}, - 'p-2': {padding: 8}, - 'p-2.5': {padding: 10}, - 'p-3': {padding: 12}, - 'p-3.5': {padding: 14}, - 'p-4': {padding: 16}, - 'p-5': {padding: 20}, - 'p-6': {padding: 24}, - 'p-7': {padding: 28}, - 'p-8': {padding: 32}, - 'p-9': {padding: 36}, - 'p-10': {padding: 40}, - 'p-11': {padding: 44}, - 'p-12': {padding: 48}, - 'p-14': {padding: 56}, - 'p-16': {padding: 64}, -}); - -const paddingLeftNoneScaleStyles = StyleSheet.create({ - 'pl-0': {paddingLeft: 0}, - 'pl-0.5': {paddingLeft: 2}, - 'pl-1': {paddingLeft: 4}, - 'pl-1.5': {paddingLeft: 6}, - 'pl-2': {paddingLeft: 8}, - 'pl-2.5': {paddingLeft: 10}, - 'pl-3': {paddingLeft: 12}, - 'pl-3.5': {paddingLeft: 14}, - 'pl-4': {paddingLeft: 16}, - 'pl-5': {paddingLeft: 20}, - 'pl-6': {paddingLeft: 24}, - 'pl-7': {paddingLeft: 28}, - 'pl-8': {paddingLeft: 32}, - 'pl-9': {paddingLeft: 36}, - 'pl-10': {paddingLeft: 40}, - 'pl-11': {paddingLeft: 44}, - 'pl-12': {paddingLeft: 48}, - 'pl-14': {paddingLeft: 56}, - 'pl-16': {paddingLeft: 64}, -}); - -const paddingRightNoneScaleStyles = StyleSheet.create({ - 'pr-0': {paddingRight: 0}, - 'pr-0.5': {paddingRight: 2}, - 'pr-1': {paddingRight: 4}, - 'pr-1.5': {paddingRight: 6}, - 'pr-2': {paddingRight: 8}, - 'pr-2.5': {paddingRight: 10}, - 'pr-3': {paddingRight: 12}, - 'pr-3.5': {paddingRight: 14}, - 'pr-4': {paddingRight: 16}, - 'pr-5': {paddingRight: 20}, - 'pr-6': {paddingRight: 24}, - 'pr-7': {paddingRight: 28}, - 'pr-8': {paddingRight: 32}, - 'pr-9': {paddingRight: 36}, - 'pr-10': {paddingRight: 40}, - 'pr-11': {paddingRight: 44}, - 'pr-12': {paddingRight: 48}, - 'pr-14': {paddingRight: 56}, - 'pr-16': {paddingRight: 64}, -}); - -const paddingBottomNoneScaleStyles = StyleSheet.create({ - 'pb-0': {paddingBottom: 0}, - 'pb-0.5': {paddingBottom: 2}, - 'pb-1': {paddingBottom: 4}, - 'pb-1.5': {paddingBottom: 6}, - 'pb-2': {paddingBottom: 8}, - 'pb-2.5': {paddingBottom: 10}, - 'pb-3': {paddingBottom: 12}, - 'pb-3.5': {paddingBottom: 14}, - 'pb-4': {paddingBottom: 16}, - 'pb-5': {paddingBottom: 20}, - 'pb-6': {paddingBottom: 24}, - 'pb-7': {paddingBottom: 28}, - 'pb-8': {paddingBottom: 32}, - 'pb-9': {paddingBottom: 36}, - 'pb-10': {paddingBottom: 40}, - 'pb-11': {paddingBottom: 44}, - 'pb-12': {paddingBottom: 48}, - 'pb-14': {paddingBottom: 56}, - 'pb-16': {paddingBottom: 64}, -}); - -const paddingTopNoneScaleStyles = StyleSheet.create({ - 'pt-0': {paddingTop: 0}, - 'pt-0.5': {paddingTop: 2}, - 'pt-1': {paddingTop: 4}, - 'pt-1.5': {paddingTop: 6}, - 'pt-2': {paddingTop: 8}, - 'pt-2.5': {paddingTop: 10}, - 'pt-3': {paddingTop: 12}, - 'pt-3.5': {paddingTop: 14}, - 'pt-4': {paddingTop: 16}, - 'pt-5': {paddingTop: 20}, - 'pt-6': {paddingTop: 24}, - 'pt-7': {paddingTop: 28}, - 'pt-8': {paddingTop: 32}, - 'pt-9': {paddingTop: 36}, - 'pt-10': {paddingTop: 40}, - 'pt-11': {paddingTop: 44}, - 'pt-12': {paddingTop: 48}, - 'pt-14': {paddingTop: 56}, - 'pt-16': {paddingTop: 64}, -}); - -const paddingHorizontalNoneScaleStyles = StyleSheet.create({ - 'px-0': {paddingHorizontal: 0}, - 'px-0.5': {paddingHorizontal: 2}, - 'px-1': {paddingHorizontal: 4}, - 'px-1.5': {paddingHorizontal: 6}, - 'px-2': {paddingHorizontal: 8}, - 'px-2.5': {paddingHorizontal: 10}, - 'px-3': {paddingHorizontal: 12}, - 'px-3.5': {paddingHorizontal: 14}, - 'px-4': {paddingHorizontal: 16}, - 'px-5': {paddingHorizontal: 20}, - 'px-6': {paddingHorizontal: 24}, - 'px-7': {paddingHorizontal: 28}, - 'px-8': {paddingHorizontal: 32}, - 'px-9': {paddingHorizontal: 36}, - 'px-10': {paddingHorizontal: 40}, - 'px-11': {paddingHorizontal: 44}, - 'px-12': {paddingHorizontal: 48}, - 'px-14': {paddingHorizontal: 56}, - 'px-16': {paddingHorizontal: 64}, -}); - -const paddingVerticalNoneScaleStyles = StyleSheet.create({ - 'py-0': {paddingVertical: 0}, - 'py-0.5': {paddingVertical: 2}, - 'py-1': {paddingVertical: 4}, - 'py-1.5': {paddingVertical: 6}, - 'py-2': {paddingVertical: 8}, - 'py-2.5': {paddingVertical: 10}, - 'py-3': {paddingVertical: 12}, - 'py-3.5': {paddingVertical: 14}, - 'py-4': {paddingVertical: 16}, - 'py-5': {paddingVertical: 20}, - 'py-6': {paddingVertical: 24}, - 'py-7': {paddingVertical: 28}, - 'py-8': {paddingVertical: 32}, - 'py-9': {paddingVertical: 36}, - 'py-10': {paddingVertical: 40}, - 'py-11': {paddingVertical: 44}, - 'py-12': {paddingVertical: 48}, - 'py-14': {paddingVertical: 56}, - 'py-16': {paddingVertical: 64}, -}); - -export const classPaddingStyle = { - ...paddingStyles, - ...paddingLeftStyles, - ...paddingRightStyles, - ...paddingBottomStyles, - ...paddingTopStyles, - ...paddingHorizontalStyles, - ...paddingVerticalStyles, -}; - -export const classPaddingNoneScaleStyle = { - ...paddingNoneScaleStyles, - ...paddingLeftNoneScaleStyles, - ...paddingRightNoneScaleStyles, - ...paddingBottomNoneScaleStyles, - ...paddingTopNoneScaleStyles, - ...paddingHorizontalNoneScaleStyles, - ...paddingVerticalNoneScaleStyles, -}; diff --git a/src copy/styles/Position.styles.ts b/src copy/styles/Position.styles.ts deleted file mode 100644 index 77f7da3..0000000 --- a/src copy/styles/Position.styles.ts +++ /dev/null @@ -1,217 +0,0 @@ -import {StyleSheet} from 'react-native'; -import {horizontalScale} from '../utils'; - -const positionStyles = StyleSheet.create({ - absolute: {position: 'absolute'}, - relative: {position: 'relative'}, -}); - -const topStyles = StyleSheet.create({ - 'top-0': {top: 0}, - 'top-0.5': {top: horizontalScale(2)}, - 'top-1': {top: horizontalScale(4)}, - 'top-1.5': {top: horizontalScale(6)}, - 'top-2': {top: horizontalScale(8)}, - 'top-2.5': {top: horizontalScale(10)}, - 'top-3': {top: horizontalScale(12)}, - 'top-3.5': {top: horizontalScale(14)}, - 'top-4': {top: horizontalScale(16)}, - 'top-5': {top: horizontalScale(20)}, - 'top-6': {top: horizontalScale(24)}, - 'top-7': {top: horizontalScale(28)}, - 'top-8': {top: horizontalScale(32)}, - 'top-9': {top: horizontalScale(36)}, - 'top-10': {top: horizontalScale(40)}, - 'top-11': {top: horizontalScale(44)}, - 'top-12': {top: horizontalScale(48)}, - 'top-14': {top: horizontalScale(56)}, - 'top-16': {top: horizontalScale(64)}, -}); - -const leftStyles = StyleSheet.create({ - 'left-0': {left: 0}, - 'left-0.5': {left: horizontalScale(2)}, - 'left-1': {left: horizontalScale(4)}, - 'left-1.5': {left: horizontalScale(6)}, - 'left-2': {left: horizontalScale(8)}, - 'left-2.5': {left: horizontalScale(10)}, - 'left-3': {left: horizontalScale(12)}, - 'left-3.5': {left: horizontalScale(14)}, - 'left-4': {left: horizontalScale(16)}, - 'left-5': {left: horizontalScale(20)}, - 'left-6': {left: horizontalScale(24)}, - 'left-7': {left: horizontalScale(28)}, - 'left-8': {left: horizontalScale(32)}, - 'left-9': {left: horizontalScale(36)}, - 'left-10': {left: horizontalScale(40)}, - 'left-11': {left: horizontalScale(44)}, - 'left-12': {left: horizontalScale(48)}, - 'left-14': {left: horizontalScale(56)}, - 'left-16': {left: horizontalScale(64)}, -}); - -const bottomStyles = StyleSheet.create({ - 'bottom-0': {bottom: 0}, - 'bottom-0.5': {bottom: horizontalScale(2)}, - 'bottom-1': {bottom: horizontalScale(4)}, - 'bottom-1.5': {bottom: horizontalScale(6)}, - 'bottom-2': {bottom: horizontalScale(8)}, - 'bottom-2.5': {bottom: horizontalScale(10)}, - 'bottom-3': {bottom: horizontalScale(12)}, - 'bottom-3.5': {bottom: horizontalScale(14)}, - 'bottom-4': {bottom: horizontalScale(16)}, - 'bottom-5': {bottom: horizontalScale(20)}, - 'bottom-6': {bottom: horizontalScale(24)}, - 'bottom-7': {bottom: horizontalScale(28)}, - 'bottom-8': {bottom: horizontalScale(32)}, - 'bottom-9': {bottom: horizontalScale(36)}, - 'bottom-10': {bottom: horizontalScale(40)}, - 'bottom-11': {bottom: horizontalScale(44)}, - 'bottom-12': {bottom: horizontalScale(48)}, - 'bottom-14': {bottom: horizontalScale(56)}, - 'bottom-16': {bottom: horizontalScale(64)}, -}); - -const rightStyles = StyleSheet.create({ - 'right-0': {right: 0}, - 'right-0.5': {right: horizontalScale(2)}, - 'right-1': {right: horizontalScale(4)}, - 'right-1.5': {right: horizontalScale(6)}, - 'right-2': {right: horizontalScale(8)}, - 'right-2.5': {right: horizontalScale(10)}, - 'right-3': {right: horizontalScale(12)}, - 'right-3.5': {right: horizontalScale(14)}, - 'right-4': {right: horizontalScale(16)}, - 'right-5': {right: horizontalScale(20)}, - 'right-6': {right: horizontalScale(24)}, - 'right-7': {right: horizontalScale(28)}, - 'right-8': {right: horizontalScale(32)}, - 'right-9': {right: horizontalScale(36)}, - 'right-10': {right: horizontalScale(40)}, - 'right-11': {right: horizontalScale(44)}, - 'right-12': {right: horizontalScale(48)}, - 'right-14': {right: horizontalScale(56)}, - 'right-16': {right: horizontalScale(64)}, -}); - -const zIndexStyles = StyleSheet.create({ - '-z-1': {zIndex: -1}, - '-z-2': {zIndex: -2}, - '-z-3': {zIndex: -3}, - 'z-0': {zIndex: 0}, - 'z-1': {zIndex: 1}, - 'z-2': {zIndex: 2}, - 'z-3': {zIndex: 3}, - 'z-4': {zIndex: 4}, - 'z-5': {zIndex: 5}, - 'z-6': {zIndex: 6}, - 'z-7': {zIndex: 7}, - 'z-8': {zIndex: 8}, - 'z-9': {zIndex: 9}, - 'z-9999': {zIndex: 9999}, -}); - -const topNoneScaleStyles = StyleSheet.create({ - 'top-0': {top: 0}, - 'top-0.5': {top: 2}, - 'top-1': {top: 4}, - 'top-1.5': {top: 6}, - 'top-2': {top: 8}, - 'top-2.5': {top: 10}, - 'top-3': {top: 12}, - 'top-3.5': {top: 14}, - 'top-4': {top: 16}, - 'top-5': {top: 20}, - 'top-6': {top: 24}, - 'top-7': {top: 28}, - 'top-8': {top: 32}, - 'top-9': {top: 36}, - 'top-10': {top: 40}, - 'top-11': {top: 44}, - 'top-12': {top: 48}, - 'top-14': {top: 56}, - 'top-16': {top: 64}, -}); - -const leftNoneScaleStyles = StyleSheet.create({ - 'left-0': {left: 0}, - 'left-0.5': {left: 2}, - 'left-1': {left: 4}, - 'left-1.5': {left: 6}, - 'left-2': {left: 8}, - 'left-2.5': {left: 10}, - 'left-3': {left: 12}, - 'left-3.5': {left: 14}, - 'left-4': {left: 16}, - 'left-5': {left: 20}, - 'left-6': {left: 24}, - 'left-7': {left: 28}, - 'left-8': {left: 32}, - 'left-9': {left: 36}, - 'left-10': {left: 40}, - 'left-11': {left: 44}, - 'left-12': {left: 48}, - 'left-14': {left: 56}, - 'left-16': {left: 64}, -}); - -const bottomNoneScaleStyles = StyleSheet.create({ - 'bottom-0': {bottom: 0}, - 'bottom-0.5': {bottom: 2}, - 'bottom-1': {bottom: 4}, - 'bottom-1.5': {bottom: 6}, - 'bottom-2': {bottom: 8}, - 'bottom-2.5': {bottom: 10}, - 'bottom-3': {bottom: 12}, - 'bottom-3.5': {bottom: 14}, - 'bottom-4': {bottom: 16}, - 'bottom-5': {bottom: 20}, - 'bottom-6': {bottom: 24}, - 'bottom-7': {bottom: 28}, - 'bottom-8': {bottom: 32}, - 'bottom-9': {bottom: 36}, - 'bottom-10': {bottom: 40}, - 'bottom-11': {bottom: 44}, - 'bottom-12': {bottom: 48}, - 'bottom-14': {bottom: 56}, - 'bottom-16': {bottom: 64}, -}); - -const rightNoneScaleStyles = StyleSheet.create({ - 'right-0': {right: 0}, - 'right-0.5': {right: 2}, - 'right-1': {right: 4}, - 'right-1.5': {right: 6}, - 'right-2': {right: 8}, - 'right-2.5': {right: 10}, - 'right-3': {right: 12}, - 'right-3.5': {right: 14}, - 'right-4': {right: 16}, - 'right-5': {right: 20}, - 'right-6': {right: 24}, - 'right-7': {right: 28}, - 'right-8': {right: 32}, - 'right-9': {right: 36}, - 'right-10': {right: 40}, - 'right-11': {right: 44}, - 'right-12': {right: 48}, - 'right-14': {right: 56}, - 'right-16': {right: 64}, -}); - -export const classPositionStyle = { - ...positionStyles, - ...rightStyles, - ...bottomStyles, - ...leftStyles, - ...topStyles, - ...zIndexStyles, -}; -export const classPositionNoneScaleStyle = { - ...positionStyles, - ...rightNoneScaleStyles, - ...bottomNoneScaleStyles, - ...leftNoneScaleStyles, - ...topNoneScaleStyles, - ...zIndexStyles, -}; diff --git a/src copy/styles/Size.styles.ts b/src copy/styles/Size.styles.ts deleted file mode 100644 index 00c58ed..0000000 --- a/src copy/styles/Size.styles.ts +++ /dev/null @@ -1,300 +0,0 @@ -import {StyleSheet} from 'react-native'; -import {device, horizontalScale} from '../utils'; - -const widthStyles = StyleSheet.create({ - w: {width: horizontalScale(1)}, - 'w-0': {width: 0}, - 'w-0.5': {width: horizontalScale(2)}, - 'w-1': {width: horizontalScale(4)}, - 'w-1.5': {width: horizontalScale(6)}, - 'w-2': {width: horizontalScale(8)}, - 'w-2.5': {width: horizontalScale(10)}, - 'w-3': {width: horizontalScale(12)}, - 'w-3.5': {width: horizontalScale(14)}, - 'w-4': {width: horizontalScale(16)}, - 'w-5': {width: horizontalScale(20)}, - 'w-6': {width: horizontalScale(24)}, - 'w-7': {width: horizontalScale(28)}, - 'w-8': {width: horizontalScale(32)}, - 'w-9': {width: horizontalScale(36)}, - 'w-10': {width: horizontalScale(40)}, - 'w-11': {width: horizontalScale(44)}, - 'w-12': {width: horizontalScale(48)}, - 'w-14': {width: horizontalScale(56)}, - 'w-16': {width: horizontalScale(64)}, - 'w-20': {width: horizontalScale(80)}, - 'w-24': {width: horizontalScale(96)}, - 'w-28': {width: horizontalScale(112)}, - 'w-32': {width: horizontalScale(128)}, - 'w-36': {width: horizontalScale(144)}, - 'w-40': {width: horizontalScale(160)}, - 'w-44': {width: horizontalScale(176)}, - 'w-48': {width: horizontalScale(192)}, - 'w-52': {width: horizontalScale(208)}, - 'w-56': {width: horizontalScale(224)}, - 'w-60': {width: horizontalScale(240)}, - 'w-64': {width: horizontalScale(256)}, - 'w-72': {width: horizontalScale(288)}, - 'w-80': {width: horizontalScale(320)}, - 'w-96': {width: horizontalScale(384)}, - 'w-1/2': {width: '50%'}, - 'w-1/3': {width: '33.333333%'}, - 'w-2/3': {width: '66.666667%'}, - 'w-1/4': {width: '25%'}, - 'w-3/4': {width: '75%'}, - 'w-1/5': {width: '20%'}, - 'w-2/5': {width: '40%'}, - 'w-3/5': {width: '60%'}, - 'w-4/5': {width: '80%'}, - 'w-full': {width: '100%'}, - 'w-screen': {width: device.width}, - 'min-w': {minWidth: horizontalScale(1)}, - 'min-w-0': {minWidth: 0}, - 'min-w-0.5': {minWidth: horizontalScale(2)}, - 'min-w-1': {minWidth: horizontalScale(4)}, - 'min-w-1.5': {minWidth: horizontalScale(6)}, - 'min-w-2': {minWidth: horizontalScale(8)}, - 'min-w-2.5': {minWidth: horizontalScale(10)}, - 'min-w-3': {minWidth: horizontalScale(12)}, - 'min-w-3.5': {minWidth: horizontalScale(14)}, - 'min-w-4': {minWidth: horizontalScale(16)}, - 'min-w-5': {minWidth: horizontalScale(20)}, - 'min-w-6': {minWidth: horizontalScale(24)}, - 'min-w-7': {minWidth: horizontalScale(28)}, - 'min-w-8': {minWidth: horizontalScale(32)}, - 'min-w-9': {minWidth: horizontalScale(36)}, - 'min-w-10': {minWidth: horizontalScale(40)}, - 'min-w-11': {minWidth: horizontalScale(44)}, - 'min-w-12': {minWidth: horizontalScale(48)}, - 'min-w-14': {minWidth: horizontalScale(56)}, - 'min-w-16': {minWidth: horizontalScale(64)}, - 'min-w-20': {minWidth: horizontalScale(80)}, - 'min-w-24': {minWidth: horizontalScale(96)}, - 'min-w-28': {minWidth: horizontalScale(112)}, - 'min-w-32': {minWidth: horizontalScale(128)}, - 'min-w-36': {minWidth: horizontalScale(144)}, - 'min-w-40': {minWidth: horizontalScale(160)}, - 'min-w-44': {minWidth: horizontalScale(176)}, - 'min-w-48': {minWidth: horizontalScale(192)}, - 'min-w-52': {minWidth: horizontalScale(208)}, - 'min-w-56': {minWidth: horizontalScale(224)}, - 'min-w-60': {minWidth: horizontalScale(240)}, - 'min-w-64': {minWidth: horizontalScale(256)}, - 'min-w-72': {minWidth: horizontalScale(288)}, - 'min-w-80': {minWidth: horizontalScale(320)}, - 'min-w-96': {minWidth: horizontalScale(384)}, - 'min-w-1/2': {minWidth: '50%'}, - 'min-w-1/3': {minWidth: '33.333333%'}, - 'min-w-2/3': {minWidth: '66.666667%'}, - 'min-w-1/4': {minWidth: '25%'}, - 'min-w-3/4': {minWidth: '75%'}, - 'min-w-1/5': {minWidth: '20%'}, - 'min-w-2/5': {minWidth: '40%'}, - 'min-w-3/5': {minWidth: '60%'}, - 'min-w-4/5': {minWidth: '80%'}, - 'min-w-full': {minWidth: '100%'}, - 'min-w-screen': {minWidth: device.width}, -}); - -const heightStyles = StyleSheet.create({ - h: {height: horizontalScale(1)}, - 'h-0': {height: 0}, - 'h-0.5': {height: horizontalScale(2)}, - 'h-1': {height: horizontalScale(4)}, - 'h-1.5': {height: horizontalScale(6)}, - 'h-2': {height: horizontalScale(8)}, - 'h-2.5': {height: horizontalScale(10)}, - 'h-3': {height: horizontalScale(12)}, - 'h-3.5': {height: horizontalScale(14)}, - 'h-4': {height: horizontalScale(16)}, - 'h-5': {height: horizontalScale(20)}, - 'h-6': {height: horizontalScale(24)}, - 'h-7': {height: horizontalScale(28)}, - 'h-8': {height: horizontalScale(32)}, - 'h-9': {height: horizontalScale(36)}, - 'h-10': {height: horizontalScale(40)}, - 'h-11': {height: horizontalScale(44)}, - 'h-12': {height: horizontalScale(48)}, - 'h-14': {height: horizontalScale(56)}, - 'h-16': {height: horizontalScale(64)}, - 'h-20': {height: horizontalScale(80)}, - 'h-24': {height: horizontalScale(96)}, - 'h-28': {height: horizontalScale(112)}, - 'h-32': {height: horizontalScale(128)}, - 'h-36': {height: horizontalScale(144)}, - 'h-40': {height: horizontalScale(160)}, - 'h-44': {height: horizontalScale(176)}, - 'h-48': {height: horizontalScale(192)}, - 'h-52': {height: horizontalScale(208)}, - 'h-56': {height: horizontalScale(224)}, - 'h-60': {height: horizontalScale(240)}, - 'h-64': {height: horizontalScale(256)}, - 'h-72': {height: horizontalScale(288)}, - 'h-80': {height: horizontalScale(320)}, - 'h-96': {height: horizontalScale(384)}, - 'h-1/2': {height: '50%'}, - 'h-1/3': {height: '33.333333%'}, - 'h-2/3': {height: '66.666667%'}, - 'h-1/4': {height: '25%'}, - 'h-3/4': {height: '75%'}, - 'h-1/5': {height: '20%'}, - 'h-2/5': {height: '40%'}, - 'h-3/5': {height: '60%'}, - 'h-4/5': {height: '80%'}, - 'h-full': {height: '100%'}, - 'h-screen': {height: device.height}, -}); - -const widthNoneScaleStyles = StyleSheet.create({ - w: {width: 1}, - 'w-0': {width: 0}, - 'w-0.5': {width: 2}, - 'w-1': {width: 4}, - 'w-1.5': {width: 6}, - 'w-2': {width: 8}, - 'w-2.5': {width: 10}, - 'w-3': {width: 12}, - 'w-3.5': {width: 14}, - 'w-4': {width: 16}, - 'w-5': {width: 20}, - 'w-6': {width: 24}, - 'w-7': {width: 28}, - 'w-8': {width: 32}, - 'w-9': {width: 36}, - 'w-10': {width: 40}, - 'w-11': {width: 44}, - 'w-12': {width: 48}, - 'w-14': {width: 56}, - 'w-16': {width: 64}, - 'w-20': {width: 80}, - 'w-24': {width: 96}, - 'w-28': {width: 112}, - 'w-32': {width: 128}, - 'w-36': {width: 144}, - 'w-40': {width: 160}, - 'w-44': {width: 176}, - 'w-48': {width: 192}, - 'w-52': {width: 208}, - 'w-56': {width: 224}, - 'w-60': {width: 240}, - 'w-64': {width: 256}, - 'w-72': {width: 288}, - 'w-80': {width: 320}, - 'w-96': {width: 384}, - 'w-1/2': {width: '50%'}, - 'w-1/3': {width: '33.333333%'}, - 'w-2/3': {width: '66.666667%'}, - 'w-1/4': {width: '25%'}, - 'w-3/4': {width: '75%'}, - 'w-1/5': {width: '20%'}, - 'w-2/5': {width: '40%'}, - 'w-3/5': {width: '60%'}, - 'w-4/5': {width: '80%'}, - 'w-full': {width: '100%'}, - 'w-screen': {width: device.width}, - 'min-w': {minWidth: 1}, - 'min-w-0': {minWidth: 0}, - 'min-w-0.5': {minWidth: 2}, - 'min-w-1': {minWidth: 4}, - 'min-w-1.5': {minWidth: 6}, - 'min-w-2': {minWidth: 8}, - 'min-w-2.5': {minWidth: 10}, - 'min-w-3': {minWidth: 12}, - 'min-w-3.5': {minWidth: 14}, - 'min-w-4': {minWidth: 16}, - 'min-w-5': {minWidth: 20}, - 'min-w-6': {minWidth: 24}, - 'min-w-7': {minWidth: 28}, - 'min-w-8': {minWidth: 32}, - 'min-w-9': {minWidth: 36}, - 'min-w-10': {minWidth: 40}, - 'min-w-11': {minWidth: 44}, - 'min-w-12': {minWidth: 48}, - 'min-w-14': {minWidth: 56}, - 'min-w-16': {minWidth: 64}, - 'min-w-20': {minWidth: 80}, - 'min-w-24': {minWidth: 96}, - 'min-w-28': {minWidth: 112}, - 'min-w-32': {minWidth: 128}, - 'min-w-36': {minWidth: 144}, - 'min-w-40': {minWidth: 160}, - 'min-w-44': {minWidth: 176}, - 'min-w-48': {minWidth: 192}, - 'min-w-52': {minWidth: 208}, - 'min-w-56': {minWidth: 224}, - 'min-w-60': {minWidth: 240}, - 'min-w-64': {minWidth: 256}, - 'min-w-72': {minWidth: 288}, - 'min-w-80': {minWidth: 320}, - 'min-w-96': {minWidth: 384}, - 'min-w-1/2': {minWidth: '50%'}, - 'min-w-1/3': {minWidth: '33.333333%'}, - 'min-w-2/3': {minWidth: '66.666667%'}, - 'min-w-1/4': {minWidth: '25%'}, - 'min-w-3/4': {minWidth: '75%'}, - 'min-w-1/5': {minWidth: '20%'}, - 'min-w-2/5': {minWidth: '40%'}, - 'min-w-3/5': {minWidth: '60%'}, - 'min-w-4/5': {minWidth: '80%'}, - 'min-w-full': {minWidth: '100%'}, - 'min-w-screen': {minWidth: device.width}, -}); - -const heightNoneScaleStyles = StyleSheet.create({ - h: {height: 1}, - 'h-0': {height: 0}, - 'h-0.5': {height: 2}, - 'h-1': {height: 4}, - 'h-1.5': {height: 6}, - 'h-2': {height: 8}, - 'h-2.5': {height: 10}, - 'h-3': {height: 12}, - 'h-3.5': {height: 14}, - 'h-4': {height: 16}, - 'h-5': {height: 20}, - 'h-6': {height: 24}, - 'h-7': {height: 28}, - 'h-8': {height: 32}, - 'h-9': {height: 36}, - 'h-10': {height: 40}, - 'h-11': {height: 44}, - 'h-12': {height: 48}, - 'h-14': {height: 56}, - 'h-16': {height: 64}, - 'h-20': {height: 80}, - 'h-24': {height: 96}, - 'h-28': {height: 112}, - 'h-32': {height: 128}, - 'h-36': {height: 144}, - 'h-40': {height: 160}, - 'h-44': {height: 176}, - 'h-48': {height: 192}, - 'h-52': {height: 208}, - 'h-56': {height: 224}, - 'h-60': {height: 240}, - 'h-64': {height: 256}, - 'h-72': {height: 288}, - 'h-80': {height: 320}, - 'h-96': {height: 384}, - 'h-1/2': {height: '50%'}, - 'h-1/3': {height: '33.333333%'}, - 'h-2/3': {height: '66.666667%'}, - 'h-1/4': {height: '25%'}, - 'h-3/4': {height: '75%'}, - 'h-1/5': {height: '20%'}, - 'h-2/5': {height: '40%'}, - 'h-3/5': {height: '60%'}, - 'h-4/5': {height: '80%'}, - 'h-full': {height: '100%'}, - 'h-screen': {height: device.height}, -}); - -export const classSizeStyle = { - ...widthStyles, - ...heightStyles, -}; - -export const classSizeNoneScaleStyle = { - ...widthNoneScaleStyles, - ...heightNoneScaleStyles, -}; diff --git a/src copy/styles/Text.styles.ts b/src copy/styles/Text.styles.ts deleted file mode 100644 index fec43bd..0000000 --- a/src copy/styles/Text.styles.ts +++ /dev/null @@ -1,411 +0,0 @@ -import {StyleSheet} from 'react-native'; -import {fontSize, moderateScale} from '../utils'; - -const textColorStyle = StyleSheet.create({ - 'text-amber-100': {color: 'rgb(254,243,199)'}, - 'text-amber-200': {color: 'rgb(253,230,138)'}, - 'text-amber-300': {color: 'rgb(252,211,77)'}, - 'text-amber-400': {color: 'rgb(251,191,36)'}, - 'text-amber-50': {color: 'rgb(255,251,235)'}, - 'text-amber-500': {color: 'rgb(245,158,11)'}, - 'text-amber-600': {color: 'rgb(217,119,6)'}, - 'text-amber-700': {color: 'rgb(180,83,9)'}, - 'text-amber-800': {color: 'rgb(146,64,14)'}, - 'text-amber-900': {color: 'rgb(120,53,15)'}, - 'text-amber-950': {color: 'rgb(69,26,3)'}, - 'text-black': {color: 'rgb(0,0,0)'}, - 'text-blue-100': {color: 'rgb(219,234,254)'}, - 'text-blue-200': {color: 'rgb(191,219,254)'}, - 'text-blue-300': {color: 'rgb(147,197,253)'}, - 'text-blue-400': {color: 'rgb(96,165,250)'}, - 'text-blue-50': {color: 'rgb(239,246,255)'}, - 'text-blue-500': {color: 'rgb(59,130,246)'}, - 'text-blue-600': {color: 'rgb(37,99,235)'}, - 'text-blue-700': {color: 'rgb(29,78,216)'}, - 'text-blue-800': {color: 'rgb(30,64,175)'}, - 'text-blue-900': {color: 'rgb(30,58,138)'}, - 'text-blue-950': {color: 'rgb(23,37,84)'}, - 'text-cyan-100': {color: 'rgb(207,250,254)'}, - 'text-cyan-200': {color: 'rgb(165,243,252)'}, - 'text-cyan-300': {color: 'rgb(103,232,249)'}, - 'text-cyan-400': {color: 'rgb(34,211,238)'}, - 'text-cyan-50': {color: 'rgb(236,254,255)'}, - 'text-cyan-500': {color: 'rgb(6,182,212)'}, - 'text-cyan-600': {color: 'rgb(8,145,178)'}, - 'text-cyan-700': {color: 'rgb(14,116,144)'}, - 'text-cyan-800': {color: 'rgb(21,94,117)'}, - 'text-cyan-900': {color: 'rgb(22,78,99)'}, - 'text-cyan-950': {color: 'rgb(8,51,68)'}, - 'text-emerald-100': {color: 'rgb(209,250,229)'}, - 'text-emerald-200': {color: 'rgb(167,243,208)'}, - 'text-emerald-300': {color: 'rgb(110,231,183)'}, - 'text-emerald-400': {color: 'rgb(52,211,153)'}, - 'text-emerald-50': {color: 'rgb(236,253,245)'}, - 'text-emerald-500': {color: 'rgb(16,185,129)'}, - 'text-emerald-600': {color: 'rgb(5,150,105)'}, - 'text-emerald-700': {color: 'rgb(4,120,87)'}, - 'text-emerald-800': {color: 'rgb(6,95,70)'}, - 'text-emerald-900': {color: 'rgb(6,78,59)'}, - 'text-emerald-950': {color: 'rgb(2,44,34)'}, - 'text-fuchsia-100': {color: 'rgb(250,232,255)'}, - 'text-fuchsia-200': {color: 'rgb(245,208,254)'}, - 'text-fuchsia-300': {color: 'rgb(240,171,252)'}, - 'text-fuchsia-400': {color: 'rgb(232,121,249)'}, - 'text-fuchsia-50': {color: 'rgb(253,244,255)'}, - 'text-fuchsia-500': {color: 'rgb(217,70,239)'}, - 'text-fuchsia-600': {color: 'rgb(192,38,211)'}, - 'text-fuchsia-700': {color: 'rgb(162,28,175)'}, - 'text-fuchsia-800': {color: 'rgb(134,25,143)'}, - 'text-fuchsia-900': {color: 'rgb(112,26,117)'}, - 'text-fuchsia-950': {color: 'rgb(74,4,78)'}, - 'text-gray-100': {color: 'rgb(243,244,246)'}, - 'text-gray-200': {color: 'rgb(229,231,235)'}, - 'text-gray-300': {color: 'rgb(209,213,219)'}, - 'text-gray-400': {color: 'rgb(156,163,175)'}, - 'text-gray-50': {color: 'rgb(249,250,251)'}, - 'text-gray-500': {color: 'rgb(107,114,128)'}, - 'text-gray-600': {color: 'rgb(75,85,99)'}, - 'text-gray-700': {color: 'rgb(55,65,81)'}, - 'text-gray-800': {color: 'rgb(31,41,55)'}, - 'text-gray-900': {color: 'rgb(17,24,39)'}, - 'text-gray-950': {color: 'rgb(3,7,18)'}, - 'text-green-100': {color: 'rgb(220,252,231)'}, - 'text-green-200': {color: 'rgb(187,247,208)'}, - 'text-green-300': {color: 'rgb(134,239,172)'}, - 'text-green-400': {color: 'rgb(74,222,128)'}, - 'text-green-50': {color: 'rgb(240,253,244)'}, - 'text-green-500': {color: 'rgb(34,197,94)'}, - 'text-green-600': {color: 'rgb(22,163,74)'}, - 'text-green-700': {color: 'rgb(21,128,61)'}, - 'text-green-800': {color: 'rgb(22,101,52)'}, - 'text-green-900': {color: 'rgb(20,83,45)'}, - 'text-green-950': {color: 'rgb(5,46,22)'}, - 'text-indigo-100': {color: 'rgb(224,231,255)'}, - 'text-indigo-200': {color: 'rgb(199,210,254)'}, - 'text-indigo-300': {color: 'rgb(165,180,252)'}, - 'text-indigo-400': {color: 'rgb(129,140,248)'}, - 'text-indigo-50': {color: 'rgb(238,242,255)'}, - 'text-indigo-500': {color: 'rgb(99,102,241)'}, - 'text-indigo-600': {color: 'rgb(79,70,229)'}, - 'text-indigo-700': {color: 'rgb(67,56,202)'}, - 'text-indigo-800': {color: 'rgb(55,48,163)'}, - 'text-indigo-900': {color: 'rgb(49,46,129)'}, - 'text-indigo-950': {color: 'rgb(30,27,75)'}, - 'text-lime-100': {color: 'rgb(236,252,203)'}, - 'text-lime-200': {color: 'rgb(217,249,157)'}, - 'text-lime-300': {color: 'rgb(190,242,100)'}, - 'text-lime-400': {color: 'rgb(163,230,53)'}, - 'text-lime-50': {color: 'rgb(247,254,231)'}, - 'text-lime-500': {color: 'rgb(132,204,22)'}, - 'text-lime-600': {color: 'rgb(101,163,13)'}, - 'text-lime-700': {color: 'rgb(77,124,15)'}, - 'text-lime-800': {color: 'rgb(63,98,18)'}, - 'text-lime-900': {color: 'rgb(54,83,20)'}, - 'text-lime-950': {color: 'rgb(26,46,5)'}, - 'text-neutral-100': {color: 'rgb(245,245,245)'}, - 'text-neutral-200': {color: 'rgb(229,229,229)'}, - 'text-neutral-300': {color: 'rgb(212,212,212)'}, - 'text-neutral-400': {color: 'rgb(163,163,163)'}, - 'text-neutral-50': {color: 'rgb(250,250,250)'}, - 'text-neutral-500': {color: 'rgb(115,115,115)'}, - 'text-neutral-600': {color: 'rgb(82,82,82)'}, - 'text-neutral-700': {color: 'rgb(64,64,64)'}, - 'text-neutral-800': {color: 'rgb(38,38,38)'}, - 'text-neutral-900': {color: 'rgb(23,23,23)'}, - 'text-neutral-950': {color: 'rgb(10,10,10)'}, - 'text-orange-100': {color: 'rgb(255,237,213)'}, - 'text-orange-200': {color: 'rgb(254,215,170)'}, - 'text-orange-300': {color: 'rgb(253,186,116)'}, - 'text-orange-400': {color: 'rgb(251,146,60)'}, - 'text-orange-50': {color: 'rgb(255,247,237)'}, - 'text-orange-500': {color: 'rgb(249,115,22)'}, - 'text-orange-600': {color: 'rgb(234,88,12)'}, - 'text-orange-700': {color: 'rgb(194,65,12)'}, - 'text-orange-800': {color: 'rgb(154,52,18)'}, - 'text-orange-900': {color: 'rgb(124,45,18)'}, - 'text-orange-950': {color: 'rgb(67,20,7)'}, - 'text-over-light': {color: 'rgba(113, 114, 122, 0.17)'}, - 'text-over-shadow': {color: 'rgba(0, 0, 0, 0.45)'}, - 'text-pink-100': {color: 'rgb(252,231,243)'}, - 'text-pink-200': {color: 'rgb(251,207,232)'}, - 'text-pink-300': {color: 'rgb(249,168,212)'}, - 'text-pink-400': {color: 'rgb(244,114,182)'}, - 'text-pink-50': {color: 'rgb(253,242,248)'}, - 'text-pink-500': {color: 'rgb(236,72,153)'}, - 'text-pink-600': {color: 'rgb(219,39,119)'}, - 'text-pink-700': {color: 'rgb(190,24,93)'}, - 'text-pink-800': {color: 'rgb(157,23,77)'}, - 'text-pink-900': {color: 'rgb(131,24,67)'}, - 'text-pink-950': {color: 'rgb(80,7,36)'}, - 'text-purple-100': {color: 'rgb(243,232,255)'}, - 'text-purple-200': {color: 'rgb(233,213,255)'}, - 'text-purple-300': {color: 'rgb(216,180,254)'}, - 'text-purple-400': {color: 'rgb(192,132,252)'}, - 'text-purple-50': {color: 'rgb(250,245,255)'}, - 'text-purple-500': {color: 'rgb(168,85,247)'}, - 'text-purple-600': {color: 'rgb(147,51,234)'}, - 'text-purple-700': {color: 'rgb(126,34,206)'}, - 'text-purple-800': {color: 'rgb(107,33,168)'}, - 'text-purple-900': {color: 'rgb(88,28,135)'}, - 'text-purple-950': {color: 'rgb(59,7,100)'}, - 'text-red-100': {color: 'rgb(254,226,226)'}, - 'text-red-200': {color: 'rgb(254,202,202)'}, - 'text-red-300': {color: 'rgb(252,165,165)'}, - 'text-red-400': {color: 'rgb(248,113,113)'}, - 'text-red-50': {color: 'rgb(254,242,242)'}, - 'text-red-500': {color: 'rgb(239,68,68)'}, - 'text-red-600': {color: 'rgb(220,38,38)'}, - 'text-red-700': {color: 'rgb(185,28,28)'}, - 'text-red-800': {color: 'rgb(153,27,27)'}, - 'text-red-900': {color: 'rgb(127,29,29)'}, - 'text-red-950': {color: 'rgb(69,10,10)'}, - 'text-rose-100': {color: 'rgb(255,228,230)'}, - 'text-rose-200': {color: 'rgb(254,205,211)'}, - 'text-rose-300': {color: 'rgb(253,164,175)'}, - 'text-rose-400': {color: 'rgb(251,113,133)'}, - 'text-rose-50': {color: 'rgb(255,241,242)'}, - 'text-rose-500': {color: 'rgb(244,63,94)'}, - 'text-rose-600': {color: 'rgb(225,29,72)'}, - 'text-rose-700': {color: 'rgb(190,18,60)'}, - 'text-rose-800': {color: 'rgb(159,18,57)'}, - 'text-rose-900': {color: 'rgb(136,19,55)'}, - 'text-rose-950': {color: 'rgb(76,5,25)'}, - 'text-sky-100': {color: 'rgb(224,242,254)'}, - 'text-sky-200': {color: 'rgb(186,230,253)'}, - 'text-sky-300': {color: 'rgb(125,211,252)'}, - 'text-sky-400': {color: 'rgb(56,189,248)'}, - 'text-sky-50': {color: 'rgb(240,249,255)'}, - 'text-sky-500': {color: 'rgb(14,165,233)'}, - 'text-sky-600': {color: 'rgb(2,132,199)'}, - 'text-sky-700': {color: 'rgb(3,105,161)'}, - 'text-sky-800': {color: 'rgb(7,89,133)'}, - 'text-sky-900': {color: 'rgb(12,74,110)'}, - 'text-sky-950': {color: 'rgb(8,47,73)'}, - 'text-slate-100': {color: 'rgb(241,245,249)'}, - 'text-slate-200': {color: 'rgb(226,232,240)'}, - 'text-slate-300': {color: 'rgb(203,213,225)'}, - 'text-slate-400': {color: 'rgb(148,163,184)'}, - 'text-slate-50': {color: 'rgb(248,250,252)'}, - 'text-slate-500': {color: 'rgb(100,116,139)'}, - 'text-slate-600': {color: 'rgb(71,85,105)'}, - 'text-slate-700': {color: 'rgb(51,65,85)'}, - 'text-slate-800': {color: 'rgb(30,41,59)'}, - 'text-slate-900': {color: 'rgb(15,23,42)'}, - 'text-slate-950': {color: 'rgb(2,6,23)'}, - 'text-stone-100': {color: 'rgb(245,245,244)'}, - 'text-stone-200': {color: 'rgb(231,229,228)'}, - 'text-stone-300': {color: 'rgb(214,211,209)'}, - 'text-stone-400': {color: 'rgb(168,162,158)'}, - 'text-stone-50': {color: 'rgb(250,250,249)'}, - 'text-stone-500': {color: 'rgb(120,113,108)'}, - 'text-stone-600': {color: 'rgb(87,83,78)'}, - 'text-stone-700': {color: 'rgb(68,64,60)'}, - 'text-stone-800': {color: 'rgb(41,37,36)'}, - 'text-stone-900': {color: 'rgb(28,25,23)'}, - 'text-stone-950': {color: 'rgb(12,10,9)'}, - 'text-teal-100': {color: 'rgb(204,251,241)'}, - 'text-teal-200': {color: 'rgb(153,246,228)'}, - 'text-teal-300': {color: 'rgb(94,234,212)'}, - 'text-teal-400': {color: 'rgb(45,212,191)'}, - 'text-teal-50': {color: 'rgb(240,253,250)'}, - 'text-teal-500': {color: 'rgb(20,184,166)'}, - 'text-teal-600': {color: 'rgb(13,148,136)'}, - 'text-teal-700': {color: 'rgb(15,118,110)'}, - 'text-teal-800': {color: 'rgb(17,94,89)'}, - 'text-teal-900': {color: 'rgb(19,78,74)'}, - 'text-teal-950': {color: 'rgb(4,47,46)'}, - 'text-transparent': {color: 'transparent'}, - 'text-violet-100': {color: 'rgb(237,233,254)'}, - 'text-violet-200': {color: 'rgb(221,214,254)'}, - 'text-violet-300': {color: 'rgb(196,181,253)'}, - 'text-violet-400': {color: 'rgb(167,139,250)'}, - 'text-violet-50': {color: 'rgb(245,243,255)'}, - 'text-violet-500': {color: 'rgb(139,92,246)'}, - 'text-violet-600': {color: 'rgb(124,58,237)'}, - 'text-violet-700': {color: 'rgb(109,40,217)'}, - 'text-violet-800': {color: 'rgb(91,33,182)'}, - 'text-violet-900': {color: 'rgb(76,29,149)'}, - 'text-violet-950': {color: 'rgb(46,16,101)'}, - 'text-white': {color: 'rgb(255,255,255)'}, - 'text-yellow-100': {color: 'rgb(254,249,195)'}, - 'text-yellow-200': {color: 'rgb(254,240,138)'}, - 'text-yellow-300': {color: 'rgb(253,224,71)'}, - 'text-yellow-400': {color: 'rgb(250,204,21)'}, - 'text-yellow-50': {color: 'rgb(254,252,232)'}, - 'text-yellow-500': {color: 'rgb(234,179,8)'}, - 'text-yellow-600': {color: 'rgb(202,138,4)'}, - 'text-yellow-700': {color: 'rgb(161,98,7)'}, - 'text-yellow-800': {color: 'rgb(133,77,14)'}, - 'text-yellow-900': {color: 'rgb(113,63,18)'}, - 'text-yellow-950': {color: 'rgb(66,32,6)'}, - 'text-zinc-100': {color: 'rgb(244,244,245)'}, - 'text-zinc-200': {color: 'rgb(228,228,231)'}, - 'text-zinc-300': {color: 'rgb(212,212,216)'}, - 'text-zinc-400': {color: 'rgb(161,161,170)'}, - 'text-zinc-50': {color: 'rgb(250,250,250)'}, - 'text-zinc-500': {color: 'rgb(113,113,122)'}, - 'text-zinc-600': {color: 'rgb(82,82,91)'}, - 'text-zinc-700': {color: 'rgb(63,63,70)'}, - 'text-zinc-800': {color: 'rgb(39,39,42)'}, - 'text-zinc-900': {color: 'rgb(24,24,27)'}, - 'text-zinc-950': {color: 'rgb(9,9,11)'}, -}); - -export const textFontSizeStyle = StyleSheet.create({ - 'text-xs': { - fontSize: fontSize(10), - lineHeight: moderateScale(18), - }, - 'text-sm': { - fontSize: fontSize(12), - lineHeight: moderateScale(20), - }, - 'text-base': { - fontSize: fontSize(14), - lineHeight: moderateScale(22), - }, - 'text-md': { - fontSize: fontSize(16), - lineHeight: moderateScale(24), - }, - 'text-lg': { - fontSize: fontSize(18), - lineHeight: moderateScale(26), - }, - 'text-xl': { - fontSize: fontSize(20), - lineHeight: moderateScale(26), - }, - 'text-2xl': { - fontSize: fontSize(24), - lineHeight: moderateScale(32), - }, - 'text-3xl': { - fontSize: fontSize(30), - lineHeight: moderateScale(36), - }, - 'text-4xl': { - fontSize: fontSize(36), - lineHeight: moderateScale(40), - }, - 'text-5xl': { - fontSize: fontSize(48), - }, - 'text-6xl': { - fontSize: fontSize(60), - }, - 'text-7xl': { - fontSize: fontSize(72), - }, - 'text-8xl': { - fontSize: fontSize(96), - }, - 'text-9xl': { - fontSize: fontSize(128), - }, -}); - -export const textFontSizeNoneScaleStyle = StyleSheet.create({ - 'text-xs': { - fontSize: 10, - lineHeight: 18, - }, - 'text-sm': { - fontSize: 12, - lineHeight: 20, - }, - 'text-base': { - fontSize: 14, - lineHeight: 22, - }, - 'text-md': { - fontSize: 16, - lineHeight: 24, - }, - 'text-lg': { - fontSize: 18, - lineHeight: 26, - }, - 'text-xl': { - fontSize: 20, - lineHeight: 26, - }, - 'text-2xl': { - fontSize: 24, - lineHeight: 32, - }, - 'text-3xl': { - fontSize: 30, - lineHeight: 36, - }, - 'text-4xl': { - fontSize: 36, - lineHeight: 40, - }, - 'text-5xl': { - fontSize: 48, - }, - 'text-6xl': { - fontSize: 60, - }, - 'text-7xl': { - fontSize: 72, - }, - 'text-8xl': { - fontSize: 96, - }, - 'text-9xl': { - fontSize: 128, - }, -}); - -const textFontStyle = StyleSheet.create({ - 'text-center': { - textAlign: 'center', - }, - 'text-left': { - textAlign: 'left', - }, - 'text-right': { - textAlign: 'right', - }, - 'text-auto': { - textAlign: 'auto', - }, - 'text-justify': { - textAlign: 'justify', - }, - 'font-thin': { - fontWeight: '100', - }, - 'font-extraLight': { - fontWeight: '200', - }, - 'font-light': { - fontWeight: '300', - }, - 'font-normal': { - fontWeight: '400', - }, - 'font-medium': { - fontWeight: '500', - }, - 'font-semibold': { - fontWeight: '600', - }, - 'font-bold': { - fontWeight: '700', - }, - 'font-extrabold': { - fontWeight: '800', - }, - 'font-black': { - fontWeight: '900', - }, -}); - -export const textStyles = { - ...textColorStyle, - ...textFontSizeStyle, - ...textFontStyle, -}; diff --git a/src copy/styles/background.styles.ts b/src copy/styles/background.styles.ts deleted file mode 100644 index c714d68..0000000 --- a/src copy/styles/background.styles.ts +++ /dev/null @@ -1,251 +0,0 @@ -import {StyleSheet} from 'react-native'; - -export const backgroundColorStyle = StyleSheet.create({ - 'bg-amber-100': {backgroundColor: 'rgb(254,243,199)'}, - 'bg-amber-200': {backgroundColor: 'rgb(253,230,138)'}, - 'bg-amber-300': {backgroundColor: 'rgb(252,211,77)'}, - 'bg-amber-400': {backgroundColor: 'rgb(251,191,36)'}, - 'bg-amber-50': {backgroundColor: 'rgb(255,251,235)'}, - 'bg-amber-500': {backgroundColor: 'rgb(245,158,11)'}, - 'bg-amber-600': {backgroundColor: 'rgb(217,119,6)'}, - 'bg-amber-700': {backgroundColor: 'rgb(180,83,9)'}, - 'bg-amber-800': {backgroundColor: 'rgb(146,64,14)'}, - 'bg-amber-900': {backgroundColor: 'rgb(120,53,15)'}, - 'bg-amber-950': {backgroundColor: 'rgb(69,26,3)'}, - 'bg-black': {backgroundColor: 'rgb(0,0,0)'}, - 'bg-blue-100': {backgroundColor: 'rgb(219,234,254)'}, - 'bg-blue-200': {backgroundColor: 'rgb(191,219,254)'}, - 'bg-blue-300': {backgroundColor: 'rgb(147,197,253)'}, - 'bg-blue-400': {backgroundColor: 'rgb(96,165,250)'}, - 'bg-blue-50': {backgroundColor: 'rgb(239,246,255)'}, - 'bg-blue-500': {backgroundColor: 'rgb(59,130,246)'}, - 'bg-blue-600': {backgroundColor: 'rgb(37,99,235)'}, - 'bg-blue-700': {backgroundColor: 'rgb(29,78,216)'}, - 'bg-blue-800': {backgroundColor: 'rgb(30,64,175)'}, - 'bg-blue-900': {backgroundColor: 'rgb(30,58,138)'}, - 'bg-blue-950': {backgroundColor: 'rgb(23,37,84)'}, - 'bg-cyan-100': {backgroundColor: 'rgb(207,250,254)'}, - 'bg-cyan-200': {backgroundColor: 'rgb(165,243,252)'}, - 'bg-cyan-300': {backgroundColor: 'rgb(103,232,249)'}, - 'bg-cyan-400': {backgroundColor: 'rgb(34,211,238)'}, - 'bg-cyan-50': {backgroundColor: 'rgb(236,254,255)'}, - 'bg-cyan-500': {backgroundColor: 'rgb(6,182,212)'}, - 'bg-cyan-600': {backgroundColor: 'rgb(8,145,178)'}, - 'bg-cyan-700': {backgroundColor: 'rgb(14,116,144)'}, - 'bg-cyan-800': {backgroundColor: 'rgb(21,94,117)'}, - 'bg-cyan-900': {backgroundColor: 'rgb(22,78,99)'}, - 'bg-cyan-950': {backgroundColor: 'rgb(8,51,68)'}, - 'bg-emerald-100': {backgroundColor: 'rgb(209,250,229)'}, - 'bg-emerald-200': {backgroundColor: 'rgb(167,243,208)'}, - 'bg-emerald-300': {backgroundColor: 'rgb(110,231,183)'}, - 'bg-emerald-400': {backgroundColor: 'rgb(52,211,153)'}, - 'bg-emerald-50': {backgroundColor: 'rgb(236,253,245)'}, - 'bg-emerald-500': {backgroundColor: 'rgb(16,185,129)'}, - 'bg-emerald-600': {backgroundColor: 'rgb(5,150,105)'}, - 'bg-emerald-700': {backgroundColor: 'rgb(4,120,87)'}, - 'bg-emerald-800': {backgroundColor: 'rgb(6,95,70)'}, - 'bg-emerald-900': {backgroundColor: 'rgb(6,78,59)'}, - 'bg-emerald-950': {backgroundColor: 'rgb(2,44,34)'}, - 'bg-fuchsia-100': {backgroundColor: 'rgb(250,232,255)'}, - 'bg-fuchsia-200': {backgroundColor: 'rgb(245,208,254)'}, - 'bg-fuchsia-300': {backgroundColor: 'rgb(240,171,252)'}, - 'bg-fuchsia-400': {backgroundColor: 'rgb(232,121,249)'}, - 'bg-fuchsia-50': {backgroundColor: 'rgb(253,244,255)'}, - 'bg-fuchsia-500': {backgroundColor: 'rgb(217,70,239)'}, - 'bg-fuchsia-600': {backgroundColor: 'rgb(192,38,211)'}, - 'bg-fuchsia-700': {backgroundColor: 'rgb(162,28,175)'}, - 'bg-fuchsia-800': {backgroundColor: 'rgb(134,25,143)'}, - 'bg-fuchsia-900': {backgroundColor: 'rgb(112,26,117)'}, - 'bg-fuchsia-950': {backgroundColor: 'rgb(74,4,78)'}, - 'bg-gray-100': {backgroundColor: 'rgb(243,244,246)'}, - 'bg-gray-200': {backgroundColor: 'rgb(229,231,235)'}, - 'bg-gray-300': {backgroundColor: 'rgb(209,213,219)'}, - 'bg-gray-400': {backgroundColor: 'rgb(156,163,175)'}, - 'bg-gray-50': {backgroundColor: 'rgb(249,250,251)'}, - 'bg-gray-500': {backgroundColor: 'rgb(107,114,128)'}, - 'bg-gray-600': {backgroundColor: 'rgb(75,85,99)'}, - 'bg-gray-700': {backgroundColor: 'rgb(55,65,81)'}, - 'bg-gray-800': {backgroundColor: 'rgb(31,41,55)'}, - 'bg-gray-900': {backgroundColor: 'rgb(17,24,39)'}, - 'bg-gray-950': {backgroundColor: 'rgb(3,7,18)'}, - 'bg-green-100': {backgroundColor: 'rgb(220,252,231)'}, - 'bg-green-200': {backgroundColor: 'rgb(187,247,208)'}, - 'bg-green-300': {backgroundColor: 'rgb(134,239,172)'}, - 'bg-green-400': {backgroundColor: 'rgb(74,222,128)'}, - 'bg-green-50': {backgroundColor: 'rgb(240,253,244)'}, - 'bg-green-500': {backgroundColor: 'rgb(34,197,94)'}, - 'bg-green-600': {backgroundColor: 'rgb(22,163,74)'}, - 'bg-green-700': {backgroundColor: 'rgb(21,128,61)'}, - 'bg-green-800': {backgroundColor: 'rgb(22,101,52)'}, - 'bg-green-900': {backgroundColor: 'rgb(20,83,45)'}, - 'bg-green-950': {backgroundColor: 'rgb(5,46,22)'}, - 'bg-indigo-100': {backgroundColor: 'rgb(224,231,255)'}, - 'bg-indigo-200': {backgroundColor: 'rgb(199,210,254)'}, - 'bg-indigo-300': {backgroundColor: 'rgb(165,180,252)'}, - 'bg-indigo-400': {backgroundColor: 'rgb(129,140,248)'}, - 'bg-indigo-50': {backgroundColor: 'rgb(238,242,255)'}, - 'bg-indigo-500': {backgroundColor: 'rgb(99,102,241)'}, - 'bg-indigo-600': {backgroundColor: 'rgb(79,70,229)'}, - 'bg-indigo-700': {backgroundColor: 'rgb(67,56,202)'}, - 'bg-indigo-800': {backgroundColor: 'rgb(55,48,163)'}, - 'bg-indigo-900': {backgroundColor: 'rgb(49,46,129)'}, - 'bg-indigo-950': {backgroundColor: 'rgb(30,27,75)'}, - 'bg-lime-100': {backgroundColor: 'rgb(236,252,203)'}, - 'bg-lime-200': {backgroundColor: 'rgb(217,249,157)'}, - 'bg-lime-300': {backgroundColor: 'rgb(190,242,100)'}, - 'bg-lime-400': {backgroundColor: 'rgb(163,230,53)'}, - 'bg-lime-50': {backgroundColor: 'rgb(247,254,231)'}, - 'bg-lime-500': {backgroundColor: 'rgb(132,204,22)'}, - 'bg-lime-600': {backgroundColor: 'rgb(101,163,13)'}, - 'bg-lime-700': {backgroundColor: 'rgb(77,124,15)'}, - 'bg-lime-800': {backgroundColor: 'rgb(63,98,18)'}, - 'bg-lime-900': {backgroundColor: 'rgb(54,83,20)'}, - 'bg-lime-950': {backgroundColor: 'rgb(26,46,5)'}, - 'bg-neutral-100': {backgroundColor: 'rgb(245,245,245)'}, - 'bg-neutral-200': {backgroundColor: 'rgb(229,229,229)'}, - 'bg-neutral-300': {backgroundColor: 'rgb(212,212,212)'}, - 'bg-neutral-400': {backgroundColor: 'rgb(163,163,163)'}, - 'bg-neutral-50': {backgroundColor: 'rgb(250,250,250)'}, - 'bg-neutral-500': {backgroundColor: 'rgb(115,115,115)'}, - 'bg-neutral-600': {backgroundColor: 'rgb(82,82,82)'}, - 'bg-neutral-700': {backgroundColor: 'rgb(64,64,64)'}, - 'bg-neutral-800': {backgroundColor: 'rgb(38,38,38)'}, - 'bg-neutral-900': {backgroundColor: 'rgb(23,23,23)'}, - 'bg-neutral-950': {backgroundColor: 'rgb(10,10,10)'}, - 'bg-orange-100': {backgroundColor: 'rgb(255,237,213)'}, - 'bg-orange-200': {backgroundColor: 'rgb(254,215,170)'}, - 'bg-orange-300': {backgroundColor: 'rgb(253,186,116)'}, - 'bg-orange-400': {backgroundColor: 'rgb(251,146,60)'}, - 'bg-orange-50': {backgroundColor: 'rgb(255,247,237)'}, - 'bg-orange-500': {backgroundColor: 'rgb(249,115,22)'}, - 'bg-orange-600': {backgroundColor: 'rgb(234,88,12)'}, - 'bg-orange-700': {backgroundColor: 'rgb(194,65,12)'}, - 'bg-orange-800': {backgroundColor: 'rgb(154,52,18)'}, - 'bg-orange-900': {backgroundColor: 'rgb(124,45,18)'}, - 'bg-orange-950': {backgroundColor: 'rgb(67,20,7)'}, - 'bg-over-light': {backgroundColor: 'rgba(113, 114, 122, 0.17)'}, - 'bg-over-shadow': {backgroundColor: 'rgba(0, 0, 0, 0.45)'}, - 'bg-pink-100': {backgroundColor: 'rgb(252,231,243)'}, - 'bg-pink-200': {backgroundColor: 'rgb(251,207,232)'}, - 'bg-pink-300': {backgroundColor: 'rgb(249,168,212)'}, - 'bg-pink-400': {backgroundColor: 'rgb(244,114,182)'}, - 'bg-pink-50': {backgroundColor: 'rgb(253,242,248)'}, - 'bg-pink-500': {backgroundColor: 'rgb(236,72,153)'}, - 'bg-pink-600': {backgroundColor: 'rgb(219,39,119)'}, - 'bg-pink-700': {backgroundColor: 'rgb(190,24,93)'}, - 'bg-pink-800': {backgroundColor: 'rgb(157,23,77)'}, - 'bg-pink-900': {backgroundColor: 'rgb(131,24,67)'}, - 'bg-pink-950': {backgroundColor: 'rgb(80,7,36)'}, - 'bg-purple-100': {backgroundColor: 'rgb(243,232,255)'}, - 'bg-purple-200': {backgroundColor: 'rgb(233,213,255)'}, - 'bg-purple-300': {backgroundColor: 'rgb(216,180,254)'}, - 'bg-purple-400': {backgroundColor: 'rgb(192,132,252)'}, - 'bg-purple-50': {backgroundColor: 'rgb(250,245,255)'}, - 'bg-purple-500': {backgroundColor: 'rgb(168,85,247)'}, - 'bg-purple-600': {backgroundColor: 'rgb(147,51,234)'}, - 'bg-purple-700': {backgroundColor: 'rgb(126,34,206)'}, - 'bg-purple-800': {backgroundColor: 'rgb(107,33,168)'}, - 'bg-purple-900': {backgroundColor: 'rgb(88,28,135)'}, - 'bg-purple-950': {backgroundColor: 'rgb(59,7,100)'}, - 'bg-red-100': {backgroundColor: 'rgb(254,226,226)'}, - 'bg-red-200': {backgroundColor: 'rgb(254,202,202)'}, - 'bg-red-300': {backgroundColor: 'rgb(252,165,165)'}, - 'bg-red-400': {backgroundColor: 'rgb(248,113,113)'}, - 'bg-red-50': {backgroundColor: 'rgb(254,242,242)'}, - 'bg-red-500': {backgroundColor: 'rgb(239,68,68)'}, - 'bg-red-600': {backgroundColor: 'rgb(220,38,38)'}, - 'bg-red-700': {backgroundColor: 'rgb(185,28,28)'}, - 'bg-red-800': {backgroundColor: 'rgb(153,27,27)'}, - 'bg-red-900': {backgroundColor: 'rgb(127,29,29)'}, - 'bg-red-950': {backgroundColor: 'rgb(69,10,10)'}, - 'bg-rose-100': {backgroundColor: 'rgb(255,228,230)'}, - 'bg-rose-200': {backgroundColor: 'rgb(254,205,211)'}, - 'bg-rose-300': {backgroundColor: 'rgb(253,164,175)'}, - 'bg-rose-400': {backgroundColor: 'rgb(251,113,133)'}, - 'bg-rose-50': {backgroundColor: 'rgb(255,241,242)'}, - 'bg-rose-500': {backgroundColor: 'rgb(244,63,94)'}, - 'bg-rose-600': {backgroundColor: 'rgb(225,29,72)'}, - 'bg-rose-700': {backgroundColor: 'rgb(190,18,60)'}, - 'bg-rose-800': {backgroundColor: 'rgb(159,18,57)'}, - 'bg-rose-900': {backgroundColor: 'rgb(136,19,55)'}, - 'bg-rose-950': {backgroundColor: 'rgb(76,5,25)'}, - 'bg-sky-100': {backgroundColor: 'rgb(224,242,254)'}, - 'bg-sky-200': {backgroundColor: 'rgb(186,230,253)'}, - 'bg-sky-300': {backgroundColor: 'rgb(125,211,252)'}, - 'bg-sky-400': {backgroundColor: 'rgb(56,189,248)'}, - 'bg-sky-50': {backgroundColor: 'rgb(240,249,255)'}, - 'bg-sky-500': {backgroundColor: 'rgb(14,165,233)'}, - 'bg-sky-600': {backgroundColor: 'rgb(2,132,199)'}, - 'bg-sky-700': {backgroundColor: 'rgb(3,105,161)'}, - 'bg-sky-800': {backgroundColor: 'rgb(7,89,133)'}, - 'bg-sky-900': {backgroundColor: 'rgb(12,74,110)'}, - 'bg-sky-950': {backgroundColor: 'rgb(8,47,73)'}, - 'bg-slate-100': {backgroundColor: 'rgb(241,245,249)'}, - 'bg-slate-200': {backgroundColor: 'rgb(226,232,240)'}, - 'bg-slate-300': {backgroundColor: 'rgb(203,213,225)'}, - 'bg-slate-400': {backgroundColor: 'rgb(148,163,184)'}, - 'bg-slate-50': {backgroundColor: 'rgb(248,250,252)'}, - 'bg-slate-500': {backgroundColor: 'rgb(100,116,139)'}, - 'bg-slate-600': {backgroundColor: 'rgb(71,85,105)'}, - 'bg-slate-700': {backgroundColor: 'rgb(51,65,85)'}, - 'bg-slate-800': {backgroundColor: 'rgb(30,41,59)'}, - 'bg-slate-900': {backgroundColor: 'rgb(15,23,42)'}, - 'bg-slate-950': {backgroundColor: 'rgb(2,6,23)'}, - 'bg-stone-100': {backgroundColor: 'rgb(245,245,244)'}, - 'bg-stone-200': {backgroundColor: 'rgb(231,229,228)'}, - 'bg-stone-300': {backgroundColor: 'rgb(214,211,209)'}, - 'bg-stone-400': {backgroundColor: 'rgb(168,162,158)'}, - 'bg-stone-50': {backgroundColor: 'rgb(250,250,249)'}, - 'bg-stone-500': {backgroundColor: 'rgb(120,113,108)'}, - 'bg-stone-600': {backgroundColor: 'rgb(87,83,78)'}, - 'bg-stone-700': {backgroundColor: 'rgb(68,64,60)'}, - 'bg-stone-800': {backgroundColor: 'rgb(41,37,36)'}, - 'bg-stone-900': {backgroundColor: 'rgb(28,25,23)'}, - 'bg-stone-950': {backgroundColor: 'rgb(12,10,9)'}, - 'bg-teal-100': {backgroundColor: 'rgb(204,251,241)'}, - 'bg-teal-200': {backgroundColor: 'rgb(153,246,228)'}, - 'bg-teal-300': {backgroundColor: 'rgb(94,234,212)'}, - 'bg-teal-400': {backgroundColor: 'rgb(45,212,191)'}, - 'bg-teal-50': {backgroundColor: 'rgb(240,253,250)'}, - 'bg-teal-500': {backgroundColor: 'rgb(20,184,166)'}, - 'bg-teal-600': {backgroundColor: 'rgb(13,148,136)'}, - 'bg-teal-700': {backgroundColor: 'rgb(15,118,110)'}, - 'bg-teal-800': {backgroundColor: 'rgb(17,94,89)'}, - 'bg-teal-900': {backgroundColor: 'rgb(19,78,74)'}, - 'bg-teal-950': {backgroundColor: 'rgb(4,47,46)'}, - 'bg-transparent': {backgroundColor: 'transparent'}, - 'bg-violet-100': {backgroundColor: 'rgb(237,233,254)'}, - 'bg-violet-200': {backgroundColor: 'rgb(221,214,254)'}, - 'bg-violet-300': {backgroundColor: 'rgb(196,181,253)'}, - 'bg-violet-400': {backgroundColor: 'rgb(167,139,250)'}, - 'bg-violet-50': {backgroundColor: 'rgb(245,243,255)'}, - 'bg-violet-500': {backgroundColor: 'rgb(139,92,246)'}, - 'bg-violet-600': {backgroundColor: 'rgb(124,58,237)'}, - 'bg-violet-700': {backgroundColor: 'rgb(109,40,217)'}, - 'bg-violet-800': {backgroundColor: 'rgb(91,33,182)'}, - 'bg-violet-900': {backgroundColor: 'rgb(76,29,149)'}, - 'bg-violet-950': {backgroundColor: 'rgb(46,16,101)'}, - 'bg-white': {backgroundColor: 'rgb(255,255,255)'}, - 'bg-yellow-100': {backgroundColor: 'rgb(254,249,195)'}, - 'bg-yellow-200': {backgroundColor: 'rgb(254,240,138)'}, - 'bg-yellow-300': {backgroundColor: 'rgb(253,224,71)'}, - 'bg-yellow-400': {backgroundColor: 'rgb(250,204,21)'}, - 'bg-yellow-50': {backgroundColor: 'rgb(254,252,232)'}, - 'bg-yellow-500': {backgroundColor: 'rgb(234,179,8)'}, - 'bg-yellow-600': {backgroundColor: 'rgb(202,138,4)'}, - 'bg-yellow-700': {backgroundColor: 'rgb(161,98,7)'}, - 'bg-yellow-800': {backgroundColor: 'rgb(133,77,14)'}, - 'bg-yellow-900': {backgroundColor: 'rgb(113,63,18)'}, - 'bg-yellow-950': {backgroundColor: 'rgb(66,32,6)'}, - 'bg-zinc-100': {backgroundColor: 'rgb(244,244,245)'}, - 'bg-zinc-200': {backgroundColor: 'rgb(228,228,231)'}, - 'bg-zinc-300': {backgroundColor: 'rgb(212,212,216)'}, - 'bg-zinc-400': {backgroundColor: 'rgb(161,161,170)'}, - 'bg-zinc-50': {backgroundColor: 'rgb(250,250,250)'}, - 'bg-zinc-500': {backgroundColor: 'rgb(113,113,122)'}, - 'bg-zinc-600': {backgroundColor: 'rgb(82,82,91)'}, - 'bg-zinc-700': {backgroundColor: 'rgb(63,63,70)'}, - 'bg-zinc-800': {backgroundColor: 'rgb(39,39,42)'}, - 'bg-zinc-900': {backgroundColor: 'rgb(24,24,27)'}, - 'bg-zinc-950': {backgroundColor: 'rgb(9,9,11)'}, -}); diff --git a/src copy/styles/index.ts b/src copy/styles/index.ts deleted file mode 100644 index 43e7c78..0000000 --- a/src copy/styles/index.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './ClassStyles'; diff --git a/src copy/utils/Color.util.ts b/src copy/utils/Color.util.ts deleted file mode 100644 index eca40d1..0000000 --- a/src copy/utils/Color.util.ts +++ /dev/null @@ -1,11 +0,0 @@ -export class ColorBox { - static dark: string = '#000000'; - static light: string = '#ffffff'; - static secondary: string = '#f5f5f5'; - static black: string = '#000000'; - static white: string = '#ffffff'; - static error: string = 'red'; - static success: string = 'green'; - static warning: string = 'yellow'; - static transparent: string = 'transparent'; -} diff --git a/src copy/utils/index.ts b/src copy/utils/index.ts deleted file mode 100644 index 605085b..0000000 --- a/src copy/utils/index.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './resize.util'; diff --git a/src copy/utils/resize.util.ts b/src copy/utils/resize.util.ts deleted file mode 100644 index 8723b98..0000000 --- a/src copy/utils/resize.util.ts +++ /dev/null @@ -1,38 +0,0 @@ -import {Dimensions, NativeModules, Platform} from 'react-native'; - -const {width, height} = Dimensions.get('window'); -const [shortDimension, longDimension] = - width < height ? [width, height] : [height, width]; - -const guidelineBaseWidth = 375; -const guidelineBaseHeight = 812; -const {StatusBarManager} = NativeModules; -const heightStatusbar = StatusBarManager.HEIGHT; - -const horizontalScale = (size: number) => - (shortDimension / guidelineBaseWidth) * size; -const verticalScale = (size: number) => - (longDimension / guidelineBaseHeight) * size; -const moderateScale = (size: number, factor = 0.5) => - size + (horizontalScale(size) - size) * factor; -// scale fontsize -const scaleWidth = width / guidelineBaseWidth; -const scaleHeight = height / guidelineBaseHeight; -const scale = Math.min(scaleWidth, scaleHeight); -const fontSize = (size: number) => Math.ceil(size * scale); - -const isIOS = Platform.OS === 'ios'; -const device = { - width, - height, -}; - -export { - horizontalScale, - verticalScale, - moderateScale, - fontSize, - heightStatusbar, - isIOS, - device, -}; From 4fb19ef745a873eb162749bc55bb0c50a1b44237 Mon Sep 17 00:00:00 2001 From: sangyuo Date: Mon, 29 Jul 2024 14:27:55 +0700 Subject: [PATCH 03/23] update(src): pick code from main --- src/assets/image/checked.png | Bin 0 -> 395 bytes src/components/box/index.tsx | 22 + src/components/button/index.tsx | 73 + src/components/checkbox/index.tsx | 100 + src/components/index.ts | 2 + src/components/radioButton/index.tsx | 76 + src/components/text/index.tsx | 26 + src/declarations.d.ts | 4 + src/example/checkbox.png | Bin 0 -> 12287 bytes src/example/example-box.png | Bin 0 -> 2941 bytes src/example/example-button.png | Bin 0 -> 5135 bytes src/example/example-text.png | Bin 0 -> 37012 bytes src/example/radio-button.png | Bin 0 -> 11170 bytes src/hook/index.ts | 5 +- src/hook/useClassNameButton.tsx | 15 + src/hook/useClassNameTextButton.tsx | 18 + src/index.ts | 8 +- src/model/background.ts | 23 + src/model/border.ts | 261 ++- src/model/classStyle.ts | 38 +- src/model/index.ts | 4 +- src/model/size.ts | 2 + src/model/text.ts | 2 +- src/styles/Border.styles.ts | 3196 +++++++++++++++++++++++++- src/styles/ClassStyles.ts | 100 +- src/styles/Size.styles.ts | 308 ++- src/styles/background.styles.ts | 24 + src/utils/helper.util.ts | 23 + src/utils/index.ts | 1 + 29 files changed, 4243 insertions(+), 88 deletions(-) create mode 100644 src/assets/image/checked.png create mode 100644 src/components/box/index.tsx create mode 100644 src/components/button/index.tsx create mode 100644 src/components/checkbox/index.tsx create mode 100644 src/components/radioButton/index.tsx create mode 100644 src/components/text/index.tsx create mode 100644 src/declarations.d.ts create mode 100644 src/example/checkbox.png create mode 100644 src/example/example-box.png create mode 100644 src/example/example-button.png create mode 100644 src/example/example-text.png create mode 100644 src/example/radio-button.png create mode 100644 src/hook/useClassNameButton.tsx create mode 100644 src/hook/useClassNameTextButton.tsx create mode 100644 src/utils/helper.util.ts diff --git a/src/assets/image/checked.png b/src/assets/image/checked.png new file mode 100644 index 0000000000000000000000000000000000000000..fc2065e115339df2119eb6cf1a2634b60a52e3c5 GIT binary patch literal 395 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM1|%Pp+x`GjoCO|{#S9E$svykh8Km+7D9BhG z<@pq+e6wJ9YGBgHX|# z_Y9&cD;0E?F!Ou93)J#hp`bd$nGa}2d4qmU%Tw8F+ATc)9#6G6U>$Mm<1gFwDa>;$ z%{ba#Ub@1$_Ov}inabe<84jl}e!G%=KgX?+!8zqb>46iRd6~Ba4}F`mX0pWZiAUld zJ4~!`$(4V+cLLqAfm^zrL|$q&sY9)DA_tpBg1;iB1d zR+^s7u=F@7c}(!J_e2}f6Wtoo3$|H#R(9XstC+~3n({B>=EPs0?l|NvS+>VuLYIt! nK5ve4gMa%8?aQiV4^kqT1+}+rNxyyy6x { + const {style, scaleScreen, className, ...rest} = props; + const stylesCustom = useClassName({ + className, + scaleScreen, + }); + + const styleCard = StyleSheet.compose(stylesCustom, style); + + return ; +}; + +export default Box; diff --git a/src/components/button/index.tsx b/src/components/button/index.tsx new file mode 100644 index 0000000..d7674fe --- /dev/null +++ b/src/components/button/index.tsx @@ -0,0 +1,73 @@ +import React, {useCallback, useRef} from 'react'; +import { + GestureResponderEvent, + StyleSheet, + TouchableOpacity, + TouchableOpacityProps, +} from 'react-native'; +import { + useClassName, + useClassNameButton, + useClassNameTextButton, +} from '../../hook'; +import Text from '../text'; + +export interface ButtonComponentProps extends TouchableOpacityProps { + scaleScreen?: boolean; + className?: string; + classNameText?: string; + isDebounce?: boolean; + delayDebounce?: number; + varian?: 'primary' | 'outline'; + title?: string; +} +const Button = (props: ButtonComponentProps) => { + const { + style, + scaleScreen, + isDebounce, + delayDebounce, + className, + classNameText, + varian, + title, + children, + onPress, + ...rest + } = props; + const timerDebounceRef = useRef(); + const classButton = useClassNameButton({className: className, varian}); + const classText = useClassNameTextButton({className: classNameText, varian}); + const stylesCustom = useClassName({className: classButton, scaleScreen}); + const styleCard = StyleSheet.compose(stylesCustom, style); + + //handle multiple click + const handler = useCallback( + (e: GestureResponderEvent) => { + if (timerDebounceRef.current) { + clearTimeout(timerDebounceRef.current); + } + timerDebounceRef.current = setTimeout(() => { + onPress && onPress(e); + }, delayDebounce || 500); + }, + [onPress], + ); + + const handlePress = (e: GestureResponderEvent) => { + if (isDebounce) { + handler(e); + } else { + onPress && onPress(e); + } + }; + + return ( + + {title ? {title} : null} + {children} + + ); +}; + +export default Button; diff --git a/src/components/checkbox/index.tsx b/src/components/checkbox/index.tsx new file mode 100644 index 0000000..d46f329 --- /dev/null +++ b/src/components/checkbox/index.tsx @@ -0,0 +1,100 @@ +import React, {ReactNode} from 'react'; +import Box from '../box'; +import Text from '../text'; +import Button from '../button'; +import {Image, ImageSourcePropType, ImageResizeMode} from 'react-native'; +import {horizontalScale} from '../..'; +import Checked from '../../assets/image/checked.png'; + +export interface CheckBoxProps { + className?: string; + classNameParent?: string; + classNameChildren?: string; + classNameLabel?: string; + checked?: boolean; + color?: { + default?: string; + checked?: string; + }; + value?: ItemT; + label?: string; + size?: number; + iconChecked?: ImageSourcePropType; + sizeChildren?: number; + isDebounce?: boolean; + delayDebounce?: number; + resizeMode?: ImageResizeMode; + renderIconChecked?: () => ReactNode; + onPress?: (value?: ItemT) => void; +} + +function RadioButton(props: CheckBoxProps) { + const { + className, + size, + label, + checked, + sizeChildren, + classNameLabel, + classNameParent, + iconChecked, + color, + delayDebounce, + isDebounce, + resizeMode, + renderIconChecked, + onPress, + } = props; + + const renderChecked = () => { + if (!checked) { + return null; + } + if (renderIconChecked) { + return renderIconChecked(); + } + return ( + + ); + }; + + return ( + + ); +} + +export default RadioButton; diff --git a/src/components/index.ts b/src/components/index.ts index e6d168d..55cefe5 100644 --- a/src/components/index.ts +++ b/src/components/index.ts @@ -1,3 +1,5 @@ export * from './box'; export * from './text'; export * from './button'; +export * from './radioButton'; +export * from './checkbox'; diff --git a/src/components/radioButton/index.tsx b/src/components/radioButton/index.tsx new file mode 100644 index 0000000..0f86a33 --- /dev/null +++ b/src/components/radioButton/index.tsx @@ -0,0 +1,76 @@ +import React from 'react'; +import Box from '../box'; +import Text from '../text'; +import Button from '../button'; + +export interface RadioButtonBox { + className?: string; + classNameParent?: string; + classNameChildren?: string; + classNameLabel?: string; + checked?: boolean; + color?: { + default?: string; + checked?: string; + }; + value?: ItemT; + label?: string; + size?: number; + sizeChildren?: number; + isDebounce?: boolean; + delayDebounce?: number; + onPress?: (value?: ItemT) => void; +} + +function RadioButton(props: RadioButtonBox) { + const { + className, + size, + label, + checked, + sizeChildren, + classNameLabel, + classNameParent, + classNameChildren, + color, + delayDebounce, + isDebounce, + value, + onPress, + } = props; + + return ( + + ); +} + +export default RadioButton; diff --git a/src/components/text/index.tsx b/src/components/text/index.tsx new file mode 100644 index 0000000..f8be1ee --- /dev/null +++ b/src/components/text/index.tsx @@ -0,0 +1,26 @@ +import React from 'react'; +import {StyleSheet, Text, TextProps} from 'react-native'; +import {useClassName} from '../../hook'; + +export interface TextComponentProps extends TextProps { + className?: string; + scaleScreen?: boolean; +} + +const TextComponent = ({ + className, + scaleScreen, + style, + ...rest +}: TextComponentProps) => { + const stylesCustom = useClassName({ + className, + scaleScreen, + }); + + const styleText = StyleSheet.compose(stylesCustom, style); + + return ; +}; + +export default TextComponent; diff --git a/src/declarations.d.ts b/src/declarations.d.ts new file mode 100644 index 0000000..0935dbb --- /dev/null +++ b/src/declarations.d.ts @@ -0,0 +1,4 @@ +declare module '*.png' { + const value: any; + export default value; +} diff --git a/src/example/checkbox.png b/src/example/checkbox.png new file mode 100644 index 0000000000000000000000000000000000000000..989e5c4e7b6dae9b8aa71fda20b2ffb4ccf052cd GIT binary patch literal 12287 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 literal 0 HcmV?d00001 diff --git a/src/example/example-box.png b/src/example/example-box.png new file mode 100644 index 0000000000000000000000000000000000000000..9f4b8943922b9b8dc4ec4da2c524aead48ab874a GIT binary patch literal 2941 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 literal 0 HcmV?d00001 diff --git a/src/example/example-button.png b/src/example/example-button.png new file mode 100644 index 0000000000000000000000000000000000000000..b77a85eb8214601168aef0f19ba3e16615e90612 GIT binary patch literal 5135 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 literal 0 HcmV?d00001 diff --git a/src/example/example-text.png b/src/example/example-text.png new file mode 100644 index 0000000000000000000000000000000000000000..c01e5ed8ce87e84073e85b33ff345b80b2626799 GIT binary patch literal 37012 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 literal 0 HcmV?d00001 diff --git a/src/example/radio-button.png b/src/example/radio-button.png new file mode 100644 index 0000000000000000000000000000000000000000..519279e02412171c9c53bc2f59321d60692b4130 GIT binary patch literal 11170 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 PZ_3I@DoPZI8TkJn((?N2 literal 0 HcmV?d00001 diff --git a/src/hook/index.ts b/src/hook/index.ts index 1ce1516..a96a7c9 100644 --- a/src/hook/index.ts +++ b/src/hook/index.ts @@ -1,4 +1,5 @@ -import useStylesVarianTheme from './useStylesVarianTheme'; import useClassName from './useClassName'; +import useClassNameButton from './useClassNameButton'; +import useClassNameTextButton from './useClassNameTextButton'; -export {useStylesVarianTheme, useClassName}; +export {useClassName, useClassNameButton, useClassNameTextButton}; diff --git a/src/hook/useClassNameButton.tsx b/src/hook/useClassNameButton.tsx new file mode 100644 index 0000000..5425358 --- /dev/null +++ b/src/hook/useClassNameButton.tsx @@ -0,0 +1,15 @@ +import {useMemo} from 'react'; +import {Varian} from '../model'; +import {getClassNameVarian} from '../utils'; + +type PropsClass = { + varian?: Varian; + className?: string; +}; + +export default function useClassNameButton({className, varian}: PropsClass) { + const classCustom = useMemo(() => { + return `${getClassNameVarian(varian)} ${className || ''}`; + }, [className, varian]); + return classCustom; +} diff --git a/src/hook/useClassNameTextButton.tsx b/src/hook/useClassNameTextButton.tsx new file mode 100644 index 0000000..8568608 --- /dev/null +++ b/src/hook/useClassNameTextButton.tsx @@ -0,0 +1,18 @@ +import {useMemo} from 'react'; +import {Varian} from '../model'; +import {getClassNameTextVarian} from '../utils'; + +type PropsClass = { + varian?: Varian; + className?: string; +}; + +export default function useClassNameTextButton({ + className, + varian, +}: PropsClass) { + const classCustom = useMemo(() => { + return `${getClassNameTextVarian(varian)} text-center ${className || ''}`; + }, [className, varian]); + return classCustom; +} diff --git a/src/index.ts b/src/index.ts index 07635cb..ac5290d 100644 --- a/src/index.ts +++ b/src/index.ts @@ -1 +1,7 @@ -export * from './components'; +export {default as Box} from './components/box'; +export {default as Text} from './components/text'; +export {default as Button} from './components/button'; +export {default as RadioButton} from './components/radioButton'; +export {default as Checkbox} from './components/checkbox'; +export {default as useClassName} from './hook/useClassName'; +export * from './utils'; diff --git a/src/model/background.ts b/src/model/background.ts index a408adb..eaf4e32 100644 --- a/src/model/background.ts +++ b/src/model/background.ts @@ -246,3 +246,26 @@ export type BackgroundType = | 'bg-rose-800' | 'bg-rose-900' | 'bg-rose-950'; + +export type OpacityType = + | 'opacity-0' + | 'opacity-5' + | 'opacity-10' + | 'opacity-15' + | 'opacity-20' + | 'opacity-25' + | 'opacity-30' + | 'opacity-35' + | 'opacity-40' + | 'opacity-45' + | 'opacity-50' + | 'opacity-55' + | 'opacity-60' + | 'opacity-65' + | 'opacity-70' + | 'opacity-75' + | 'opacity-80' + | 'opacity-85' + | 'opacity-90' + | 'opacity-95' + | 'opacity-100'; diff --git a/src/model/border.ts b/src/model/border.ts index fe18e11..9e5ab51 100644 --- a/src/model/border.ts +++ b/src/model/border.ts @@ -74,21 +74,6 @@ type RoundedType = | 'rounded-br-3xl' | 'rounded-br-full'; -type BorderColorType = - | 'border-dark' - | 'border-light' - | 'border-dark-light' - | 'border-white' - | 'border-black' - | 'border-secondary' - | 'border-error' - | 'border-success' - | 'border-warning' - | 'border-transparent' - | 'border-dashed' - | 'border-dotted' - | 'border-solid'; - type BorderWidthType = | 'border-none' | 'border' @@ -125,3 +110,249 @@ type BorderWidthType = | 'border-l-md' | 'border-l-lg' | 'border-l-xl'; + +export type BorderColorType = + | 'border-black' + | 'border-white' + | 'border-slate-50' + | 'border-slate-100' + | 'border-slate-200' + | 'border-slate-300' + | 'border-slate-400' + | 'border-slate-500' + | 'border-slate-600' + | 'border-slate-700' + | 'border-slate-800' + | 'border-slate-900' + | 'border-slate-950' + | 'border-gray-50' + | 'border-gray-100' + | 'border-gray-200' + | 'border-gray-300' + | 'border-gray-400' + | 'border-gray-500' + | 'border-gray-600' + | 'border-gray-700' + | 'border-gray-800' + | 'border-gray-900' + | 'border-gray-950' + | 'border-zinc-50' + | 'border-zinc-100' + | 'border-zinc-200' + | 'border-zinc-300' + | 'border-zinc-400' + | 'border-zinc-500' + | 'border-zinc-600' + | 'border-zinc-700' + | 'border-zinc-800' + | 'border-zinc-900' + | 'border-zinc-950' + | 'border-neutral-50' + | 'border-neutral-100' + | 'border-neutral-200' + | 'border-neutral-300' + | 'border-neutral-400' + | 'border-neutral-500' + | 'border-neutral-600' + | 'border-neutral-700' + | 'border-neutral-800' + | 'border-neutral-900' + | 'border-neutral-950' + | 'border-stone-50' + | 'border-stone-100' + | 'border-stone-200' + | 'border-stone-300' + | 'border-stone-400' + | 'border-stone-500' + | 'border-stone-600' + | 'border-stone-700' + | 'border-stone-800' + | 'border-stone-900' + | 'border-stone-950' + | 'border-red-50' + | 'border-red-100' + | 'border-red-200' + | 'border-red-300' + | 'border-red-400' + | 'border-red-500' + | 'border-red-600' + | 'border-red-700' + | 'border-red-800' + | 'border-red-900' + | 'border-red-950' + | 'border-orange-50' + | 'border-orange-100' + | 'border-orange-200' + | 'border-orange-300' + | 'border-orange-400' + | 'border-orange-500' + | 'border-orange-600' + | 'border-orange-700' + | 'border-orange-800' + | 'border-orange-900' + | 'border-orange-950' + | 'border-amber-50' + | 'border-amber-100' + | 'border-amber-200' + | 'border-amber-300' + | 'border-amber-400' + | 'border-amber-500' + | 'border-amber-600' + | 'border-amber-700' + | 'border-amber-800' + | 'border-amber-900' + | 'border-amber-950' + | 'border-yellow-50' + | 'border-yellow-100' + | 'border-yellow-200' + | 'border-yellow-300' + | 'border-yellow-400' + | 'border-yellow-500' + | 'border-yellow-600' + | 'border-yellow-700' + | 'border-yellow-800' + | 'border-yellow-900' + | 'border-yellow-950' + | 'border-lime-50' + | 'border-lime-100' + | 'border-lime-200' + | 'border-lime-300' + | 'border-lime-400' + | 'border-lime-500' + | 'border-lime-600' + | 'border-lime-700' + | 'border-lime-800' + | 'border-lime-900' + | 'border-lime-950' + | 'border-green-50' + | 'border-green-100' + | 'border-green-200' + | 'border-green-300' + | 'border-green-400' + | 'border-green-500' + | 'border-green-600' + | 'border-green-700' + | 'border-green-800' + | 'border-green-900' + | 'border-green-950' + | 'border-emerald-50' + | 'border-emerald-100' + | 'border-emerald-200' + | 'border-emerald-300' + | 'border-emerald-400' + | 'border-emerald-500' + | 'border-emerald-600' + | 'border-emerald-700' + | 'border-emerald-800' + | 'border-emerald-900' + | 'border-emerald-950' + | 'border-teal-50' + | 'border-teal-100' + | 'border-teal-200' + | 'border-teal-300' + | 'border-teal-400' + | 'border-teal-500' + | 'border-teal-600' + | 'border-teal-700' + | 'border-teal-800' + | 'border-teal-900' + | 'border-teal-950' + | 'border-cyan-50' + | 'border-cyan-100' + | 'border-cyan-200' + | 'border-cyan-300' + | 'border-cyan-400' + | 'border-cyan-500' + | 'border-cyan-600' + | 'border-cyan-700' + | 'border-cyan-800' + | 'border-cyan-900' + | 'border-cyan-950' + | 'border-sky-50' + | 'border-sky-100' + | 'border-sky-200' + | 'border-sky-300' + | 'border-sky-400' + | 'border-sky-500' + | 'border-sky-600' + | 'border-sky-700' + | 'border-sky-800' + | 'border-sky-900' + | 'border-sky-950' + | 'border-blue-50' + | 'border-blue-100' + | 'border-blue-200' + | 'border-blue-300' + | 'border-blue-400' + | 'border-blue-500' + | 'border-blue-600' + | 'border-blue-700' + | 'border-blue-800' + | 'border-blue-900' + | 'border-blue-950' + | 'border-indigo-50' + | 'border-indigo-100' + | 'border-indigo-200' + | 'border-indigo-300' + | 'border-indigo-400' + | 'border-indigo-500' + | 'border-indigo-600' + | 'border-indigo-700' + | 'border-indigo-800' + | 'border-indigo-900' + | 'border-indigo-950' + | 'border-violet-50' + | 'border-violet-100' + | 'border-violet-200' + | 'border-violet-300' + | 'border-violet-400' + | 'border-violet-500' + | 'border-violet-600' + | 'border-violet-700' + | 'border-violet-800' + | 'border-violet-900' + | 'border-violet-950' + | 'border-purple-50' + | 'border-purple-100' + | 'border-purple-200' + | 'border-purple-300' + | 'border-purple-400' + | 'border-purple-500' + | 'border-purple-600' + | 'border-purple-700' + | 'border-purple-800' + | 'border-purple-900' + | 'border-purple-950' + | 'border-fuchsia-50' + | 'border-fuchsia-100' + | 'border-fuchsia-200' + | 'border-fuchsia-300' + | 'border-fuchsia-400' + | 'border-fuchsia-500' + | 'border-fuchsia-600' + | 'border-fuchsia-700' + | 'border-fuchsia-800' + | 'border-fuchsia-900' + | 'border-fuchsia-950' + | 'border-pink-50' + | 'border-pink-100' + | 'border-pink-200' + | 'border-pink-300' + | 'border-pink-400' + | 'border-pink-500' + | 'border-pink-600' + | 'border-pink-700' + | 'border-pink-800' + | 'border-pink-900' + | 'border-pink-950' + | 'border-rose-50' + | 'border-rose-100' + | 'border-rose-200' + | 'border-rose-300' + | 'border-rose-400' + | 'border-rose-500' + | 'border-rose-600' + | 'border-rose-700' + | 'border-rose-800' + | 'border-rose-900' + | 'border-rose-950'; diff --git a/src/model/classStyle.ts b/src/model/classStyle.ts index 6b658f8..60ef970 100644 --- a/src/model/classStyle.ts +++ b/src/model/classStyle.ts @@ -3,7 +3,7 @@ import {PositionType} from './position'; import {MarginType} from './margin'; import {PaddingType} from './padding'; import {SizeType} from './size'; -import {BorderType} from '.'; +import {BackgroundType, BorderType, OpacityType, TextType} from '.'; export type ClassStyleType = | BorderType @@ -12,4 +12,38 @@ export type ClassStyleType = | MarginType | PaddingType | FlexType - | SizeType; + | SizeType + | BackgroundType + | OpacityType + | TextType; + +export enum ClassCustomType { + MARGIN = 'm-', + MARGIN_LEFT = 'ml-', + MARGIN_TOP = 'mt-', + MARGIN_RIGHT = 'mr-', + MARGIN_BOTTOM = 'mb-', + MARGIN_X = 'mx-', + MARGIN_Y = 'my-', + PADDING = 'p-', + PADDING_LEFT = 'pl-', + PADDING_TOP = 'pt-', + PADDING_RIGHT = 'pr-', + PADDING_BOTTOM = 'pb-', + PADDING_X = 'px-', + PADDING_Y = 'py-', + WIDTH = 'w-', + MAX_WIDTH = 'max-w-', + MIN_WIDTH = 'min-w-', + HEIGHT = 'h-', + MAX_HEIGHT = 'max-h-', + MIN_HEIGHT = 'min-h-', + TOP = 't-', + LEFT = 'l-', + RIGHT = 'r-', + BOTTOM = 'b-', + TEXT = 't-', + GAP = 'gap-', + ROW_GAP = 'row-gap-', + COL_GAP = 'col-gap-', +} diff --git a/src/model/index.ts b/src/model/index.ts index 3c47028..727987f 100644 --- a/src/model/index.ts +++ b/src/model/index.ts @@ -6,4 +6,6 @@ export * from './margin'; export * from './padding'; export * from './size'; export * from './text'; -export * from './background'; \ No newline at end of file +export * from './background'; + +export type Varian = 'primary' | 'outline'; diff --git a/src/model/size.ts b/src/model/size.ts index 6dab17f..aa9e905 100644 --- a/src/model/size.ts +++ b/src/model/size.ts @@ -1,6 +1,7 @@ export type SizeType = WidthType | MinWidthType | HeightType; type WidthType = + | 'w' | 'w-0' | 'w-0.5' | 'w-1' @@ -48,6 +49,7 @@ type WidthType = | 'w-screen'; type MinWidthType = + | 'min-w' | 'min-w-0' | 'min-w-0.5' | 'min-w-1' diff --git a/src/model/text.ts b/src/model/text.ts index c818d59..5009828 100644 --- a/src/model/text.ts +++ b/src/model/text.ts @@ -1,5 +1,5 @@ export type TextAlign = 'center' | 'left' | 'right' | 'auto' | 'justify'; -export type TextType = TextColorType; +export type TextType = TextColorType | TextAlign | FontWeight; export type FontWeight = | 'thin' diff --git a/src/styles/Border.styles.ts b/src/styles/Border.styles.ts index 92d8bbc..cddfd64 100644 --- a/src/styles/Border.styles.ts +++ b/src/styles/Border.styles.ts @@ -62,20 +62,3196 @@ const borderWidthStyle = StyleSheet.create({ borderBottomWidth: horizontalScale(8), }, }); -const borderColorStyles = StyleSheet.create({ + +export const borderColorStyles = StyleSheet.create({ 'border-dashed': {borderStyle: 'dashed'}, 'border-dotted': {borderStyle: 'dotted'}, 'border-solid': {borderStyle: 'solid'}, - 'border-dark': {borderColor: 'black'}, - 'border-dark-light': {borderColor: 'white'}, - 'border-light': {borderColor: 'white'}, - 'border-white': {borderColor: 'white'}, - 'border-black': {borderColor: 'black'}, - 'border-secondary': {borderColor: '#f5f5f5'}, - 'border-error': {borderColor: 'red'}, - 'border-success': {borderColor: 'green'}, - 'border-warning': {borderColor: 'yellow'}, + 'border-amber-100': {borderColor: 'rgb(254,243,199)'}, + 'border-amber-200': {borderColor: 'rgb(253,230,138)'}, + 'border-amber-300': {borderColor: 'rgb(252,211,77)'}, + 'border-amber-400': {borderColor: 'rgb(251,191,36)'}, + 'border-amber-50': {borderColor: 'rgb(255,251,235)'}, + 'border-amber-500': {borderColor: 'rgb(245,158,11)'}, + 'border-amber-600': {borderColor: 'rgb(217,119,6)'}, + 'border-amber-700': {borderColor: 'rgb(180,83,9)'}, + 'border-amber-800': {borderColor: 'rgb(146,64,14)'}, + 'border-amber-900': {borderColor: 'rgb(120,53,15)'}, + 'border-amber-950': {borderColor: 'rgb(69,26,3)'}, + 'border-black': {borderColor: 'rgb(0,0,0)'}, + 'border-blue-100': {borderColor: 'rgb(219,234,254)'}, + 'border-blue-200': {borderColor: 'rgb(191,219,254)'}, + 'border-blue-300': {borderColor: 'rgb(147,197,253)'}, + 'border-blue-400': {borderColor: 'rgb(96,165,250)'}, + 'border-blue-50': {borderColor: 'rgb(239,246,255)'}, + 'border-blue-500': {borderColor: 'rgb(59,130,246)'}, + 'border-blue-600': {borderColor: 'rgb(37,99,235)'}, + 'border-blue-700': {borderColor: 'rgb(29,78,216)'}, + 'border-blue-800': {borderColor: 'rgb(30,64,175)'}, + 'border-blue-900': {borderColor: 'rgb(30,58,138)'}, + 'border-blue-950': {borderColor: 'rgb(23,37,84)'}, + 'border-cyan-100': {borderColor: 'rgb(207,250,254)'}, + 'border-cyan-200': {borderColor: 'rgb(165,243,252)'}, + 'border-cyan-300': {borderColor: 'rgb(103,232,249)'}, + 'border-cyan-400': {borderColor: 'rgb(34,211,238)'}, + 'border-cyan-50': {borderColor: 'rgb(236,254,255)'}, + 'border-cyan-500': {borderColor: 'rgb(6,182,212)'}, + 'border-cyan-600': {borderColor: 'rgb(8,145,178)'}, + 'border-cyan-700': {borderColor: 'rgb(14,116,144)'}, + 'border-cyan-800': {borderColor: 'rgb(21,94,117)'}, + 'border-cyan-900': {borderColor: 'rgb(22,78,99)'}, + 'border-cyan-950': {borderColor: 'rgb(8,51,68)'}, + 'border-emerald-100': {borderColor: 'rgb(209,250,229)'}, + 'border-emerald-200': {borderColor: 'rgb(167,243,208)'}, + 'border-emerald-300': {borderColor: 'rgb(110,231,183)'}, + 'border-emerald-400': {borderColor: 'rgb(52,211,153)'}, + 'border-emerald-50': {borderColor: 'rgb(236,253,245)'}, + 'border-emerald-500': {borderColor: 'rgb(16,185,129)'}, + 'border-emerald-600': {borderColor: 'rgb(5,150,105)'}, + 'border-emerald-700': {borderColor: 'rgb(4,120,87)'}, + 'border-emerald-800': {borderColor: 'rgb(6,95,70)'}, + 'border-emerald-900': {borderColor: 'rgb(6,78,59)'}, + 'border-emerald-950': {borderColor: 'rgb(2,44,34)'}, + 'border-fuchsia-100': {borderColor: 'rgb(250,232,255)'}, + 'border-fuchsia-200': {borderColor: 'rgb(245,208,254)'}, + 'border-fuchsia-300': {borderColor: 'rgb(240,171,252)'}, + 'border-fuchsia-400': {borderColor: 'rgb(232,121,249)'}, + 'border-fuchsia-50': {borderColor: 'rgb(253,244,255)'}, + 'border-fuchsia-500': {borderColor: 'rgb(217,70,239)'}, + 'border-fuchsia-600': {borderColor: 'rgb(192,38,211)'}, + 'border-fuchsia-700': {borderColor: 'rgb(162,28,175)'}, + 'border-fuchsia-800': {borderColor: 'rgb(134,25,143)'}, + 'border-fuchsia-900': {borderColor: 'rgb(112,26,117)'}, + 'border-fuchsia-950': {borderColor: 'rgb(74,4,78)'}, + 'border-gray-100': {borderColor: 'rgb(243,244,246)'}, + 'border-gray-200': {borderColor: 'rgb(229,231,235)'}, + 'border-gray-300': {borderColor: 'rgb(209,213,219)'}, + 'border-gray-400': {borderColor: 'rgb(156,163,175)'}, + 'border-gray-50': {borderColor: 'rgb(249,250,251)'}, + 'border-gray-500': {borderColor: 'rgb(107,114,128)'}, + 'border-gray-600': {borderColor: 'rgb(75,85,99)'}, + 'border-gray-700': {borderColor: 'rgb(55,65,81)'}, + 'border-gray-800': {borderColor: 'rgb(31,41,55)'}, + 'border-gray-900': {borderColor: 'rgb(17,24,39)'}, + 'border-gray-950': {borderColor: 'rgb(3,7,18)'}, + 'border-green-100': {borderColor: 'rgb(220,252,231)'}, + 'border-green-200': {borderColor: 'rgb(187,247,208)'}, + 'border-green-300': {borderColor: 'rgb(134,239,172)'}, + 'border-green-400': {borderColor: 'rgb(74,222,128)'}, + 'border-green-50': {borderColor: 'rgb(240,253,244)'}, + 'border-green-500': {borderColor: 'rgb(34,197,94)'}, + 'border-green-600': {borderColor: 'rgb(22,163,74)'}, + 'border-green-700': {borderColor: 'rgb(21,128,61)'}, + 'border-green-800': {borderColor: 'rgb(22,101,52)'}, + 'border-green-900': {borderColor: 'rgb(20,83,45)'}, + 'border-green-950': {borderColor: 'rgb(5,46,22)'}, + 'border-indigo-100': {borderColor: 'rgb(224,231,255)'}, + 'border-indigo-200': {borderColor: 'rgb(199,210,254)'}, + 'border-indigo-300': {borderColor: 'rgb(165,180,252)'}, + 'border-indigo-400': {borderColor: 'rgb(129,140,248)'}, + 'border-indigo-50': {borderColor: 'rgb(238,242,255)'}, + 'border-indigo-500': {borderColor: 'rgb(99,102,241)'}, + 'border-indigo-600': {borderColor: 'rgb(79,70,229)'}, + 'border-indigo-700': {borderColor: 'rgb(67,56,202)'}, + 'border-indigo-800': {borderColor: 'rgb(55,48,163)'}, + 'border-indigo-900': {borderColor: 'rgb(49,46,129)'}, + 'border-indigo-950': {borderColor: 'rgb(30,27,75)'}, + 'border-lime-100': {borderColor: 'rgb(236,252,203)'}, + 'border-lime-200': {borderColor: 'rgb(217,249,157)'}, + 'border-lime-300': {borderColor: 'rgb(190,242,100)'}, + 'border-lime-400': {borderColor: 'rgb(163,230,53)'}, + 'border-lime-50': {borderColor: 'rgb(247,254,231)'}, + 'border-lime-500': {borderColor: 'rgb(132,204,22)'}, + 'border-lime-600': {borderColor: 'rgb(101,163,13)'}, + 'border-lime-700': {borderColor: 'rgb(77,124,15)'}, + 'border-lime-800': {borderColor: 'rgb(63,98,18)'}, + 'border-lime-900': {borderColor: 'rgb(54,83,20)'}, + 'border-lime-950': {borderColor: 'rgb(26,46,5)'}, + 'border-neutral-100': {borderColor: 'rgb(245,245,245)'}, + 'border-neutral-200': {borderColor: 'rgb(229,229,229)'}, + 'border-neutral-300': {borderColor: 'rgb(212,212,212)'}, + 'border-neutral-400': {borderColor: 'rgb(163,163,163)'}, + 'border-neutral-50': {borderColor: 'rgb(250,250,250)'}, + 'border-neutral-500': {borderColor: 'rgb(115,115,115)'}, + 'border-neutral-600': {borderColor: 'rgb(82,82,82)'}, + 'border-neutral-700': {borderColor: 'rgb(64,64,64)'}, + 'border-neutral-800': {borderColor: 'rgb(38,38,38)'}, + 'border-neutral-900': {borderColor: 'rgb(23,23,23)'}, + 'border-neutral-950': {borderColor: 'rgb(10,10,10)'}, + 'border-orange-100': {borderColor: 'rgb(255,237,213)'}, + 'border-orange-200': {borderColor: 'rgb(254,215,170)'}, + 'border-orange-300': {borderColor: 'rgb(253,186,116)'}, + 'border-orange-400': {borderColor: 'rgb(251,146,60)'}, + 'border-orange-50': {borderColor: 'rgb(255,247,237)'}, + 'border-orange-500': {borderColor: 'rgb(249,115,22)'}, + 'border-orange-600': {borderColor: 'rgb(234,88,12)'}, + 'border-orange-700': {borderColor: 'rgb(194,65,12)'}, + 'border-orange-800': {borderColor: 'rgb(154,52,18)'}, + 'border-orange-900': {borderColor: 'rgb(124,45,18)'}, + 'border-orange-950': {borderColor: 'rgb(67,20,7)'}, + 'border-pink-100': {borderColor: 'rgb(252,231,243)'}, + 'border-pink-200': {borderColor: 'rgb(251,207,232)'}, + 'border-pink-300': {borderColor: 'rgb(249,168,212)'}, + 'border-pink-400': {borderColor: 'rgb(244,114,182)'}, + 'border-pink-50': {borderColor: 'rgb(253,242,248)'}, + 'border-pink-500': {borderColor: 'rgb(236,72,153)'}, + 'border-pink-600': {borderColor: 'rgb(219,39,119)'}, + 'border-pink-700': {borderColor: 'rgb(190,24,93)'}, + 'border-pink-800': {borderColor: 'rgb(157,23,77)'}, + 'border-pink-900': {borderColor: 'rgb(131,24,67)'}, + 'border-pink-950': {borderColor: 'rgb(80,7,36)'}, + 'border-purple-100': {borderColor: 'rgb(243,232,255)'}, + 'border-purple-200': {borderColor: 'rgb(233,213,255)'}, + 'border-purple-300': {borderColor: 'rgb(216,180,254)'}, + 'border-purple-400': {borderColor: 'rgb(192,132,252)'}, + 'border-purple-50': {borderColor: 'rgb(250,245,255)'}, + 'border-purple-500': {borderColor: 'rgb(168,85,247)'}, + 'border-purple-600': {borderColor: 'rgb(147,51,234)'}, + 'border-purple-700': {borderColor: 'rgb(126,34,206)'}, + 'border-purple-800': {borderColor: 'rgb(107,33,168)'}, + 'border-purple-900': {borderColor: 'rgb(88,28,135)'}, + 'border-purple-950': {borderColor: 'rgb(59,7,100)'}, + 'border-red-100': {borderColor: 'rgb(254,226,226)'}, + 'border-red-200': {borderColor: 'rgb(254,202,202)'}, + 'border-red-300': {borderColor: 'rgb(252,165,165)'}, + 'border-red-400': {borderColor: 'rgb(248,113,113)'}, + 'border-red-50': {borderColor: 'rgb(254,242,242)'}, + 'border-red-500': {borderColor: 'rgb(239,68,68)'}, + 'border-red-600': {borderColor: 'rgb(220,38,38)'}, + 'border-red-700': {borderColor: 'rgb(185,28,28)'}, + 'border-red-800': {borderColor: 'rgb(153,27,27)'}, + 'border-red-900': {borderColor: 'rgb(127,29,29)'}, + 'border-red-950': {borderColor: 'rgb(69,10,10)'}, + 'border-rose-100': {borderColor: 'rgb(255,228,230)'}, + 'border-rose-200': {borderColor: 'rgb(254,205,211)'}, + 'border-rose-300': {borderColor: 'rgb(253,164,175)'}, + 'border-rose-400': {borderColor: 'rgb(251,113,133)'}, + 'border-rose-50': {borderColor: 'rgb(255,241,242)'}, + 'border-rose-500': {borderColor: 'rgb(244,63,94)'}, + 'border-rose-600': {borderColor: 'rgb(225,29,72)'}, + 'border-rose-700': {borderColor: 'rgb(190,18,60)'}, + 'border-rose-800': {borderColor: 'rgb(159,18,57)'}, + 'border-rose-900': {borderColor: 'rgb(136,19,55)'}, + 'border-rose-950': {borderColor: 'rgb(76,5,25)'}, + 'border-sky-100': {borderColor: 'rgb(224,242,254)'}, + 'border-sky-200': {borderColor: 'rgb(186,230,253)'}, + 'border-sky-300': {borderColor: 'rgb(125,211,252)'}, + 'border-sky-400': {borderColor: 'rgb(56,189,248)'}, + 'border-sky-50': {borderColor: 'rgb(240,249,255)'}, + 'border-sky-500': {borderColor: 'rgb(14,165,233)'}, + 'border-sky-600': {borderColor: 'rgb(2,132,199)'}, + 'border-sky-700': {borderColor: 'rgb(3,105,161)'}, + 'border-sky-800': {borderColor: 'rgb(7,89,133)'}, + 'border-sky-900': {borderColor: 'rgb(12,74,110)'}, + 'border-sky-950': {borderColor: 'rgb(8,47,73)'}, + 'border-slate-100': {borderColor: 'rgb(241,245,249)'}, + 'border-slate-200': {borderColor: 'rgb(226,232,240)'}, + 'border-slate-300': {borderColor: 'rgb(203,213,225)'}, + 'border-slate-400': {borderColor: 'rgb(148,163,184)'}, + 'border-slate-50': {borderColor: 'rgb(248,250,252)'}, + 'border-slate-500': {borderColor: 'rgb(100,116,139)'}, + 'border-slate-600': {borderColor: 'rgb(71,85,105)'}, + 'border-slate-700': {borderColor: 'rgb(51,65,85)'}, + 'border-slate-800': {borderColor: 'rgb(30,41,59)'}, + 'border-slate-900': {borderColor: 'rgb(15,23,42)'}, + 'border-slate-950': {borderColor: 'rgb(2,6,23)'}, + 'border-stone-100': {borderColor: 'rgb(245,245,244)'}, + 'border-stone-200': {borderColor: 'rgb(231,229,228)'}, + 'border-stone-300': {borderColor: 'rgb(214,211,209)'}, + 'border-stone-400': {borderColor: 'rgb(168,162,158)'}, + 'border-stone-50': {borderColor: 'rgb(250,250,249)'}, + 'border-stone-500': {borderColor: 'rgb(120,113,108)'}, + 'border-stone-600': {borderColor: 'rgb(87,83,78)'}, + 'border-stone-700': {borderColor: 'rgb(68,64,60)'}, + 'border-stone-800': {borderColor: 'rgb(41,37,36)'}, + 'border-stone-900': {borderColor: 'rgb(28,25,23)'}, + 'border-stone-950': {borderColor: 'rgb(12,10,9)'}, + 'border-teal-100': {borderColor: 'rgb(204,251,241)'}, + 'border-teal-200': {borderColor: 'rgb(153,246,228)'}, + 'border-teal-300': {borderColor: 'rgb(94,234,212)'}, + 'border-teal-400': {borderColor: 'rgb(45,212,191)'}, + 'border-teal-50': {borderColor: 'rgb(240,253,250)'}, + 'border-teal-500': {borderColor: 'rgb(20,184,166)'}, + 'border-teal-600': {borderColor: 'rgb(13,148,136)'}, + 'border-teal-700': {borderColor: 'rgb(15,118,110)'}, + 'border-teal-800': {borderColor: 'rgb(17,94,89)'}, + 'border-teal-900': {borderColor: 'rgb(19,78,74)'}, + 'border-teal-950': {borderColor: 'rgb(4,47,46)'}, 'border-transparent': {borderColor: 'transparent'}, + 'border-violet-100': {borderColor: 'rgb(237,233,254)'}, + 'border-violet-200': {borderColor: 'rgb(221,214,254)'}, + 'border-violet-300': {borderColor: 'rgb(196,181,253)'}, + 'border-violet-400': {borderColor: 'rgb(167,139,250)'}, + 'border-violet-50': {borderColor: 'rgb(245,243,255)'}, + 'border-violet-500': {borderColor: 'rgb(139,92,246)'}, + 'border-violet-600': {borderColor: 'rgb(124,58,237)'}, + 'border-violet-700': {borderColor: 'rgb(109,40,217)'}, + 'border-violet-800': {borderColor: 'rgb(91,33,182)'}, + 'border-violet-900': {borderColor: 'rgb(76,29,149)'}, + 'border-violet-950': {borderColor: 'rgb(46,16,101)'}, + 'border-white': {borderColor: 'rgb(255,255,255)'}, + 'border-yellow-100': {borderColor: 'rgb(254,249,195)'}, + 'border-yellow-200': {borderColor: 'rgb(254,240,138)'}, + 'border-yellow-300': {borderColor: 'rgb(253,224,71)'}, + 'border-yellow-400': {borderColor: 'rgb(250,204,21)'}, + 'border-yellow-50': {borderColor: 'rgb(254,252,232)'}, + 'border-yellow-500': {borderColor: 'rgb(234,179,8)'}, + 'border-yellow-600': {borderColor: 'rgb(202,138,4)'}, + 'border-yellow-700': {borderColor: 'rgb(161,98,7)'}, + 'border-yellow-800': {borderColor: 'rgb(133,77,14)'}, + 'border-yellow-900': {borderColor: 'rgb(113,63,18)'}, + 'border-yellow-950': {borderColor: 'rgb(66,32,6)'}, + 'border-zinc-100': {borderColor: 'rgb(244,244,245)'}, + 'border-zinc-200': {borderColor: 'rgb(228,228,231)'}, + 'border-zinc-300': {borderColor: 'rgb(212,212,216)'}, + 'border-zinc-400': {borderColor: 'rgb(161,161,170)'}, + 'border-zinc-50': {borderColor: 'rgb(250,250,250)'}, + 'border-zinc-500': {borderColor: 'rgb(113,113,122)'}, + 'border-zinc-600': {borderColor: 'rgb(82,82,91)'}, + 'border-zinc-700': {borderColor: 'rgb(63,63,70)'}, + 'border-zinc-800': {borderColor: 'rgb(39,39,42)'}, + 'border-zinc-900': {borderColor: 'rgb(24,24,27)'}, + 'border-zinc-950': {borderColor: 'rgb(9,9,11)'}, + 'border-l-amber-100': {borderLeftColor: 'rgb(254,243,199)'}, + 'border-l-amber-200': {borderLeftColor: 'rgb(253,230,138)'}, + 'border-l-amber-300': {borderLeftColor: 'rgb(252,211,77)'}, + 'border-l-amber-400': {borderLeftColor: 'rgb(251,191,36)'}, + 'border-l-amber-50': {borderLeftColor: 'rgb(255,251,235)'}, + 'border-l-amber-500': {borderLeftColor: 'rgb(245,158,11)'}, + 'border-l-amber-600': {borderLeftColor: 'rgb(217,119,6)'}, + 'border-l-amber-700': {borderLeftColor: 'rgb(180,83,9)'}, + 'border-l-amber-800': {borderLeftColor: 'rgb(146,64,14)'}, + 'border-l-amber-900': {borderLeftColor: 'rgb(120,53,15)'}, + 'border-l-amber-950': {borderLeftColor: 'rgb(69,26,3)'}, + 'border-l-black': {borderLeftColor: 'rgb(0,0,0)'}, + 'border-l-blue-100': {borderLeftColor: 'rgb(219,234,254)'}, + 'border-l-blue-200': {borderLeftColor: 'rgb(191,219,254)'}, + 'border-l-blue-300': {borderLeftColor: 'rgb(147,197,253)'}, + 'border-l-blue-400': {borderLeftColor: 'rgb(96,165,250)'}, + 'border-l-blue-50': {borderLeftColor: 'rgb(239,246,255)'}, + 'border-l-blue-500': {borderLeftColor: 'rgb(59,130,246)'}, + 'border-l-blue-600': {borderLeftColor: 'rgb(37,99,235)'}, + 'border-l-blue-700': {borderLeftColor: 'rgb(29,78,216)'}, + 'border-l-blue-800': {borderLeftColor: 'rgb(30,64,175)'}, + 'border-l-blue-900': {borderLeftColor: 'rgb(30,58,138)'}, + 'border-l-blue-950': {borderLeftColor: 'rgb(23,37,84)'}, + 'border-l-cyan-100': {borderLeftColor: 'rgb(207,250,254)'}, + 'border-l-cyan-200': {borderLeftColor: 'rgb(165,243,252)'}, + 'border-l-cyan-300': {borderLeftColor: 'rgb(103,232,249)'}, + 'border-l-cyan-400': {borderLeftColor: 'rgb(34,211,238)'}, + 'border-l-cyan-50': {borderLeftColor: 'rgb(236,254,255)'}, + 'border-l-cyan-500': {borderLeftColor: 'rgb(6,182,212)'}, + 'border-l-cyan-600': {borderLeftColor: 'rgb(8,145,178)'}, + 'border-l-cyan-700': {borderLeftColor: 'rgb(14,116,144)'}, + 'border-l-cyan-800': {borderLeftColor: 'rgb(21,94,117)'}, + 'border-l-cyan-900': {borderLeftColor: 'rgb(22,78,99)'}, + 'border-l-cyan-950': {borderLeftColor: 'rgb(8,51,68)'}, + 'border-l-emerald-100': {borderLeftColor: 'rgb(209,250,229)'}, + 'border-l-emerald-200': {borderLeftColor: 'rgb(167,243,208)'}, + 'border-l-emerald-300': {borderLeftColor: 'rgb(110,231,183)'}, + 'border-l-emerald-400': {borderLeftColor: 'rgb(52,211,153)'}, + 'border-l-emerald-50': {borderLeftColor: 'rgb(236,253,245)'}, + 'border-l-emerald-500': {borderLeftColor: 'rgb(16,185,129)'}, + 'border-l-emerald-600': {borderLeftColor: 'rgb(5,150,105)'}, + 'border-l-emerald-700': {borderLeftColor: 'rgb(4,120,87)'}, + 'border-l-emerald-800': {borderLeftColor: 'rgb(6,95,70)'}, + 'border-l-emerald-900': {borderLeftColor: 'rgb(6,78,59)'}, + 'border-l-emerald-950': {borderLeftColor: 'rgb(2,44,34)'}, + 'border-l-fuchsia-100': {borderLeftColor: 'rgb(250,232,255)'}, + 'border-l-fuchsia-200': {borderLeftColor: 'rgb(245,208,254)'}, + 'border-l-fuchsia-300': {borderLeftColor: 'rgb(240,171,252)'}, + 'border-l-fuchsia-400': {borderLeftColor: 'rgb(232,121,249)'}, + 'border-l-fuchsia-50': {borderLeftColor: 'rgb(253,244,255)'}, + 'border-l-fuchsia-500': {borderLeftColor: 'rgb(217,70,239)'}, + 'border-l-fuchsia-600': {borderLeftColor: 'rgb(192,38,211)'}, + 'border-l-fuchsia-700': {borderLeftColor: 'rgb(162,28,175)'}, + 'border-l-fuchsia-800': {borderLeftColor: 'rgb(134,25,143)'}, + 'border-l-fuchsia-900': {borderLeftColor: 'rgb(112,26,117)'}, + 'border-l-fuchsia-950': {borderLeftColor: 'rgb(74,4,78)'}, + 'border-l-gray-100': {borderLeftColor: 'rgb(243,244,246)'}, + 'border-l-gray-200': {borderLeftColor: 'rgb(229,231,235)'}, + 'border-l-gray-300': {borderLeftColor: 'rgb(209,213,219)'}, + 'border-l-gray-400': {borderLeftColor: 'rgb(156,163,175)'}, + 'border-l-gray-50': {borderLeftColor: 'rgb(249,250,251)'}, + 'border-l-gray-500': {borderLeftColor: 'rgb(107,114,128)'}, + 'border-l-gray-600': {borderLeftColor: 'rgb(75,85,99)'}, + 'border-l-gray-700': {borderLeftColor: 'rgb(55,65,81)'}, + 'border-l-gray-800': {borderLeftColor: 'rgb(31,41,55)'}, + 'border-l-gray-900': {borderLeftColor: 'rgb(17,24,39)'}, + 'border-l-gray-950': {borderLeftColor: 'rgb(3,7,18)'}, + 'border-l-green-100': {borderLeftColor: 'rgb(220,252,231)'}, + 'border-l-green-200': {borderLeftColor: 'rgb(187,247,208)'}, + 'border-l-green-300': {borderLeftColor: 'rgb(134,239,172)'}, + 'border-l-green-400': {borderLeftColor: 'rgb(74,222,128)'}, + 'border-l-green-50': {borderLeftColor: 'rgb(240,253,244)'}, + 'border-l-green-500': {borderLeftColor: 'rgb(34,197,94)'}, + 'border-l-green-600': {borderLeftColor: 'rgb(22,163,74)'}, + 'border-l-green-700': {borderLeftColor: 'rgb(21,128,61)'}, + 'border-l-green-800': {borderLeftColor: 'rgb(22,101,52)'}, + 'border-l-green-900': {borderLeftColor: 'rgb(20,83,45)'}, + 'border-l-green-950': {borderLeftColor: 'rgb(5,46,22)'}, + 'border-l-indigo-100': {borderLeftColor: 'rgb(224,231,255)'}, + 'border-l-indigo-200': {borderLeftColor: 'rgb(199,210,254)'}, + 'border-l-indigo-300': {borderLeftColor: 'rgb(165,180,252)'}, + 'border-l-indigo-400': {borderLeftColor: 'rgb(129,140,248)'}, + 'border-l-indigo-50': {borderLeftColor: 'rgb(238,242,255)'}, + 'border-l-indigo-500': {borderLeftColor: 'rgb(99,102,241)'}, + 'border-l-indigo-600': {borderLeftColor: 'rgb(79,70,229)'}, + 'border-l-indigo-700': {borderLeftColor: 'rgb(67,56,202)'}, + 'border-l-indigo-800': {borderLeftColor: 'rgb(55,48,163)'}, + 'border-l-indigo-900': {borderLeftColor: 'rgb(49,46,129)'}, + 'border-l-indigo-950': {borderLeftColor: 'rgb(30,27,75)'}, + 'border-l-lime-100': {borderLeftColor: 'rgb(236,252,203)'}, + 'border-l-lime-200': {borderLeftColor: 'rgb(217,249,157)'}, + 'border-l-lime-300': {borderLeftColor: 'rgb(190,242,100)'}, + 'border-l-lime-400': {borderLeftColor: 'rgb(163,230,53)'}, + 'border-l-lime-50': {borderLeftColor: 'rgb(247,254,231)'}, + 'border-l-lime-500': {borderLeftColor: 'rgb(132,204,22)'}, + 'border-l-lime-600': {borderLeftColor: 'rgb(101,163,13)'}, + 'border-l-lime-700': {borderLeftColor: 'rgb(77,124,15)'}, + 'border-l-lime-800': {borderLeftColor: 'rgb(63,98,18)'}, + 'border-l-lime-900': {borderLeftColor: 'rgb(54,83,20)'}, + 'border-l-lime-950': {borderLeftColor: 'rgb(26,46,5)'}, + 'border-l-neutral-100': {borderLeftColor: 'rgb(245,245,245)'}, + 'border-l-neutral-200': {borderLeftColor: 'rgb(229,229,229)'}, + 'border-l-neutral-300': {borderLeftColor: 'rgb(212,212,212)'}, + 'border-l-neutral-400': {borderLeftColor: 'rgb(163,163,163)'}, + 'border-l-neutral-50': {borderLeftColor: 'rgb(250,250,250)'}, + 'border-l-neutral-500': {borderLeftColor: 'rgb(115,115,115)'}, + 'border-l-neutral-600': {borderLeftColor: 'rgb(82,82,82)'}, + 'border-l-neutral-700': {borderLeftColor: 'rgb(64,64,64)'}, + 'border-l-neutral-800': {borderLeftColor: 'rgb(38,38,38)'}, + 'border-l-neutral-900': {borderLeftColor: 'rgb(23,23,23)'}, + 'border-l-neutral-950': {borderLeftColor: 'rgb(10,10,10)'}, + 'border-l-orange-100': {borderLeftColor: 'rgb(255,237,213)'}, + 'border-l-orange-200': {borderLeftColor: 'rgb(254,215,170)'}, + 'border-l-orange-300': {borderLeftColor: 'rgb(253,186,116)'}, + 'border-l-orange-400': {borderLeftColor: 'rgb(251,146,60)'}, + 'border-l-orange-50': {borderLeftColor: 'rgb(255,247,237)'}, + 'border-l-orange-500': {borderLeftColor: 'rgb(249,115,22)'}, + 'border-l-orange-600': {borderLeftColor: 'rgb(234,88,12)'}, + 'border-l-orange-700': {borderLeftColor: 'rgb(194,65,12)'}, + 'border-l-orange-800': {borderLeftColor: 'rgb(154,52,18)'}, + 'border-l-orange-900': {borderLeftColor: 'rgb(124,45,18)'}, + 'border-l-orange-950': {borderLeftColor: 'rgb(67,20,7)'}, + 'border-l-pink-100': {borderLeftColor: 'rgb(252,231,243)'}, + 'border-l-pink-200': {borderLeftColor: 'rgb(251,207,232)'}, + 'border-l-pink-300': {borderLeftColor: 'rgb(249,168,212)'}, + 'border-l-pink-400': {borderLeftColor: 'rgb(244,114,182)'}, + 'border-l-pink-50': {borderLeftColor: 'rgb(253,242,248)'}, + 'border-l-pink-500': {borderLeftColor: 'rgb(236,72,153)'}, + 'border-l-pink-600': {borderLeftColor: 'rgb(219,39,119)'}, + 'border-l-pink-700': {borderLeftColor: 'rgb(190,24,93)'}, + 'border-l-pink-800': {borderLeftColor: 'rgb(157,23,77)'}, + 'border-l-pink-900': {borderLeftColor: 'rgb(131,24,67)'}, + 'border-l-pink-950': {borderLeftColor: 'rgb(80,7,36)'}, + 'border-l-purple-100': {borderLeftColor: 'rgb(243,232,255)'}, + 'border-l-purple-200': {borderLeftColor: 'rgb(233,213,255)'}, + 'border-l-purple-300': {borderLeftColor: 'rgb(216,180,254)'}, + 'border-l-purple-400': {borderLeftColor: 'rgb(192,132,252)'}, + 'border-l-purple-50': {borderLeftColor: 'rgb(250,245,255)'}, + 'border-l-purple-500': {borderLeftColor: 'rgb(168,85,247)'}, + 'border-l-purple-600': {borderLeftColor: 'rgb(147,51,234)'}, + 'border-l-purple-700': {borderLeftColor: 'rgb(126,34,206)'}, + 'border-l-purple-800': {borderLeftColor: 'rgb(107,33,168)'}, + 'border-l-purple-900': {borderLeftColor: 'rgb(88,28,135)'}, + 'border-l-purple-950': {borderLeftColor: 'rgb(59,7,100)'}, + 'border-l-red-100': {borderLeftColor: 'rgb(254,226,226)'}, + 'border-l-red-200': {borderLeftColor: 'rgb(254,202,202)'}, + 'border-l-red-300': {borderLeftColor: 'rgb(252,165,165)'}, + 'border-l-red-400': {borderLeftColor: 'rgb(248,113,113)'}, + 'border-l-red-50': {borderLeftColor: 'rgb(254,242,242)'}, + 'border-l-red-500': {borderLeftColor: 'rgb(239,68,68)'}, + 'border-l-red-600': {borderLeftColor: 'rgb(220,38,38)'}, + 'border-l-red-700': {borderLeftColor: 'rgb(185,28,28)'}, + 'border-l-red-800': {borderLeftColor: 'rgb(153,27,27)'}, + 'border-l-red-900': {borderLeftColor: 'rgb(127,29,29)'}, + 'border-l-red-950': {borderLeftColor: 'rgb(69,10,10)'}, + 'border-l-rose-100': {borderLeftColor: 'rgb(255,228,230)'}, + 'border-l-rose-200': {borderLeftColor: 'rgb(254,205,211)'}, + 'border-l-rose-300': {borderLeftColor: 'rgb(253,164,175)'}, + 'border-l-rose-400': {borderLeftColor: 'rgb(251,113,133)'}, + 'border-l-rose-50': {borderLeftColor: 'rgb(255,241,242)'}, + 'border-l-rose-500': {borderLeftColor: 'rgb(244,63,94)'}, + 'border-l-rose-600': {borderLeftColor: 'rgb(225,29,72)'}, + 'border-l-rose-700': {borderLeftColor: 'rgb(190,18,60)'}, + 'border-l-rose-800': {borderLeftColor: 'rgb(159,18,57)'}, + 'border-l-rose-900': {borderLeftColor: 'rgb(136,19,55)'}, + 'border-l-rose-950': {borderLeftColor: 'rgb(76,5,25)'}, + 'border-l-sky-100': {borderLeftColor: 'rgb(224,242,254)'}, + 'border-l-sky-200': {borderLeftColor: 'rgb(186,230,253)'}, + 'border-l-sky-300': {borderLeftColor: 'rgb(125,211,252)'}, + 'border-l-sky-400': {borderLeftColor: 'rgb(56,189,248)'}, + 'border-l-sky-50': {borderLeftColor: 'rgb(240,249,255)'}, + 'border-l-sky-500': {borderLeftColor: 'rgb(14,165,233)'}, + 'border-l-sky-600': {borderLeftColor: 'rgb(2,132,199)'}, + 'border-l-sky-700': {borderLeftColor: 'rgb(3,105,161)'}, + 'border-l-sky-800': {borderLeftColor: 'rgb(7,89,133)'}, + 'border-l-sky-900': {borderLeftColor: 'rgb(12,74,110)'}, + 'border-l-sky-950': {borderLeftColor: 'rgb(8,47,73)'}, + 'border-l-slate-100': {borderLeftColor: 'rgb(241,245,249)'}, + 'border-l-slate-200': {borderLeftColor: 'rgb(226,232,240)'}, + 'border-l-slate-300': {borderLeftColor: 'rgb(203,213,225)'}, + 'border-l-slate-400': {borderLeftColor: 'rgb(148,163,184)'}, + 'border-l-slate-50': {borderLeftColor: 'rgb(248,250,252)'}, + 'border-l-slate-500': {borderLeftColor: 'rgb(100,116,139)'}, + 'border-l-slate-600': {borderLeftColor: 'rgb(71,85,105)'}, + 'border-l-slate-700': {borderLeftColor: 'rgb(51,65,85)'}, + 'border-l-slate-800': {borderLeftColor: 'rgb(30,41,59)'}, + 'border-l-slate-900': {borderLeftColor: 'rgb(15,23,42)'}, + 'border-l-slate-950': {borderLeftColor: 'rgb(2,6,23)'}, + 'border-l-stone-100': {borderLeftColor: 'rgb(245,245,244)'}, + 'border-l-stone-200': {borderLeftColor: 'rgb(231,229,228)'}, + 'border-l-stone-300': {borderLeftColor: 'rgb(214,211,209)'}, + 'border-l-stone-400': {borderLeftColor: 'rgb(168,162,158)'}, + 'border-l-stone-50': {borderLeftColor: 'rgb(250,250,249)'}, + 'border-l-stone-500': {borderLeftColor: 'rgb(120,113,108)'}, + 'border-l-stone-600': {borderLeftColor: 'rgb(87,83,78)'}, + 'border-l-stone-700': {borderLeftColor: 'rgb(68,64,60)'}, + 'border-l-stone-800': {borderLeftColor: 'rgb(41,37,36)'}, + 'border-l-stone-900': {borderLeftColor: 'rgb(28,25,23)'}, + 'border-l-stone-950': {borderLeftColor: 'rgb(12,10,9)'}, + 'border-l-teal-100': {borderLeftColor: 'rgb(204,251,241)'}, + 'border-l-teal-200': {borderLeftColor: 'rgb(153,246,228)'}, + 'border-l-teal-300': {borderLeftColor: 'rgb(94,234,212)'}, + 'border-l-teal-400': {borderLeftColor: 'rgb(45,212,191)'}, + 'border-l-teal-50': {borderLeftColor: 'rgb(240,253,250)'}, + 'border-l-teal-500': {borderLeftColor: 'rgb(20,184,166)'}, + 'border-l-teal-600': {borderLeftColor: 'rgb(13,148,136)'}, + 'border-l-teal-700': {borderLeftColor: 'rgb(15,118,110)'}, + 'border-l-teal-800': {borderLeftColor: 'rgb(17,94,89)'}, + 'border-l-teal-900': {borderLeftColor: 'rgb(19,78,74)'}, + 'border-l-teal-950': {borderLeftColor: 'rgb(4,47,46)'}, + 'border-l-transparent': {borderLeftColor: 'transparent'}, + 'border-l-violet-100': {borderLeftColor: 'rgb(237,233,254)'}, + 'border-l-violet-200': {borderLeftColor: 'rgb(221,214,254)'}, + 'border-l-violet-300': {borderLeftColor: 'rgb(196,181,253)'}, + 'border-l-violet-400': {borderLeftColor: 'rgb(167,139,250)'}, + 'border-l-violet-50': {borderLeftColor: 'rgb(245,243,255)'}, + 'border-l-violet-500': {borderLeftColor: 'rgb(139,92,246)'}, + 'border-l-violet-600': {borderLeftColor: 'rgb(124,58,237)'}, + 'border-l-violet-700': {borderLeftColor: 'rgb(109,40,217)'}, + 'border-l-violet-800': {borderLeftColor: 'rgb(91,33,182)'}, + 'border-l-violet-900': {borderLeftColor: 'rgb(76,29,149)'}, + 'border-l-violet-950': {borderLeftColor: 'rgb(46,16,101)'}, + 'border-l-white': {borderLeftColor: 'rgb(255,255,255)'}, + 'border-l-yellow-100': {borderLeftColor: 'rgb(254,249,195)'}, + 'border-l-yellow-200': {borderLeftColor: 'rgb(254,240,138)'}, + 'border-l-yellow-300': {borderLeftColor: 'rgb(253,224,71)'}, + 'border-l-yellow-400': {borderLeftColor: 'rgb(250,204,21)'}, + 'border-l-yellow-50': {borderLeftColor: 'rgb(254,252,232)'}, + 'border-l-yellow-500': {borderLeftColor: 'rgb(234,179,8)'}, + 'border-l-yellow-600': {borderLeftColor: 'rgb(202,138,4)'}, + 'border-l-yellow-700': {borderLeftColor: 'rgb(161,98,7)'}, + 'border-l-yellow-800': {borderLeftColor: 'rgb(133,77,14)'}, + 'border-l-yellow-900': {borderLeftColor: 'rgb(113,63,18)'}, + 'border-l-yellow-950': {borderLeftColor: 'rgb(66,32,6)'}, + 'border-l-zinc-100': {borderLeftColor: 'rgb(244,244,245)'}, + 'border-l-zinc-200': {borderLeftColor: 'rgb(228,228,231)'}, + 'border-l-zinc-300': {borderLeftColor: 'rgb(212,212,216)'}, + 'border-l-zinc-400': {borderLeftColor: 'rgb(161,161,170)'}, + 'border-l-zinc-50': {borderLeftColor: 'rgb(250,250,250)'}, + 'border-l-zinc-500': {borderLeftColor: 'rgb(113,113,122)'}, + 'border-l-zinc-600': {borderLeftColor: 'rgb(82,82,91)'}, + 'border-l-zinc-700': {borderLeftColor: 'rgb(63,63,70)'}, + 'border-l-zinc-800': {borderLeftColor: 'rgb(39,39,42)'}, + 'border-l-zinc-900': {borderLeftColor: 'rgb(24,24,27)'}, + 'border-l-zinc-950': {borderLeftColor: 'rgb(9,9,11)'}, + 'border-r-amber-100': {borderRightColor: 'rgb(254,243,199)'}, + 'border-r-amber-200': {borderRightColor: 'rgb(253,230,138)'}, + 'border-r-amber-300': {borderRightColor: 'rgb(252,211,77)'}, + 'border-r-amber-400': {borderRightColor: 'rgb(251,191,36)'}, + 'border-r-amber-50': {borderRightColor: 'rgb(255,251,235)'}, + 'border-r-amber-500': {borderRightColor: 'rgb(245,158,11)'}, + 'border-r-amber-600': {borderRightColor: 'rgb(217,119,6)'}, + 'border-r-amber-700': {borderRightColor: 'rgb(180,83,9)'}, + 'border-r-amber-800': {borderRightColor: 'rgb(146,64,14)'}, + 'border-r-amber-900': {borderRightColor: 'rgb(120,53,15)'}, + 'border-r-amber-950': {borderRightColor: 'rgb(69,26,3)'}, + 'border-r-black': {borderRightColor: 'rgb(0,0,0)'}, + 'border-r-blue-100': {borderRightColor: 'rgb(219,234,254)'}, + 'border-r-blue-200': {borderRightColor: 'rgb(191,219,254)'}, + 'border-r-blue-300': {borderRightColor: 'rgb(147,197,253)'}, + 'border-r-blue-400': {borderRightColor: 'rgb(96,165,250)'}, + 'border-r-blue-50': {borderRightColor: 'rgb(239,246,255)'}, + 'border-r-blue-500': {borderRightColor: 'rgb(59,130,246)'}, + 'border-r-blue-600': {borderRightColor: 'rgb(37,99,235)'}, + 'border-r-blue-700': {borderRightColor: 'rgb(29,78,216)'}, + 'border-r-blue-800': {borderRightColor: 'rgb(30,64,175)'}, + 'border-r-blue-900': {borderRightColor: 'rgb(30,58,138)'}, + 'border-r-blue-950': {borderRightColor: 'rgb(23,37,84)'}, + 'border-r-cyan-100': {borderRightColor: 'rgb(207,250,254)'}, + 'border-r-cyan-200': {borderRightColor: 'rgb(165,243,252)'}, + 'border-r-cyan-300': {borderRightColor: 'rgb(103,232,249)'}, + 'border-r-cyan-400': {borderRightColor: 'rgb(34,211,238)'}, + 'border-r-cyan-50': {borderRightColor: 'rgb(236,254,255)'}, + 'border-r-cyan-500': {borderRightColor: 'rgb(6,182,212)'}, + 'border-r-cyan-600': {borderRightColor: 'rgb(8,145,178)'}, + 'border-r-cyan-700': {borderRightColor: 'rgb(14,116,144)'}, + 'border-r-cyan-800': {borderRightColor: 'rgb(21,94,117)'}, + 'border-r-cyan-900': {borderRightColor: 'rgb(22,78,99)'}, + 'border-r-cyan-950': {borderRightColor: 'rgb(8,51,68)'}, + 'border-r-emerald-100': {borderRightColor: 'rgb(209,250,229)'}, + 'border-r-emerald-200': {borderRightColor: 'rgb(167,243,208)'}, + 'border-r-emerald-300': {borderRightColor: 'rgb(110,231,183)'}, + 'border-r-emerald-400': {borderRightColor: 'rgb(52,211,153)'}, + 'border-r-emerald-50': {borderRightColor: 'rgb(236,253,245)'}, + 'border-r-emerald-500': {borderRightColor: 'rgb(16,185,129)'}, + 'border-r-emerald-600': {borderRightColor: 'rgb(5,150,105)'}, + 'border-r-emerald-700': {borderRightColor: 'rgb(4,120,87)'}, + 'border-r-emerald-800': {borderRightColor: 'rgb(6,95,70)'}, + 'border-r-emerald-900': {borderRightColor: 'rgb(6,78,59)'}, + 'border-r-emerald-950': {borderRightColor: 'rgb(2,44,34)'}, + 'border-r-fuchsia-100': {borderRightColor: 'rgb(250,232,255)'}, + 'border-r-fuchsia-200': {borderRightColor: 'rgb(245,208,254)'}, + 'border-r-fuchsia-300': {borderRightColor: 'rgb(240,171,252)'}, + 'border-r-fuchsia-400': {borderRightColor: 'rgb(232,121,249)'}, + 'border-r-fuchsia-50': {borderRightColor: 'rgb(253,244,255)'}, + 'border-r-fuchsia-500': {borderRightColor: 'rgb(217,70,239)'}, + 'border-r-fuchsia-600': {borderRightColor: 'rgb(192,38,211)'}, + 'border-r-fuchsia-700': {borderRightColor: 'rgb(162,28,175)'}, + 'border-r-fuchsia-800': {borderRightColor: 'rgb(134,25,143)'}, + 'border-r-fuchsia-900': {borderRightColor: 'rgb(112,26,117)'}, + 'border-r-fuchsia-950': {borderRightColor: 'rgb(74,4,78)'}, + 'border-r-gray-100': {borderRightColor: 'rgb(243,244,246)'}, + 'border-r-gray-200': {borderRightColor: 'rgb(229,231,235)'}, + 'border-r-gray-300': {borderRightColor: 'rgb(209,213,219)'}, + 'border-r-gray-400': {borderRightColor: 'rgb(156,163,175)'}, + 'border-r-gray-50': {borderRightColor: 'rgb(249,250,251)'}, + 'border-r-gray-500': {borderRightColor: 'rgb(107,114,128)'}, + 'border-r-gray-600': {borderRightColor: 'rgb(75,85,99)'}, + 'border-r-gray-700': {borderRightColor: 'rgb(55,65,81)'}, + 'border-r-gray-800': {borderRightColor: 'rgb(31,41,55)'}, + 'border-r-gray-900': {borderRightColor: 'rgb(17,24,39)'}, + 'border-r-gray-950': {borderRightColor: 'rgb(3,7,18)'}, + 'border-r-green-100': {borderRightColor: 'rgb(220,252,231)'}, + 'border-r-green-200': {borderRightColor: 'rgb(187,247,208)'}, + 'border-r-green-300': {borderRightColor: 'rgb(134,239,172)'}, + 'border-r-green-400': {borderRightColor: 'rgb(74,222,128)'}, + 'border-r-green-50': {borderRightColor: 'rgb(240,253,244)'}, + 'border-r-green-500': {borderRightColor: 'rgb(34,197,94)'}, + 'border-r-green-600': {borderRightColor: 'rgb(22,163,74)'}, + 'border-r-green-700': {borderRightColor: 'rgb(21,128,61)'}, + 'border-r-green-800': {borderRightColor: 'rgb(22,101,52)'}, + 'border-r-green-900': {borderRightColor: 'rgb(20,83,45)'}, + 'border-r-green-950': {borderRightColor: 'rgb(5,46,22)'}, + 'border-r-indigo-100': {borderRightColor: 'rgb(224,231,255)'}, + 'border-r-indigo-200': {borderRightColor: 'rgb(199,210,254)'}, + 'border-r-indigo-300': {borderRightColor: 'rgb(165,180,252)'}, + 'border-r-indigo-400': {borderRightColor: 'rgb(129,140,248)'}, + 'border-r-indigo-50': {borderRightColor: 'rgb(238,242,255)'}, + 'border-r-indigo-500': {borderRightColor: 'rgb(99,102,241)'}, + 'border-r-indigo-600': {borderRightColor: 'rgb(79,70,229)'}, + 'border-r-indigo-700': {borderRightColor: 'rgb(67,56,202)'}, + 'border-r-indigo-800': {borderRightColor: 'rgb(55,48,163)'}, + 'border-r-indigo-900': {borderRightColor: 'rgb(49,46,129)'}, + 'border-r-indigo-950': {borderRightColor: 'rgb(30,27,75)'}, + 'border-r-lime-100': {borderRightColor: 'rgb(236,252,203)'}, + 'border-r-lime-200': {borderRightColor: 'rgb(217,249,157)'}, + 'border-r-lime-300': {borderRightColor: 'rgb(190,242,100)'}, + 'border-r-lime-400': {borderRightColor: 'rgb(163,230,53)'}, + 'border-r-lime-50': {borderRightColor: 'rgb(247,254,231)'}, + 'border-r-lime-500': {borderRightColor: 'rgb(132,204,22)'}, + 'border-r-lime-600': {borderRightColor: 'rgb(101,163,13)'}, + 'border-r-lime-700': {borderRightColor: 'rgb(77,124,15)'}, + 'border-r-lime-800': {borderRightColor: 'rgb(63,98,18)'}, + 'border-r-lime-900': {borderRightColor: 'rgb(54,83,20)'}, + 'border-r-lime-950': {borderRightColor: 'rgb(26,46,5)'}, + 'border-r-neutral-100': {borderRightColor: 'rgb(245,245,245)'}, + 'border-r-neutral-200': {borderRightColor: 'rgb(229,229,229)'}, + 'border-r-neutral-300': {borderRightColor: 'rgb(212,212,212)'}, + 'border-r-neutral-400': {borderRightColor: 'rgb(163,163,163)'}, + 'border-r-neutral-50': {borderRightColor: 'rgb(250,250,250)'}, + 'border-r-neutral-500': {borderRightColor: 'rgb(115,115,115)'}, + 'border-r-neutral-600': {borderRightColor: 'rgb(82,82,82)'}, + 'border-r-neutral-700': {borderRightColor: 'rgb(64,64,64)'}, + 'border-r-neutral-800': {borderRightColor: 'rgb(38,38,38)'}, + 'border-r-neutral-900': {borderRightColor: 'rgb(23,23,23)'}, + 'border-r-neutral-950': {borderRightColor: 'rgb(10,10,10)'}, + 'border-r-orange-100': {borderRightColor: 'rgb(255,237,213)'}, + 'border-r-orange-200': {borderRightColor: 'rgb(254,215,170)'}, + 'border-r-orange-300': {borderRightColor: 'rgb(253,186,116)'}, + 'border-r-orange-400': {borderRightColor: 'rgb(251,146,60)'}, + 'border-r-orange-50': {borderRightColor: 'rgb(255,247,237)'}, + 'border-r-orange-500': {borderRightColor: 'rgb(249,115,22)'}, + 'border-r-orange-600': {borderRightColor: 'rgb(234,88,12)'}, + 'border-r-orange-700': {borderRightColor: 'rgb(194,65,12)'}, + 'border-r-orange-800': {borderRightColor: 'rgb(154,52,18)'}, + 'border-r-orange-900': {borderRightColor: 'rgb(124,45,18)'}, + 'border-r-orange-950': {borderRightColor: 'rgb(67,20,7)'}, + 'border-r-pink-100': {borderRightColor: 'rgb(252,231,243)'}, + 'border-r-pink-200': {borderRightColor: 'rgb(251,207,232)'}, + 'border-r-pink-300': {borderRightColor: 'rgb(249,168,212)'}, + 'border-r-pink-400': {borderRightColor: 'rgb(244,114,182)'}, + 'border-r-pink-50': {borderRightColor: 'rgb(253,242,248)'}, + 'border-r-pink-500': {borderRightColor: 'rgb(236,72,153)'}, + 'border-r-pink-600': {borderRightColor: 'rgb(219,39,119)'}, + 'border-r-pink-700': {borderRightColor: 'rgb(190,24,93)'}, + 'border-r-pink-800': {borderRightColor: 'rgb(157,23,77)'}, + 'border-r-pink-900': {borderRightColor: 'rgb(131,24,67)'}, + 'border-r-pink-950': {borderRightColor: 'rgb(80,7,36)'}, + 'border-r-purple-100': {borderRightColor: 'rgb(243,232,255)'}, + 'border-r-purple-200': {borderRightColor: 'rgb(233,213,255)'}, + 'border-r-purple-300': {borderRightColor: 'rgb(216,180,254)'}, + 'border-r-purple-400': {borderRightColor: 'rgb(192,132,252)'}, + 'border-r-purple-50': {borderRightColor: 'rgb(250,245,255)'}, + 'border-r-purple-500': {borderRightColor: 'rgb(168,85,247)'}, + 'border-r-purple-600': {borderRightColor: 'rgb(147,51,234)'}, + 'border-r-purple-700': {borderRightColor: 'rgb(126,34,206)'}, + 'border-r-purple-800': {borderRightColor: 'rgb(107,33,168)'}, + 'border-r-purple-900': {borderRightColor: 'rgb(88,28,135)'}, + 'border-r-purple-950': {borderRightColor: 'rgb(59,7,100)'}, + 'border-r-red-100': {borderRightColor: 'rgb(254,226,226)'}, + 'border-r-red-200': {borderRightColor: 'rgb(254,202,202)'}, + 'border-r-red-300': {borderRightColor: 'rgb(252,165,165)'}, + 'border-r-red-400': {borderRightColor: 'rgb(248,113,113)'}, + 'border-r-red-50': {borderRightColor: 'rgb(254,242,242)'}, + 'border-r-red-500': {borderRightColor: 'rgb(239,68,68)'}, + 'border-r-red-600': {borderRightColor: 'rgb(220,38,38)'}, + 'border-r-red-700': {borderRightColor: 'rgb(185,28,28)'}, + 'border-r-red-800': {borderRightColor: 'rgb(153,27,27)'}, + 'border-r-red-900': {borderRightColor: 'rgb(127,29,29)'}, + 'border-r-red-950': {borderRightColor: 'rgb(69,10,10)'}, + 'border-r-rose-100': {borderRightColor: 'rgb(255,228,230)'}, + 'border-r-rose-200': {borderRightColor: 'rgb(254,205,211)'}, + 'border-r-rose-300': {borderRightColor: 'rgb(253,164,175)'}, + 'border-r-rose-400': {borderRightColor: 'rgb(251,113,133)'}, + 'border-r-rose-50': {borderRightColor: 'rgb(255,241,242)'}, + 'border-r-rose-500': {borderRightColor: 'rgb(244,63,94)'}, + 'border-r-rose-600': {borderRightColor: 'rgb(225,29,72)'}, + 'border-r-rose-700': {borderRightColor: 'rgb(190,18,60)'}, + 'border-r-rose-800': {borderRightColor: 'rgb(159,18,57)'}, + 'border-r-rose-900': {borderRightColor: 'rgb(136,19,55)'}, + 'border-r-rose-950': {borderRightColor: 'rgb(76,5,25)'}, + 'border-r-sky-100': {borderRightColor: 'rgb(224,242,254)'}, + 'border-r-sky-200': {borderRightColor: 'rgb(186,230,253)'}, + 'border-r-sky-300': {borderRightColor: 'rgb(125,211,252)'}, + 'border-r-sky-400': {borderRightColor: 'rgb(56,189,248)'}, + 'border-r-sky-50': {borderRightColor: 'rgb(240,249,255)'}, + 'border-r-sky-500': {borderRightColor: 'rgb(14,165,233)'}, + 'border-r-sky-600': {borderRightColor: 'rgb(2,132,199)'}, + 'border-r-sky-700': {borderRightColor: 'rgb(3,105,161)'}, + 'border-r-sky-800': {borderRightColor: 'rgb(7,89,133)'}, + 'border-r-sky-900': {borderRightColor: 'rgb(12,74,110)'}, + 'border-r-sky-950': {borderRightColor: 'rgb(8,47,73)'}, + 'border-r-slate-100': {borderRightColor: 'rgb(241,245,249)'}, + 'border-r-slate-200': {borderRightColor: 'rgb(226,232,240)'}, + 'border-r-slate-300': {borderRightColor: 'rgb(203,213,225)'}, + 'border-r-slate-400': {borderRightColor: 'rgb(148,163,184)'}, + 'border-r-slate-50': {borderRightColor: 'rgb(248,250,252)'}, + 'border-r-slate-500': {borderRightColor: 'rgb(100,116,139)'}, + 'border-r-slate-600': {borderRightColor: 'rgb(71,85,105)'}, + 'border-r-slate-700': {borderRightColor: 'rgb(51,65,85)'}, + 'border-r-slate-800': {borderRightColor: 'rgb(30,41,59)'}, + 'border-r-slate-900': {borderRightColor: 'rgb(15,23,42)'}, + 'border-r-slate-950': {borderRightColor: 'rgb(2,6,23)'}, + 'border-r-stone-100': {borderRightColor: 'rgb(245,245,244)'}, + 'border-r-stone-200': {borderRightColor: 'rgb(231,229,228)'}, + 'border-r-stone-300': {borderRightColor: 'rgb(214,211,209)'}, + 'border-r-stone-400': {borderRightColor: 'rgb(168,162,158)'}, + 'border-r-stone-50': {borderRightColor: 'rgb(250,250,249)'}, + 'border-r-stone-500': {borderRightColor: 'rgb(120,113,108)'}, + 'border-r-stone-600': {borderRightColor: 'rgb(87,83,78)'}, + 'border-r-stone-700': {borderRightColor: 'rgb(68,64,60)'}, + 'border-r-stone-800': {borderRightColor: 'rgb(41,37,36)'}, + 'border-r-stone-900': {borderRightColor: 'rgb(28,25,23)'}, + 'border-r-stone-950': {borderRightColor: 'rgb(12,10,9)'}, + 'border-r-teal-100': {borderRightColor: 'rgb(204,251,241)'}, + 'border-r-teal-200': {borderRightColor: 'rgb(153,246,228)'}, + 'border-r-teal-300': {borderRightColor: 'rgb(94,234,212)'}, + 'border-r-teal-400': {borderRightColor: 'rgb(45,212,191)'}, + 'border-r-teal-50': {borderRightColor: 'rgb(240,253,250)'}, + 'border-r-teal-500': {borderRightColor: 'rgb(20,184,166)'}, + 'border-r-teal-600': {borderRightColor: 'rgb(13,148,136)'}, + 'border-r-teal-700': {borderRightColor: 'rgb(15,118,110)'}, + 'border-r-teal-800': {borderRightColor: 'rgb(17,94,89)'}, + 'border-r-teal-900': {borderRightColor: 'rgb(19,78,74)'}, + 'border-r-teal-950': {borderRightColor: 'rgb(4,47,46)'}, + 'border-r-transparent': {borderRightColor: 'transparent'}, + 'border-r-violet-100': {borderRightColor: 'rgb(237,233,254)'}, + 'border-r-violet-200': {borderRightColor: 'rgb(221,214,254)'}, + 'border-r-violet-300': {borderRightColor: 'rgb(196,181,253)'}, + 'border-r-violet-400': {borderRightColor: 'rgb(167,139,250)'}, + 'border-r-violet-50': {borderRightColor: 'rgb(245,243,255)'}, + 'border-r-violet-500': {borderRightColor: 'rgb(139,92,246)'}, + 'border-r-violet-600': {borderRightColor: 'rgb(124,58,237)'}, + 'border-r-violet-700': {borderRightColor: 'rgb(109,40,217)'}, + 'border-r-violet-800': {borderRightColor: 'rgb(91,33,182)'}, + 'border-r-violet-900': {borderRightColor: 'rgb(76,29,149)'}, + 'border-r-violet-950': {borderRightColor: 'rgb(46,16,101)'}, + 'border-r-white': {borderRightColor: 'rgb(255,255,255)'}, + 'border-r-yellow-100': {borderRightColor: 'rgb(254,249,195)'}, + 'border-r-yellow-200': {borderRightColor: 'rgb(254,240,138)'}, + 'border-r-yellow-300': {borderRightColor: 'rgb(253,224,71)'}, + 'border-r-yellow-400': {borderRightColor: 'rgb(250,204,21)'}, + 'border-r-yellow-50': {borderRightColor: 'rgb(254,252,232)'}, + 'border-r-yellow-500': {borderRightColor: 'rgb(234,179,8)'}, + 'border-r-yellow-600': {borderRightColor: 'rgb(202,138,4)'}, + 'border-r-yellow-700': {borderRightColor: 'rgb(161,98,7)'}, + 'border-r-yellow-800': {borderRightColor: 'rgb(133,77,14)'}, + 'border-r-yellow-900': {borderRightColor: 'rgb(113,63,18)'}, + 'border-r-yellow-950': {borderRightColor: 'rgb(66,32,6)'}, + 'border-r-zinc-100': {borderRightColor: 'rgb(244,244,245)'}, + 'border-r-zinc-200': {borderRightColor: 'rgb(228,228,231)'}, + 'border-r-zinc-300': {borderRightColor: 'rgb(212,212,216)'}, + 'border-r-zinc-400': {borderRightColor: 'rgb(161,161,170)'}, + 'border-r-zinc-50': {borderRightColor: 'rgb(250,250,250)'}, + 'border-r-zinc-500': {borderRightColor: 'rgb(113,113,122)'}, + 'border-r-zinc-600': {borderRightColor: 'rgb(82,82,91)'}, + 'border-r-zinc-700': {borderRightColor: 'rgb(63,63,70)'}, + 'border-r-zinc-800': {borderRightColor: 'rgb(39,39,42)'}, + 'border-r-zinc-900': {borderRightColor: 'rgb(24,24,27)'}, + 'border-r-zinc-950': {borderRightColor: 'rgb(9,9,11)'}, + 'border-t-amber-100': {borderTopColor: 'rgb(254,243,199)'}, + 'border-t-amber-200': {borderTopColor: 'rgb(253,230,138)'}, + 'border-t-amber-300': {borderTopColor: 'rgb(252,211,77)'}, + 'border-t-amber-400': {borderTopColor: 'rgb(251,191,36)'}, + 'border-t-amber-50': {borderTopColor: 'rgb(255,251,235)'}, + 'border-t-amber-500': {borderTopColor: 'rgb(245,158,11)'}, + 'border-t-amber-600': {borderTopColor: 'rgb(217,119,6)'}, + 'border-t-amber-700': {borderTopColor: 'rgb(180,83,9)'}, + 'border-t-amber-800': {borderTopColor: 'rgb(146,64,14)'}, + 'border-t-amber-900': {borderTopColor: 'rgb(120,53,15)'}, + 'border-t-amber-950': {borderTopColor: 'rgb(69,26,3)'}, + 'border-t-black': {borderTopColor: 'rgb(0,0,0)'}, + 'border-t-blue-100': {borderTopColor: 'rgb(219,234,254)'}, + 'border-t-blue-200': {borderTopColor: 'rgb(191,219,254)'}, + 'border-t-blue-300': {borderTopColor: 'rgb(147,197,253)'}, + 'border-t-blue-400': {borderTopColor: 'rgb(96,165,250)'}, + 'border-t-blue-50': {borderTopColor: 'rgb(239,246,255)'}, + 'border-t-blue-500': {borderTopColor: 'rgb(59,130,246)'}, + 'border-t-blue-600': {borderTopColor: 'rgb(37,99,235)'}, + 'border-t-blue-700': {borderTopColor: 'rgb(29,78,216)'}, + 'border-t-blue-800': {borderTopColor: 'rgb(30,64,175)'}, + 'border-t-blue-900': {borderTopColor: 'rgb(30,58,138)'}, + 'border-t-blue-950': {borderTopColor: 'rgb(23,37,84)'}, + 'border-t-cyan-100': {borderTopColor: 'rgb(207,250,254)'}, + 'border-t-cyan-200': {borderTopColor: 'rgb(165,243,252)'}, + 'border-t-cyan-300': {borderTopColor: 'rgb(103,232,249)'}, + 'border-t-cyan-400': {borderTopColor: 'rgb(34,211,238)'}, + 'border-t-cyan-50': {borderTopColor: 'rgb(236,254,255)'}, + 'border-t-cyan-500': {borderTopColor: 'rgb(6,182,212)'}, + 'border-t-cyan-600': {borderTopColor: 'rgb(8,145,178)'}, + 'border-t-cyan-700': {borderTopColor: 'rgb(14,116,144)'}, + 'border-t-cyan-800': {borderTopColor: 'rgb(21,94,117)'}, + 'border-t-cyan-900': {borderTopColor: 'rgb(22,78,99)'}, + 'border-t-cyan-950': {borderTopColor: 'rgb(8,51,68)'}, + 'border-t-emerald-100': {borderTopColor: 'rgb(209,250,229)'}, + 'border-t-emerald-200': {borderTopColor: 'rgb(167,243,208)'}, + 'border-t-emerald-300': {borderTopColor: 'rgb(110,231,183)'}, + 'border-t-emerald-400': {borderTopColor: 'rgb(52,211,153)'}, + 'border-t-emerald-50': {borderTopColor: 'rgb(236,253,245)'}, + 'border-t-emerald-500': {borderTopColor: 'rgb(16,185,129)'}, + 'border-t-emerald-600': {borderTopColor: 'rgb(5,150,105)'}, + 'border-t-emerald-700': {borderTopColor: 'rgb(4,120,87)'}, + 'border-t-emerald-800': {borderTopColor: 'rgb(6,95,70)'}, + 'border-t-emerald-900': {borderTopColor: 'rgb(6,78,59)'}, + 'border-t-emerald-950': {borderTopColor: 'rgb(2,44,34)'}, + 'border-t-fuchsia-100': {borderTopColor: 'rgb(250,232,255)'}, + 'border-t-fuchsia-200': {borderTopColor: 'rgb(245,208,254)'}, + 'border-t-fuchsia-300': {borderTopColor: 'rgb(240,171,252)'}, + 'border-t-fuchsia-400': {borderTopColor: 'rgb(232,121,249)'}, + 'border-t-fuchsia-50': {borderTopColor: 'rgb(253,244,255)'}, + 'border-t-fuchsia-500': {borderTopColor: 'rgb(217,70,239)'}, + 'border-t-fuchsia-600': {borderTopColor: 'rgb(192,38,211)'}, + 'border-t-fuchsia-700': {borderTopColor: 'rgb(162,28,175)'}, + 'border-t-fuchsia-800': {borderTopColor: 'rgb(134,25,143)'}, + 'border-t-fuchsia-900': {borderTopColor: 'rgb(112,26,117)'}, + 'border-t-fuchsia-950': {borderTopColor: 'rgb(74,4,78)'}, + 'border-t-gray-100': {borderTopColor: 'rgb(243,244,246)'}, + 'border-t-gray-200': {borderTopColor: 'rgb(229,231,235)'}, + 'border-t-gray-300': {borderTopColor: 'rgb(209,213,219)'}, + 'border-t-gray-400': {borderTopColor: 'rgb(156,163,175)'}, + 'border-t-gray-50': {borderTopColor: 'rgb(249,250,251)'}, + 'border-t-gray-500': {borderTopColor: 'rgb(107,114,128)'}, + 'border-t-gray-600': {borderTopColor: 'rgb(75,85,99)'}, + 'border-t-gray-700': {borderTopColor: 'rgb(55,65,81)'}, + 'border-t-gray-800': {borderTopColor: 'rgb(31,41,55)'}, + 'border-t-gray-900': {borderTopColor: 'rgb(17,24,39)'}, + 'border-t-gray-950': {borderTopColor: 'rgb(3,7,18)'}, + 'border-t-green-100': {borderTopColor: 'rgb(220,252,231)'}, + 'border-t-green-200': {borderTopColor: 'rgb(187,247,208)'}, + 'border-t-green-300': {borderTopColor: 'rgb(134,239,172)'}, + 'border-t-green-400': {borderTopColor: 'rgb(74,222,128)'}, + 'border-t-green-50': {borderTopColor: 'rgb(240,253,244)'}, + 'border-t-green-500': {borderTopColor: 'rgb(34,197,94)'}, + 'border-t-green-600': {borderTopColor: 'rgb(22,163,74)'}, + 'border-t-green-700': {borderTopColor: 'rgb(21,128,61)'}, + 'border-t-green-800': {borderTopColor: 'rgb(22,101,52)'}, + 'border-t-green-900': {borderTopColor: 'rgb(20,83,45)'}, + 'border-t-green-950': {borderTopColor: 'rgb(5,46,22)'}, + 'border-t-indigo-100': {borderTopColor: 'rgb(224,231,255)'}, + 'border-t-indigo-200': {borderTopColor: 'rgb(199,210,254)'}, + 'border-t-indigo-300': {borderTopColor: 'rgb(165,180,252)'}, + 'border-t-indigo-400': {borderTopColor: 'rgb(129,140,248)'}, + 'border-t-indigo-50': {borderTopColor: 'rgb(238,242,255)'}, + 'border-t-indigo-500': {borderTopColor: 'rgb(99,102,241)'}, + 'border-t-indigo-600': {borderTopColor: 'rgb(79,70,229)'}, + 'border-t-indigo-700': {borderTopColor: 'rgb(67,56,202)'}, + 'border-t-indigo-800': {borderTopColor: 'rgb(55,48,163)'}, + 'border-t-indigo-900': {borderTopColor: 'rgb(49,46,129)'}, + 'border-t-indigo-950': {borderTopColor: 'rgb(30,27,75)'}, + 'border-t-lime-100': {borderTopColor: 'rgb(236,252,203)'}, + 'border-t-lime-200': {borderTopColor: 'rgb(217,249,157)'}, + 'border-t-lime-300': {borderTopColor: 'rgb(190,242,100)'}, + 'border-t-lime-400': {borderTopColor: 'rgb(163,230,53)'}, + 'border-t-lime-50': {borderTopColor: 'rgb(247,254,231)'}, + 'border-t-lime-500': {borderTopColor: 'rgb(132,204,22)'}, + 'border-t-lime-600': {borderTopColor: 'rgb(101,163,13)'}, + 'border-t-lime-700': {borderTopColor: 'rgb(77,124,15)'}, + 'border-t-lime-800': {borderTopColor: 'rgb(63,98,18)'}, + 'border-t-lime-900': {borderTopColor: 'rgb(54,83,20)'}, + 'border-t-lime-950': {borderTopColor: 'rgb(26,46,5)'}, + 'border-t-neutral-100': {borderTopColor: 'rgb(245,245,245)'}, + 'border-t-neutral-200': {borderTopColor: 'rgb(229,229,229)'}, + 'border-t-neutral-300': {borderTopColor: 'rgb(212,212,212)'}, + 'border-t-neutral-400': {borderTopColor: 'rgb(163,163,163)'}, + 'border-t-neutral-50': {borderTopColor: 'rgb(250,250,250)'}, + 'border-t-neutral-500': {borderTopColor: 'rgb(115,115,115)'}, + 'border-t-neutral-600': {borderTopColor: 'rgb(82,82,82)'}, + 'border-t-neutral-700': {borderTopColor: 'rgb(64,64,64)'}, + 'border-t-neutral-800': {borderTopColor: 'rgb(38,38,38)'}, + 'border-t-neutral-900': {borderTopColor: 'rgb(23,23,23)'}, + 'border-t-neutral-950': {borderTopColor: 'rgb(10,10,10)'}, + 'border-t-orange-100': {borderTopColor: 'rgb(255,237,213)'}, + 'border-t-orange-200': {borderTopColor: 'rgb(254,215,170)'}, + 'border-t-orange-300': {borderTopColor: 'rgb(253,186,116)'}, + 'border-t-orange-400': {borderTopColor: 'rgb(251,146,60)'}, + 'border-t-orange-50': {borderTopColor: 'rgb(255,247,237)'}, + 'border-t-orange-500': {borderTopColor: 'rgb(249,115,22)'}, + 'border-t-orange-600': {borderTopColor: 'rgb(234,88,12)'}, + 'border-t-orange-700': {borderTopColor: 'rgb(194,65,12)'}, + 'border-t-orange-800': {borderTopColor: 'rgb(154,52,18)'}, + 'border-t-orange-900': {borderTopColor: 'rgb(124,45,18)'}, + 'border-t-orange-950': {borderTopColor: 'rgb(67,20,7)'}, + 'border-t-pink-100': {borderTopColor: 'rgb(252,231,243)'}, + 'border-t-pink-200': {borderTopColor: 'rgb(251,207,232)'}, + 'border-t-pink-300': {borderTopColor: 'rgb(249,168,212)'}, + 'border-t-pink-400': {borderTopColor: 'rgb(244,114,182)'}, + 'border-t-pink-50': {borderTopColor: 'rgb(253,242,248)'}, + 'border-t-pink-500': {borderTopColor: 'rgb(236,72,153)'}, + 'border-t-pink-600': {borderTopColor: 'rgb(219,39,119)'}, + 'border-t-pink-700': {borderTopColor: 'rgb(190,24,93)'}, + 'border-t-pink-800': {borderTopColor: 'rgb(157,23,77)'}, + 'border-t-pink-900': {borderTopColor: 'rgb(131,24,67)'}, + 'border-t-pink-950': {borderTopColor: 'rgb(80,7,36)'}, + 'border-t-purple-100': {borderTopColor: 'rgb(243,232,255)'}, + 'border-t-purple-200': {borderTopColor: 'rgb(233,213,255)'}, + 'border-t-purple-300': {borderTopColor: 'rgb(216,180,254)'}, + 'border-t-purple-400': {borderTopColor: 'rgb(192,132,252)'}, + 'border-t-purple-50': {borderTopColor: 'rgb(250,245,255)'}, + 'border-t-purple-500': {borderTopColor: 'rgb(168,85,247)'}, + 'border-t-purple-600': {borderTopColor: 'rgb(147,51,234)'}, + 'border-t-purple-700': {borderTopColor: 'rgb(126,34,206)'}, + 'border-t-purple-800': {borderTopColor: 'rgb(107,33,168)'}, + 'border-t-purple-900': {borderTopColor: 'rgb(88,28,135)'}, + 'border-t-purple-950': {borderTopColor: 'rgb(59,7,100)'}, + 'border-t-red-100': {borderTopColor: 'rgb(254,226,226)'}, + 'border-t-red-200': {borderTopColor: 'rgb(254,202,202)'}, + 'border-t-red-300': {borderTopColor: 'rgb(252,165,165)'}, + 'border-t-red-400': {borderTopColor: 'rgb(248,113,113)'}, + 'border-t-red-50': {borderTopColor: 'rgb(254,242,242)'}, + 'border-t-red-500': {borderTopColor: 'rgb(239,68,68)'}, + 'border-t-red-600': {borderTopColor: 'rgb(220,38,38)'}, + 'border-t-red-700': {borderTopColor: 'rgb(185,28,28)'}, + 'border-t-red-800': {borderTopColor: 'rgb(153,27,27)'}, + 'border-t-red-900': {borderTopColor: 'rgb(127,29,29)'}, + 'border-t-red-950': {borderTopColor: 'rgb(69,10,10)'}, + 'border-t-rose-100': {borderTopColor: 'rgb(255,228,230)'}, + 'border-t-rose-200': {borderTopColor: 'rgb(254,205,211)'}, + 'border-t-rose-300': {borderTopColor: 'rgb(253,164,175)'}, + 'border-t-rose-400': {borderTopColor: 'rgb(251,113,133)'}, + 'border-t-rose-50': {borderTopColor: 'rgb(255,241,242)'}, + 'border-t-rose-500': {borderTopColor: 'rgb(244,63,94)'}, + 'border-t-rose-600': {borderTopColor: 'rgb(225,29,72)'}, + 'border-t-rose-700': {borderTopColor: 'rgb(190,18,60)'}, + 'border-t-rose-800': {borderTopColor: 'rgb(159,18,57)'}, + 'border-t-rose-900': {borderTopColor: 'rgb(136,19,55)'}, + 'border-t-rose-950': {borderTopColor: 'rgb(76,5,25)'}, + 'border-t-sky-100': {borderTopColor: 'rgb(224,242,254)'}, + 'border-t-sky-200': {borderTopColor: 'rgb(186,230,253)'}, + 'border-t-sky-300': {borderTopColor: 'rgb(125,211,252)'}, + 'border-t-sky-400': {borderTopColor: 'rgb(56,189,248)'}, + 'border-t-sky-50': {borderTopColor: 'rgb(240,249,255)'}, + 'border-t-sky-500': {borderTopColor: 'rgb(14,165,233)'}, + 'border-t-sky-600': {borderTopColor: 'rgb(2,132,199)'}, + 'border-t-sky-700': {borderTopColor: 'rgb(3,105,161)'}, + 'border-t-sky-800': {borderTopColor: 'rgb(7,89,133)'}, + 'border-t-sky-900': {borderTopColor: 'rgb(12,74,110)'}, + 'border-t-sky-950': {borderTopColor: 'rgb(8,47,73)'}, + 'border-t-slate-100': {borderTopColor: 'rgb(241,245,249)'}, + 'border-t-slate-200': {borderTopColor: 'rgb(226,232,240)'}, + 'border-t-slate-300': {borderTopColor: 'rgb(203,213,225)'}, + 'border-t-slate-400': {borderTopColor: 'rgb(148,163,184)'}, + 'border-t-slate-50': {borderTopColor: 'rgb(248,250,252)'}, + 'border-t-slate-500': {borderTopColor: 'rgb(100,116,139)'}, + 'border-t-slate-600': {borderTopColor: 'rgb(71,85,105)'}, + 'border-t-slate-700': {borderTopColor: 'rgb(51,65,85)'}, + 'border-t-slate-800': {borderTopColor: 'rgb(30,41,59)'}, + 'border-t-slate-900': {borderTopColor: 'rgb(15,23,42)'}, + 'border-t-slate-950': {borderTopColor: 'rgb(2,6,23)'}, + 'border-t-stone-100': {borderTopColor: 'rgb(245,245,244)'}, + 'border-t-stone-200': {borderTopColor: 'rgb(231,229,228)'}, + 'border-t-stone-300': {borderTopColor: 'rgb(214,211,209)'}, + 'border-t-stone-400': {borderTopColor: 'rgb(168,162,158)'}, + 'border-t-stone-50': {borderTopColor: 'rgb(250,250,249)'}, + 'border-t-stone-500': {borderTopColor: 'rgb(120,113,108)'}, + 'border-t-stone-600': {borderTopColor: 'rgb(87,83,78)'}, + 'border-t-stone-700': {borderTopColor: 'rgb(68,64,60)'}, + 'border-t-stone-800': {borderTopColor: 'rgb(41,37,36)'}, + 'border-t-stone-900': {borderTopColor: 'rgb(28,25,23)'}, + 'border-t-stone-950': {borderTopColor: 'rgb(12,10,9)'}, + 'border-t-teal-100': {borderTopColor: 'rgb(204,251,241)'}, + 'border-t-teal-200': {borderTopColor: 'rgb(153,246,228)'}, + 'border-t-teal-300': {borderTopColor: 'rgb(94,234,212)'}, + 'border-t-teal-400': {borderTopColor: 'rgb(45,212,191)'}, + 'border-t-teal-50': {borderTopColor: 'rgb(240,253,250)'}, + 'border-t-teal-500': {borderTopColor: 'rgb(20,184,166)'}, + 'border-t-teal-600': {borderTopColor: 'rgb(13,148,136)'}, + 'border-t-teal-700': {borderTopColor: 'rgb(15,118,110)'}, + 'border-t-teal-800': {borderTopColor: 'rgb(17,94,89)'}, + 'border-t-teal-900': {borderTopColor: 'rgb(19,78,74)'}, + 'border-t-teal-950': {borderTopColor: 'rgb(4,47,46)'}, + 'border-t-transparent': {borderTopColor: 'transparent'}, + 'border-t-violet-100': {borderTopColor: 'rgb(237,233,254)'}, + 'border-t-violet-200': {borderTopColor: 'rgb(221,214,254)'}, + 'border-t-violet-300': {borderTopColor: 'rgb(196,181,253)'}, + 'border-t-violet-400': {borderTopColor: 'rgb(167,139,250)'}, + 'border-t-violet-50': {borderTopColor: 'rgb(245,243,255)'}, + 'border-t-violet-500': {borderTopColor: 'rgb(139,92,246)'}, + 'border-t-violet-600': {borderTopColor: 'rgb(124,58,237)'}, + 'border-t-violet-700': {borderTopColor: 'rgb(109,40,217)'}, + 'border-t-violet-800': {borderTopColor: 'rgb(91,33,182)'}, + 'border-t-violet-900': {borderTopColor: 'rgb(76,29,149)'}, + 'border-t-violet-950': {borderTopColor: 'rgb(46,16,101)'}, + 'border-t-white': {borderTopColor: 'rgb(255,255,255)'}, + 'border-t-yellow-100': {borderTopColor: 'rgb(254,249,195)'}, + 'border-t-yellow-200': {borderTopColor: 'rgb(254,240,138)'}, + 'border-t-yellow-300': {borderTopColor: 'rgb(253,224,71)'}, + 'border-t-yellow-400': {borderTopColor: 'rgb(250,204,21)'}, + 'border-t-yellow-50': {borderTopColor: 'rgb(254,252,232)'}, + 'border-t-yellow-500': {borderTopColor: 'rgb(234,179,8)'}, + 'border-t-yellow-600': {borderTopColor: 'rgb(202,138,4)'}, + 'border-t-yellow-700': {borderTopColor: 'rgb(161,98,7)'}, + 'border-t-yellow-800': {borderTopColor: 'rgb(133,77,14)'}, + 'border-t-yellow-900': {borderTopColor: 'rgb(113,63,18)'}, + 'border-t-yellow-950': {borderTopColor: 'rgb(66,32,6)'}, + 'border-t-zinc-100': {borderTopColor: 'rgb(244,244,245)'}, + 'border-t-zinc-200': {borderTopColor: 'rgb(228,228,231)'}, + 'border-t-zinc-300': {borderTopColor: 'rgb(212,212,216)'}, + 'border-t-zinc-400': {borderTopColor: 'rgb(161,161,170)'}, + 'border-t-zinc-50': {borderTopColor: 'rgb(250,250,250)'}, + 'border-t-zinc-500': {borderTopColor: 'rgb(113,113,122)'}, + 'border-t-zinc-600': {borderTopColor: 'rgb(82,82,91)'}, + 'border-t-zinc-700': {borderTopColor: 'rgb(63,63,70)'}, + 'border-t-zinc-800': {borderTopColor: 'rgb(39,39,42)'}, + 'border-t-zinc-900': {borderTopColor: 'rgb(24,24,27)'}, + 'border-t-zinc-950': {borderTopColor: 'rgb(9,9,11)'}, + 'border-b-amber-100': {borderBottomColor: 'rgb(254,243,199)'}, + 'border-b-amber-200': {borderBottomColor: 'rgb(253,230,138)'}, + 'border-b-amber-300': {borderBottomColor: 'rgb(252,211,77)'}, + 'border-b-amber-400': {borderBottomColor: 'rgb(251,191,36)'}, + 'border-b-amber-50': {borderBottomColor: 'rgb(255,251,235)'}, + 'border-b-amber-500': {borderBottomColor: 'rgb(245,158,11)'}, + 'border-b-amber-600': {borderBottomColor: 'rgb(217,119,6)'}, + 'border-b-amber-700': {borderBottomColor: 'rgb(180,83,9)'}, + 'border-b-amber-800': {borderBottomColor: 'rgb(146,64,14)'}, + 'border-b-amber-900': {borderBottomColor: 'rgb(120,53,15)'}, + 'border-b-amber-950': {borderBottomColor: 'rgb(69,26,3)'}, + 'border-b-black': {borderBottomColor: 'rgb(0,0,0)'}, + 'border-b-blue-100': {borderBottomColor: 'rgb(219,234,254)'}, + 'border-b-blue-200': {borderBottomColor: 'rgb(191,219,254)'}, + 'border-b-blue-300': {borderBottomColor: 'rgb(147,197,253)'}, + 'border-b-blue-400': {borderBottomColor: 'rgb(96,165,250)'}, + 'border-b-blue-50': {borderBottomColor: 'rgb(239,246,255)'}, + 'border-b-blue-500': {borderBottomColor: 'rgb(59,130,246)'}, + 'border-b-blue-600': {borderBottomColor: 'rgb(37,99,235)'}, + 'border-b-blue-700': {borderBottomColor: 'rgb(29,78,216)'}, + 'border-b-blue-800': {borderBottomColor: 'rgb(30,64,175)'}, + 'border-b-blue-900': {borderBottomColor: 'rgb(30,58,138)'}, + 'border-b-blue-950': {borderBottomColor: 'rgb(23,37,84)'}, + 'border-b-cyan-100': {borderBottomColor: 'rgb(207,250,254)'}, + 'border-b-cyan-200': {borderBottomColor: 'rgb(165,243,252)'}, + 'border-b-cyan-300': {borderBottomColor: 'rgb(103,232,249)'}, + 'border-b-cyan-400': {borderBottomColor: 'rgb(34,211,238)'}, + 'border-b-cyan-50': {borderBottomColor: 'rgb(236,254,255)'}, + 'border-b-cyan-500': {borderBottomColor: 'rgb(6,182,212)'}, + 'border-b-cyan-600': {borderBottomColor: 'rgb(8,145,178)'}, + 'border-b-cyan-700': {borderBottomColor: 'rgb(14,116,144)'}, + 'border-b-cyan-800': {borderBottomColor: 'rgb(21,94,117)'}, + 'border-b-cyan-900': {borderBottomColor: 'rgb(22,78,99)'}, + 'border-b-cyan-950': {borderBottomColor: 'rgb(8,51,68)'}, + 'border-b-emerald-100': {borderBottomColor: 'rgb(209,250,229)'}, + 'border-b-emerald-200': {borderBottomColor: 'rgb(167,243,208)'}, + 'border-b-emerald-300': {borderBottomColor: 'rgb(110,231,183)'}, + 'border-b-emerald-400': {borderBottomColor: 'rgb(52,211,153)'}, + 'border-b-emerald-50': {borderBottomColor: 'rgb(236,253,245)'}, + 'border-b-emerald-500': {borderBottomColor: 'rgb(16,185,129)'}, + 'border-b-emerald-600': {borderBottomColor: 'rgb(5,150,105)'}, + 'border-b-emerald-700': {borderBottomColor: 'rgb(4,120,87)'}, + 'border-b-emerald-800': {borderBottomColor: 'rgb(6,95,70)'}, + 'border-b-emerald-900': {borderBottomColor: 'rgb(6,78,59)'}, + 'border-b-emerald-950': {borderBottomColor: 'rgb(2,44,34)'}, + 'border-b-fuchsia-100': {borderBottomColor: 'rgb(250,232,255)'}, + 'border-b-fuchsia-200': {borderBottomColor: 'rgb(245,208,254)'}, + 'border-b-fuchsia-300': {borderBottomColor: 'rgb(240,171,252)'}, + 'border-b-fuchsia-400': {borderBottomColor: 'rgb(232,121,249)'}, + 'border-b-fuchsia-50': {borderBottomColor: 'rgb(253,244,255)'}, + 'border-b-fuchsia-500': {borderBottomColor: 'rgb(217,70,239)'}, + 'border-b-fuchsia-600': {borderBottomColor: 'rgb(192,38,211)'}, + 'border-b-fuchsia-700': {borderBottomColor: 'rgb(162,28,175)'}, + 'border-b-fuchsia-800': {borderBottomColor: 'rgb(134,25,143)'}, + 'border-b-fuchsia-900': {borderBottomColor: 'rgb(112,26,117)'}, + 'border-b-fuchsia-950': {borderBottomColor: 'rgb(74,4,78)'}, + 'border-b-gray-100': {borderBottomColor: 'rgb(243,244,246)'}, + 'border-b-gray-200': {borderBottomColor: 'rgb(229,231,235)'}, + 'border-b-gray-300': {borderBottomColor: 'rgb(209,213,219)'}, + 'border-b-gray-400': {borderBottomColor: 'rgb(156,163,175)'}, + 'border-b-gray-50': {borderBottomColor: 'rgb(249,250,251)'}, + 'border-b-gray-500': {borderBottomColor: 'rgb(107,114,128)'}, + 'border-b-gray-600': {borderBottomColor: 'rgb(75,85,99)'}, + 'border-b-gray-700': {borderBottomColor: 'rgb(55,65,81)'}, + 'border-b-gray-800': {borderBottomColor: 'rgb(31,41,55)'}, + 'border-b-gray-900': {borderBottomColor: 'rgb(17,24,39)'}, + 'border-b-gray-950': {borderBottomColor: 'rgb(3,7,18)'}, + 'border-b-green-100': {borderBottomColor: 'rgb(220,252,231)'}, + 'border-b-green-200': {borderBottomColor: 'rgb(187,247,208)'}, + 'border-b-green-300': {borderBottomColor: 'rgb(134,239,172)'}, + 'border-b-green-400': {borderBottomColor: 'rgb(74,222,128)'}, + 'border-b-green-50': {borderBottomColor: 'rgb(240,253,244)'}, + 'border-b-green-500': {borderBottomColor: 'rgb(34,197,94)'}, + 'border-b-green-600': {borderBottomColor: 'rgb(22,163,74)'}, + 'border-b-green-700': {borderBottomColor: 'rgb(21,128,61)'}, + 'border-b-green-800': {borderBottomColor: 'rgb(22,101,52)'}, + 'border-b-green-900': {borderBottomColor: 'rgb(20,83,45)'}, + 'border-b-green-950': {borderBottomColor: 'rgb(5,46,22)'}, + 'border-b-indigo-100': {borderBottomColor: 'rgb(224,231,255)'}, + 'border-b-indigo-200': {borderBottomColor: 'rgb(199,210,254)'}, + 'border-b-indigo-300': {borderBottomColor: 'rgb(165,180,252)'}, + 'border-b-indigo-400': {borderBottomColor: 'rgb(129,140,248)'}, + 'border-b-indigo-50': {borderBottomColor: 'rgb(238,242,255)'}, + 'border-b-indigo-500': {borderBottomColor: 'rgb(99,102,241)'}, + 'border-b-indigo-600': {borderBottomColor: 'rgb(79,70,229)'}, + 'border-b-indigo-700': {borderBottomColor: 'rgb(67,56,202)'}, + 'border-b-indigo-800': {borderBottomColor: 'rgb(55,48,163)'}, + 'border-b-indigo-900': {borderBottomColor: 'rgb(49,46,129)'}, + 'border-b-indigo-950': {borderBottomColor: 'rgb(30,27,75)'}, + 'border-b-lime-100': {borderBottomColor: 'rgb(236,252,203)'}, + 'border-b-lime-200': {borderBottomColor: 'rgb(217,249,157)'}, + 'border-b-lime-300': {borderBottomColor: 'rgb(190,242,100)'}, + 'border-b-lime-400': {borderBottomColor: 'rgb(163,230,53)'}, + 'border-b-lime-50': {borderBottomColor: 'rgb(247,254,231)'}, + 'border-b-lime-500': {borderBottomColor: 'rgb(132,204,22)'}, + 'border-b-lime-600': {borderBottomColor: 'rgb(101,163,13)'}, + 'border-b-lime-700': {borderBottomColor: 'rgb(77,124,15)'}, + 'border-b-lime-800': {borderBottomColor: 'rgb(63,98,18)'}, + 'border-b-lime-900': {borderBottomColor: 'rgb(54,83,20)'}, + 'border-b-lime-950': {borderBottomColor: 'rgb(26,46,5)'}, + 'border-b-neutral-100': {borderBottomColor: 'rgb(245,245,245)'}, + 'border-b-neutral-200': {borderBottomColor: 'rgb(229,229,229)'}, + 'border-b-neutral-300': {borderBottomColor: 'rgb(212,212,212)'}, + 'border-b-neutral-400': {borderBottomColor: 'rgb(163,163,163)'}, + 'border-b-neutral-50': {borderBottomColor: 'rgb(250,250,250)'}, + 'border-b-neutral-500': {borderBottomColor: 'rgb(115,115,115)'}, + 'border-b-neutral-600': {borderBottomColor: 'rgb(82,82,82)'}, + 'border-b-neutral-700': {borderBottomColor: 'rgb(64,64,64)'}, + 'border-b-neutral-800': {borderBottomColor: 'rgb(38,38,38)'}, + 'border-b-neutral-900': {borderBottomColor: 'rgb(23,23,23)'}, + 'border-b-neutral-950': {borderBottomColor: 'rgb(10,10,10)'}, + 'border-b-orange-100': {borderBottomColor: 'rgb(255,237,213)'}, + 'border-b-orange-200': {borderBottomColor: 'rgb(254,215,170)'}, + 'border-b-orange-300': {borderBottomColor: 'rgb(253,186,116)'}, + 'border-b-orange-400': {borderBottomColor: 'rgb(251,146,60)'}, + 'border-b-orange-50': {borderBottomColor: 'rgb(255,247,237)'}, + 'border-b-orange-500': {borderBottomColor: 'rgb(249,115,22)'}, + 'border-b-orange-600': {borderBottomColor: 'rgb(234,88,12)'}, + 'border-b-orange-700': {borderBottomColor: 'rgb(194,65,12)'}, + 'border-b-orange-800': {borderBottomColor: 'rgb(154,52,18)'}, + 'border-b-orange-900': {borderBottomColor: 'rgb(124,45,18)'}, + 'border-b-orange-950': {borderBottomColor: 'rgb(67,20,7)'}, + 'border-b-pink-100': {borderBottomColor: 'rgb(252,231,243)'}, + 'border-b-pink-200': {borderBottomColor: 'rgb(251,207,232)'}, + 'border-b-pink-300': {borderBottomColor: 'rgb(249,168,212)'}, + 'border-b-pink-400': {borderBottomColor: 'rgb(244,114,182)'}, + 'border-b-pink-50': {borderBottomColor: 'rgb(253,242,248)'}, + 'border-b-pink-500': {borderBottomColor: 'rgb(236,72,153)'}, + 'border-b-pink-600': {borderBottomColor: 'rgb(219,39,119)'}, + 'border-b-pink-700': {borderBottomColor: 'rgb(190,24,93)'}, + 'border-b-pink-800': {borderBottomColor: 'rgb(157,23,77)'}, + 'border-b-pink-900': {borderBottomColor: 'rgb(131,24,67)'}, + 'border-b-pink-950': {borderBottomColor: 'rgb(80,7,36)'}, + 'border-b-purple-100': {borderBottomColor: 'rgb(243,232,255)'}, + 'border-b-purple-200': {borderBottomColor: 'rgb(233,213,255)'}, + 'border-b-purple-300': {borderBottomColor: 'rgb(216,180,254)'}, + 'border-b-purple-400': {borderBottomColor: 'rgb(192,132,252)'}, + 'border-b-purple-50': {borderBottomColor: 'rgb(250,245,255)'}, + 'border-b-purple-500': {borderBottomColor: 'rgb(168,85,247)'}, + 'border-b-purple-600': {borderBottomColor: 'rgb(147,51,234)'}, + 'border-b-purple-700': {borderBottomColor: 'rgb(126,34,206)'}, + 'border-b-purple-800': {borderBottomColor: 'rgb(107,33,168)'}, + 'border-b-purple-900': {borderBottomColor: 'rgb(88,28,135)'}, + 'border-b-purple-950': {borderBottomColor: 'rgb(59,7,100)'}, + 'border-b-red-100': {borderBottomColor: 'rgb(254,226,226)'}, + 'border-b-red-200': {borderBottomColor: 'rgb(254,202,202)'}, + 'border-b-red-300': {borderBottomColor: 'rgb(252,165,165)'}, + 'border-b-red-400': {borderBottomColor: 'rgb(248,113,113)'}, + 'border-b-red-50': {borderBottomColor: 'rgb(254,242,242)'}, + 'border-b-red-500': {borderBottomColor: 'rgb(239,68,68)'}, + 'border-b-red-600': {borderBottomColor: 'rgb(220,38,38)'}, + 'border-b-red-700': {borderBottomColor: 'rgb(185,28,28)'}, + 'border-b-red-800': {borderBottomColor: 'rgb(153,27,27)'}, + 'border-b-red-900': {borderBottomColor: 'rgb(127,29,29)'}, + 'border-b-red-950': {borderBottomColor: 'rgb(69,10,10)'}, + 'border-b-rose-100': {borderBottomColor: 'rgb(255,228,230)'}, + 'border-b-rose-200': {borderBottomColor: 'rgb(254,205,211)'}, + 'border-b-rose-300': {borderBottomColor: 'rgb(253,164,175)'}, + 'border-b-rose-400': {borderBottomColor: 'rgb(251,113,133)'}, + 'border-b-rose-50': {borderBottomColor: 'rgb(255,241,242)'}, + 'border-b-rose-500': {borderBottomColor: 'rgb(244,63,94)'}, + 'border-b-rose-600': {borderBottomColor: 'rgb(225,29,72)'}, + 'border-b-rose-700': {borderBottomColor: 'rgb(190,18,60)'}, + 'border-b-rose-800': {borderBottomColor: 'rgb(159,18,57)'}, + 'border-b-rose-900': {borderBottomColor: 'rgb(136,19,55)'}, + 'border-b-rose-950': {borderBottomColor: 'rgb(76,5,25)'}, + 'border-b-sky-100': {borderBottomColor: 'rgb(224,242,254)'}, + 'border-b-sky-200': {borderBottomColor: 'rgb(186,230,253)'}, + 'border-b-sky-300': {borderBottomColor: 'rgb(125,211,252)'}, + 'border-b-sky-400': {borderBottomColor: 'rgb(56,189,248)'}, + 'border-b-sky-50': {borderBottomColor: 'rgb(240,249,255)'}, + 'border-b-sky-500': {borderBottomColor: 'rgb(14,165,233)'}, + 'border-b-sky-600': {borderBottomColor: 'rgb(2,132,199)'}, + 'border-b-sky-700': {borderBottomColor: 'rgb(3,105,161)'}, + 'border-b-sky-800': {borderBottomColor: 'rgb(7,89,133)'}, + 'border-b-sky-900': {borderBottomColor: 'rgb(12,74,110)'}, + 'border-b-sky-950': {borderBottomColor: 'rgb(8,47,73)'}, + 'border-b-slate-100': {borderBottomColor: 'rgb(241,245,249)'}, + 'border-b-slate-200': {borderBottomColor: 'rgb(226,232,240)'}, + 'border-b-slate-300': {borderBottomColor: 'rgb(203,213,225)'}, + 'border-b-slate-400': {borderBottomColor: 'rgb(148,163,184)'}, + 'border-b-slate-50': {borderBottomColor: 'rgb(248,250,252)'}, + 'border-b-slate-500': {borderBottomColor: 'rgb(100,116,139)'}, + 'border-b-slate-600': {borderBottomColor: 'rgb(71,85,105)'}, + 'border-b-slate-700': {borderBottomColor: 'rgb(51,65,85)'}, + 'border-b-slate-800': {borderBottomColor: 'rgb(30,41,59)'}, + 'border-b-slate-900': {borderBottomColor: 'rgb(15,23,42)'}, + 'border-b-slate-950': {borderBottomColor: 'rgb(2,6,23)'}, + 'border-b-stone-100': {borderBottomColor: 'rgb(245,245,244)'}, + 'border-b-stone-200': {borderBottomColor: 'rgb(231,229,228)'}, + 'border-b-stone-300': {borderBottomColor: 'rgb(214,211,209)'}, + 'border-b-stone-400': {borderBottomColor: 'rgb(168,162,158)'}, + 'border-b-stone-50': {borderBottomColor: 'rgb(250,250,249)'}, + 'border-b-stone-500': {borderBottomColor: 'rgb(120,113,108)'}, + 'border-b-stone-600': {borderBottomColor: 'rgb(87,83,78)'}, + 'border-b-stone-700': {borderBottomColor: 'rgb(68,64,60)'}, + 'border-b-stone-800': {borderBottomColor: 'rgb(41,37,36)'}, + 'border-b-stone-900': {borderBottomColor: 'rgb(28,25,23)'}, + 'border-b-stone-950': {borderBottomColor: 'rgb(12,10,9)'}, + 'border-b-teal-100': {borderBottomColor: 'rgb(204,251,241)'}, + 'border-b-teal-200': {borderBottomColor: 'rgb(153,246,228)'}, + 'border-b-teal-300': {borderBottomColor: 'rgb(94,234,212)'}, + 'border-b-teal-400': {borderBottomColor: 'rgb(45,212,191)'}, + 'border-b-teal-50': {borderBottomColor: 'rgb(240,253,250)'}, + 'border-b-teal-500': {borderBottomColor: 'rgb(20,184,166)'}, + 'border-b-teal-600': {borderBottomColor: 'rgb(13,148,136)'}, + 'border-b-teal-700': {borderBottomColor: 'rgb(15,118,110)'}, + 'border-b-teal-800': {borderBottomColor: 'rgb(17,94,89)'}, + 'border-b-teal-900': {borderBottomColor: 'rgb(19,78,74)'}, + 'border-b-teal-950': {borderBottomColor: 'rgb(4,47,46)'}, + 'border-b-transparent': {borderBottomColor: 'transparent'}, + 'border-b-violet-100': {borderBottomColor: 'rgb(237,233,254)'}, + 'border-b-violet-200': {borderBottomColor: 'rgb(221,214,254)'}, + 'border-b-violet-300': {borderBottomColor: 'rgb(196,181,253)'}, + 'border-b-violet-400': {borderBottomColor: 'rgb(167,139,250)'}, + 'border-b-violet-50': {borderBottomColor: 'rgb(245,243,255)'}, + 'border-b-violet-500': {borderBottomColor: 'rgb(139,92,246)'}, + 'border-b-violet-600': {borderBottomColor: 'rgb(124,58,237)'}, + 'border-b-violet-700': {borderBottomColor: 'rgb(109,40,217)'}, + 'border-b-violet-800': {borderBottomColor: 'rgb(91,33,182)'}, + 'border-b-violet-900': {borderBottomColor: 'rgb(76,29,149)'}, + 'border-b-violet-950': {borderBottomColor: 'rgb(46,16,101)'}, + 'border-b-white': {borderBottomColor: 'rgb(255,255,255)'}, + 'border-b-yellow-100': {borderBottomColor: 'rgb(254,249,195)'}, + 'border-b-yellow-200': {borderBottomColor: 'rgb(254,240,138)'}, + 'border-b-yellow-300': {borderBottomColor: 'rgb(253,224,71)'}, + 'border-b-yellow-400': {borderBottomColor: 'rgb(250,204,21)'}, + 'border-b-yellow-50': {borderBottomColor: 'rgb(254,252,232)'}, + 'border-b-yellow-500': {borderBottomColor: 'rgb(234,179,8)'}, + 'border-b-yellow-600': {borderBottomColor: 'rgb(202,138,4)'}, + 'border-b-yellow-700': {borderBottomColor: 'rgb(161,98,7)'}, + 'border-b-yellow-800': {borderBottomColor: 'rgb(133,77,14)'}, + 'border-b-yellow-900': {borderBottomColor: 'rgb(113,63,18)'}, + 'border-b-yellow-950': {borderBottomColor: 'rgb(66,32,6)'}, + 'border-b-zinc-100': {borderBottomColor: 'rgb(244,244,245)'}, + 'border-b-zinc-200': {borderBottomColor: 'rgb(228,228,231)'}, + 'border-b-zinc-300': {borderBottomColor: 'rgb(212,212,216)'}, + 'border-b-zinc-400': {borderBottomColor: 'rgb(161,161,170)'}, + 'border-b-zinc-50': {borderBottomColor: 'rgb(250,250,250)'}, + 'border-b-zinc-500': {borderBottomColor: 'rgb(113,113,122)'}, + 'border-b-zinc-600': {borderBottomColor: 'rgb(82,82,91)'}, + 'border-b-zinc-700': {borderBottomColor: 'rgb(63,63,70)'}, + 'border-b-zinc-800': {borderBottomColor: 'rgb(39,39,42)'}, + 'border-b-zinc-900': {borderBottomColor: 'rgb(24,24,27)'}, + 'border-b-zinc-950': {borderBottomColor: 'rgb(9,9,11)'}, + 'border-x-amber-100': { + borderLeftColor: 'rgb(254,243,199)', + borderRightColor: 'rgb(254,243,199)', + }, + 'border-x-amber-200': { + borderLeftColor: 'rgb(253,230,138)', + borderRightColor: 'rgb(253,230,138)', + }, + 'border-x-amber-300': { + borderLeftColor: 'rgb(252,211,77)', + borderRightColor: 'rgb(252,211,77)', + }, + 'border-x-amber-400': { + borderLeftColor: 'rgb(251,191,36)', + borderRightColor: 'rgb(251,191,36)', + }, + 'border-x-amber-50': { + borderLeftColor: 'rgb(255,251,235)', + borderRightColor: 'rgb(255,251,235)', + }, + 'border-x-amber-500': { + borderLeftColor: 'rgb(245,158,11)', + borderRightColor: 'rgb(245,158,11)', + }, + 'border-x-amber-600': { + borderLeftColor: 'rgb(217,119,6)', + borderRightColor: 'rgb(217,119,6)', + }, + 'border-x-amber-700': { + borderLeftColor: 'rgb(180,83,9)', + borderRightColor: 'rgb(180,83,9)', + }, + 'border-x-amber-800': { + borderLeftColor: 'rgb(146,64,14)', + borderRightColor: 'rgb(146,64,14)', + }, + 'border-x-amber-900': { + borderLeftColor: 'rgb(120,53,15)', + borderRightColor: 'rgb(120,53,15)', + }, + 'border-x-amber-950': { + borderLeftColor: 'rgb(69,26,3)', + borderRightColor: 'rgb(69,26,3)', + }, + 'border-x-black': { + borderLeftColor: 'rgb(0,0,0)', + borderRightColor: 'rgb(0,0,0)', + }, + 'border-x-blue-100': { + borderLeftColor: 'rgb(219,234,254)', + borderRightColor: 'rgb(219,234,254)', + }, + 'border-x-blue-200': { + borderLeftColor: 'rgb(191,219,254)', + borderRightColor: 'rgb(191,219,254)', + }, + 'border-x-blue-300': { + borderLeftColor: 'rgb(147,197,253)', + borderRightColor: 'rgb(147,197,253)', + }, + 'border-x-blue-400': { + borderLeftColor: 'rgb(96,165,250)', + borderRightColor: 'rgb(96,165,250)', + }, + 'border-x-blue-50': { + borderLeftColor: 'rgb(239,246,255)', + borderRightColor: 'rgb(239,246,255)', + }, + 'border-x-blue-500': { + borderLeftColor: 'rgb(59,130,246)', + borderRightColor: 'rgb(59,130,246)', + }, + 'border-x-blue-600': { + borderLeftColor: 'rgb(37,99,235)', + borderRightColor: 'rgb(37,99,235)', + }, + 'border-x-blue-700': { + borderLeftColor: 'rgb(29,78,216)', + borderRightColor: 'rgb(29,78,216)', + }, + 'border-x-blue-800': { + borderLeftColor: 'rgb(30,64,175)', + borderRightColor: 'rgb(30,64,175)', + }, + 'border-x-blue-900': { + borderLeftColor: 'rgb(30,58,138)', + borderRightColor: 'rgb(30,58,138)', + }, + 'border-x-blue-950': { + borderLeftColor: 'rgb(23,37,84)', + borderRightColor: 'rgb(23,37,84)', + }, + 'border-x-cyan-100': { + borderLeftColor: 'rgb(207,250,254)', + borderRightColor: 'rgb(207,250,254)', + }, + 'border-x-cyan-200': { + borderLeftColor: 'rgb(165,243,252)', + borderRightColor: 'rgb(165,243,252)', + }, + 'border-x-cyan-300': { + borderLeftColor: 'rgb(103,232,249)', + borderRightColor: 'rgb(103,232,249)', + }, + 'border-x-cyan-400': { + borderLeftColor: 'rgb(34,211,238)', + borderRightColor: 'rgb(34,211,238)', + }, + 'border-x-cyan-50': { + borderLeftColor: 'rgb(236,254,255)', + borderRightColor: 'rgb(236,254,255)', + }, + 'border-x-cyan-500': { + borderLeftColor: 'rgb(6,182,212)', + borderRightColor: 'rgb(6,182,212)', + }, + 'border-x-cyan-600': { + borderLeftColor: 'rgb(8,145,178)', + borderRightColor: 'rgb(8,145,178)', + }, + 'border-x-cyan-700': { + borderLeftColor: 'rgb(14,116,144)', + borderRightColor: 'rgb(14,116,144)', + }, + 'border-x-cyan-800': { + borderLeftColor: 'rgb(21,94,117)', + borderRightColor: 'rgb(21,94,117)', + }, + 'border-x-cyan-900': { + borderLeftColor: 'rgb(22,78,99)', + borderRightColor: 'rgb(22,78,99)', + }, + 'border-x-cyan-950': { + borderLeftColor: 'rgb(8,51,68)', + borderRightColor: 'rgb(8,51,68)', + }, + 'border-x-emerald-100': { + borderLeftColor: 'rgb(209,250,229)', + borderRightColor: 'rgb(209,250,229)', + }, + 'border-x-emerald-200': { + borderLeftColor: 'rgb(167,243,208)', + borderRightColor: 'rgb(167,243,208)', + }, + 'border-x-emerald-300': { + borderLeftColor: 'rgb(110,231,183)', + borderRightColor: 'rgb(110,231,183)', + }, + 'border-x-emerald-400': { + borderLeftColor: 'rgb(52,211,153)', + borderRightColor: 'rgb(52,211,153)', + }, + 'border-x-emerald-50': { + borderLeftColor: 'rgb(236,253,245)', + borderRightColor: 'rgb(236,253,245)', + }, + 'border-x-emerald-500': { + borderLeftColor: 'rgb(16,185,129)', + borderRightColor: 'rgb(16,185,129)', + }, + 'border-x-emerald-600': { + borderLeftColor: 'rgb(5,150,105)', + borderRightColor: 'rgb(5,150,105)', + }, + 'border-x-emerald-700': { + borderLeftColor: 'rgb(4,120,87)', + borderRightColor: 'rgb(4,120,87)', + }, + 'border-x-emerald-800': { + borderLeftColor: 'rgb(6,95,70)', + borderRightColor: 'rgb(6,95,70)', + }, + 'border-x-emerald-900': { + borderLeftColor: 'rgb(6,78,59)', + borderRightColor: 'rgb(6,78,59)', + }, + 'border-x-emerald-950': { + borderLeftColor: 'rgb(2,44,34)', + borderRightColor: 'rgb(2,44,34)', + }, + 'border-x-fuchsia-100': { + borderLeftColor: 'rgb(250,232,255)', + borderRightColor: 'rgb(250,232,255)', + }, + 'border-x-fuchsia-200': { + borderLeftColor: 'rgb(245,208,254)', + borderRightColor: 'rgb(245,208,254)', + }, + 'border-x-fuchsia-300': { + borderLeftColor: 'rgb(240,171,252)', + borderRightColor: 'rgb(240,171,252)', + }, + 'border-x-fuchsia-400': { + borderLeftColor: 'rgb(232,121,249)', + borderRightColor: 'rgb(232,121,249)', + }, + 'border-x-fuchsia-50': { + borderLeftColor: 'rgb(253,244,255)', + borderRightColor: 'rgb(253,244,255)', + }, + 'border-x-fuchsia-500': { + borderLeftColor: 'rgb(217,70,239)', + borderRightColor: 'rgb(217,70,239)', + }, + 'border-x-fuchsia-600': { + borderLeftColor: 'rgb(192,38,211)', + borderRightColor: 'rgb(192,38,211)', + }, + 'border-x-fuchsia-700': { + borderLeftColor: 'rgb(162,28,175)', + borderRightColor: 'rgb(162,28,175)', + }, + 'border-x-fuchsia-800': { + borderLeftColor: 'rgb(134,25,143)', + borderRightColor: 'rgb(134,25,143)', + }, + 'border-x-fuchsia-900': { + borderLeftColor: 'rgb(112,26,117)', + borderRightColor: 'rgb(112,26,117)', + }, + 'border-x-fuchsia-950': { + borderLeftColor: 'rgb(74,4,78)', + borderRightColor: 'rgb(74,4,78)', + }, + 'border-x-gray-100': { + borderLeftColor: 'rgb(243,244,246)', + borderRightColor: 'rgb(243,244,246)', + }, + 'border-x-gray-200': { + borderLeftColor: 'rgb(229,231,235)', + borderRightColor: 'rgb(229,231,235)', + }, + 'border-x-gray-300': { + borderLeftColor: 'rgb(209,213,219)', + borderRightColor: 'rgb(209,213,219)', + }, + 'border-x-gray-400': { + borderLeftColor: 'rgb(156,163,175)', + borderRightColor: 'rgb(156,163,175)', + }, + 'border-x-gray-50': { + borderLeftColor: 'rgb(249,250,251)', + borderRightColor: 'rgb(249,250,251)', + }, + 'border-x-gray-500': { + borderLeftColor: 'rgb(107,114,128)', + borderRightColor: 'rgb(107,114,128)', + }, + 'border-x-gray-600': { + borderLeftColor: 'rgb(75,85,99)', + borderRightColor: 'rgb(75,85,99)', + }, + 'border-x-gray-700': { + borderLeftColor: 'rgb(55,65,81)', + borderRightColor: 'rgb(55,65,81)', + }, + 'border-x-gray-800': { + borderLeftColor: 'rgb(31,41,55)', + borderRightColor: 'rgb(31,41,55)', + }, + 'border-x-gray-900': { + borderLeftColor: 'rgb(17,24,39)', + borderRightColor: 'rgb(17,24,39)', + }, + 'border-x-gray-950': { + borderLeftColor: 'rgb(3,7,18)', + borderRightColor: 'rgb(3,7,18)', + }, + 'border-x-green-100': { + borderLeftColor: 'rgb(220,252,231)', + borderRightColor: 'rgb(220,252,231)', + }, + 'border-x-green-200': { + borderLeftColor: 'rgb(187,247,208)', + borderRightColor: 'rgb(187,247,208)', + }, + 'border-x-green-300': { + borderLeftColor: 'rgb(134,239,172)', + borderRightColor: 'rgb(134,239,172)', + }, + 'border-x-green-400': { + borderLeftColor: 'rgb(74,222,128)', + borderRightColor: 'rgb(74,222,128)', + }, + 'border-x-green-50': { + borderLeftColor: 'rgb(240,253,244)', + borderRightColor: 'rgb(240,253,244)', + }, + 'border-x-green-500': { + borderLeftColor: 'rgb(34,197,94)', + borderRightColor: 'rgb(34,197,94)', + }, + 'border-x-green-600': { + borderLeftColor: 'rgb(22,163,74)', + borderRightColor: 'rgb(22,163,74)', + }, + 'border-x-green-700': { + borderLeftColor: 'rgb(21,128,61)', + borderRightColor: 'rgb(21,128,61)', + }, + 'border-x-green-800': { + borderLeftColor: 'rgb(22,101,52)', + borderRightColor: 'rgb(22,101,52)', + }, + 'border-x-green-900': { + borderLeftColor: 'rgb(20,83,45)', + borderRightColor: 'rgb(20,83,45)', + }, + 'border-x-green-950': { + borderLeftColor: 'rgb(5,46,22)', + borderRightColor: 'rgb(5,46,22)', + }, + 'border-x-indigo-100': { + borderLeftColor: 'rgb(224,231,255)', + borderRightColor: 'rgb(224,231,255)', + }, + 'border-x-indigo-200': { + borderLeftColor: 'rgb(199,210,254)', + borderRightColor: 'rgb(199,210,254)', + }, + 'border-x-indigo-300': { + borderLeftColor: 'rgb(165,180,252)', + borderRightColor: 'rgb(165,180,252)', + }, + 'border-x-indigo-400': { + borderLeftColor: 'rgb(129,140,248)', + borderRightColor: 'rgb(129,140,248)', + }, + 'border-x-indigo-50': { + borderLeftColor: 'rgb(238,242,255)', + borderRightColor: 'rgb(238,242,255)', + }, + 'border-x-indigo-500': { + borderLeftColor: 'rgb(99,102,241)', + borderRightColor: 'rgb(99,102,241)', + }, + 'border-x-indigo-600': { + borderLeftColor: 'rgb(79,70,229)', + borderRightColor: 'rgb(79,70,229)', + }, + 'border-x-indigo-700': { + borderLeftColor: 'rgb(67,56,202)', + borderRightColor: 'rgb(67,56,202)', + }, + 'border-x-indigo-800': { + borderLeftColor: 'rgb(55,48,163)', + borderRightColor: 'rgb(55,48,163)', + }, + 'border-x-indigo-900': { + borderLeftColor: 'rgb(49,46,129)', + borderRightColor: 'rgb(49,46,129)', + }, + 'border-x-indigo-950': { + borderLeftColor: 'rgb(30,27,75)', + borderRightColor: 'rgb(30,27,75)', + }, + 'border-x-lime-100': { + borderLeftColor: 'rgb(236,252,203)', + borderRightColor: 'rgb(236,252,203)', + }, + 'border-x-lime-200': { + borderLeftColor: 'rgb(217,249,157)', + borderRightColor: 'rgb(217,249,157)', + }, + 'border-x-lime-300': { + borderLeftColor: 'rgb(190,242,100)', + borderRightColor: 'rgb(190,242,100)', + }, + 'border-x-lime-400': { + borderLeftColor: 'rgb(163,230,53)', + borderRightColor: 'rgb(163,230,53)', + }, + 'border-x-lime-50': { + borderLeftColor: 'rgb(247,254,231)', + borderRightColor: 'rgb(247,254,231)', + }, + 'border-x-lime-500': { + borderLeftColor: 'rgb(132,204,22)', + borderRightColor: 'rgb(132,204,22)', + }, + 'border-x-lime-600': { + borderLeftColor: 'rgb(101,163,13)', + borderRightColor: 'rgb(101,163,13)', + }, + 'border-x-lime-700': { + borderLeftColor: 'rgb(77,124,15)', + borderRightColor: 'rgb(77,124,15)', + }, + 'border-x-lime-800': { + borderLeftColor: 'rgb(63,98,18)', + borderRightColor: 'rgb(63,98,18)', + }, + 'border-x-lime-900': { + borderLeftColor: 'rgb(54,83,20)', + borderRightColor: 'rgb(54,83,20)', + }, + 'border-x-lime-950': { + borderLeftColor: 'rgb(26,46,5)', + borderRightColor: 'rgb(26,46,5)', + }, + 'border-x-neutral-100': { + borderLeftColor: 'rgb(245,245,245)', + borderRightColor: 'rgb(245,245,245)', + }, + 'border-x-neutral-200': { + borderLeftColor: 'rgb(229,229,229)', + borderRightColor: 'rgb(229,229,229)', + }, + 'border-x-neutral-300': { + borderLeftColor: 'rgb(212,212,212)', + borderRightColor: 'rgb(212,212,212)', + }, + 'border-x-neutral-400': { + borderLeftColor: 'rgb(163,163,163)', + borderRightColor: 'rgb(163,163,163)', + }, + 'border-x-neutral-50': { + borderLeftColor: 'rgb(250,250,250)', + borderRightColor: 'rgb(250,250,250)', + }, + 'border-x-neutral-500': { + borderLeftColor: 'rgb(115,115,115)', + borderRightColor: 'rgb(115,115,115)', + }, + 'border-x-neutral-600': { + borderLeftColor: 'rgb(82,82,82)', + borderRightColor: 'rgb(82,82,82)', + }, + 'border-x-neutral-700': { + borderLeftColor: 'rgb(64,64,64)', + borderRightColor: 'rgb(64,64,64)', + }, + 'border-x-neutral-800': { + borderLeftColor: 'rgb(38,38,38)', + borderRightColor: 'rgb(38,38,38)', + }, + 'border-x-neutral-900': { + borderLeftColor: 'rgb(23,23,23)', + borderRightColor: 'rgb(23,23,23)', + }, + 'border-x-neutral-950': { + borderLeftColor: 'rgb(10,10,10)', + borderRightColor: 'rgb(10,10,10)', + }, + 'border-x-orange-100': { + borderLeftColor: 'rgb(255,237,213)', + borderRightColor: 'rgb(255,237,213)', + }, + 'border-x-orange-200': { + borderLeftColor: 'rgb(254,215,170)', + borderRightColor: 'rgb(254,215,170)', + }, + 'border-x-orange-300': { + borderLeftColor: 'rgb(253,186,116)', + borderRightColor: 'rgb(253,186,116)', + }, + 'border-x-orange-400': { + borderLeftColor: 'rgb(251,146,60)', + borderRightColor: 'rgb(251,146,60)', + }, + 'border-x-orange-50': { + borderLeftColor: 'rgb(255,247,237)', + borderRightColor: 'rgb(255,247,237)', + }, + 'border-x-orange-500': { + borderLeftColor: 'rgb(249,115,22)', + borderRightColor: 'rgb(249,115,22)', + }, + 'border-x-orange-600': { + borderLeftColor: 'rgb(234,88,12)', + borderRightColor: 'rgb(234,88,12)', + }, + 'border-x-orange-700': { + borderLeftColor: 'rgb(194,65,12)', + borderRightColor: 'rgb(194,65,12)', + }, + 'border-x-orange-800': { + borderLeftColor: 'rgb(154,52,18)', + borderRightColor: 'rgb(154,52,18)', + }, + 'border-x-orange-900': { + borderLeftColor: 'rgb(124,45,18)', + borderRightColor: 'rgb(124,45,18)', + }, + 'border-x-orange-950': { + borderLeftColor: 'rgb(67,20,7)', + borderRightColor: 'rgb(67,20,7)', + }, + 'border-x-pink-100': { + borderLeftColor: 'rgb(252,231,243)', + borderRightColor: 'rgb(252,231,243)', + }, + 'border-x-pink-200': { + borderLeftColor: 'rgb(251,207,232)', + borderRightColor: 'rgb(251,207,232)', + }, + 'border-x-pink-300': { + borderLeftColor: 'rgb(249,168,212)', + borderRightColor: 'rgb(249,168,212)', + }, + 'border-x-pink-400': { + borderLeftColor: 'rgb(244,114,182)', + borderRightColor: 'rgb(244,114,182)', + }, + 'border-x-pink-50': { + borderLeftColor: 'rgb(253,242,248)', + borderRightColor: 'rgb(253,242,248)', + }, + 'border-x-pink-500': { + borderLeftColor: 'rgb(236,72,153)', + borderRightColor: 'rgb(236,72,153)', + }, + 'border-x-pink-600': { + borderLeftColor: 'rgb(219,39,119)', + borderRightColor: 'rgb(219,39,119)', + }, + 'border-x-pink-700': { + borderLeftColor: 'rgb(190,24,93)', + borderRightColor: 'rgb(190,24,93)', + }, + 'border-x-pink-800': { + borderLeftColor: 'rgb(157,23,77)', + borderRightColor: 'rgb(157,23,77)', + }, + 'border-x-pink-900': { + borderLeftColor: 'rgb(131,24,67)', + borderRightColor: 'rgb(131,24,67)', + }, + 'border-x-pink-950': { + borderLeftColor: 'rgb(80,7,36)', + borderRightColor: 'rgb(80,7,36)', + }, + 'border-x-purple-100': { + borderLeftColor: 'rgb(243,232,255)', + borderRightColor: 'rgb(243,232,255)', + }, + 'border-x-purple-200': { + borderLeftColor: 'rgb(233,213,255)', + borderRightColor: 'rgb(233,213,255)', + }, + 'border-x-purple-300': { + borderLeftColor: 'rgb(216,180,254)', + borderRightColor: 'rgb(216,180,254)', + }, + 'border-x-purple-400': { + borderLeftColor: 'rgb(192,132,252)', + borderRightColor: 'rgb(192,132,252)', + }, + 'border-x-purple-50': { + borderLeftColor: 'rgb(250,245,255)', + borderRightColor: 'rgb(250,245,255)', + }, + 'border-x-purple-500': { + borderLeftColor: 'rgb(168,85,247)', + borderRightColor: 'rgb(168,85,247)', + }, + 'border-x-purple-600': { + borderLeftColor: 'rgb(147,51,234)', + borderRightColor: 'rgb(147,51,234)', + }, + 'border-x-purple-700': { + borderLeftColor: 'rgb(126,34,206)', + borderRightColor: 'rgb(126,34,206)', + }, + 'border-x-purple-800': { + borderLeftColor: 'rgb(107,33,168)', + borderRightColor: 'rgb(107,33,168)', + }, + 'border-x-purple-900': { + borderLeftColor: 'rgb(88,28,135)', + borderRightColor: 'rgb(88,28,135)', + }, + 'border-x-purple-950': { + borderLeftColor: 'rgb(59,7,100)', + borderRightColor: 'rgb(59,7,100)', + }, + 'border-x-red-100': { + borderLeftColor: 'rgb(254,226,226)', + borderRightColor: 'rgb(254,226,226)', + }, + 'border-x-red-200': { + borderLeftColor: 'rgb(254,202,202)', + borderRightColor: 'rgb(254,202,202)', + }, + 'border-x-red-300': { + borderLeftColor: 'rgb(252,165,165)', + borderRightColor: 'rgb(252,165,165)', + }, + 'border-x-red-400': { + borderLeftColor: 'rgb(248,113,113)', + borderRightColor: 'rgb(248,113,113)', + }, + 'border-x-red-50': { + borderLeftColor: 'rgb(254,242,242)', + borderRightColor: 'rgb(254,242,242)', + }, + 'border-x-red-500': { + borderLeftColor: 'rgb(239,68,68)', + borderRightColor: 'rgb(239,68,68)', + }, + 'border-x-red-600': { + borderLeftColor: 'rgb(220,38,38)', + borderRightColor: 'rgb(220,38,38)', + }, + 'border-x-red-700': { + borderLeftColor: 'rgb(185,28,28)', + borderRightColor: 'rgb(185,28,28)', + }, + 'border-x-red-800': { + borderLeftColor: 'rgb(153,27,27)', + borderRightColor: 'rgb(153,27,27)', + }, + 'border-x-red-900': { + borderLeftColor: 'rgb(127,29,29)', + borderRightColor: 'rgb(127,29,29)', + }, + 'border-x-red-950': { + borderLeftColor: 'rgb(69,10,10)', + borderRightColor: 'rgb(69,10,10)', + }, + 'border-x-rose-100': { + borderLeftColor: 'rgb(255,228,230)', + borderRightColor: 'rgb(255,228,230)', + }, + 'border-x-rose-200': { + borderLeftColor: 'rgb(254,205,211)', + borderRightColor: 'rgb(254,205,211)', + }, + 'border-x-rose-300': { + borderLeftColor: 'rgb(253,164,175)', + borderRightColor: 'rgb(253,164,175)', + }, + 'border-x-rose-400': { + borderLeftColor: 'rgb(251,113,133)', + borderRightColor: 'rgb(251,113,133)', + }, + 'border-x-rose-50': { + borderLeftColor: 'rgb(255,241,242)', + borderRightColor: 'rgb(255,241,242)', + }, + 'border-x-rose-500': { + borderLeftColor: 'rgb(244,63,94)', + borderRightColor: 'rgb(244,63,94)', + }, + 'border-x-rose-600': { + borderLeftColor: 'rgb(225,29,72)', + borderRightColor: 'rgb(225,29,72)', + }, + 'border-x-rose-700': { + borderLeftColor: 'rgb(190,18,60)', + borderRightColor: 'rgb(190,18,60)', + }, + 'border-x-rose-800': { + borderLeftColor: 'rgb(159,18,57)', + borderRightColor: 'rgb(159,18,57)', + }, + 'border-x-rose-900': { + borderLeftColor: 'rgb(136,19,55)', + borderRightColor: 'rgb(136,19,55)', + }, + 'border-x-rose-950': { + borderLeftColor: 'rgb(76,5,25)', + borderRightColor: 'rgb(76,5,25)', + }, + 'border-x-sky-100': { + borderLeftColor: 'rgb(224,242,254)', + borderRightColor: 'rgb(224,242,254)', + }, + 'border-x-sky-200': { + borderLeftColor: 'rgb(186,230,253)', + borderRightColor: 'rgb(186,230,253)', + }, + 'border-x-sky-300': { + borderLeftColor: 'rgb(125,211,252)', + borderRightColor: 'rgb(125,211,252)', + }, + 'border-x-sky-400': { + borderLeftColor: 'rgb(56,189,248)', + borderRightColor: 'rgb(56,189,248)', + }, + 'border-x-sky-50': { + borderLeftColor: 'rgb(240,249,255)', + borderRightColor: 'rgb(240,249,255)', + }, + 'border-x-sky-500': { + borderLeftColor: 'rgb(14,165,233)', + borderRightColor: 'rgb(14,165,233)', + }, + 'border-x-sky-600': { + borderLeftColor: 'rgb(2,132,199)', + borderRightColor: 'rgb(2,132,199)', + }, + 'border-x-sky-700': { + borderLeftColor: 'rgb(3,105,161)', + borderRightColor: 'rgb(3,105,161)', + }, + 'border-x-sky-800': { + borderLeftColor: 'rgb(7,89,133)', + borderRightColor: 'rgb(7,89,133)', + }, + 'border-x-sky-900': { + borderLeftColor: 'rgb(12,74,110)', + borderRightColor: 'rgb(12,74,110)', + }, + 'border-x-sky-950': { + borderLeftColor: 'rgb(8,47,73)', + borderRightColor: 'rgb(8,47,73)', + }, + 'border-x-slate-100': { + borderLeftColor: 'rgb(241,245,249)', + borderRightColor: 'rgb(241,245,249)', + }, + 'border-x-slate-200': { + borderLeftColor: 'rgb(226,232,240)', + borderRightColor: 'rgb(226,232,240)', + }, + 'border-x-slate-300': { + borderLeftColor: 'rgb(203,213,225)', + borderRightColor: 'rgb(203,213,225)', + }, + 'border-x-slate-400': { + borderLeftColor: 'rgb(148,163,184)', + borderRightColor: 'rgb(148,163,184)', + }, + 'border-x-slate-50': { + borderLeftColor: 'rgb(248,250,252)', + borderRightColor: 'rgb(248,250,252)', + }, + 'border-x-slate-500': { + borderLeftColor: 'rgb(100,116,139)', + borderRightColor: 'rgb(100,116,139)', + }, + 'border-x-slate-600': { + borderLeftColor: 'rgb(71,85,105)', + borderRightColor: 'rgb(71,85,105)', + }, + 'border-x-slate-700': { + borderLeftColor: 'rgb(51,65,85)', + borderRightColor: 'rgb(51,65,85)', + }, + 'border-x-slate-800': { + borderLeftColor: 'rgb(30,41,59)', + borderRightColor: 'rgb(30,41,59)', + }, + 'border-x-slate-900': { + borderLeftColor: 'rgb(15,23,42)', + borderRightColor: 'rgb(15,23,42)', + }, + 'border-x-slate-950': { + borderLeftColor: 'rgb(2,6,23)', + borderRightColor: 'rgb(2,6,23)', + }, + 'border-x-stone-100': { + borderLeftColor: 'rgb(245,245,244)', + borderRightColor: 'rgb(245,245,244)', + }, + 'border-x-stone-200': { + borderLeftColor: 'rgb(231,229,228)', + borderRightColor: 'rgb(231,229,228)', + }, + 'border-x-stone-300': { + borderLeftColor: 'rgb(214,211,209)', + borderRightColor: 'rgb(214,211,209)', + }, + 'border-x-stone-400': { + borderLeftColor: 'rgb(168,162,158)', + borderRightColor: 'rgb(168,162,158)', + }, + 'border-x-stone-50': { + borderLeftColor: 'rgb(250,250,249)', + borderRightColor: 'rgb(250,250,249)', + }, + 'border-x-stone-500': { + borderLeftColor: 'rgb(120,113,108)', + borderRightColor: 'rgb(120,113,108)', + }, + 'border-x-stone-600': { + borderLeftColor: 'rgb(87,83,78)', + borderRightColor: 'rgb(87,83,78)', + }, + 'border-x-stone-700': { + borderLeftColor: 'rgb(68,64,60)', + borderRightColor: 'rgb(68,64,60)', + }, + 'border-x-stone-800': { + borderLeftColor: 'rgb(41,37,36)', + borderRightColor: 'rgb(41,37,36)', + }, + 'border-x-stone-900': { + borderLeftColor: 'rgb(28,25,23)', + borderRightColor: 'rgb(28,25,23)', + }, + 'border-x-stone-950': { + borderLeftColor: 'rgb(12,10,9)', + borderRightColor: 'rgb(12,10,9)', + }, + 'border-x-teal-100': { + borderLeftColor: 'rgb(204,251,241)', + borderRightColor: 'rgb(204,251,241)', + }, + 'border-x-transparent': { + borderLeftColor: 'transparent', + borderRightColor: 'transparent', + }, + 'border-x-teal-200': { + borderLeftColor: 'rgb(153,246,228)', + borderRightColor: 'rgb(153,246,228)', + }, + 'border-x-teal-300': { + borderLeftColor: 'rgb(94,234,212)', + borderRightColor: 'rgb(94,234,212)', + }, + 'border-x-teal-400': { + borderLeftColor: 'rgb(45,212,191)', + borderRightColor: 'rgb(45,212,191)', + }, + 'border-x-teal-50': { + borderLeftColor: 'rgb(240,253,250)', + borderRightColor: 'rgb(240,253,250)', + }, + 'border-x-teal-500': { + borderLeftColor: 'rgb(20,184,166)', + borderRightColor: 'rgb(20,184,166)', + }, + 'border-x-teal-600': { + borderLeftColor: 'rgb(13,148,136)', + borderRightColor: 'rgb(13,148,136)', + }, + 'border-x-teal-700': { + borderLeftColor: 'rgb(15,118,110)', + borderRightColor: 'rgb(15,118,110)', + }, + 'border-x-teal-800': { + borderLeftColor: 'rgb(17,94,89)', + borderRightColor: 'rgb(17,94,89)', + }, + 'border-x-teal-900': { + borderLeftColor: 'rgb(19,78,74)', + borderRightColor: 'rgb(19,78,74)', + }, + 'border-x-teal-950': { + borderLeftColor: 'rgb(4,47,46)', + borderRightColor: 'rgb(4,47,46)', + }, + 'border-x-violet-100': { + borderLeftColor: 'rgb(237,233,254)', + borderRightColor: 'rgb(237,233,254)', + }, + 'border-x-violet-200': { + borderLeftColor: 'rgb(221,214,254)', + borderRightColor: 'rgb(221,214,254)', + }, + 'border-x-violet-300': { + borderLeftColor: 'rgb(196,181,253)', + borderRightColor: 'rgb(196,181,253)', + }, + 'border-x-violet-400': { + borderLeftColor: 'rgb(167,139,250)', + borderRightColor: 'rgb(167,139,250)', + }, + 'border-x-violet-50': { + borderLeftColor: 'rgb(245,243,255)', + borderRightColor: 'rgb(245,243,255)', + }, + 'border-x-violet-500': { + borderLeftColor: 'rgb(139,92,246)', + borderRightColor: 'rgb(139,92,246)', + }, + 'border-x-violet-600': { + borderLeftColor: 'rgb(124,58,237)', + borderRightColor: 'rgb(124,58,237)', + }, + 'border-x-violet-700': { + borderLeftColor: 'rgb(109,40,217)', + borderRightColor: 'rgb(109,40,217)', + }, + 'border-x-violet-800': { + borderLeftColor: 'rgb(91,33,182)', + borderRightColor: 'rgb(91,33,182)', + }, + 'border-x-violet-900': { + borderLeftColor: 'rgb(76,29,149)', + borderRightColor: 'rgb(76,29,149)', + }, + 'border-x-violet-950': { + borderLeftColor: 'rgb(46,16,101)', + borderRightColor: 'rgb(46,16,101)', + }, + 'border-x-white': { + borderLeftColor: 'rgb(255,255,255)', + borderRightColor: 'rgb(255,255,255)', + }, + 'border-x-yellow-100': { + borderLeftColor: 'rgb(254,249,195)', + borderRightColor: 'rgb(254,249,195)', + }, + 'border-x-yellow-200': { + borderLeftColor: 'rgb(254,240,138)', + borderRightColor: 'rgb(254,240,138)', + }, + 'border-x-yellow-300': { + borderLeftColor: 'rgb(253,224,71)', + borderRightColor: 'rgb(253,224,71)', + }, + 'border-x-yellow-400': { + borderLeftColor: 'rgb(250,204,21)', + borderRightColor: 'rgb(250,204,21)', + }, + 'border-x-yellow-50': { + borderLeftColor: 'rgb(254,252,232)', + borderRightColor: 'rgb(254,252,232)', + }, + 'border-x-yellow-500': { + borderLeftColor: 'rgb(234,179,8)', + borderRightColor: 'rgb(234,179,8)', + }, + 'border-x-yellow-600': { + borderLeftColor: 'rgb(202,138,4)', + borderRightColor: 'rgb(202,138,4)', + }, + 'border-x-yellow-700': { + borderLeftColor: 'rgb(161,98,7)', + borderRightColor: 'rgb(161,98,7)', + }, + 'border-x-yellow-800': { + borderLeftColor: 'rgb(133,77,14)', + borderRightColor: 'rgb(133,77,14)', + }, + 'border-x-yellow-900': { + borderLeftColor: 'rgb(113,63,18)', + borderRightColor: 'rgb(113,63,18)', + }, + 'border-x-yellow-950': { + borderLeftColor: 'rgb(66,32,6)', + borderRightColor: 'rgb(66,32,6)', + }, + 'border-x-zinc-100': { + borderLeftColor: 'rgb(244,244,245)', + borderRightColor: 'rgb(244,244,245)', + }, + 'border-x-zinc-200': { + borderLeftColor: 'rgb(228,228,231)', + borderRightColor: 'rgb(228,228,231)', + }, + 'border-x-zinc-300': { + borderLeftColor: 'rgb(212,212,216)', + borderRightColor: 'rgb(212,212,216)', + }, + 'border-x-zinc-400': { + borderLeftColor: 'rgb(161,161,170)', + borderRightColor: 'rgb(161,161,170)', + }, + 'border-x-zinc-50': { + borderLeftColor: 'rgb(250,250,250)', + borderRightColor: 'rgb(250,250,250)', + }, + 'border-x-zinc-500': { + borderLeftColor: 'rgb(113,113,122)', + borderRightColor: 'rgb(113,113,122)', + }, + 'border-x-zinc-600': { + borderLeftColor: 'rgb(82,82,91)', + borderRightColor: 'rgb(82,82,91)', + }, + 'border-x-zinc-700': { + borderLeftColor: 'rgb(63,63,70)', + borderRightColor: 'rgb(63,63,70)', + }, + 'border-x-zinc-800': { + borderLeftColor: 'rgb(39,39,42)', + borderRightColor: 'rgb(39,39,42)', + }, + 'border-x-zinc-900': { + borderLeftColor: 'rgb(24,24,27)', + borderRightColor: 'rgb(24,24,27)', + }, + 'border-x-zinc-950': { + borderLeftColor: 'rgb(9,9,11)', + borderRightColor: 'rgb(9,9,11)', + }, + 'border-y-amber-100': { + borderTopColor: 'rgb(254,243,199)', + borderBottomColor: 'rgb(254,243,199)', + }, + 'border-y-amber-200': { + borderTopColor: 'rgb(253,230,138)', + borderBottomColor: 'rgb(253,230,138)', + }, + 'border-y-amber-300': { + borderTopColor: 'rgb(252,211,77)', + borderBottomColor: 'rgb(252,211,77)', + }, + 'border-y-amber-400': { + borderTopColor: 'rgb(251,191,36)', + borderBottomColor: 'rgb(251,191,36)', + }, + 'border-y-amber-50': { + borderTopColor: 'rgb(255,251,235)', + borderBottomColor: 'rgb(255,251,235)', + }, + 'border-y-amber-500': { + borderTopColor: 'rgb(245,158,11)', + borderBottomColor: 'rgb(245,158,11)', + }, + 'border-y-amber-600': { + borderTopColor: 'rgb(217,119,6)', + borderBottomColor: 'rgb(217,119,6)', + }, + 'border-y-amber-700': { + borderTopColor: 'rgb(180,83,9)', + borderBottomColor: 'rgb(180,83,9)', + }, + 'border-y-amber-800': { + borderTopColor: 'rgb(146,64,14)', + borderBottomColor: 'rgb(146,64,14)', + }, + 'border-y-amber-900': { + borderTopColor: 'rgb(120,53,15)', + borderBottomColor: 'rgb(120,53,15)', + }, + 'border-y-amber-950': { + borderTopColor: 'rgb(69,26,3)', + borderBottomColor: 'rgb(69,26,3)', + }, + 'border-y-black': { + borderTopColor: 'rgb(0,0,0)', + borderBottomColor: 'rgb(0,0,0)', + }, + 'border-y-blue-100': { + borderTopColor: 'rgb(219,234,254)', + borderBottomColor: 'rgb(219,234,254)', + }, + 'border-y-blue-200': { + borderTopColor: 'rgb(191,219,254)', + borderBottomColor: 'rgb(191,219,254)', + }, + 'border-y-blue-300': { + borderTopColor: 'rgb(147,197,253)', + borderBottomColor: 'rgb(147,197,253)', + }, + 'border-y-blue-400': { + borderTopColor: 'rgb(96,165,250)', + borderBottomColor: 'rgb(96,165,250)', + }, + 'border-y-blue-50': { + borderTopColor: 'rgb(239,246,255)', + borderBottomColor: 'rgb(239,246,255)', + }, + 'border-y-blue-500': { + borderTopColor: 'rgb(59,130,246)', + borderBottomColor: 'rgb(59,130,246)', + }, + 'border-y-blue-600': { + borderTopColor: 'rgb(37,99,235)', + borderBottomColor: 'rgb(37,99,235)', + }, + 'border-y-blue-700': { + borderTopColor: 'rgb(29,78,216)', + borderBottomColor: 'rgb(29,78,216)', + }, + 'border-y-blue-800': { + borderTopColor: 'rgb(30,64,175)', + borderBottomColor: 'rgb(30,64,175)', + }, + 'border-y-blue-900': { + borderTopColor: 'rgb(30,58,138)', + borderBottomColor: 'rgb(30,58,138)', + }, + 'border-y-blue-950': { + borderTopColor: 'rgb(23,37,84)', + borderBottomColor: 'rgb(23,37,84)', + }, + 'border-y-cyan-100': { + borderTopColor: 'rgb(207,250,254)', + borderBottomColor: 'rgb(207,250,254)', + }, + 'border-y-cyan-200': { + borderTopColor: 'rgb(165,243,252)', + borderBottomColor: 'rgb(165,243,252)', + }, + 'border-y-cyan-300': { + borderTopColor: 'rgb(103,232,249)', + borderBottomColor: 'rgb(103,232,249)', + }, + 'border-y-cyan-400': { + borderTopColor: 'rgb(34,211,238)', + borderBottomColor: 'rgb(34,211,238)', + }, + 'border-y-cyan-50': { + borderTopColor: 'rgb(236,254,255)', + borderBottomColor: 'rgb(236,254,255)', + }, + 'border-y-cyan-500': { + borderTopColor: 'rgb(6,182,212)', + borderBottomColor: 'rgb(6,182,212)', + }, + 'border-y-cyan-600': { + borderTopColor: 'rgb(8,145,178)', + borderBottomColor: 'rgb(8,145,178)', + }, + 'border-y-cyan-700': { + borderTopColor: 'rgb(14,116,144)', + borderBottomColor: 'rgb(14,116,144)', + }, + 'border-y-cyan-800': { + borderTopColor: 'rgb(21,94,117)', + borderBottomColor: 'rgb(21,94,117)', + }, + 'border-y-cyan-900': { + borderTopColor: 'rgb(22,78,99)', + borderBottomColor: 'rgb(22,78,99)', + }, + 'border-y-cyan-950': { + borderTopColor: 'rgb(8,51,68)', + borderBottomColor: 'rgb(8,51,68)', + }, + 'border-y-emerald-100': { + borderTopColor: 'rgb(209,250,229)', + borderBottomColor: 'rgb(209,250,229)', + }, + 'border-y-emerald-200': { + borderTopColor: 'rgb(167,243,208)', + borderBottomColor: 'rgb(167,243,208)', + }, + 'border-y-emerald-300': { + borderTopColor: 'rgb(110,231,183)', + borderBottomColor: 'rgb(110,231,183)', + }, + 'border-y-emerald-400': { + borderTopColor: 'rgb(52,211,153)', + borderBottomColor: 'rgb(52,211,153)', + }, + 'border-y-emerald-50': { + borderTopColor: 'rgb(236,253,245)', + borderBottomColor: 'rgb(236,253,245)', + }, + 'border-y-emerald-500': { + borderTopColor: 'rgb(16,185,129)', + borderBottomColor: 'rgb(16,185,129)', + }, + 'border-y-emerald-600': { + borderTopColor: 'rgb(5,150,105)', + borderBottomColor: 'rgb(5,150,105)', + }, + 'border-y-emerald-700': { + borderTopColor: 'rgb(4,120,87)', + borderBottomColor: 'rgb(4,120,87)', + }, + 'border-y-emerald-800': { + borderTopColor: 'rgb(6,95,70)', + borderBottomColor: 'rgb(6,95,70)', + }, + 'border-y-emerald-900': { + borderTopColor: 'rgb(6,78,59)', + borderBottomColor: 'rgb(6,78,59)', + }, + 'border-y-emerald-950': { + borderTopColor: 'rgb(2,44,34)', + borderBottomColor: 'rgb(2,44,34)', + }, + 'border-y-fuchsia-100': { + borderTopColor: 'rgb(250,232,255)', + borderBottomColor: 'rgb(250,232,255)', + }, + 'border-y-fuchsia-200': { + borderTopColor: 'rgb(245,208,254)', + borderBottomColor: 'rgb(245,208,254)', + }, + 'border-y-fuchsia-300': { + borderTopColor: 'rgb(240,171,252)', + borderBottomColor: 'rgb(240,171,252)', + }, + 'border-y-fuchsia-400': { + borderTopColor: 'rgb(232,121,249)', + borderBottomColor: 'rgb(232,121,249)', + }, + 'border-y-fuchsia-50': { + borderTopColor: 'rgb(253,244,255)', + borderBottomColor: 'rgb(253,244,255)', + }, + 'border-y-fuchsia-500': { + borderTopColor: 'rgb(217,70,239)', + borderBottomColor: 'rgb(217,70,239)', + }, + 'border-y-fuchsia-600': { + borderTopColor: 'rgb(192,38,211)', + borderBottomColor: 'rgb(192,38,211)', + }, + 'border-y-fuchsia-700': { + borderTopColor: 'rgb(162,28,175)', + borderBottomColor: 'rgb(162,28,175)', + }, + 'border-y-fuchsia-800': { + borderTopColor: 'rgb(134,25,143)', + borderBottomColor: 'rgb(134,25,143)', + }, + 'border-y-fuchsia-900': { + borderTopColor: 'rgb(112,26,117)', + borderBottomColor: 'rgb(112,26,117)', + }, + 'border-y-fuchsia-950': { + borderTopColor: 'rgb(74,4,78)', + borderBottomColor: 'rgb(74,4,78)', + }, + 'border-y-gray-100': { + borderTopColor: 'rgb(243,244,246)', + borderBottomColor: 'rgb(243,244,246)', + }, + 'border-y-gray-200': { + borderTopColor: 'rgb(229,231,235)', + borderBottomColor: 'rgb(229,231,235)', + }, + 'border-y-gray-300': { + borderTopColor: 'rgb(209,213,219)', + borderBottomColor: 'rgb(209,213,219)', + }, + 'border-y-gray-400': { + borderTopColor: 'rgb(156,163,175)', + borderBottomColor: 'rgb(156,163,175)', + }, + 'border-y-gray-50': { + borderTopColor: 'rgb(249,250,251)', + borderBottomColor: 'rgb(249,250,251)', + }, + 'border-y-gray-500': { + borderTopColor: 'rgb(107,114,128)', + borderBottomColor: 'rgb(107,114,128)', + }, + 'border-y-gray-600': { + borderTopColor: 'rgb(75,85,99)', + borderBottomColor: 'rgb(75,85,99)', + }, + 'border-y-gray-700': { + borderTopColor: 'rgb(55,65,81)', + borderBottomColor: 'rgb(55,65,81)', + }, + 'border-y-gray-800': { + borderTopColor: 'rgb(31,41,55)', + borderBottomColor: 'rgb(31,41,55)', + }, + 'border-y-gray-900': { + borderTopColor: 'rgb(17,24,39)', + borderBottomColor: 'rgb(17,24,39)', + }, + 'border-y-gray-950': { + borderTopColor: 'rgb(3,7,18)', + borderBottomColor: 'rgb(3,7,18)', + }, + 'border-y-green-100': { + borderTopColor: 'rgb(220,252,231)', + borderBottomColor: 'rgb(220,252,231)', + }, + 'border-y-green-200': { + borderTopColor: 'rgb(187,247,208)', + borderBottomColor: 'rgb(187,247,208)', + }, + 'border-y-green-300': { + borderTopColor: 'rgb(134,239,172)', + borderBottomColor: 'rgb(134,239,172)', + }, + 'border-y-green-400': { + borderTopColor: 'rgb(74,222,128)', + borderBottomColor: 'rgb(74,222,128)', + }, + 'border-y-green-50': { + borderTopColor: 'rgb(240,253,244)', + borderBottomColor: 'rgb(240,253,244)', + }, + 'border-y-green-500': { + borderTopColor: 'rgb(34,197,94)', + borderBottomColor: 'rgb(34,197,94)', + }, + 'border-y-green-600': { + borderTopColor: 'rgb(22,163,74)', + borderBottomColor: 'rgb(22,163,74)', + }, + 'border-y-green-700': { + borderTopColor: 'rgb(21,128,61)', + borderBottomColor: 'rgb(21,128,61)', + }, + 'border-y-green-800': { + borderTopColor: 'rgb(22,101,52)', + borderBottomColor: 'rgb(22,101,52)', + }, + 'border-y-green-900': { + borderTopColor: 'rgb(20,83,45)', + borderBottomColor: 'rgb(20,83,45)', + }, + 'border-y-green-950': { + borderTopColor: 'rgb(5,46,22)', + borderBottomColor: 'rgb(5,46,22)', + }, + 'border-y-indigo-100': { + borderTopColor: 'rgb(224,231,255)', + borderBottomColor: 'rgb(224,231,255)', + }, + 'border-y-indigo-200': { + borderTopColor: 'rgb(199,210,254)', + borderBottomColor: 'rgb(199,210,254)', + }, + 'border-y-indigo-300': { + borderTopColor: 'rgb(165,180,252)', + borderBottomColor: 'rgb(165,180,252)', + }, + 'border-y-indigo-400': { + borderTopColor: 'rgb(129,140,248)', + borderBottomColor: 'rgb(129,140,248)', + }, + 'border-y-indigo-50': { + borderTopColor: 'rgb(238,242,255)', + borderBottomColor: 'rgb(238,242,255)', + }, + 'border-y-indigo-500': { + borderTopColor: 'rgb(99,102,241)', + borderBottomColor: 'rgb(99,102,241)', + }, + 'border-y-indigo-600': { + borderTopColor: 'rgb(79,70,229)', + borderBottomColor: 'rgb(79,70,229)', + }, + 'border-y-indigo-700': { + borderTopColor: 'rgb(67,56,202)', + borderBottomColor: 'rgb(67,56,202)', + }, + 'border-y-indigo-800': { + borderTopColor: 'rgb(55,48,163)', + borderBottomColor: 'rgb(55,48,163)', + }, + 'border-y-indigo-900': { + borderTopColor: 'rgb(49,46,129)', + borderBottomColor: 'rgb(49,46,129)', + }, + 'border-y-indigo-950': { + borderTopColor: 'rgb(30,27,75)', + borderBottomColor: 'rgb(30,27,75)', + }, + 'border-y-lime-100': { + borderTopColor: 'rgb(236,252,203)', + borderBottomColor: 'rgb(236,252,203)', + }, + 'border-y-lime-200': { + borderTopColor: 'rgb(217,249,157)', + borderBottomColor: 'rgb(217,249,157)', + }, + 'border-y-lime-300': { + borderTopColor: 'rgb(190,242,100)', + borderBottomColor: 'rgb(190,242,100)', + }, + 'border-y-lime-400': { + borderTopColor: 'rgb(163,230,53)', + borderBottomColor: 'rgb(163,230,53)', + }, + 'border-y-lime-50': { + borderTopColor: 'rgb(247,254,231)', + borderBottomColor: 'rgb(247,254,231)', + }, + 'border-y-lime-500': { + borderTopColor: 'rgb(132,204,22)', + borderBottomColor: 'rgb(132,204,22)', + }, + 'border-y-lime-600': { + borderTopColor: 'rgb(101,163,13)', + borderBottomColor: 'rgb(101,163,13)', + }, + 'border-y-lime-700': { + borderTopColor: 'rgb(77,124,15)', + borderBottomColor: 'rgb(77,124,15)', + }, + 'border-y-lime-800': { + borderTopColor: 'rgb(63,98,18)', + borderBottomColor: 'rgb(63,98,18)', + }, + 'border-y-lime-900': { + borderTopColor: 'rgb(54,83,20)', + borderBottomColor: 'rgb(54,83,20)', + }, + 'border-y-lime-950': { + borderTopColor: 'rgb(26,46,5)', + borderBottomColor: 'rgb(26,46,5)', + }, + 'border-y-neutral-100': { + borderTopColor: 'rgb(245,245,245)', + borderBottomColor: 'rgb(245,245,245)', + }, + 'border-y-neutral-200': { + borderTopColor: 'rgb(229,229,229)', + borderBottomColor: 'rgb(229,229,229)', + }, + 'border-y-neutral-300': { + borderTopColor: 'rgb(212,212,212)', + borderBottomColor: 'rgb(212,212,212)', + }, + 'border-y-neutral-400': { + borderTopColor: 'rgb(163,163,163)', + borderBottomColor: 'rgb(163,163,163)', + }, + 'border-y-neutral-50': { + borderTopColor: 'rgb(250,250,250)', + borderBottomColor: 'rgb(250,250,250)', + }, + 'border-y-neutral-500': { + borderTopColor: 'rgb(115,115,115)', + borderBottomColor: 'rgb(115,115,115)', + }, + 'border-y-neutral-600': { + borderTopColor: 'rgb(82,82,82)', + borderBottomColor: 'rgb(82,82,82)', + }, + 'border-y-neutral-700': { + borderTopColor: 'rgb(64,64,64)', + borderBottomColor: 'rgb(64,64,64)', + }, + 'border-y-neutral-800': { + borderTopColor: 'rgb(38,38,38)', + borderBottomColor: 'rgb(38,38,38)', + }, + 'border-y-neutral-900': { + borderTopColor: 'rgb(23,23,23)', + borderBottomColor: 'rgb(23,23,23)', + }, + 'border-y-neutral-950': { + borderTopColor: 'rgb(10,10,10)', + borderBottomColor: 'rgb(10,10,10)', + }, + 'border-y-orange-100': { + borderTopColor: 'rgb(255,237,213)', + borderBottomColor: 'rgb(255,237,213)', + }, + 'border-y-orange-200': { + borderTopColor: 'rgb(254,215,170)', + borderBottomColor: 'rgb(254,215,170)', + }, + 'border-y-orange-300': { + borderTopColor: 'rgb(253,186,116)', + borderBottomColor: 'rgb(253,186,116)', + }, + 'border-y-orange-400': { + borderTopColor: 'rgb(251,146,60)', + borderBottomColor: 'rgb(251,146,60)', + }, + 'border-y-orange-50': { + borderTopColor: 'rgb(255,247,237)', + borderBottomColor: 'rgb(255,247,237)', + }, + 'border-y-orange-500': { + borderTopColor: 'rgb(249,115,22)', + borderBottomColor: 'rgb(249,115,22)', + }, + 'border-y-orange-600': { + borderTopColor: 'rgb(234,88,12)', + borderBottomColor: 'rgb(234,88,12)', + }, + 'border-y-orange-700': { + borderTopColor: 'rgb(194,65,12)', + borderBottomColor: 'rgb(194,65,12)', + }, + 'border-y-orange-800': { + borderTopColor: 'rgb(154,52,18)', + borderBottomColor: 'rgb(154,52,18)', + }, + 'border-y-orange-900': { + borderTopColor: 'rgb(124,45,18)', + borderBottomColor: 'rgb(124,45,18)', + }, + 'border-y-orange-950': { + borderTopColor: 'rgb(67,20,7)', + borderBottomColor: 'rgb(67,20,7)', + }, + 'border-y-pink-100': { + borderTopColor: 'rgb(252,231,243)', + borderBottomColor: 'rgb(252,231,243)', + }, + 'border-y-pink-200': { + borderTopColor: 'rgb(251,207,232)', + borderBottomColor: 'rgb(251,207,232)', + }, + 'border-y-pink-300': { + borderTopColor: 'rgb(249,168,212)', + borderBottomColor: 'rgb(249,168,212)', + }, + 'border-y-pink-400': { + borderTopColor: 'rgb(244,114,182)', + borderBottomColor: 'rgb(244,114,182)', + }, + 'border-y-pink-50': { + borderTopColor: 'rgb(253,242,248)', + borderBottomColor: 'rgb(253,242,248)', + }, + 'border-y-pink-500': { + borderTopColor: 'rgb(236,72,153)', + borderBottomColor: 'rgb(236,72,153)', + }, + 'border-y-pink-600': { + borderTopColor: 'rgb(219,39,119)', + borderBottomColor: 'rgb(219,39,119)', + }, + 'border-y-pink-700': { + borderTopColor: 'rgb(190,24,93)', + borderBottomColor: 'rgb(190,24,93)', + }, + 'border-y-pink-800': { + borderTopColor: 'rgb(157,23,77)', + borderBottomColor: 'rgb(157,23,77)', + }, + 'border-y-pink-900': { + borderTopColor: 'rgb(131,24,67)', + borderBottomColor: 'rgb(131,24,67)', + }, + 'border-y-pink-950': { + borderTopColor: 'rgb(80,7,36)', + borderBottomColor: 'rgb(80,7,36)', + }, + 'border-y-purple-100': { + borderTopColor: 'rgb(243,232,255)', + borderBottomColor: 'rgb(243,232,255)', + }, + 'border-y-purple-200': { + borderTopColor: 'rgb(233,213,255)', + borderBottomColor: 'rgb(233,213,255)', + }, + 'border-y-purple-300': { + borderTopColor: 'rgb(216,180,254)', + borderBottomColor: 'rgb(216,180,254)', + }, + 'border-y-purple-400': { + borderTopColor: 'rgb(192,132,252)', + borderBottomColor: 'rgb(192,132,252)', + }, + 'border-y-purple-50': { + borderTopColor: 'rgb(250,245,255)', + borderBottomColor: 'rgb(250,245,255)', + }, + 'border-y-purple-500': { + borderTopColor: 'rgb(168,85,247)', + borderBottomColor: 'rgb(168,85,247)', + }, + 'border-y-purple-600': { + borderTopColor: 'rgb(147,51,234)', + borderBottomColor: 'rgb(147,51,234)', + }, + 'border-y-purple-700': { + borderTopColor: 'rgb(126,34,206)', + borderBottomColor: 'rgb(126,34,206)', + }, + 'border-y-purple-800': { + borderTopColor: 'rgb(107,33,168)', + borderBottomColor: 'rgb(107,33,168)', + }, + 'border-y-purple-900': { + borderTopColor: 'rgb(88,28,135)', + borderBottomColor: 'rgb(88,28,135)', + }, + 'border-y-purple-950': { + borderTopColor: 'rgb(59,7,100)', + borderBottomColor: 'rgb(59,7,100)', + }, + 'border-y-red-100': { + borderTopColor: 'rgb(254,226,226)', + borderBottomColor: 'rgb(254,226,226)', + }, + 'border-y-red-200': { + borderTopColor: 'rgb(254,202,202)', + borderBottomColor: 'rgb(254,202,202)', + }, + 'border-y-red-300': { + borderTopColor: 'rgb(252,165,165)', + borderBottomColor: 'rgb(252,165,165)', + }, + 'border-y-red-400': { + borderTopColor: 'rgb(248,113,113)', + borderBottomColor: 'rgb(248,113,113)', + }, + 'border-y-red-50': { + borderTopColor: 'rgb(254,242,242)', + borderBottomColor: 'rgb(254,242,242)', + }, + 'border-y-red-500': { + borderTopColor: 'rgb(239,68,68)', + borderBottomColor: 'rgb(239,68,68)', + }, + 'border-y-red-600': { + borderTopColor: 'rgb(220,38,38)', + borderBottomColor: 'rgb(220,38,38)', + }, + 'border-y-red-700': { + borderTopColor: 'rgb(185,28,28)', + borderBottomColor: 'rgb(185,28,28)', + }, + 'border-y-red-800': { + borderTopColor: 'rgb(153,27,27)', + borderBottomColor: 'rgb(153,27,27)', + }, + 'border-y-red-900': { + borderTopColor: 'rgb(127,29,29)', + borderBottomColor: 'rgb(127,29,29)', + }, + 'border-y-red-950': { + borderTopColor: 'rgb(69,10,10)', + borderBottomColor: 'rgb(69,10,10)', + }, + 'border-y-rose-100': { + borderTopColor: 'rgb(255,228,230)', + borderBottomColor: 'rgb(255,228,230)', + }, + 'border-y-rose-200': { + borderTopColor: 'rgb(254,205,211)', + borderBottomColor: 'rgb(254,205,211)', + }, + 'border-y-rose-300': { + borderTopColor: 'rgb(253,164,175)', + borderBottomColor: 'rgb(253,164,175)', + }, + 'border-y-rose-400': { + borderTopColor: 'rgb(251,113,133)', + borderBottomColor: 'rgb(251,113,133)', + }, + 'border-y-rose-50': { + borderTopColor: 'rgb(255,241,242)', + borderBottomColor: 'rgb(255,241,242)', + }, + 'border-y-rose-500': { + borderTopColor: 'rgb(244,63,94)', + borderBottomColor: 'rgb(244,63,94)', + }, + 'border-y-rose-600': { + borderTopColor: 'rgb(225,29,72)', + borderBottomColor: 'rgb(225,29,72)', + }, + 'border-y-rose-700': { + borderTopColor: 'rgb(190,18,60)', + borderBottomColor: 'rgb(190,18,60)', + }, + 'border-y-rose-800': { + borderTopColor: 'rgb(159,18,57)', + borderBottomColor: 'rgb(159,18,57)', + }, + 'border-y-rose-900': { + borderTopColor: 'rgb(136,19,55)', + borderBottomColor: 'rgb(136,19,55)', + }, + 'border-y-rose-950': { + borderTopColor: 'rgb(76,5,25)', + borderBottomColor: 'rgb(76,5,25)', + }, + 'border-y-sky-100': { + borderTopColor: 'rgb(224,242,254)', + borderBottomColor: 'rgb(224,242,254)', + }, + 'border-y-sky-200': { + borderTopColor: 'rgb(186,230,253)', + borderBottomColor: 'rgb(186,230,253)', + }, + 'border-y-sky-300': { + borderTopColor: 'rgb(125,211,252)', + borderBottomColor: 'rgb(125,211,252)', + }, + 'border-y-sky-400': { + borderTopColor: 'rgb(56,189,248)', + borderBottomColor: 'rgb(56,189,248)', + }, + 'border-y-sky-50': { + borderTopColor: 'rgb(240,249,255)', + borderBottomColor: 'rgb(240,249,255)', + }, + 'border-y-sky-500': { + borderTopColor: 'rgb(14,165,233)', + borderBottomColor: 'rgb(14,165,233)', + }, + 'border-y-sky-600': { + borderTopColor: 'rgb(2,132,199)', + borderBottomColor: 'rgb(2,132,199)', + }, + 'border-y-sky-700': { + borderTopColor: 'rgb(3,105,161)', + borderBottomColor: 'rgb(3,105,161)', + }, + 'border-y-sky-800': { + borderTopColor: 'rgb(7,89,133)', + borderBottomColor: 'rgb(7,89,133)', + }, + 'border-y-sky-900': { + borderTopColor: 'rgb(12,74,110)', + borderBottomColor: 'rgb(12,74,110)', + }, + 'border-y-sky-950': { + borderTopColor: 'rgb(8,47,73)', + borderBottomColor: 'rgb(8,47,73)', + }, + 'border-y-slate-100': { + borderTopColor: 'rgb(241,245,249)', + borderBottomColor: 'rgb(241,245,249)', + }, + 'border-y-slate-200': { + borderTopColor: 'rgb(226,232,240)', + borderBottomColor: 'rgb(226,232,240)', + }, + 'border-y-slate-300': { + borderTopColor: 'rgb(203,213,225)', + borderBottomColor: 'rgb(203,213,225)', + }, + 'border-y-slate-400': { + borderTopColor: 'rgb(148,163,184)', + borderBottomColor: 'rgb(148,163,184)', + }, + 'border-y-slate-50': { + borderTopColor: 'rgb(248,250,252)', + borderBottomColor: 'rgb(248,250,252)', + }, + 'border-y-slate-500': { + borderTopColor: 'rgb(100,116,139)', + borderBottomColor: 'rgb(100,116,139)', + }, + 'border-y-slate-600': { + borderTopColor: 'rgb(71,85,105)', + borderBottomColor: 'rgb(71,85,105)', + }, + 'border-y-slate-700': { + borderTopColor: 'rgb(51,65,85)', + borderBottomColor: 'rgb(51,65,85)', + }, + 'border-y-slate-800': { + borderTopColor: 'rgb(30,41,59)', + borderBottomColor: 'rgb(30,41,59)', + }, + 'border-y-slate-900': { + borderTopColor: 'rgb(15,23,42)', + borderBottomColor: 'rgb(15,23,42)', + }, + 'border-y-slate-950': { + borderTopColor: 'rgb(2,6,23)', + borderBottomColor: 'rgb(2,6,23)', + }, + 'border-y-stone-100': { + borderTopColor: 'rgb(245,245,244)', + borderBottomColor: 'rgb(245,245,244)', + }, + 'border-y-stone-200': { + borderTopColor: 'rgb(231,229,228)', + borderBottomColor: 'rgb(231,229,228)', + }, + 'border-y-stone-300': { + borderTopColor: 'rgb(214,211,209)', + borderBottomColor: 'rgb(214,211,209)', + }, + 'border-y-stone-400': { + borderTopColor: 'rgb(168,162,158)', + borderBottomColor: 'rgb(168,162,158)', + }, + 'border-y-stone-50': { + borderTopColor: 'rgb(250,250,249)', + borderBottomColor: 'rgb(250,250,249)', + }, + 'border-y-stone-500': { + borderTopColor: 'rgb(120,113,108)', + borderBottomColor: 'rgb(120,113,108)', + }, + 'border-y-stone-600': { + borderTopColor: 'rgb(87,83,78)', + borderBottomColor: 'rgb(87,83,78)', + }, + 'border-y-stone-700': { + borderTopColor: 'rgb(68,64,60)', + borderBottomColor: 'rgb(68,64,60)', + }, + 'border-y-stone-800': { + borderTopColor: 'rgb(41,37,36)', + borderBottomColor: 'rgb(41,37,36)', + }, + 'border-y-stone-900': { + borderTopColor: 'rgb(28,25,23)', + borderBottomColor: 'rgb(28,25,23)', + }, + 'border-y-stone-950': { + borderTopColor: 'rgb(12,10,9)', + borderBottomColor: 'rgb(12,10,9)', + }, + 'border-y-transparent': { + borderTopColor: 'transparent', + borderBottomColor: 'transparent', + }, + 'border-y-teal-100': { + borderTopColor: 'rgb(204,251,241)', + borderBottomColor: 'rgb(204,251,241)', + }, + 'border-y-teal-200': { + borderTopColor: 'rgb(153,246,228)', + borderBottomColor: 'rgb(153,246,228)', + }, + 'border-y-teal-300': { + borderTopColor: 'rgb(94,234,212)', + borderBottomColor: 'rgb(94,234,212)', + }, + 'border-y-teal-400': { + borderTopColor: 'rgb(45,212,191)', + borderBottomColor: 'rgb(45,212,191)', + }, + 'border-y-teal-50': { + borderTopColor: 'rgb(240,253,250)', + borderBottomColor: 'rgb(240,253,250)', + }, + 'border-y-teal-500': { + borderTopColor: 'rgb(20,184,166)', + borderBottomColor: 'rgb(20,184,166)', + }, + 'border-y-teal-600': { + borderTopColor: 'rgb(13,148,136)', + borderBottomColor: 'rgb(13,148,136)', + }, + 'border-y-teal-700': { + borderTopColor: 'rgb(15,118,110)', + borderBottomColor: 'rgb(15,118,110)', + }, + 'border-y-teal-800': { + borderTopColor: 'rgb(17,94,89)', + borderBottomColor: 'rgb(17,94,89)', + }, + 'border-y-teal-900': { + borderTopColor: 'rgb(19,78,74)', + borderBottomColor: 'rgb(19,78,74)', + }, + 'border-y-teal-950': { + borderTopColor: 'rgb(4,47,46)', + borderBottomColor: 'rgb(4,47,46)', + }, + 'border-y-violet-100': { + borderTopColor: 'rgb(237,233,254)', + borderBottomColor: 'rgb(237,233,254)', + }, + 'border-y-violet-200': { + borderTopColor: 'rgb(221,214,254)', + borderBottomColor: 'rgb(221,214,254)', + }, + 'border-y-violet-300': { + borderTopColor: 'rgb(196,181,253)', + borderBottomColor: 'rgb(196,181,253)', + }, + 'border-y-violet-400': { + borderTopColor: 'rgb(167,139,250)', + borderBottomColor: 'rgb(167,139,250)', + }, + 'border-y-violet-50': { + borderTopColor: 'rgb(245,243,255)', + borderBottomColor: 'rgb(245,243,255)', + }, + 'border-y-violet-500': { + borderTopColor: 'rgb(139,92,246)', + borderBottomColor: 'rgb(139,92,246)', + }, + 'border-y-violet-600': { + borderTopColor: 'rgb(124,58,237)', + borderBottomColor: 'rgb(124,58,237)', + }, + 'border-y-violet-700': { + borderTopColor: 'rgb(109,40,217)', + borderBottomColor: 'rgb(109,40,217)', + }, + 'border-y-violet-800': { + borderTopColor: 'rgb(91,33,182)', + borderBottomColor: 'rgb(91,33,182)', + }, + 'border-y-violet-900': { + borderTopColor: 'rgb(76,29,149)', + borderBottomColor: 'rgb(76,29,149)', + }, + 'border-y-violet-950': { + borderTopColor: 'rgb(46,16,101)', + borderBottomColor: 'rgb(46,16,101)', + }, + 'border-y-white': { + borderTopColor: 'rgb(255,255,255)', + borderBottomColor: 'rgb(255,255,255)', + }, + 'border-y-yellow-100': { + borderTopColor: 'rgb(254,249,195)', + borderBottomColor: 'rgb(254,249,195)', + }, + 'border-y-yellow-200': { + borderTopColor: 'rgb(254,240,138)', + borderBottomColor: 'rgb(254,240,138)', + }, + 'border-y-yellow-300': { + borderTopColor: 'rgb(253,224,71)', + borderBottomColor: 'rgb(253,224,71)', + }, + 'border-y-yellow-400': { + borderTopColor: 'rgb(250,204,21)', + borderBottomColor: 'rgb(250,204,21)', + }, + 'border-y-yellow-50': { + borderTopColor: 'rgb(254,252,232)', + borderBottomColor: 'rgb(254,252,232)', + }, + 'border-y-yellow-500': { + borderTopColor: 'rgb(234,179,8)', + borderBottomColor: 'rgb(234,179,8)', + }, + 'border-y-yellow-600': { + borderTopColor: 'rgb(202,138,4)', + borderBottomColor: 'rgb(202,138,4)', + }, + 'border-y-yellow-700': { + borderTopColor: 'rgb(161,98,7)', + borderBottomColor: 'rgb(161,98,7)', + }, + 'border-y-yellow-800': { + borderTopColor: 'rgb(133,77,14)', + borderBottomColor: 'rgb(133,77,14)', + }, + 'border-y-yellow-900': { + borderTopColor: 'rgb(113,63,18)', + borderBottomColor: 'rgb(113,63,18)', + }, + 'border-y-yellow-950': { + borderTopColor: 'rgb(66,32,6)', + borderBottomColor: 'rgb(66,32,6)', + }, + 'border-y-zinc-100': { + borderTopColor: 'rgb(244,244,245)', + borderBottomColor: 'rgb(244,244,245)', + }, + 'border-y-zinc-200': { + borderTopColor: 'rgb(228,228,231)', + borderBottomColor: 'rgb(228,228,231)', + }, + 'border-y-zinc-300': { + borderTopColor: 'rgb(212,212,216)', + borderBottomColor: 'rgb(212,212,216)', + }, + 'border-y-zinc-400': { + borderTopColor: 'rgb(161,161,170)', + borderBottomColor: 'rgb(161,161,170)', + }, + 'border-y-zinc-50': { + borderTopColor: 'rgb(250,250,250)', + borderBottomColor: 'rgb(250,250,250)', + }, + 'border-y-zinc-500': { + borderTopColor: 'rgb(113,113,122)', + borderBottomColor: 'rgb(113,113,122)', + }, + 'border-y-zinc-600': { + borderTopColor: 'rgb(82,82,91)', + borderBottomColor: 'rgb(82,82,91)', + }, + 'border-y-zinc-700': { + borderTopColor: 'rgb(63,63,70)', + borderBottomColor: 'rgb(63,63,70)', + }, + 'border-y-zinc-800': { + borderTopColor: 'rgb(39,39,42)', + borderBottomColor: 'rgb(39,39,42)', + }, + 'border-y-zinc-900': { + borderTopColor: 'rgb(24,24,27)', + borderBottomColor: 'rgb(24,24,27)', + }, + 'border-y-zinc-950': { + borderTopColor: 'rgb(9,9,11)', + borderBottomColor: 'rgb(9,9,11)', + }, }); const roundedStyles = StyleSheet.create({ diff --git a/src/styles/ClassStyles.ts b/src/styles/ClassStyles.ts index 3c7ae74..4544128 100644 --- a/src/styles/ClassStyles.ts +++ b/src/styles/ClassStyles.ts @@ -7,13 +7,13 @@ import { classPositionStyle, } from './Position.styles'; import {classSizeNoneScaleStyle, classSizeStyle} from './Size.styles'; -import {ClassStyleType} from '../model'; import { textFontSizeNoneScaleStyle, textFontSizeStyle, textStyles, } from './Text.styles'; -import {backgroundColorStyle} from './background.styles'; +import {backgroundColorStyle, opacityStyles} from './background.styles'; +import {ClassCustomType} from '../model'; const classStyles = { ...flexStyles, @@ -26,8 +26,8 @@ const classStyles = { ...textStyles, ...backgroundColorStyle, ...textFontSizeStyle, + ...opacityStyles, }; - const classNoneScaleStyles = { ...flexStyles, ...gapNoneScaleStyles, @@ -39,25 +39,7 @@ const classNoneScaleStyles = { ...backgroundColorStyle, ...textStyles, ...textFontSizeNoneScaleStyle, -}; -export const getClassStyles = ( - className: ClassStyleType | ClassStyleType[], - scaleScreen = true, -) => { - if (Array.isArray(className)) { - if (className.length > 0) { - const listStyle: any[] = className.map(item => - getClassStyles(item, scaleScreen), - ); - return listStyle; - } - return [{}]; - } else { - if (scaleScreen) { - return classStyles[className]; - } - return classNoneScaleStyles[className]; - } + ...opacityStyles, }; export const getClassNameStyles = (className: string, scaleScreen = true) => { @@ -67,7 +49,16 @@ export const getClassNameStyles = (className: string, scaleScreen = true) => { const listStyles = scaleScreen ? classStyles : classNoneScaleStyles; return listClass.map(item => { try { - return listStyles[item as never]; + const customClass = item.match(/\[(\d+)\]/); + if (customClass) { + const typeClass = item?.split(customClass[0]); + if (typeClass?.length && typeClass[0] && customClass?.[1]) { + return generalClassCustom(typeClass[0], Number(customClass[1])); + } + return {}; + } else { + return listStyles[item as never] || {}; + } } catch (error) { return {}; } @@ -78,3 +69,66 @@ export const getClassNameStyles = (className: string, scaleScreen = true) => { return {}; } }; + +const generalClassCustom = (typeClass: string, value: number) => { + switch (typeClass) { + case ClassCustomType.MARGIN: + return {margin: value}; + case ClassCustomType.MARGIN_LEFT: + return {marginLeft: value}; + case ClassCustomType.MARGIN_RIGHT: + return {marginRight: value}; + case ClassCustomType.MARGIN_TOP: + return {marginTop: value}; + case ClassCustomType.MARGIN_BOTTOM: + return {marginBottom: value}; + case ClassCustomType.MARGIN_X: + return {marginHorizontal: value}; + case ClassCustomType.MARGIN_Y: + return {marginVertical: value}; + case ClassCustomType.PADDING: + return {padding: value}; + case ClassCustomType.PADDING_LEFT: + return {paddingLeft: value}; + case ClassCustomType.PADDING_RIGHT: + return {paddingRight: value}; + case ClassCustomType.PADDING_TOP: + return {paddingTop: value}; + case ClassCustomType.PADDING_BOTTOM: + return {paddingBottom: value}; + case ClassCustomType.PADDING_X: + return {paddingHorizontal: value}; + case ClassCustomType.PADDING_Y: + return {paddingVertical: value}; + case ClassCustomType.WIDTH: + return {width: value}; + case ClassCustomType.MAX_WIDTH: + return {maxWidth: value}; + case ClassCustomType.MIN_WIDTH: + return {minWidth: value}; + case ClassCustomType.HEIGHT: + return {height: value}; + case ClassCustomType.MAX_HEIGHT: + return {maxHeight: value}; + case ClassCustomType.MIN_HEIGHT: + return {minHeight: value}; + case ClassCustomType.TOP: + return {top: value}; + case ClassCustomType.LEFT: + return {left: value}; + case ClassCustomType.RIGHT: + return {right: value}; + case ClassCustomType.BOTTOM: + return {bottom: value}; + case ClassCustomType.TEXT: + return {fontSize: value}; + case ClassCustomType.GAP: + return {gap: value}; + case ClassCustomType.ROW_GAP: + return {rowGap: value}; + case ClassCustomType.COL_GAP: + return {columnGap: value}; + default: + return {}; + } +}; diff --git a/src/styles/Size.styles.ts b/src/styles/Size.styles.ts index 00c58ed..abf49de 100644 --- a/src/styles/Size.styles.ts +++ b/src/styles/Size.styles.ts @@ -37,17 +37,6 @@ const widthStyles = StyleSheet.create({ 'w-72': {width: horizontalScale(288)}, 'w-80': {width: horizontalScale(320)}, 'w-96': {width: horizontalScale(384)}, - 'w-1/2': {width: '50%'}, - 'w-1/3': {width: '33.333333%'}, - 'w-2/3': {width: '66.666667%'}, - 'w-1/4': {width: '25%'}, - 'w-3/4': {width: '75%'}, - 'w-1/5': {width: '20%'}, - 'w-2/5': {width: '40%'}, - 'w-3/5': {width: '60%'}, - 'w-4/5': {width: '80%'}, - 'w-full': {width: '100%'}, - 'w-screen': {width: device.width}, 'min-w': {minWidth: horizontalScale(1)}, 'min-w-0': {minWidth: 0}, 'min-w-0.5': {minWidth: horizontalScale(2)}, @@ -83,6 +72,55 @@ const widthStyles = StyleSheet.create({ 'min-w-72': {minWidth: horizontalScale(288)}, 'min-w-80': {minWidth: horizontalScale(320)}, 'min-w-96': {minWidth: horizontalScale(384)}, + 'max-w': {maxWidth: horizontalScale(1)}, + 'max-w-0': {maxWidth: 0}, + 'max-w-0.5': {maxWidth: horizontalScale(2)}, + 'max-w-1': {maxWidth: horizontalScale(4)}, + 'max-w-1.5': {maxWidth: horizontalScale(6)}, + 'max-w-2': {maxWidth: horizontalScale(8)}, + 'max-w-2.5': {maxWidth: horizontalScale(10)}, + 'max-w-3': {maxWidth: horizontalScale(12)}, + 'max-w-3.5': {maxWidth: horizontalScale(14)}, + 'max-w-4': {maxWidth: horizontalScale(16)}, + 'max-w-5': {maxWidth: horizontalScale(20)}, + 'max-w-6': {maxWidth: horizontalScale(24)}, + 'max-w-7': {maxWidth: horizontalScale(28)}, + 'max-w-8': {maxWidth: horizontalScale(32)}, + 'max-w-9': {maxWidth: horizontalScale(36)}, + 'max-w-10': {maxWidth: horizontalScale(40)}, + 'max-w-11': {maxWidth: horizontalScale(44)}, + 'max-w-12': {maxWidth: horizontalScale(48)}, + 'max-w-14': {maxWidth: horizontalScale(56)}, + 'max-w-16': {maxWidth: horizontalScale(64)}, + 'max-w-20': {maxWidth: horizontalScale(80)}, + 'max-w-24': {maxWidth: horizontalScale(96)}, + 'max-w-28': {maxWidth: horizontalScale(112)}, + 'max-w-32': {maxWidth: horizontalScale(128)}, + 'max-w-36': {maxWidth: horizontalScale(144)}, + 'max-w-40': {maxWidth: horizontalScale(160)}, + 'max-w-44': {maxWidth: horizontalScale(176)}, + 'max-w-48': {maxWidth: horizontalScale(192)}, + 'max-w-52': {maxWidth: horizontalScale(208)}, + 'max-w-56': {maxWidth: horizontalScale(224)}, + 'max-w-60': {maxWidth: horizontalScale(240)}, + 'max-w-64': {maxWidth: horizontalScale(256)}, + 'max-w-72': {maxWidth: horizontalScale(288)}, + 'max-w-80': {maxWidth: horizontalScale(320)}, + 'max-w-96': {maxWidth: horizontalScale(384)}, +}); + +const widthRatioStyles = StyleSheet.create({ + 'w-1/2': {width: '50%'}, + 'w-1/3': {width: '33.333333%'}, + 'w-2/3': {width: '66.666667%'}, + 'w-1/4': {width: '25%'}, + 'w-3/4': {width: '75%'}, + 'w-1/5': {width: '20%'}, + 'w-2/5': {width: '40%'}, + 'w-3/5': {width: '60%'}, + 'w-4/5': {width: '80%'}, + 'w-full': {width: '100%'}, + 'w-screen': {width: device.width}, 'min-w-1/2': {minWidth: '50%'}, 'min-w-1/3': {minWidth: '33.333333%'}, 'min-w-2/3': {minWidth: '66.666667%'}, @@ -94,6 +132,53 @@ const widthStyles = StyleSheet.create({ 'min-w-4/5': {minWidth: '80%'}, 'min-w-full': {minWidth: '100%'}, 'min-w-screen': {minWidth: device.width}, + 'max-w-1/2': {maxWidth: '50%'}, + 'max-w-1/3': {maxWidth: '33.333333%'}, + 'max-w-2/3': {maxWidth: '66.666667%'}, + 'max-w-1/4': {maxWidth: '25%'}, + 'max-w-3/4': {maxWidth: '75%'}, + 'max-w-1/5': {maxWidth: '20%'}, + 'max-w-2/5': {maxWidth: '40%'}, + 'max-w-3/5': {maxWidth: '60%'}, + 'max-w-4/5': {maxWidth: '80%'}, + 'max-w-full': {maxWidth: '100%'}, + 'max-w-screen': {maxWidth: device.width}, +}); + +const heightRatioStyles = StyleSheet.create({ + 'h-1/2': {height: '50%'}, + 'h-1/3': {height: '33.333333%'}, + 'h-2/3': {height: '66.666667%'}, + 'h-1/4': {height: '25%'}, + 'h-3/4': {height: '75%'}, + 'h-1/5': {height: '20%'}, + 'h-2/5': {height: '40%'}, + 'h-3/5': {height: '60%'}, + 'h-4/5': {height: '80%'}, + 'h-full': {height: '100%'}, + 'h-screen': {height: device.height}, + 'min-h-1/2': {minHeight: '50%'}, + 'min-h-1/3': {minHeight: '33.333333%'}, + 'min-h-2/3': {minHeight: '66.666667%'}, + 'min-h-1/4': {minHeight: '25%'}, + 'min-h-3/4': {minHeight: '75%'}, + 'min-h-1/5': {minHeight: '20%'}, + 'min-h-2/5': {minHeight: '40%'}, + 'min-h-3/5': {minHeight: '60%'}, + 'min-h-4/5': {minHeight: '80%'}, + 'min-h-full': {minHeight: '100%'}, + 'min-h-screen': {minHeight: device.height}, + 'max-h-1/2': {maxHeight: '50%'}, + 'max-h-1/3': {maxHeight: '33.333333%'}, + 'max-h-2/3': {maxHeight: '66.666667%'}, + 'max-h-1/4': {maxHeight: '25%'}, + 'max-h-3/4': {maxHeight: '75%'}, + 'max-h-1/5': {maxHeight: '20%'}, + 'max-h-2/5': {maxHeight: '40%'}, + 'max-h-3/5': {maxHeight: '60%'}, + 'max-h-4/5': {maxHeight: '80%'}, + 'max-h-full': {maxHeight: '100%'}, + 'max-h-screen': {maxHeight: device.height}, }); const heightStyles = StyleSheet.create({ @@ -132,17 +217,76 @@ const heightStyles = StyleSheet.create({ 'h-72': {height: horizontalScale(288)}, 'h-80': {height: horizontalScale(320)}, 'h-96': {height: horizontalScale(384)}, - 'h-1/2': {height: '50%'}, - 'h-1/3': {height: '33.333333%'}, - 'h-2/3': {height: '66.666667%'}, - 'h-1/4': {height: '25%'}, - 'h-3/4': {height: '75%'}, - 'h-1/5': {height: '20%'}, - 'h-2/5': {height: '40%'}, - 'h-3/5': {height: '60%'}, - 'h-4/5': {height: '80%'}, - 'h-full': {height: '100%'}, - 'h-screen': {height: device.height}, + 'min-h': {minHeight: horizontalScale(1)}, + 'min-h-0': {minHeight: 0}, + 'min-h-0.5': {minHeight: horizontalScale(2)}, + 'min-h-1': {minHeight: horizontalScale(4)}, + 'min-h-1.5': {minHeight: horizontalScale(6)}, + 'min-h-2': {minHeight: horizontalScale(8)}, + 'min-h-2.5': {minHeight: horizontalScale(10)}, + 'min-h-3': {minHeight: horizontalScale(12)}, + 'min-h-3.5': {minHeight: horizontalScale(14)}, + 'min-h-4': {minHeight: horizontalScale(16)}, + 'min-h-5': {minHeight: horizontalScale(20)}, + 'min-h-6': {minHeight: horizontalScale(24)}, + 'min-h-7': {minHeight: horizontalScale(28)}, + 'min-h-8': {minHeight: horizontalScale(32)}, + 'min-h-9': {minHeight: horizontalScale(36)}, + 'min-h-10': {minHeight: horizontalScale(40)}, + 'min-h-11': {minHeight: horizontalScale(44)}, + 'min-h-12': {minHeight: horizontalScale(48)}, + 'min-h-14': {minHeight: horizontalScale(56)}, + 'min-h-16': {minHeight: horizontalScale(64)}, + 'min-h-20': {minHeight: horizontalScale(80)}, + 'min-h-24': {minHeight: horizontalScale(96)}, + 'min-h-28': {minHeight: horizontalScale(112)}, + 'min-h-32': {minHeight: horizontalScale(128)}, + 'min-h-36': {minHeight: horizontalScale(144)}, + 'min-h-40': {minHeight: horizontalScale(160)}, + 'min-h-44': {minHeight: horizontalScale(176)}, + 'min-h-48': {minHeight: horizontalScale(192)}, + 'min-h-52': {minHeight: horizontalScale(208)}, + 'min-h-56': {minHeight: horizontalScale(224)}, + 'min-h-60': {minHeight: horizontalScale(240)}, + 'min-h-64': {minHeight: horizontalScale(256)}, + 'min-h-72': {minHeight: horizontalScale(288)}, + 'min-h-80': {minHeight: horizontalScale(320)}, + 'min-h-96': {minHeight: horizontalScale(384)}, + 'max-h': {maxHeight: horizontalScale(1)}, + 'max-h-0': {maxHeight: 0}, + 'max-h-0.5': {maxHeight: horizontalScale(2)}, + 'max-h-1': {maxHeight: horizontalScale(4)}, + 'max-h-1.5': {maxHeight: horizontalScale(6)}, + 'max-h-2': {maxHeight: horizontalScale(8)}, + 'max-h-2.5': {maxHeight: horizontalScale(10)}, + 'max-h-3': {maxHeight: horizontalScale(12)}, + 'max-h-3.5': {maxHeight: horizontalScale(14)}, + 'max-h-4': {maxHeight: horizontalScale(16)}, + 'max-h-5': {maxHeight: horizontalScale(20)}, + 'max-h-6': {maxHeight: horizontalScale(24)}, + 'max-h-7': {maxHeight: horizontalScale(28)}, + 'max-h-8': {maxHeight: horizontalScale(32)}, + 'max-h-9': {maxHeight: horizontalScale(36)}, + 'max-h-10': {maxHeight: horizontalScale(40)}, + 'max-h-11': {maxHeight: horizontalScale(44)}, + 'max-h-12': {maxHeight: horizontalScale(48)}, + 'max-h-14': {maxHeight: horizontalScale(56)}, + 'max-h-16': {maxHeight: horizontalScale(64)}, + 'max-h-20': {maxHeight: horizontalScale(80)}, + 'max-h-24': {maxHeight: horizontalScale(96)}, + 'max-h-28': {maxHeight: horizontalScale(112)}, + 'max-h-32': {maxHeight: horizontalScale(128)}, + 'max-h-36': {maxHeight: horizontalScale(144)}, + 'max-h-40': {maxHeight: horizontalScale(160)}, + 'max-h-44': {maxHeight: horizontalScale(176)}, + 'max-h-48': {maxHeight: horizontalScale(192)}, + 'max-h-52': {maxHeight: horizontalScale(208)}, + 'max-h-56': {maxHeight: horizontalScale(224)}, + 'max-h-60': {maxHeight: horizontalScale(240)}, + 'max-h-64': {maxHeight: horizontalScale(256)}, + 'max-h-72': {maxHeight: horizontalScale(288)}, + 'max-h-80': {maxHeight: horizontalScale(320)}, + 'max-h-96': {maxHeight: horizontalScale(384)}, }); const widthNoneScaleStyles = StyleSheet.create({ @@ -238,6 +382,41 @@ const widthNoneScaleStyles = StyleSheet.create({ 'min-w-4/5': {minWidth: '80%'}, 'min-w-full': {minWidth: '100%'}, 'min-w-screen': {minWidth: device.width}, + 'max-w': {maxWidth: 1}, + 'max-w-0': {maxWidth: 0}, + 'max-w-0.5': {maxWidth: 2}, + 'max-w-1': {maxWidth: 4}, + 'max-w-1.5': {maxWidth: 6}, + 'max-w-2': {maxWidth: 8}, + 'max-w-2.5': {maxWidth: 10}, + 'max-w-3': {maxWidth: 12}, + 'max-w-3.5': {maxWidth: 14}, + 'max-w-4': {maxWidth: 16}, + 'max-w-5': {maxWidth: 20}, + 'max-w-6': {maxWidth: 24}, + 'max-w-7': {maxWidth: 28}, + 'max-w-8': {maxWidth: 32}, + 'max-w-9': {maxWidth: 36}, + 'max-w-10': {maxWidth: 40}, + 'max-w-11': {maxWidth: 44}, + 'max-w-12': {maxWidth: 48}, + 'max-w-14': {maxWidth: 56}, + 'max-w-16': {maxWidth: 64}, + 'max-w-20': {maxWidth: 80}, + 'max-w-24': {maxWidth: 96}, + 'max-w-28': {maxWidth: 112}, + 'max-w-32': {maxWidth: 128}, + 'max-w-36': {maxWidth: 144}, + 'max-w-40': {maxWidth: 160}, + 'max-w-44': {maxWidth: 176}, + 'max-w-48': {maxWidth: 192}, + 'max-w-52': {maxWidth: 208}, + 'max-w-56': {maxWidth: 224}, + 'max-w-60': {maxWidth: 240}, + 'max-w-64': {maxWidth: 256}, + 'max-w-72': {maxWidth: 288}, + 'max-w-80': {maxWidth: 320}, + 'max-w-96': {maxWidth: 384}, }); const heightNoneScaleStyles = StyleSheet.create({ @@ -276,25 +455,88 @@ const heightNoneScaleStyles = StyleSheet.create({ 'h-72': {height: 288}, 'h-80': {height: 320}, 'h-96': {height: 384}, - 'h-1/2': {height: '50%'}, - 'h-1/3': {height: '33.333333%'}, - 'h-2/3': {height: '66.666667%'}, - 'h-1/4': {height: '25%'}, - 'h-3/4': {height: '75%'}, - 'h-1/5': {height: '20%'}, - 'h-2/5': {height: '40%'}, - 'h-3/5': {height: '60%'}, - 'h-4/5': {height: '80%'}, - 'h-full': {height: '100%'}, - 'h-screen': {height: device.height}, + 'min-h': {minHeight: 1}, + 'min-h-0': {minHeight: 0}, + 'min-h-0.5': {minHeight: 2}, + 'min-h-1': {minHeight: 4}, + 'min-h-1.5': {minHeight: 6}, + 'min-h-2': {minHeight: 8}, + 'min-h-2.5': {minHeight: 10}, + 'min-h-3': {minHeight: 12}, + 'min-h-3.5': {minHeight: 14}, + 'min-h-4': {minHeight: 16}, + 'min-h-5': {minHeight: 20}, + 'min-h-6': {minHeight: 24}, + 'min-h-7': {minHeight: 28}, + 'min-h-8': {minHeight: 32}, + 'min-h-9': {minHeight: 36}, + 'min-h-10': {minHeight: 40}, + 'min-h-11': {minHeight: 44}, + 'min-h-12': {minHeight: 48}, + 'min-h-14': {minHeight: 56}, + 'min-h-16': {minHeight: 64}, + 'min-h-20': {minHeight: 80}, + 'min-h-24': {minHeight: 96}, + 'min-h-28': {minHeight: 112}, + 'min-h-32': {minHeight: 128}, + 'min-h-36': {minHeight: 144}, + 'min-h-40': {minHeight: 160}, + 'min-h-44': {minHeight: 176}, + 'min-h-48': {minHeight: 192}, + 'min-h-52': {minHeight: 208}, + 'min-h-56': {minHeight: 224}, + 'min-h-60': {minHeight: 240}, + 'min-h-64': {minHeight: 256}, + 'min-h-72': {minHeight: 288}, + 'min-h-80': {minHeight: 320}, + 'min-h-96': {minHeight: 384}, + 'max-h': {maxHeight: 1}, + 'max-h-0': {maxHeight: 0}, + 'max-h-0.5': {maxHeight: 2}, + 'max-h-1': {maxHeight: 4}, + 'max-h-1.5': {maxHeight: 6}, + 'max-h-2': {maxHeight: 8}, + 'max-h-2.5': {maxHeight: 10}, + 'max-h-3': {maxHeight: 12}, + 'max-h-3.5': {maxHeight: 14}, + 'max-h-4': {maxHeight: 16}, + 'max-h-5': {maxHeight: 20}, + 'max-h-6': {maxHeight: 24}, + 'max-h-7': {maxHeight: 28}, + 'max-h-8': {maxHeight: 32}, + 'max-h-9': {maxHeight: 36}, + 'max-h-10': {maxHeight: 40}, + 'max-h-11': {maxHeight: 44}, + 'max-h-12': {maxHeight: 48}, + 'max-h-14': {maxHeight: 56}, + 'max-h-16': {maxHeight: 64}, + 'max-h-20': {maxHeight: 80}, + 'max-h-24': {maxHeight: 96}, + 'max-h-28': {maxHeight: 112}, + 'max-h-32': {maxHeight: 128}, + 'max-h-36': {maxHeight: 144}, + 'max-h-40': {maxHeight: 160}, + 'max-h-44': {maxHeight: 176}, + 'max-h-48': {maxHeight: 192}, + 'max-h-52': {maxHeight: 208}, + 'max-h-56': {maxHeight: 224}, + 'max-h-60': {maxHeight: 240}, + 'max-h-64': {maxHeight: 256}, + 'max-h-72': {maxHeight: 288}, + 'max-h-80': {maxHeight: 320}, + 'max-h-96': {maxHeight: 384}, }); export const classSizeStyle = { ...widthStyles, ...heightStyles, + ...heightRatioStyles, + ...widthRatioStyles, }; export const classSizeNoneScaleStyle = { ...widthNoneScaleStyles, ...heightNoneScaleStyles, + ...heightRatioStyles, + ...widthRatioStyles, }; diff --git a/src/styles/background.styles.ts b/src/styles/background.styles.ts index c714d68..24cfceb 100644 --- a/src/styles/background.styles.ts +++ b/src/styles/background.styles.ts @@ -249,3 +249,27 @@ export const backgroundColorStyle = StyleSheet.create({ 'bg-zinc-900': {backgroundColor: 'rgb(24,24,27)'}, 'bg-zinc-950': {backgroundColor: 'rgb(9,9,11)'}, }); + +export const opacityStyles = StyleSheet.create({ + 'opacity-0': {opacity: 0}, + 'opacity-5': {opacity: 0.05}, + 'opacity-10': {opacity: 0.1}, + 'opacity-15': {opacity: 0.15}, + 'opacity-20': {opacity: 0.2}, + 'opacity-25': {opacity: 0.25}, + 'opacity-30': {opacity: 0.3}, + 'opacity-35': {opacity: 0.35}, + 'opacity-40': {opacity: 0.4}, + 'opacity-45': {opacity: 0.45}, + 'opacity-50': {opacity: 0.5}, + 'opacity-55': {opacity: 0.55}, + 'opacity-60': {opacity: 0.6}, + 'opacity-65': {opacity: 0.65}, + 'opacity-70': {opacity: 0.7}, + 'opacity-75': {opacity: 0.75}, + 'opacity-80': {opacity: 0.8}, + 'opacity-85': {opacity: 0.85}, + 'opacity-90': {opacity: 0.9}, + 'opacity-95': {opacity: 0.95}, + 'opacity-100': {opacity: 0.1}, +}); diff --git a/src/utils/helper.util.ts b/src/utils/helper.util.ts new file mode 100644 index 0000000..f572a62 --- /dev/null +++ b/src/utils/helper.util.ts @@ -0,0 +1,23 @@ +import {Varian} from '../model'; + +export const getClassNameVarian = (varian?: Varian) => { + switch (varian) { + case 'outline': + return 'rounded border border-blue-500 px-4 py-2'; + case 'primary': + return 'rounded bg-blue-500 px-4 py-2'; + default: + return ''; + } +}; + +export const getClassNameTextVarian = (varian?: Varian) => { + switch (varian) { + case 'outline': + return 'text-blue-500 font-bold'; + case 'primary': + return 'text-white font-bold'; + default: + return 'text-black'; + } +}; diff --git a/src/utils/index.ts b/src/utils/index.ts index 605085b..24a0b88 100644 --- a/src/utils/index.ts +++ b/src/utils/index.ts @@ -1 +1,2 @@ export * from './resize.util'; +export * from './helper.util'; From f297f30771acc865b10145197733ad7e64ddcbc0 Mon Sep 17 00:00:00 2001 From: sangyuo Date: Mon, 29 Jul 2024 17:16:15 +0700 Subject: [PATCH 04/23] update(config): change config --- App.tsx | 33 +- index.js | 5 +- package.json | 2 +- src/styles/Border.styles.ts | 4597 +++++++++++++++---------------- src/styles/Text.styles.ts | 490 ++-- src/styles/background.styles.ts | 490 ++-- 6 files changed, 2740 insertions(+), 2877 deletions(-) diff --git a/App.tsx b/App.tsx index 5ac151c..caf8b66 100644 --- a/App.tsx +++ b/App.tsx @@ -1,8 +1,8 @@ import React from 'react'; -import {SafeAreaView, useColorScheme} from 'react-native'; +import {SafeAreaView, ScrollView, useColorScheme} from 'react-native'; import {Colors} from 'react-native/Libraries/NewAppScreen'; -import {Box, Button, Text} from './src'; +import {Box, Text} from './src/components'; function App(): React.JSX.Element { const isDarkMode = useColorScheme() === 'dark'; @@ -12,9 +12,32 @@ function App(): React.JSX.Element { return ( - - ); } - -export default RadioButton; +export default CheckboxComponent; diff --git a/src/components/image/index.tsx b/src/components/image/index.tsx new file mode 100644 index 0000000..7779bee --- /dev/null +++ b/src/components/image/index.tsx @@ -0,0 +1,57 @@ +import React from 'react'; +import { + Image, + ImageRequireSource, + ImageStyle, + StyleProp, + StyleSheet, +} from 'react-native'; +import {useClassName} from '../../hook'; +import {ImageType} from '../../model'; +import FastImage, {ResizeMode, Source} from 'react-native-fast-image'; +import {classNames} from '../../utils'; + +interface Props { + source: ImageRequireSource | Source; + className: string; + imageType?: ImageType; + style?: StyleProp; + resizeMode?: ImageStyle['resizeMode']; +} +function ImageComponent({ + className, + imageType, + source, + style, + resizeMode, +}: Props) { + const stylesCustom = useClassName(classNames('w-full h-full', className)); + const styleCard: StyleProp = StyleSheet.compose( + stylesCustom, + style, + ); + + if (imageType === ImageType.FastImage) { + return ( + + ); + } + + return ( + + ); +} +ImageComponent.defaultProps = { + className: '', + imageType: ImageType.Image, + resizeMode: 'contain', +}; +export default ImageComponent; diff --git a/src/components/index.ts b/src/components/index.ts index 55cefe5..d0f7c47 100644 --- a/src/components/index.ts +++ b/src/components/index.ts @@ -1,5 +1,7 @@ -export * from './box'; -export * from './text'; -export * from './button'; -export * from './radioButton'; -export * from './checkbox'; +import Text from './text'; +import Button from './button'; +import Box from './box'; +import RadioButton from './radioButton'; +import Checkbox from './checkbox'; +import ImageBox from './image'; +export {Text, Button, Box, RadioButton, Checkbox, ImageBox}; diff --git a/src/components/radioButton/index.tsx b/src/components/radioButton/index.tsx index 0f86a33..c76e06a 100644 --- a/src/components/radioButton/index.tsx +++ b/src/components/radioButton/index.tsx @@ -2,6 +2,7 @@ import React from 'react'; import Box from '../box'; import Text from '../text'; import Button from '../button'; +import {classNames} from '../../utils'; export interface RadioButtonBox { className?: string; @@ -9,10 +10,6 @@ export interface RadioButtonBox { classNameChildren?: string; classNameLabel?: string; checked?: boolean; - color?: { - default?: string; - checked?: string; - }; value?: ItemT; label?: string; size?: number; @@ -32,7 +29,6 @@ function RadioButton(props: RadioButtonBox) { classNameLabel, classNameParent, classNameChildren, - color, delayDebounce, isDebounce, value, @@ -46,31 +42,44 @@ function RadioButton(props: RadioButtonBox) { onPress={() => { onPress && onPress(value); }} - className={`row-center gap-2 ${className || ''}`}> + className={classNames('row-center gap-2', className || '')}> + className={classNames( + 'rounded-full border-2 center', + size ? `w-[${size}] h-[${size}]` : 'w-6 h-6', + checked ? 'border-checked' : 'border-unchecked', + classNameParent || '', + )}> {checked && ( )} - {label} + + {label} + ); } +RadioButton.defaultProps = { + checked: false, + classNameParent: '', + classNameLabel: '', + classNameChildren: '', +}; + export default RadioButton; diff --git a/src/components/text/Text.tsx b/src/components/text/Text.tsx deleted file mode 100644 index f8be1ee..0000000 --- a/src/components/text/Text.tsx +++ /dev/null @@ -1,26 +0,0 @@ -import React from 'react'; -import {StyleSheet, Text, TextProps} from 'react-native'; -import {useClassName} from '../../hook'; - -export interface TextComponentProps extends TextProps { - className?: string; - scaleScreen?: boolean; -} - -const TextComponent = ({ - className, - scaleScreen, - style, - ...rest -}: TextComponentProps) => { - const stylesCustom = useClassName({ - className, - scaleScreen, - }); - - const styleText = StyleSheet.compose(stylesCustom, style); - - return ; -}; - -export default TextComponent; diff --git a/src/components/text/index.ts b/src/components/text/index.ts deleted file mode 100644 index fbb152e..0000000 --- a/src/components/text/index.ts +++ /dev/null @@ -1 +0,0 @@ -export {default as Text} from './Text'; diff --git a/src/components/text/index.tsx b/src/components/text/index.tsx index f8be1ee..963e9a3 100644 --- a/src/components/text/index.tsx +++ b/src/components/text/index.tsx @@ -4,20 +4,10 @@ import {useClassName} from '../../hook'; export interface TextComponentProps extends TextProps { className?: string; - scaleScreen?: boolean; } -const TextComponent = ({ - className, - scaleScreen, - style, - ...rest -}: TextComponentProps) => { - const stylesCustom = useClassName({ - className, - scaleScreen, - }); - +const TextComponent = ({className, style, ...rest}: TextComponentProps) => { + const stylesCustom = useClassName(className); const styleText = StyleSheet.compose(stylesCustom, style); return ; diff --git a/src/config/Colors.ts b/src/config/Colors.ts new file mode 100644 index 0000000..456e175 --- /dev/null +++ b/src/config/Colors.ts @@ -0,0 +1,259 @@ +export const COLORS = { + black: '#000000', + white: '#ffffff', + transparent: 'transparent', + 'red-50': '#FFEBEE', + 'red-100': '#FFCDD2', + 'red-200': '#EF9A9A', + 'red-300': '#E57373', + 'red-400': '#EF5350', + 'red-500': '#F44336', + 'red-600': '#E53935', + 'red-700': '#D32F2F', + 'red-800': '#C62828', + 'red-900': '#B71C1C', + 'red-A100': '#FF8A80', + 'red-A200': '#FF5252', + 'red-A400': '#FF1744', + 'red-A700': '#D50000', + 'prink-50': '#FCE4EC', + 'prink-100': '#F8BBD0', + 'prink-200': '#F48FB1', + 'prink-300': '#F06292', + 'prink-400': '#EC407A', + 'prink-500': '#E91E63', + 'prink-600': '#D81B60', + 'prink-700': '#C2185B', + 'prink-800': '#AD1457', + 'prink-900': '#880E4F', + 'prink-A100': '#FF80AB', + 'prink-A200': '#FF4081', + 'prink-A400': '#F50057', + 'prink-A700': '#C51162', + 'purple-50': '#F3E5F5', + 'purple-100': '#E1BEE7', + 'purple-200': '#CE93D8', + 'purple-300': '#BA68C8', + 'purple-400': '#AB47BC', + 'purple-500': '#9C27B0', + 'purple-600': '#8E24AA', + 'purple-700': '#7B1FA2', + 'purple-800': '#6A1B9A', + 'purple-900': '#4A148C', + 'purple-A100': '#EA80FC', + 'purple-A200': '#E040FB', + 'purple-A400': '#D500F9', + 'purple-A700': '#AA00FF', + 'deep-purple-50': '#EDE7F6', + 'deep-purple-100': '#D1C4E9', + 'deep-purple-200': '#B39DDB', + 'deep-purple-300': '#9575CD', + 'deep-purple-400': '#7E57C2', + 'deep-purple-500': '#673AB7', + 'deep-purple-600': '#5E35B1', + 'deep-purple-700': '#512DA8', + 'deep-purple-800': '#4527A0', + 'deep-purple-900': '#311B92', + 'deep-purple-A100': '#B388FF', + 'deep-purple-A200': '#7C4DFF', + 'deep-purple-A400': '#651FFF', + 'deep-purple-A700': '#6200EA', + 'indigo-50': '#E8EAF6', + 'indigo-100': '#C5CAE9', + 'indigo-200': '#9FA8DA', + 'indigo-300': '#7986CB', + 'indigo-400': '#5C6BC0', + 'indigo-500': '#3F51B5', + 'indigo-600': '#3949AB', + 'indigo-700': '#303F9F', + 'indigo-800': '#283593', + 'indigo-900': '#1A237E', + 'indigo-A100': '#8C9EFF', + 'indigo-A200': '#536DFE', + 'indigo-A400': '#3D5AFE', + 'indigo-A700': '#304FFE', + 'blue-50': '#E3F2FD', + 'blue-100': '#BBDEFB', + 'blue-200': '#90CAF9', + 'blue-300': '#64B5F6', + 'blue-400': '#42A5F5', + 'blue-500': '#2196F3', + 'blue-600': '#1E88E5', + 'blue-700': '#1976D2', + 'blue-800': '#1565C0', + 'blue-900': '#0D47A1', + 'blue-A100': '#82B1FF', + 'blue-A200': '#448AFF', + 'blue-A400': '#2979FF', + 'blue-A700': '#2962FF', + 'light-blue-50': '#E1F5FE', + 'light-blue-100': '#B3E5FC', + 'light-blue-200': '#81D4FA', + 'light-blue-300': '#4FC3F7', + 'light-blue-400': '#29B6F6', + 'light-blue-500': '#03A9F4', + 'light-blue-600': '#039BE5', + 'light-blue-700': '#0288D1', + 'light-blue-800': '#0277BD', + 'light-blue-900': '#01579B', + 'light-blue-A100': '#80D8FF', + 'light-blue-A200': '#40C4FF', + 'light-blue-A400': '#00B0FF', + 'light-blue-A700': '#0091EA', + 'cyan-50': '#E0F7FA', + 'cyan-100': '#B2EBF2', + 'cyan-200': '#80DEEA', + 'cyan-300': '#4DD0E1', + 'cyan-400': '#26C6DA', + 'cyan-500': '#00BCD4', + 'cyan-600': '#00ACC1', + 'cyan-700': '#0097A7', + 'cyan-800': '#00838F', + 'cyan-900': '#006064', + 'cyan-A100': '#84FFFF', + 'cyan-A200': '#18FFFF', + 'cyan-A400': '#00E5FF', + 'cyan-A700': '#00B8D4', + 'teal-50': '#E0F2F1', + 'teal-100': '#B2DFDB', + 'teal-200': '#80CBC4', + 'teal-300': '#4DB6AC', + 'teal-400': '#26A69A', + 'teal-500': '#009688', + 'teal-600': '#00897B', + 'teal-700': '#00796B', + 'teal-800': '#00695C', + 'teal-900': '#004D40', + 'teal-A100': '#A7FFEB', + 'teal-A200': '#64FFDA', + 'teal-A400': '#1DE9B6', + 'teal-A700': '#00BFA5', + 'green-50': '#E8F5E9', + 'green-100': '#C8E6C9', + 'green-200': '#A5D6A7', + 'green-300': '#81C784', + 'green-400': '#66BB6A', + 'green-500': '#4CAF50', + 'green-600': '#43A047', + 'green-700': '#388E3C', + 'green-800': '#2E7D32', + 'green-900': '#1B5E20', + 'green-A100': '#B9F6CA', + 'green-A200': '#69F0AE', + 'green-A400': '#00E676', + 'green-A700': '#00C853', + 'light-green-50': '#F1F8E9', + 'light-green-100': '#DCEDC8', + 'light-green-200': '#C5E1A5', + 'light-green-300': '#AED581', + 'light-green-400': '#9CCC65', + 'light-green-500': '#8BC34A', + 'light-green-600': '#7CB342', + 'light-green-700': '#689F38', + 'light-green-800': '#558B2F', + 'light-green-900': '#33691E', + 'light-green-A100': '#CCFF90', + 'light-green-A200': '#B2FF59', + 'light-green-A400': '#76FF03', + 'light-green-A700': '#64DD17', + 'lime-50': '#F9FBE7', + 'lime-100': '#F0F4C3', + 'lime-200': '#E6EE9C', + 'lime-300': '#DCE775', + 'lime-400': '#D4E157', + 'lime-500': '#CDDC39', + 'lime-600': '#C0CA33', + 'lime-700': '#AFB42B', + 'lime-800': '#9E9D24', + 'lime-900': '#827717', + 'lime-A100': '#F4FF81', + 'lime-A200': '#EEFF41', + 'lime-A400': '#C6FF00', + 'lime-A700': '#AEEA00', + 'yellow-50': '#FFFDE7', + 'yellow-100': '#FFF9C4', + 'yellow-200': '#FFF59D', + 'yellow-300': '#FFF176', + 'yellow-400': '#FFEE58', + 'yellow-500': '#FFEB3B', + 'yellow-600': '#FDD835', + 'yellow-700': '#FBC02D', + 'yellow-800': '#F9A825', + 'yellow-900': '#F57F17', + 'yellow-A100': '#FFFF8D', + 'yellow-A200': '#FFFF00', + 'yellow-A400': '#FFEA00', + 'yellow-A700': '#FFD600', + 'amber-50': '#FFF8E1', + 'amber-100': '#FFECB3', + 'amber-200': '#FFE082', + 'amber-300': '#FFD54F', + 'amber-400': '#FFCA28', + 'amber-500': '#FFC107', + 'amber-600': '#FFB300', + 'amber-700': '#FFA000', + 'amber-800': '#FF8F00', + 'amber-900': '#FF6F00', + 'amber-A100': '#FFE57F', + 'amber-A200': '#FFD740', + 'amber-A400': '#FFC400', + 'amber-A700': '#FFAB00', + 'orange-50': '#FFF3E0', + 'orange-100': '#FFE0B2', + 'orange-200': '#FFCC80', + 'orange-300': '#FFB74D', + 'orange-400': '#FFA726', + 'orange-500': '#FF9800', + 'orange-600': '#FB8C00', + 'orange-700': '#F57C00', + 'orange-800': '#EF6C00', + 'orange-900': '#E65100', + 'orange-A100': '#FFD180', + 'orange-A200': '#FFAB40', + 'orange-A400': '#FF9100', + 'orange-A700': '#FF6D00', + 'deep-orange-50': '#FBE9E7', + 'deep-orange-100': '#FFCCBC', + 'deep-orange-200': '#FFAB91', + 'deep-orange-300': '#FF8A65', + 'deep-orange-400': '#FF7043', + 'deep-orange-500': '#FF5722', + 'deep-orange-600': '#F4511E', + 'deep-orange-700': '#E64A19', + 'deep-orange-800': '#D84315', + 'deep-orange-900': '#BF360C', + 'deep-orange-A100': '#FF9E80', + 'deep-orange-A200': '#FF6E40', + 'deep-orange-A400': '#FF3D00', + 'deep-orange-A700': '#DD2C00', + 'brown-50': '#EFEBE9', + 'brown-100': '#D7CCC8', + 'brown-200': '#BCAAA4', + 'brown-300': '#A1887F', + 'brown-400': '#8D6E63', + 'brown-500': '#795548', + 'brown-600': '#6D4C41', + 'brown-700': '#5D4037', + 'brown-800': '#4E342E', + 'brown-900': '#3E2723', + 'gray-50': '#FAFAFA', + 'gray-100': '#F5F5F5', + 'gray-200': '#EEEEEE', + 'gray-300': '#E0E0E0', + 'gray-400': '#BDBDBD', + 'gray-500': '#9E9E9E', + 'gray-600': '#757575', + 'gray-700': '#616161', + 'gray-800': '#424242', + 'gray-900': '#212121', + 'blue-gray-50': '#ECEFF1', + 'blue-gray-100': '#CFD8DC', + 'blue-gray-200': '#B0BEC5', + 'blue-gray-300': '#90A4AE', + 'blue-gray-400': '#78909C', + 'blue-gray-500': '#607D8B', + 'blue-gray-600': '#546E7A', + 'blue-gray-700': '#455A64', + 'blue-gray-800': '#37474F', + 'blue-gray-900': '#263238', +}; diff --git a/src/config/Spaces.ts b/src/config/Spaces.ts new file mode 100644 index 0000000..abaed4a --- /dev/null +++ b/src/config/Spaces.ts @@ -0,0 +1,85 @@ +export const SIZE_SPACE = { + '0': 0, + '0.5': 2, + '1': 4, + '1.5': 6, + '2': 8, + '2.5': 10, + '3': 12, + '3.5': 14, + '4': 16, + '5': 20, + '6': 24, + '7': 28, + '8': 32, + '9': 36, + '10': 40, + '11': 44, + '12': 48, + '14': 56, + '16': 64, + '20': 80, + '24': 96, + '28': 112, + '32': 128, + '36': 144, + '40': 160, + '44': 176, + '48': 192, + '52': 208, + '56': 224, + '60': 240, + '64': 256, + '72': 288, + '80': 320, + '96': 384, +}; + +export const TEXT_SIZE = { + xs: 10, + sm: 12, + base: 14, + md: 16, + lg: 18, + xl: 20, + '2xl': 24, + '3xl': 30, + '4xl': 36, + '5xl': 48, + '6xl': 60, + '7xl': 72, + '8xl': 96, + '9xl': 128, +}; + +export const LINE_HEIGHT_SIZE = { + xs: 12, + sm: 15, + base: 22, + md: 24, + lg: 26, + xl: 32, + '2xl': 36, + '3xl': 40, + '4xl': 44, + '5xl': 48, + '6xl': 60, + '7xl': 72, + '8xl': 96, + '9xl': 128, +}; + +export const BORDER_RADIUS = { + none: 0, + sm: 2, + default: 4, + md: 6, + lg: 8, + xl: 12, + '2xl': 16, + '3xl': 20, + '4xl': 24, + '5xl': 28, + '6xl': 32, + full: 9999, +}; diff --git a/src/config/index.ts b/src/config/index.ts new file mode 100644 index 0000000..70aeea8 --- /dev/null +++ b/src/config/index.ts @@ -0,0 +1,99 @@ +interface DefaultTheme { + colors: { + dark: string; + light: string; + primary: string; + secondary: string; + danger: string; + warning: string; + success: string; + 'primary-light': string; + 'secondary-light': string; + 'danger-light': string; + 'warning-light': string; + 'success-light': string; + 'primary-dark': string; + 'secondary-dark': string; + checked: string; + unchecked: string; + }; + scaleOptions: { + default: number; + options: { + gap?: number; + 'row-gap'?: number; + 'col-gap'?: number; + m?: number; + mt?: number; + ml?: number; + mb?: number; + mr?: number; + mx?: number; + my?: number; + p?: number; + pt?: number; + pl?: number; + pb?: number; + pr?: number; + px?: number; + py?: number; + w?: number; + 'max-w'?: number; + 'min-w'?: number; + rounded?: number; + 'rounded-tl'?: number; + 'rounded-tr'?: number; + 'rounded-bl'?: number; + 'rounded-br'?: number; + 'rounded-l'?: number; + 'rounded-r'?: number; + 'rounded-t'?: number; + 'rounded-b'?: number; + }; + }; +} + +const DEFAULT_THEME: DefaultTheme = { + colors: { + dark: '#1a75d2', + light: '#ffffff', + primary: '#42A5F5', + secondary: '#BA68C8', + danger: '#F87171', + warning: '#FACC15', + success: '#4ADE80', + 'primary-light': '#AFD1FC', + 'secondary-light': '#E1BEE7', + 'danger-light': '#F87171', + 'warning-light': '#FACC15', + 'success-light': '#4ADE80', + 'primary-dark': '#D7E8FD', + 'secondary-dark': '#DDD6FE', + checked: '#60A5FA', + unchecked: '#BDBDBD', + }, + scaleOptions: { + default: 0, + options: {}, + }, +}; + +export const getThemeConfig = (): DefaultTheme => { + try { + const config = require('../../box.config.js'); + return { + colors: { + ...DEFAULT_THEME.colors, + ...config?.theme?.colors, + }, + scaleOptions: { + ...DEFAULT_THEME.scaleOptions, + ...config?.theme?.scaleOptions, + }, + }; + } catch (error) { + return DEFAULT_THEME; + } +}; + +export const CONFIG_BOX = getThemeConfig(); diff --git a/src/hook/index.ts b/src/hook/index.ts index a96a7c9..fdc123a 100644 --- a/src/hook/index.ts +++ b/src/hook/index.ts @@ -1,5 +1,5 @@ import useClassName from './useClassName'; import useClassNameButton from './useClassNameButton'; -import useClassNameTextButton from './useClassNameTextButton'; +import useVarianCheckbox from './useVarianCheckbox'; -export {useClassName, useClassNameButton, useClassNameTextButton}; +export {useClassName, useClassNameButton, useVarianCheckbox}; diff --git a/src/hook/useClassName.tsx b/src/hook/useClassName.tsx index d172ec2..d10714c 100644 --- a/src/hook/useClassName.tsx +++ b/src/hook/useClassName.tsx @@ -1,20 +1,12 @@ import {useMemo} from 'react'; import {getClassNameStyles} from '../styles'; -type PropsClass = { - className?: string; - scaleScreen?: boolean; -}; - -export default function useClassNameStyles({ - className, - scaleScreen, -}: PropsClass) { +export default function useClassName(className?: string) { const styleDirection = useMemo(() => { if (className) { return getClassNameStyles(className); } return {}; - }, [className, scaleScreen]); + }, [className]); return styleDirection; } diff --git a/src/hook/useClassNameButton.tsx b/src/hook/useClassNameButton.tsx index 5425358..67db74f 100644 --- a/src/hook/useClassNameButton.tsx +++ b/src/hook/useClassNameButton.tsx @@ -1,15 +1,35 @@ import {useMemo} from 'react'; import {Varian} from '../model'; -import {getClassNameVarian} from '../utils'; -type PropsClass = { - varian?: Varian; - className?: string; -}; - -export default function useClassNameButton({className, varian}: PropsClass) { +export default function useClassNameButton(varian?: Varian) { const classCustom = useMemo(() => { - return `${getClassNameVarian(varian)} ${className || ''}`; - }, [className, varian]); + switch (varian) { + case 'dark': + return { + container: 'bg-dark px-4 py-2 center', + text: 'text-light font-bold', + }; + case 'light': + return { + container: 'bg-light px-4 py-2 center', + text: 'text-dark font-bold', + }; + case 'outline': + return { + container: 'rounded border border-primary px-4 py-2 center', + text: 'text-primary font-bold', + }; + case 'primary': + return { + container: 'rounded bg-primary px-4 py-2 center', + text: 'text-black font-bold', + }; + default: + return { + container: '', + text: 'text-black font-bold', + }; + } + }, [varian]); return classCustom; } diff --git a/src/hook/useClassNameTextButton.tsx b/src/hook/useClassNameTextButton.tsx deleted file mode 100644 index 8568608..0000000 --- a/src/hook/useClassNameTextButton.tsx +++ /dev/null @@ -1,18 +0,0 @@ -import {useMemo} from 'react'; -import {Varian} from '../model'; -import {getClassNameTextVarian} from '../utils'; - -type PropsClass = { - varian?: Varian; - className?: string; -}; - -export default function useClassNameTextButton({ - className, - varian, -}: PropsClass) { - const classCustom = useMemo(() => { - return `${getClassNameTextVarian(varian)} text-center ${className || ''}`; - }, [className, varian]); - return classCustom; -} diff --git a/src/hook/useStylesVarianTheme.tsx b/src/hook/useStylesVarianTheme.tsx deleted file mode 100644 index e0a13c0..0000000 --- a/src/hook/useStylesVarianTheme.tsx +++ /dev/null @@ -1,21 +0,0 @@ -import {useMemo} from 'react'; -import {ClassStyleType} from '../model'; -import {getClassStyles} from '../styles'; - -type Props = { - classStyles?: ClassStyleType | ClassStyleType[]; - scaleScreen?: boolean; -}; - -export default function useStylesVarianTheme({ - classStyles, - scaleScreen, -}: Props) { - const styleDirection = useMemo(() => { - if (classStyles) { - return getClassStyles(classStyles, scaleScreen); - } - return {}; - }, [classStyles, scaleScreen]); - return styleDirection; -} diff --git a/src/hook/useVarianCheckbox.tsx b/src/hook/useVarianCheckbox.tsx new file mode 100644 index 0000000..e43d4c9 --- /dev/null +++ b/src/hook/useVarianCheckbox.tsx @@ -0,0 +1,20 @@ +import {useMemo} from 'react'; +import {VarianCheckbox} from '../model'; +import {CONFIG_BOX} from '../config'; + +type Props = { + varian?: VarianCheckbox; +}; + +export default function useVarianCheckbox({varian}: Props) { + const styleDirection = useMemo(() => { + if (varian === 'outline') { + return { + checked: 'border-2 border-primary', + iconColor: CONFIG_BOX.colors.primary, + }; + } + return {checked: 'bg-primary', iconColor: '#ffffff'}; + }, [varian]); + return styleDirection; +} diff --git a/src/index.ts b/src/index.ts index ac5290d..df84e39 100644 --- a/src/index.ts +++ b/src/index.ts @@ -1,7 +1,4 @@ -export {default as Box} from './components/box'; -export {default as Text} from './components/text'; -export {default as Button} from './components/button'; -export {default as RadioButton} from './components/radioButton'; -export {default as Checkbox} from './components/checkbox'; -export {default as useClassName} from './hook/useClassName'; export * from './utils'; +export * from './components'; +export * from './model'; +export * from './hook'; diff --git a/src/model/background.ts b/src/model/background.ts deleted file mode 100644 index eaf4e32..0000000 --- a/src/model/background.ts +++ /dev/null @@ -1,271 +0,0 @@ -export type BackgroundType = - | 'bg-transparent' - | 'bg-black' - | 'bg-white' - | 'bg-over-shadow' - | 'bg-over-light' - | 'bg-slate-50' - | 'bg-slate-100' - | 'bg-slate-200' - | 'bg-slate-300' - | 'bg-slate-400' - | 'bg-slate-500' - | 'bg-slate-600' - | 'bg-slate-700' - | 'bg-slate-800' - | 'bg-slate-900' - | 'bg-slate-950' - | 'bg-gray-50' - | 'bg-gray-100' - | 'bg-gray-200' - | 'bg-gray-300' - | 'bg-gray-400' - | 'bg-gray-500' - | 'bg-gray-600' - | 'bg-gray-700' - | 'bg-gray-800' - | 'bg-gray-900' - | 'bg-gray-950' - | 'bg-zinc-50' - | 'bg-zinc-100' - | 'bg-zinc-200' - | 'bg-zinc-300' - | 'bg-zinc-400' - | 'bg-zinc-500' - | 'bg-zinc-600' - | 'bg-zinc-700' - | 'bg-zinc-800' - | 'bg-zinc-900' - | 'bg-zinc-950' - | 'bg-neutral-50' - | 'bg-neutral-100' - | 'bg-neutral-200' - | 'bg-neutral-300' - | 'bg-neutral-400' - | 'bg-neutral-500' - | 'bg-neutral-600' - | 'bg-neutral-700' - | 'bg-neutral-800' - | 'bg-neutral-900' - | 'bg-neutral-950' - | 'bg-stone-50' - | 'bg-stone-100' - | 'bg-stone-200' - | 'bg-stone-300' - | 'bg-stone-400' - | 'bg-stone-500' - | 'bg-stone-600' - | 'bg-stone-700' - | 'bg-stone-800' - | 'bg-stone-900' - | 'bg-stone-950' - | 'bg-red-50' - | 'bg-red-100' - | 'bg-red-200' - | 'bg-red-300' - | 'bg-red-400' - | 'bg-red-500' - | 'bg-red-600' - | 'bg-red-700' - | 'bg-red-800' - | 'bg-red-900' - | 'bg-red-950' - | 'bg-orange-50' - | 'bg-orange-100' - | 'bg-orange-200' - | 'bg-orange-300' - | 'bg-orange-400' - | 'bg-orange-500' - | 'bg-orange-600' - | 'bg-orange-700' - | 'bg-orange-800' - | 'bg-orange-900' - | 'bg-orange-950' - | 'bg-amber-50' - | 'bg-amber-100' - | 'bg-amber-200' - | 'bg-amber-300' - | 'bg-amber-400' - | 'bg-amber-500' - | 'bg-amber-600' - | 'bg-amber-700' - | 'bg-amber-800' - | 'bg-amber-900' - | 'bg-amber-950' - | 'bg-yellow-50' - | 'bg-yellow-100' - | 'bg-yellow-200' - | 'bg-yellow-300' - | 'bg-yellow-400' - | 'bg-yellow-500' - | 'bg-yellow-600' - | 'bg-yellow-700' - | 'bg-yellow-800' - | 'bg-yellow-900' - | 'bg-yellow-950' - | 'bg-lime-50' - | 'bg-lime-100' - | 'bg-lime-200' - | 'bg-lime-300' - | 'bg-lime-400' - | 'bg-lime-500' - | 'bg-lime-600' - | 'bg-lime-700' - | 'bg-lime-800' - | 'bg-lime-900' - | 'bg-lime-950' - | 'bg-green-50' - | 'bg-green-100' - | 'bg-green-200' - | 'bg-green-300' - | 'bg-green-400' - | 'bg-green-500' - | 'bg-green-600' - | 'bg-green-700' - | 'bg-green-800' - | 'bg-green-900' - | 'bg-green-950' - | 'bg-emerald-50' - | 'bg-emerald-100' - | 'bg-emerald-200' - | 'bg-emerald-300' - | 'bg-emerald-400' - | 'bg-emerald-500' - | 'bg-emerald-600' - | 'bg-emerald-700' - | 'bg-emerald-800' - | 'bg-emerald-900' - | 'bg-emerald-950' - | 'bg-teal-50' - | 'bg-teal-100' - | 'bg-teal-200' - | 'bg-teal-300' - | 'bg-teal-400' - | 'bg-teal-500' - | 'bg-teal-600' - | 'bg-teal-700' - | 'bg-teal-800' - | 'bg-teal-900' - | 'bg-teal-950' - | 'bg-cyan-50' - | 'bg-cyan-100' - | 'bg-cyan-200' - | 'bg-cyan-300' - | 'bg-cyan-400' - | 'bg-cyan-500' - | 'bg-cyan-600' - | 'bg-cyan-700' - | 'bg-cyan-800' - | 'bg-cyan-900' - | 'bg-cyan-950' - | 'bg-sky-50' - | 'bg-sky-100' - | 'bg-sky-200' - | 'bg-sky-300' - | 'bg-sky-400' - | 'bg-sky-500' - | 'bg-sky-600' - | 'bg-sky-700' - | 'bg-sky-800' - | 'bg-sky-900' - | 'bg-sky-950' - | 'bg-blue-50' - | 'bg-blue-100' - | 'bg-blue-200' - | 'bg-blue-300' - | 'bg-blue-400' - | 'bg-blue-500' - | 'bg-blue-600' - | 'bg-blue-700' - | 'bg-blue-800' - | 'bg-blue-900' - | 'bg-blue-950' - | 'bg-indigo-50' - | 'bg-indigo-100' - | 'bg-indigo-200' - | 'bg-indigo-300' - | 'bg-indigo-400' - | 'bg-indigo-500' - | 'bg-indigo-600' - | 'bg-indigo-700' - | 'bg-indigo-800' - | 'bg-indigo-900' - | 'bg-indigo-950' - | 'bg-violet-50' - | 'bg-violet-100' - | 'bg-violet-200' - | 'bg-violet-300' - | 'bg-violet-400' - | 'bg-violet-500' - | 'bg-violet-600' - | 'bg-violet-700' - | 'bg-violet-800' - | 'bg-violet-900' - | 'bg-violet-950' - | 'bg-purple-50' - | 'bg-purple-100' - | 'bg-purple-200' - | 'bg-purple-300' - | 'bg-purple-400' - | 'bg-purple-500' - | 'bg-purple-600' - | 'bg-purple-700' - | 'bg-purple-800' - | 'bg-purple-900' - | 'bg-purple-950' - | 'bg-fuchsia-50' - | 'bg-fuchsia-100' - | 'bg-fuchsia-200' - | 'bg-fuchsia-300' - | 'bg-fuchsia-400' - | 'bg-fuchsia-500' - | 'bg-fuchsia-600' - | 'bg-fuchsia-700' - | 'bg-fuchsia-800' - | 'bg-fuchsia-900' - | 'bg-fuchsia-950' - | 'bg-pink-50' - | 'bg-pink-100' - | 'bg-pink-200' - | 'bg-pink-300' - | 'bg-pink-400' - | 'bg-pink-500' - | 'bg-pink-600' - | 'bg-pink-700' - | 'bg-pink-800' - | 'bg-pink-900' - | 'bg-pink-950' - | 'bg-rose-50' - | 'bg-rose-100' - | 'bg-rose-200' - | 'bg-rose-300' - | 'bg-rose-400' - | 'bg-rose-500' - | 'bg-rose-600' - | 'bg-rose-700' - | 'bg-rose-800' - | 'bg-rose-900' - | 'bg-rose-950'; - -export type OpacityType = - | 'opacity-0' - | 'opacity-5' - | 'opacity-10' - | 'opacity-15' - | 'opacity-20' - | 'opacity-25' - | 'opacity-30' - | 'opacity-35' - | 'opacity-40' - | 'opacity-45' - | 'opacity-50' - | 'opacity-55' - | 'opacity-60' - | 'opacity-65' - | 'opacity-70' - | 'opacity-75' - | 'opacity-80' - | 'opacity-85' - | 'opacity-90' - | 'opacity-95' - | 'opacity-100'; diff --git a/src/model/border.ts b/src/model/border.ts deleted file mode 100644 index 9e5ab51..0000000 --- a/src/model/border.ts +++ /dev/null @@ -1,358 +0,0 @@ -export type BorderType = BorderWidthType | BorderColorType | RoundedType; - -type RoundedType = - | 'rounded-none' - | 'rounded-sm' - | 'rounded' - | 'rounded-md' - | 'rounded-lg' - | 'rounded-xl' - | 'rounded-2xl' - | 'rounded-3xl' - | 'rounded-full' - | 'rounded-t-none' - | 'rounded-t-sm' - | 'rounded-t' - | 'rounded-t-md' - | 'rounded-t-lg' - | 'rounded-t-xl' - | 'rounded-t-2xl' - | 'rounded-t-3xl' - | 'rounded-t-full' - | 'rounded-b-none' - | 'rounded-b-sm' - | 'rounded-b' - | 'rounded-b-md' - | 'rounded-b-lg' - | 'rounded-b-xl' - | 'rounded-b-2xl' - | 'rounded-b-3xl' - | 'rounded-b-full' - | 'rounded-l-none' - | 'rounded-l-sm' - | 'rounded-l' - | 'rounded-l-md' - | 'rounded-l-lg' - | 'rounded-l-xl' - | 'rounded-l-2xl' - | 'rounded-l-3xl' - | 'rounded-l-full' - | 'rounded-tl-none' - | 'rounded-tl-sm' - | 'rounded-tl' - | 'rounded-tl-md' - | 'rounded-tl-lg' - | 'rounded-tl-xl' - | 'rounded-tl-2xl' - | 'rounded-tl-3xl' - | 'rounded-tl-full' - | 'rounded-tr-none' - | 'rounded-tr-sm' - | 'rounded-tr' - | 'rounded-tr-md' - | 'rounded-tr-lg' - | 'rounded-tr-xl' - | 'rounded-tr-2xl' - | 'rounded-tr-3xl' - | 'rounded-tr-full' - | 'rounded-bl-none' - | 'rounded-bl-sm' - | 'rounded-bl' - | 'rounded-bl-md' - | 'rounded-bl-lg' - | 'rounded-bl-xl' - | 'rounded-bl-2xl' - | 'rounded-bl-3xl' - | 'rounded-bl-full' - | 'rounded-br-none' - | 'rounded-br-sm' - | 'rounded-br' - | 'rounded-br-md' - | 'rounded-br-lg' - | 'rounded-br-xl' - | 'rounded-br-2xl' - | 'rounded-br-3xl' - | 'rounded-br-full'; - -type BorderWidthType = - | 'border-none' - | 'border' - | 'border-md' - | 'border-lg' - | 'border-xl' - | 'border-x-none' - | 'border-x' - | 'border-x-md' - | 'border-x-lg' - | 'border-x-xl' - | 'border-y-none' - | 'border-y' - | 'border-y-md' - | 'border-y-lg' - | 'border-y-xl' - | 'border-t-none' - | 'border-t' - | 'border-t-md' - | 'border-t-lg' - | 'border-t-xl' - | 'border-b-none' - | 'border-b' - | 'border-b-md' - | 'border-b-lg' - | 'border-b-xl' - | 'border-r-none' - | 'border-r' - | 'border-r-md' - | 'border-r-lg' - | 'border-r-xl' - | 'border-l-none' - | 'border-l' - | 'border-l-md' - | 'border-l-lg' - | 'border-l-xl'; - -export type BorderColorType = - | 'border-black' - | 'border-white' - | 'border-slate-50' - | 'border-slate-100' - | 'border-slate-200' - | 'border-slate-300' - | 'border-slate-400' - | 'border-slate-500' - | 'border-slate-600' - | 'border-slate-700' - | 'border-slate-800' - | 'border-slate-900' - | 'border-slate-950' - | 'border-gray-50' - | 'border-gray-100' - | 'border-gray-200' - | 'border-gray-300' - | 'border-gray-400' - | 'border-gray-500' - | 'border-gray-600' - | 'border-gray-700' - | 'border-gray-800' - | 'border-gray-900' - | 'border-gray-950' - | 'border-zinc-50' - | 'border-zinc-100' - | 'border-zinc-200' - | 'border-zinc-300' - | 'border-zinc-400' - | 'border-zinc-500' - | 'border-zinc-600' - | 'border-zinc-700' - | 'border-zinc-800' - | 'border-zinc-900' - | 'border-zinc-950' - | 'border-neutral-50' - | 'border-neutral-100' - | 'border-neutral-200' - | 'border-neutral-300' - | 'border-neutral-400' - | 'border-neutral-500' - | 'border-neutral-600' - | 'border-neutral-700' - | 'border-neutral-800' - | 'border-neutral-900' - | 'border-neutral-950' - | 'border-stone-50' - | 'border-stone-100' - | 'border-stone-200' - | 'border-stone-300' - | 'border-stone-400' - | 'border-stone-500' - | 'border-stone-600' - | 'border-stone-700' - | 'border-stone-800' - | 'border-stone-900' - | 'border-stone-950' - | 'border-red-50' - | 'border-red-100' - | 'border-red-200' - | 'border-red-300' - | 'border-red-400' - | 'border-red-500' - | 'border-red-600' - | 'border-red-700' - | 'border-red-800' - | 'border-red-900' - | 'border-red-950' - | 'border-orange-50' - | 'border-orange-100' - | 'border-orange-200' - | 'border-orange-300' - | 'border-orange-400' - | 'border-orange-500' - | 'border-orange-600' - | 'border-orange-700' - | 'border-orange-800' - | 'border-orange-900' - | 'border-orange-950' - | 'border-amber-50' - | 'border-amber-100' - | 'border-amber-200' - | 'border-amber-300' - | 'border-amber-400' - | 'border-amber-500' - | 'border-amber-600' - | 'border-amber-700' - | 'border-amber-800' - | 'border-amber-900' - | 'border-amber-950' - | 'border-yellow-50' - | 'border-yellow-100' - | 'border-yellow-200' - | 'border-yellow-300' - | 'border-yellow-400' - | 'border-yellow-500' - | 'border-yellow-600' - | 'border-yellow-700' - | 'border-yellow-800' - | 'border-yellow-900' - | 'border-yellow-950' - | 'border-lime-50' - | 'border-lime-100' - | 'border-lime-200' - | 'border-lime-300' - | 'border-lime-400' - | 'border-lime-500' - | 'border-lime-600' - | 'border-lime-700' - | 'border-lime-800' - | 'border-lime-900' - | 'border-lime-950' - | 'border-green-50' - | 'border-green-100' - | 'border-green-200' - | 'border-green-300' - | 'border-green-400' - | 'border-green-500' - | 'border-green-600' - | 'border-green-700' - | 'border-green-800' - | 'border-green-900' - | 'border-green-950' - | 'border-emerald-50' - | 'border-emerald-100' - | 'border-emerald-200' - | 'border-emerald-300' - | 'border-emerald-400' - | 'border-emerald-500' - | 'border-emerald-600' - | 'border-emerald-700' - | 'border-emerald-800' - | 'border-emerald-900' - | 'border-emerald-950' - | 'border-teal-50' - | 'border-teal-100' - | 'border-teal-200' - | 'border-teal-300' - | 'border-teal-400' - | 'border-teal-500' - | 'border-teal-600' - | 'border-teal-700' - | 'border-teal-800' - | 'border-teal-900' - | 'border-teal-950' - | 'border-cyan-50' - | 'border-cyan-100' - | 'border-cyan-200' - | 'border-cyan-300' - | 'border-cyan-400' - | 'border-cyan-500' - | 'border-cyan-600' - | 'border-cyan-700' - | 'border-cyan-800' - | 'border-cyan-900' - | 'border-cyan-950' - | 'border-sky-50' - | 'border-sky-100' - | 'border-sky-200' - | 'border-sky-300' - | 'border-sky-400' - | 'border-sky-500' - | 'border-sky-600' - | 'border-sky-700' - | 'border-sky-800' - | 'border-sky-900' - | 'border-sky-950' - | 'border-blue-50' - | 'border-blue-100' - | 'border-blue-200' - | 'border-blue-300' - | 'border-blue-400' - | 'border-blue-500' - | 'border-blue-600' - | 'border-blue-700' - | 'border-blue-800' - | 'border-blue-900' - | 'border-blue-950' - | 'border-indigo-50' - | 'border-indigo-100' - | 'border-indigo-200' - | 'border-indigo-300' - | 'border-indigo-400' - | 'border-indigo-500' - | 'border-indigo-600' - | 'border-indigo-700' - | 'border-indigo-800' - | 'border-indigo-900' - | 'border-indigo-950' - | 'border-violet-50' - | 'border-violet-100' - | 'border-violet-200' - | 'border-violet-300' - | 'border-violet-400' - | 'border-violet-500' - | 'border-violet-600' - | 'border-violet-700' - | 'border-violet-800' - | 'border-violet-900' - | 'border-violet-950' - | 'border-purple-50' - | 'border-purple-100' - | 'border-purple-200' - | 'border-purple-300' - | 'border-purple-400' - | 'border-purple-500' - | 'border-purple-600' - | 'border-purple-700' - | 'border-purple-800' - | 'border-purple-900' - | 'border-purple-950' - | 'border-fuchsia-50' - | 'border-fuchsia-100' - | 'border-fuchsia-200' - | 'border-fuchsia-300' - | 'border-fuchsia-400' - | 'border-fuchsia-500' - | 'border-fuchsia-600' - | 'border-fuchsia-700' - | 'border-fuchsia-800' - | 'border-fuchsia-900' - | 'border-fuchsia-950' - | 'border-pink-50' - | 'border-pink-100' - | 'border-pink-200' - | 'border-pink-300' - | 'border-pink-400' - | 'border-pink-500' - | 'border-pink-600' - | 'border-pink-700' - | 'border-pink-800' - | 'border-pink-900' - | 'border-pink-950' - | 'border-rose-50' - | 'border-rose-100' - | 'border-rose-200' - | 'border-rose-300' - | 'border-rose-400' - | 'border-rose-500' - | 'border-rose-600' - | 'border-rose-700' - | 'border-rose-800' - | 'border-rose-900' - | 'border-rose-950'; diff --git a/src/model/classStyle.ts b/src/model/classStyle.ts index 60ef970..379675b 100644 --- a/src/model/classStyle.ts +++ b/src/model/classStyle.ts @@ -1,49 +1,7 @@ -import {FlexType, GapType} from './flex'; -import {PositionType} from './position'; -import {MarginType} from './margin'; -import {PaddingType} from './padding'; -import {SizeType} from './size'; -import {BackgroundType, BorderType, OpacityType, TextType} from '.'; - -export type ClassStyleType = - | BorderType - | PositionType - | GapType - | MarginType - | PaddingType - | FlexType - | SizeType - | BackgroundType - | OpacityType - | TextType; - -export enum ClassCustomType { - MARGIN = 'm-', - MARGIN_LEFT = 'ml-', - MARGIN_TOP = 'mt-', - MARGIN_RIGHT = 'mr-', - MARGIN_BOTTOM = 'mb-', - MARGIN_X = 'mx-', - MARGIN_Y = 'my-', - PADDING = 'p-', - PADDING_LEFT = 'pl-', - PADDING_TOP = 'pt-', - PADDING_RIGHT = 'pr-', - PADDING_BOTTOM = 'pb-', - PADDING_X = 'px-', - PADDING_Y = 'py-', - WIDTH = 'w-', - MAX_WIDTH = 'max-w-', - MIN_WIDTH = 'min-w-', - HEIGHT = 'h-', - MAX_HEIGHT = 'max-h-', - MIN_HEIGHT = 'min-h-', - TOP = 't-', - LEFT = 'l-', - RIGHT = 'r-', - BOTTOM = 'b-', - TEXT = 't-', - GAP = 'gap-', - ROW_GAP = 'row-gap-', - COL_GAP = 'col-gap-', +export enum ScaleType { + NONE = 0, + HORIZONTAL = 1, + VERTICAL = 2, + MODERATE = 3, + FONTSIZE = 4, } diff --git a/src/model/flex.ts b/src/model/flex.ts deleted file mode 100644 index cb67abf..0000000 --- a/src/model/flex.ts +++ /dev/null @@ -1,94 +0,0 @@ -export type FlexType = - | 'd-none' - | 'd-flex' - | 'flex-1' - | 'flex-wrap' - | 'flex-wrap-reverse' - | 'flex-nowrap' - | 'row' - | 'row-center' - | 'row-v-center' - | 'row-reverse' - | 'column' - | 'column-reverse' - | 'column-center' - | 'column-v-center' - | 'center' - | 'self-center' - | 'self-start' - | 'self-end' - | 'justify-start' - | 'justify-center' - | 'justify-end' - | 'space-around' - | 'space-between' - | 'items-center' - | 'items-start' - | 'items-end' - | 'aspectRatio' - | 'aspectRatio-16/9' - | 'aspectRatio-4/3' - | 'object-cover' - | 'object-contain' - | 'object-fill' - | 'object-scale-down'; - -export type GapType = - | 'gap' - | 'gap-0' - | 'gap-0.5' - | 'gap-1' - | 'gap-1.5' - | 'gap-2' - | 'gap-2.5' - | 'gap-3' - | 'gap-3.5' - | 'gap-4' - | 'gap-5' - | 'gap-6' - | 'gap-7' - | 'gap-8' - | 'gap-9' - | 'gap-10' - | 'gap-11' - | 'gap-12' - | 'gap-14' - | 'gap-16' - | 'row-gap-0' - | 'row-gap-0.5' - | 'row-gap-1' - | 'row-gap-1.5' - | 'row-gap-2' - | 'row-gap-2.5' - | 'row-gap-3' - | 'row-gap-3.5' - | 'row-gap-4' - | 'row-gap-5' - | 'row-gap-6' - | 'row-gap-7' - | 'row-gap-8' - | 'row-gap-9' - | 'row-gap-10' - | 'row-gap-11' - | 'row-gap-12' - | 'row-gap-14' - | 'row-gap-16' - | 'col-gap-0' - | 'col-gap-0.5' - | 'col-gap-1' - | 'col-gap-1.5' - | 'col-gap-2' - | 'col-gap-2.5' - | 'col-gap-3' - | 'col-gap-3.5' - | 'col-gap-4' - | 'col-gap-5' - | 'col-gap-6' - | 'col-gap-7' - | 'col-gap-8' - | 'col-gap-9' - | 'col-gap-10' - | 'col-gap-11' - | 'col-gap-12' - | 'col-gap-14' - | 'col-gap-16'; diff --git a/src/model/index.ts b/src/model/index.ts index 727987f..c7882b2 100644 --- a/src/model/index.ts +++ b/src/model/index.ts @@ -1,11 +1,10 @@ export * from './classStyle'; -export * from './border'; -export * from './flex'; -export * from './position'; -export * from './margin'; -export * from './padding'; -export * from './size'; -export * from './text'; -export * from './background'; -export type Varian = 'primary' | 'outline'; +export type Varian = 'primary' | 'outline' | 'dark' | 'light'; + +export type VarianCheckbox = 'primary' | 'outline'; + +export enum ImageType { + Image, + FastImage, +} diff --git a/src/model/margin.ts b/src/model/margin.ts deleted file mode 100644 index 22a0fc1..0000000 --- a/src/model/margin.ts +++ /dev/null @@ -1,154 +0,0 @@ -export type MarginType = - | MarginTopType - | MarginLeftType - | MarginRightType - | MarginBottomType - | MarginHorizontalType - | MarginVerticalType - | MarginFullType; - -type MarginFullType = - | 'm-0' - | 'm-0.5' - | 'm-1' - | 'm-1.5' - | 'm-2' - | 'm-2.5' - | 'm-3' - | 'm-3.5' - | 'm-4' - | 'm-5' - | 'm-6' - | 'm-7' - | 'm-8' - | 'm-9' - | 'm-10' - | 'm-11' - | 'm-12' - | 'm-14' - | 'm-16'; - -type MarginTopType = - | 'mt-0' - | 'mt-0.5' - | 'mt-1' - | 'mt-1.5' - | 'mt-2' - | 'mt-2.5' - | 'mt-3' - | 'mt-3.5' - | 'mt-4' - | 'mt-5' - | 'mt-6' - | 'mt-7' - | 'mt-8' - | 'mt-9' - | 'mt-10' - | 'mt-11' - | 'mt-12' - | 'mt-14' - | 'mt-16'; - -type MarginLeftType = - | 'ml-0' - | 'ml-0.5' - | 'ml-1' - | 'ml-1.5' - | 'ml-2' - | 'ml-2.5' - | 'ml-3' - | 'ml-3.5' - | 'ml-4' - | 'ml-5' - | 'ml-6' - | 'ml-7' - | 'ml-8' - | 'ml-9' - | 'ml-10' - | 'ml-11' - | 'ml-12' - | 'ml-14' - | 'ml-16'; - -type MarginRightType = - | 'mr-0' - | 'mr-0.5' - | 'mr-1' - | 'mr-1.5' - | 'mr-2' - | 'mr-2.5' - | 'mr-3' - | 'mr-3.5' - | 'mr-4' - | 'mr-5' - | 'mr-6' - | 'mr-7' - | 'mr-8' - | 'mr-9' - | 'mr-10' - | 'mr-11' - | 'mr-12' - | 'mr-14' - | 'mr-16'; - -type MarginBottomType = - | 'mb-0.5' - | 'mb-1' - | 'mb-1.5' - | 'mb-2' - | 'mb-2.5' - | 'mb-3' - | 'mb-3.5' - | 'mb-4' - | 'mb-5' - | 'mb-6' - | 'mb-7' - | 'mb-8' - | 'mb-9' - | 'mb-10' - | 'mb-11' - | 'mb-12' - | 'mb-14' - | 'mb-16'; - -type MarginHorizontalType = - | 'mx-0' - | 'mx-0.5' - | 'mx-1' - | 'mx-1.5' - | 'mx-2' - | 'mx-2.5' - | 'mx-3' - | 'mx-3.5' - | 'mx-4' - | 'mx-5' - | 'mx-6' - | 'mx-7' - | 'mx-8' - | 'mx-9' - | 'mx-10' - | 'mx-11' - | 'mx-12' - | 'mx-14' - | 'mx-16'; - -type MarginVerticalType = - | 'my-0' - | 'my-0.5' - | 'my-1' - | 'my-1.5' - | 'my-2' - | 'my-2.5' - | 'my-3' - | 'my-3.5' - | 'my-4' - | 'my-5' - | 'my-6' - | 'my-7' - | 'my-8' - | 'my-9' - | 'my-10' - | 'my-11' - | 'my-12' - | 'my-14' - | 'my-16'; diff --git a/src/model/padding.ts b/src/model/padding.ts deleted file mode 100644 index 980afad..0000000 --- a/src/model/padding.ts +++ /dev/null @@ -1,154 +0,0 @@ -export type PaddingType = - | PaddingTopType - | PaddingLeftType - | PaddingRightType - | PaddingBottomType - | PaddingHorizontalType - | PaddingVerticalType - | PaddingFullType; - -type PaddingFullType = - | 'p-0' - | 'p-0.5' - | 'p-1' - | 'p-1.5' - | 'p-2' - | 'p-2.5' - | 'p-3' - | 'p-3.5' - | 'p-4' - | 'p-5' - | 'p-6' - | 'p-7' - | 'p-8' - | 'p-9' - | 'p-10' - | 'p-11' - | 'p-12' - | 'p-14' - | 'p-16'; - -type PaddingTopType = - | 'pt-0' - | 'pt-0.5' - | 'pt-1' - | 'pt-1.5' - | 'pt-2' - | 'pt-2.5' - | 'pt-3' - | 'pt-3.5' - | 'pt-4' - | 'pt-5' - | 'pt-6' - | 'pt-7' - | 'pt-8' - | 'pt-9' - | 'pt-10' - | 'pt-11' - | 'pt-12' - | 'pt-14' - | 'pt-16'; - -type PaddingLeftType = - | 'pl-0' - | 'pl-0.5' - | 'pl-1' - | 'pl-1.5' - | 'pl-2' - | 'pl-2.5' - | 'pl-3' - | 'pl-3.5' - | 'pl-4' - | 'pl-5' - | 'pl-6' - | 'pl-7' - | 'pl-8' - | 'pl-9' - | 'pl-10' - | 'pl-11' - | 'pl-12' - | 'pl-14' - | 'pl-16'; - -type PaddingRightType = - | 'pr-0' - | 'pr-0.5' - | 'pr-1' - | 'pr-1.5' - | 'pr-2' - | 'pr-2.5' - | 'pr-3' - | 'pr-3.5' - | 'pr-4' - | 'pr-5' - | 'pr-6' - | 'pr-7' - | 'pr-8' - | 'pr-9' - | 'pr-10' - | 'pr-11' - | 'pr-12' - | 'pr-14' - | 'pr-16'; - -type PaddingBottomType = - | 'pb-0.5' - | 'pb-1' - | 'pb-1.5' - | 'pb-2' - | 'pb-2.5' - | 'pb-3' - | 'pb-3.5' - | 'pb-4' - | 'pb-5' - | 'pb-6' - | 'pb-7' - | 'pb-8' - | 'pb-9' - | 'pb-10' - | 'pb-11' - | 'pb-12' - | 'pb-14' - | 'pb-16'; - -type PaddingHorizontalType = - | 'px-0' - | 'px-0.5' - | 'px-1' - | 'px-1.5' - | 'px-2' - | 'px-2.5' - | 'px-3' - | 'px-3.5' - | 'px-4' - | 'px-5' - | 'px-6' - | 'px-7' - | 'px-8' - | 'px-9' - | 'px-10' - | 'px-11' - | 'px-12' - | 'px-14' - | 'px-16'; - -type PaddingVerticalType = - | 'py-0' - | 'py-0.5' - | 'py-1' - | 'py-1.5' - | 'py-2' - | 'py-2.5' - | 'py-3' - | 'py-3.5' - | 'py-4' - | 'py-5' - | 'py-6' - | 'py-7' - | 'py-8' - | 'py-9' - | 'py-10' - | 'py-11' - | 'py-12' - | 'py-14' - | 'py-16'; diff --git a/src/model/position.ts b/src/model/position.ts deleted file mode 100644 index 37afcf3..0000000 --- a/src/model/position.ts +++ /dev/null @@ -1,108 +0,0 @@ -export type PositionType = - | 'absolute' - | 'relative' - | Top - | Left - | Right - | Bottom - | ZIndex; - -type Top = - | 'top-0' - | 'top-0.5' - | 'top-1' - | 'top-1.5' - | 'top-2' - | 'top-2.5' - | 'top-3' - | 'top-3.5' - | 'top-4' - | 'top-5' - | 'top-6' - | 'top-7' - | 'top-8' - | 'top-9' - | 'top-10' - | 'top-11' - | 'top-12' - | 'top-14' - | 'top-16'; - -type Bottom = - | 'bottom-0' - | 'bottom-0.5' - | 'bottom-1' - | 'bottom-1.5' - | 'bottom-2' - | 'bottom-2.5' - | 'bottom-3' - | 'bottom-3.5' - | 'bottom-4' - | 'bottom-5' - | 'bottom-6' - | 'bottom-7' - | 'bottom-8' - | 'bottom-9' - | 'bottom-10' - | 'bottom-11' - | 'bottom-12' - | 'bottom-14' - | 'bottom-16'; - -type Left = - | 'left-0' - | 'left-0.5' - | 'left-1' - | 'left-1.5' - | 'left-2' - | 'left-2.5' - | 'left-3' - | 'left-3.5' - | 'left-4' - | 'left-5' - | 'left-6' - | 'left-7' - | 'left-8' - | 'left-9' - | 'left-10' - | 'left-11' - | 'left-12' - | 'left-14' - | 'left-16'; - -type Right = - | 'right-0' - | 'right-0.5' - | 'right-1' - | 'right-1.5' - | 'right-2' - | 'right-2.5' - | 'right-3' - | 'right-3.5' - | 'right-4' - | 'right-5' - | 'right-6' - | 'right-7' - | 'right-8' - | 'right-9' - | 'right-10' - | 'right-11' - | 'right-12' - | 'right-14' - | 'right-16'; - -type ZIndex = - | '-z-1' - | '-z-2' - | '-z-3' - | 'z-0' - | 'z-1' - | 'z-2' - | 'z-3' - | 'z-4' - | 'z-5' - | 'z-6' - | 'z-7' - | 'z-8' - | 'z-9' - | 'z-9999'; diff --git a/src/model/size.ts b/src/model/size.ts deleted file mode 100644 index aa9e905..0000000 --- a/src/model/size.ts +++ /dev/null @@ -1,146 +0,0 @@ -export type SizeType = WidthType | MinWidthType | HeightType; - -type WidthType = - | 'w' - | 'w-0' - | 'w-0.5' - | 'w-1' - | 'w-1.5' - | 'w-2' - | 'w-2.5' - | 'w-3' - | 'w-3.5' - | 'w-4' - | 'w-5' - | 'w-6' - | 'w-7' - | 'w-8' - | 'w-9' - | 'w-10' - | 'w-11' - | 'w-12' - | 'w-14' - | 'w-16' - | 'w-20' - | 'w-24' - | 'w-28' - | 'w-32' - | 'w-36' - | 'w-40' - | 'w-44' - | 'w-48' - | 'w-52' - | 'w-56' - | 'w-60' - | 'w-64' - | 'w-72' - | 'w-80' - | 'w-96' - | 'w-1/3' - | 'w-2/3' - | 'w-1/2' - | 'w-1/4' - | 'w-3/4' - | 'w-1/5' - | 'w-2/5' - | 'w-3/5' - | 'w-4/5' - | 'w-full' - | 'w-screen'; - -type MinWidthType = - | 'min-w' - | 'min-w-0' - | 'min-w-0.5' - | 'min-w-1' - | 'min-w-1.5' - | 'min-w-2' - | 'min-w-2.5' - | 'min-w-3' - | 'min-w-3.5' - | 'min-w-4' - | 'min-w-5' - | 'min-w-6' - | 'min-w-7' - | 'min-w-8' - | 'min-w-9' - | 'min-w-10' - | 'min-w-11' - | 'min-w-12' - | 'min-w-14' - | 'min-w-16' - | 'min-w-20' - | 'min-w-24' - | 'min-w-28' - | 'min-w-32' - | 'min-w-36' - | 'min-w-40' - | 'min-w-44' - | 'min-w-48' - | 'min-w-52' - | 'min-w-56' - | 'min-w-60' - | 'min-w-64' - | 'min-w-72' - | 'min-w-80' - | 'min-w-96' - | 'min-w-1/3' - | 'min-w-2/3' - | 'min-w-1/2' - | 'min-w-1/4' - | 'min-w-3/4' - | 'min-w-1/5' - | 'min-w-2/5' - | 'min-w-3/5' - | 'min-w-4/5' - | 'min-w-full' - | 'min-w-screen'; - -type HeightType = - | 'h-0' - | 'h-0.5' - | 'h-1' - | 'h-1.5' - | 'h-2' - | 'h-2.5' - | 'h-3' - | 'h-3.5' - | 'h-4' - | 'h-5' - | 'h-6' - | 'h-7' - | 'h-8' - | 'h-9' - | 'h-10' - | 'h-11' - | 'h-12' - | 'h-14' - | 'h-16' - | 'h-20' - | 'h-24' - | 'h-28' - | 'h-32' - | 'h-36' - | 'h-40' - | 'h-44' - | 'h-48' - | 'h-52' - | 'h-56' - | 'h-60' - | 'h-64' - | 'h-72' - | 'h-80' - | 'h-96' - | 'h-1/3' - | 'h-2/3' - | 'h-1/2' - | 'h-1/4' - | 'h-3/4' - | 'h-1/5' - | 'h-2/5' - | 'h-3/5' - | 'h-4/5' - | 'h-full' - | 'h-screen'; - -export type SizeText = 'xs' | 'sm' | 'base' | 'lg' | 'xl'; diff --git a/src/model/text.ts b/src/model/text.ts deleted file mode 100644 index 5009828..0000000 --- a/src/model/text.ts +++ /dev/null @@ -1,259 +0,0 @@ -export type TextAlign = 'center' | 'left' | 'right' | 'auto' | 'justify'; -export type TextType = TextColorType | TextAlign | FontWeight; - -export type FontWeight = - | 'thin' - | 'extraLight' - | 'light' - | 'normal' - | 'medium' - | 'semibold' - | 'bold' - | 'extrabold' - | 'black'; - -export type TextColorType = - | 'text-black' - | 'text-white' - | 'text-slate-50' - | 'text-slate-100' - | 'text-slate-200' - | 'text-slate-300' - | 'text-slate-400' - | 'text-slate-500' - | 'text-slate-600' - | 'text-slate-700' - | 'text-slate-800' - | 'text-slate-900' - | 'text-slate-950' - | 'text-gray-50' - | 'text-gray-100' - | 'text-gray-200' - | 'text-gray-300' - | 'text-gray-400' - | 'text-gray-500' - | 'text-gray-600' - | 'text-gray-700' - | 'text-gray-800' - | 'text-gray-900' - | 'text-gray-950' - | 'text-zinc-50' - | 'text-zinc-100' - | 'text-zinc-200' - | 'text-zinc-300' - | 'text-zinc-400' - | 'text-zinc-500' - | 'text-zinc-600' - | 'text-zinc-700' - | 'text-zinc-800' - | 'text-zinc-900' - | 'text-zinc-950' - | 'text-neutral-50' - | 'text-neutral-100' - | 'text-neutral-200' - | 'text-neutral-300' - | 'text-neutral-400' - | 'text-neutral-500' - | 'text-neutral-600' - | 'text-neutral-700' - | 'text-neutral-800' - | 'text-neutral-900' - | 'text-neutral-950' - | 'text-stone-50' - | 'text-stone-100' - | 'text-stone-200' - | 'text-stone-300' - | 'text-stone-400' - | 'text-stone-500' - | 'text-stone-600' - | 'text-stone-700' - | 'text-stone-800' - | 'text-stone-900' - | 'text-stone-950' - | 'text-red-50' - | 'text-red-100' - | 'text-red-200' - | 'text-red-300' - | 'text-red-400' - | 'text-red-500' - | 'text-red-600' - | 'text-red-700' - | 'text-red-800' - | 'text-red-900' - | 'text-red-950' - | 'text-orange-50' - | 'text-orange-100' - | 'text-orange-200' - | 'text-orange-300' - | 'text-orange-400' - | 'text-orange-500' - | 'text-orange-600' - | 'text-orange-700' - | 'text-orange-800' - | 'text-orange-900' - | 'text-orange-950' - | 'text-amber-50' - | 'text-amber-100' - | 'text-amber-200' - | 'text-amber-300' - | 'text-amber-400' - | 'text-amber-500' - | 'text-amber-600' - | 'text-amber-700' - | 'text-amber-800' - | 'text-amber-900' - | 'text-amber-950' - | 'text-yellow-50' - | 'text-yellow-100' - | 'text-yellow-200' - | 'text-yellow-300' - | 'text-yellow-400' - | 'text-yellow-500' - | 'text-yellow-600' - | 'text-yellow-700' - | 'text-yellow-800' - | 'text-yellow-900' - | 'text-yellow-950' - | 'text-lime-50' - | 'text-lime-100' - | 'text-lime-200' - | 'text-lime-300' - | 'text-lime-400' - | 'text-lime-500' - | 'text-lime-600' - | 'text-lime-700' - | 'text-lime-800' - | 'text-lime-900' - | 'text-lime-950' - | 'text-green-50' - | 'text-green-100' - | 'text-green-200' - | 'text-green-300' - | 'text-green-400' - | 'text-green-500' - | 'text-green-600' - | 'text-green-700' - | 'text-green-800' - | 'text-green-900' - | 'text-green-950' - | 'text-emerald-50' - | 'text-emerald-100' - | 'text-emerald-200' - | 'text-emerald-300' - | 'text-emerald-400' - | 'text-emerald-500' - | 'text-emerald-600' - | 'text-emerald-700' - | 'text-emerald-800' - | 'text-emerald-900' - | 'text-emerald-950' - | 'text-teal-50' - | 'text-teal-100' - | 'text-teal-200' - | 'text-teal-300' - | 'text-teal-400' - | 'text-teal-500' - | 'text-teal-600' - | 'text-teal-700' - | 'text-teal-800' - | 'text-teal-900' - | 'text-teal-950' - | 'text-cyan-50' - | 'text-cyan-100' - | 'text-cyan-200' - | 'text-cyan-300' - | 'text-cyan-400' - | 'text-cyan-500' - | 'text-cyan-600' - | 'text-cyan-700' - | 'text-cyan-800' - | 'text-cyan-900' - | 'text-cyan-950' - | 'text-sky-50' - | 'text-sky-100' - | 'text-sky-200' - | 'text-sky-300' - | 'text-sky-400' - | 'text-sky-500' - | 'text-sky-600' - | 'text-sky-700' - | 'text-sky-800' - | 'text-sky-900' - | 'text-sky-950' - | 'text-blue-50' - | 'text-blue-100' - | 'text-blue-200' - | 'text-blue-300' - | 'text-blue-400' - | 'text-blue-500' - | 'text-blue-600' - | 'text-blue-700' - | 'text-blue-800' - | 'text-blue-900' - | 'text-blue-950' - | 'text-indigo-50' - | 'text-indigo-100' - | 'text-indigo-200' - | 'text-indigo-300' - | 'text-indigo-400' - | 'text-indigo-500' - | 'text-indigo-600' - | 'text-indigo-700' - | 'text-indigo-800' - | 'text-indigo-900' - | 'text-indigo-950' - | 'text-violet-50' - | 'text-violet-100' - | 'text-violet-200' - | 'text-violet-300' - | 'text-violet-400' - | 'text-violet-500' - | 'text-violet-600' - | 'text-violet-700' - | 'text-violet-800' - | 'text-violet-900' - | 'text-violet-950' - | 'text-purple-50' - | 'text-purple-100' - | 'text-purple-200' - | 'text-purple-300' - | 'text-purple-400' - | 'text-purple-500' - | 'text-purple-600' - | 'text-purple-700' - | 'text-purple-800' - | 'text-purple-900' - | 'text-purple-950' - | 'text-fuchsia-50' - | 'text-fuchsia-100' - | 'text-fuchsia-200' - | 'text-fuchsia-300' - | 'text-fuchsia-400' - | 'text-fuchsia-500' - | 'text-fuchsia-600' - | 'text-fuchsia-700' - | 'text-fuchsia-800' - | 'text-fuchsia-900' - | 'text-fuchsia-950' - | 'text-pink-50' - | 'text-pink-100' - | 'text-pink-200' - | 'text-pink-300' - | 'text-pink-400' - | 'text-pink-500' - | 'text-pink-600' - | 'text-pink-700' - | 'text-pink-800' - | 'text-pink-900' - | 'text-pink-950' - | 'text-rose-50' - | 'text-rose-100' - | 'text-rose-200' - | 'text-rose-300' - | 'text-rose-400' - | 'text-rose-500' - | 'text-rose-600' - | 'text-rose-700' - | 'text-rose-800' - | 'text-rose-900' - | 'text-rose-950'; diff --git a/src/styles/Border.styles.ts b/src/styles/Border.styles.ts index ea4b496..f9cbc96 100644 --- a/src/styles/Border.styles.ts +++ b/src/styles/Border.styles.ts @@ -1,3464 +1,86 @@ import {StyleSheet} from 'react-native'; -import {horizontalScale} from '../utils'; +import {createSpaceStyles} from '../utils/styles'; +import {BORDER_RADIUS} from '../config/Spaces'; -const borderWidthStyle = StyleSheet.create({ - 'border-none': {borderWidth: 0}, - border: {borderWidth: horizontalScale(1)}, - 'border-md': {borderWidth: horizontalScale(2)}, - 'border-lg': {borderWidth: horizontalScale(4)}, - 'border-xl': {borderWidth: horizontalScale(8)}, - 'border-t-none': {borderTopWidth: 0}, - 'border-t': {borderTopWidth: horizontalScale(1)}, - 'border-t-md': {borderTopWidth: horizontalScale(2)}, - 'border-t-lg': {borderTopWidth: horizontalScale(4)}, - 'border-t-xl': {borderTopWidth: horizontalScale(8)}, - 'border-b-none': {borderBottomWidth: 0}, - 'border-b': {borderBottomWidth: horizontalScale(1)}, - 'border-b-md': {borderBottomWidth: horizontalScale(2)}, - 'border-b-lg': {borderBottomWidth: horizontalScale(4)}, - 'border-b-xl': {borderBottomWidth: horizontalScale(8)}, - 'border-l-none': {borderLeftWidth: 0}, - 'border-l': {borderLeftWidth: horizontalScale(1)}, - 'border-l-md': {borderLeftWidth: horizontalScale(2)}, - 'border-l-lg': {borderLeftWidth: horizontalScale(4)}, - 'border-l-xl': {borderLeftWidth: horizontalScale(8)}, - 'border-r-none': {borderRightWidth: 0}, - 'border-r': {borderRightWidth: horizontalScale(1)}, - 'border-r-md': {borderRightWidth: horizontalScale(2)}, - 'border-r-lg': {borderRightWidth: horizontalScale(4)}, - 'border-r-xl': {borderRightWidth: horizontalScale(8)}, - 'border-x-none': {borderLeftWidth: 0, borderRightWidth: 0}, - 'border-x': { - borderLeftWidth: horizontalScale(1), - borderRightWidth: horizontalScale(1), - }, - 'border-x-md': { - borderLeftWidth: horizontalScale(2), - borderRightWidth: horizontalScale(2), - }, - 'border-x-lg': { - borderLeftWidth: horizontalScale(4), - borderRightWidth: horizontalScale(4), - }, - 'border-x-xl': { - borderLeftWidth: horizontalScale(8), - borderRightWidth: horizontalScale(8), - }, - 'border-y-none': {borderTopWidth: 0, borderBottomWidth: 0}, - 'border-y': { - borderTopWidth: horizontalScale(1), - borderBottomWidth: horizontalScale(1), - }, - 'border-y-md': { - borderTopWidth: horizontalScale(2), - borderBottomWidth: horizontalScale(2), - }, - 'border-y-lg': { - borderTopWidth: horizontalScale(4), - borderBottomWidth: horizontalScale(4), - }, - 'border-y-xl': { - borderTopWidth: horizontalScale(8), - borderBottomWidth: horizontalScale(8), - }, -}); - -export const borderColorStyles = StyleSheet.create({ - 'border-dashed': {borderStyle: 'dashed'}, - 'border-dotted': {borderStyle: 'dotted'}, - 'border-solid': {borderStyle: 'solid'}, - 'border-black': {borderColor: '#000000'}, - 'border-white': {borderColor: '#ffffff'}, - 'border-transparent': {borderColor: 'transparent'}, - 'border-amber-50': {borderColor: '#FFFBEB'}, - 'border-amber-100': {borderColor: '#FEF3C7'}, - 'border-amber-200': {borderColor: '#FDE68A'}, - 'border-amber-300': {borderColor: '#FCD34D'}, - 'border-amber-400': {borderColor: '#FBBF24'}, - 'border-amber-500': {borderColor: '#F59E0B'}, - 'border-amber-600': {borderColor: '#D97706'}, - 'border-amber-700': {borderColor: '#B45309'}, - 'border-amber-800': {borderColor: '#92400E'}, - 'border-amber-900': {borderColor: '#78350F'}, - 'border-amber-950': {borderColor: '#451A03'}, - 'border-blue-50': {borderColor: '#EFF6FF'}, - 'border-blue-100': {borderColor: '#DBEAFE'}, - 'border-blue-200': {borderColor: '#BFDBFE'}, - 'border-blue-300': {borderColor: '#93C5FD'}, - 'border-blue-400': {borderColor: '#60A5FA'}, - 'border-blue-500': {borderColor: '#3B82F6'}, - 'border-blue-600': {borderColor: '#2563EB'}, - 'border-blue-700': {borderColor: '#1D4ED8'}, - 'border-blue-800': {borderColor: '#1E40AF'}, - 'border-blue-900': {borderColor: '#1E3A8A'}, - 'border-blue-950': {borderColor: '#172554'}, - 'border-cyan-50': {borderColor: '#ECFEFF'}, - 'border-cyan-100': {borderColor: '#CFFAFE'}, - 'border-cyan-200': {borderColor: '#A5F3FC'}, - 'border-cyan-300': {borderColor: '#67E8F9'}, - 'border-cyan-400': {borderColor: '#22D3EE'}, - 'border-cyan-500': {borderColor: '#06B6D4'}, - 'border-cyan-600': {borderColor: '#0891B2'}, - 'border-cyan-700': {borderColor: '#0E7490'}, - 'border-cyan-800': {borderColor: '#155E75'}, - 'border-cyan-900': {borderColor: '#164E63'}, - 'border-cyan-950': {borderColor: '#083344'}, - 'border-emerald-50': {borderColor: '#ECFDF5'}, - 'border-emerald-100': {borderColor: '#D1FAE5'}, - 'border-emerald-200': {borderColor: '#A7F3D0'}, - 'border-emerald-300': {borderColor: '#6EE7B7'}, - 'border-emerald-400': {borderColor: '#34D399'}, - 'border-emerald-500': {borderColor: '#10B981'}, - 'border-emerald-600': {borderColor: '#059669'}, - 'border-emerald-700': {borderColor: '#047857'}, - 'border-emerald-800': {borderColor: '#065F46'}, - 'border-emerald-900': {borderColor: '#064E3B'}, - 'border-emerald-950': {borderColor: '#022C22'}, - 'border-fuchsia-50': {borderColor: '#FDF4FF'}, - 'border-fuchsia-100': {borderColor: '#FAE8FF'}, - 'border-fuchsia-200': {borderColor: '#F5D0FE'}, - 'border-fuchsia-300': {borderColor: '#F0ABFC'}, - 'border-fuchsia-400': {borderColor: '#E879F9'}, - 'border-fuchsia-500': {borderColor: '#D946EF'}, - 'border-fuchsia-600': {borderColor: '#C026D3'}, - 'border-fuchsia-700': {borderColor: '#A21CAF'}, - 'border-fuchsia-800': {borderColor: '#86198F'}, - 'border-fuchsia-900': {borderColor: '#701A75'}, - 'border-fuchsia-950': {borderColor: '#4A044E'}, - 'border-gray-50': {borderColor: '#F9FAFB'}, - 'border-gray-100': {borderColor: '#F3F4F6'}, - 'border-gray-200': {borderColor: '#E5E7EB'}, - 'border-gray-300': {borderColor: '#D1D5DB'}, - 'border-gray-400': {borderColor: '#9CA3AF'}, - 'border-gray-500': {borderColor: '#6B7280'}, - 'border-gray-600': {borderColor: '#4B5563'}, - 'border-gray-700': {borderColor: '#374151'}, - 'border-gray-800': {borderColor: '#1F2937'}, - 'border-gray-900': {borderColor: '#111827'}, - 'border-gray-950': {borderColor: '#030712'}, - 'border-green-50': {borderColor: '#F0FDF4'}, - 'border-green-100': {borderColor: '#DCFCE7'}, - 'border-green-200': {borderColor: '#BBF7D0'}, - 'border-green-300': {borderColor: '#86EFAC'}, - 'border-green-400': {borderColor: '#4ADE80'}, - 'border-green-500': {borderColor: '#22C55E'}, - 'border-green-600': {borderColor: '#16A34A'}, - 'border-green-700': {borderColor: '#15803D'}, - 'border-green-800': {borderColor: '#166534'}, - 'border-green-900': {borderColor: '#14532D'}, - 'border-green-950': {borderColor: '#052E16'}, - 'border-indigo-50': {borderColor: '#E7E8FF'}, - 'border-indigo-100': {borderColor: '#D6DAFF'}, - 'border-indigo-200': {borderColor: '#B5B6FC'}, - 'border-indigo-300': {borderColor: '#9394F8'}, - 'border-indigo-400': {borderColor: '#7A7DFE'}, - 'border-indigo-500': {borderColor: '#6366F1'}, - 'border-indigo-600': {borderColor: '#4F46E5'}, - 'border-indigo-700': {borderColor: '#4338CA'}, - 'border-indigo-800': {borderColor: '#3730A3'}, - 'border-indigo-900': {borderColor: '#312E81'}, - 'border-indigo-950': {borderColor: '#241E55'}, - 'border-lime-50': {borderColor: '#F7FEE7'}, - 'border-lime-100': {borderColor: '#ECFCCB'}, - 'border-lime-200': {borderColor: '#D9F99D'}, - 'border-lime-300': {borderColor: '#BEF264'}, - 'border-lime-400': {borderColor: '#A3E635'}, - 'border-lime-500': {borderColor: '#84CC16'}, - 'border-lime-600': {borderColor: '#65A30D'}, - 'border-lime-700': {borderColor: '#4D7C0F'}, - 'border-lime-800': {borderColor: '#3F6212'}, - 'border-lime-900': {borderColor: '#365314'}, - 'border-lime-950': {borderColor: '#1A2E05'}, - 'border-neutral-50': {borderColor: '#FAFAFA'}, - 'border-neutral-100': {borderColor: '#F5F5F5'}, - 'border-neutral-200': {borderColor: '#E5E5E5'}, - 'border-neutral-300': {borderColor: '#D4D4D4'}, - 'border-neutral-400': {borderColor: '#A3A3A3'}, - 'border-neutral-500': {borderColor: '#737373'}, - 'border-neutral-600': {borderColor: '#525252'}, - 'border-neutral-700': {borderColor: '#404040'}, - 'border-neutral-800': {borderColor: '#262626'}, - 'border-neutral-900': {borderColor: '#171717'}, - 'border-neutral-950': {borderColor: '#0A0A0A'}, - 'border-orange-50': {borderColor: '#FFF7ED'}, - 'border-orange-100': {borderColor: '#FFEDD5'}, - 'border-orange-200': {borderColor: '#FED7AA'}, - 'border-orange-300': {borderColor: '#FDBA74'}, - 'border-orange-400': {borderColor: '#FB923C'}, - 'border-orange-500': {borderColor: '#F97316'}, - 'border-orange-600': {borderColor: '#EA580C'}, - 'border-orange-700': {borderColor: '#C2410C'}, - 'border-orange-800': {borderColor: '#9A3412'}, - 'border-orange-900': {borderColor: '#7C2D12'}, - 'border-orange-950': {borderColor: '#431407'}, - 'border-pink-50': {borderColor: '#FEE2E2'}, - 'border-pink-100': {borderColor: '#FBD9D9'}, - 'border-pink-200': {borderColor: '#F9B5B5'}, - 'border-pink-300': {borderColor: '#F69292'}, - 'border-pink-400': {borderColor: '#F472B6'}, - 'border-pink-500': {borderColor: '#EC4899'}, - 'border-pink-600': {borderColor: '#DB2777'}, - 'border-pink-700': {borderColor: '#BE185D'}, - 'border-pink-800': {borderColor: '#9D174D'}, - 'border-pink-900': {borderColor: '#831843'}, - 'border-pink-950': {borderColor: '#500724'}, - 'border-purple-50': {borderColor: '#F5F3FF'}, - 'border-purple-100': {borderColor: '#EDE9FE'}, - 'border-purple-200': {borderColor: '#DDD6FE'}, - 'border-purple-300': {borderColor: '#C4B5FD'}, - 'border-purple-400': {borderColor: '#A78BFA'}, - 'border-purple-500': {borderColor: '#8B5CF6'}, - 'border-purple-600': {borderColor: '#7C3AED'}, - 'border-purple-700': {borderColor: '#6D28D9'}, - 'border-purple-800': {borderColor: '#5B21B6'}, - 'border-purple-900': {borderColor: '#4C1D95'}, - 'border-purple-950': {borderColor: '#2E1065'}, - 'border-red-50': {borderColor: '#FEF2F2'}, - 'border-red-100': {borderColor: '#FEE2E2'}, - 'border-red-200': {borderColor: '#FECACA'}, - 'border-red-300': {borderColor: '#FCA5A5'}, - 'border-red-400': {borderColor: '#F87171'}, - 'border-red-500': {borderColor: '#EF4444'}, - 'border-red-600': {borderColor: '#DC2626'}, - 'border-red-700': {borderColor: '#B91C1C'}, - 'border-red-800': {borderColor: '#991B1B'}, - 'border-red-900': {borderColor: '#7F1D1D'}, - 'border-red-950': {borderColor: '#450A0A'}, - 'border-rose-50': {borderColor: '#FFF1F2'}, - 'border-rose-100': {borderColor: '#FFE4E6'}, - 'border-rose-200': {borderColor: '#FECDD3'}, - 'border-rose-300': {borderColor: '#FDA4AF'}, - 'border-rose-400': {borderColor: '#FB7185'}, - 'border-rose-500': {borderColor: '#F43F5E'}, - 'border-rose-600': {borderColor: '#E11D48'}, - 'border-rose-700': {borderColor: '#BE123C'}, - 'border-rose-800': {borderColor: '#9F1239'}, - 'border-rose-900': {borderColor: '#881337'}, - 'border-rose-950': {borderColor: '#4C0D19'}, - 'border-sky-50': {borderColor: '#F0F9FF'}, - 'border-sky-100': {borderColor: '#E0F2FE'}, - 'border-sky-200': {borderColor: '#BAE6FD'}, - 'border-sky-300': {borderColor: '#7DD3FC'}, - 'border-sky-400': {borderColor: '#38BDF8'}, - 'border-sky-500': {borderColor: '#0EA5E9'}, - 'border-sky-600': {borderColor: '#0284C7'}, - 'border-sky-700': {borderColor: '#0369A1'}, - 'border-sky-800': {borderColor: '#075985'}, - 'border-sky-900': {borderColor: '#0C4A6E'}, - 'border-sky-950': {borderColor: '#082F49'}, - 'border-slate-50': {borderColor: '#F8FAFC'}, - 'border-slate-100': {borderColor: '#F1F5F9'}, - 'border-slate-200': {borderColor: '#E2E8F0'}, - 'border-slate-300': {borderColor: '#CBD5E1'}, - 'border-slate-400': {borderColor: '#94A3B8'}, - 'border-slate-500': {borderColor: '#64748B'}, - 'border-slate-600': {borderColor: '#475569'}, - 'border-slate-700': {borderColor: '#334155'}, - 'border-slate-800': {borderColor: '#1E293B'}, - 'border-slate-900': {borderColor: '#0F172A'}, - 'border-slate-950': {borderColor: '#020617'}, - 'border-stone-50': {borderColor: '#FAFAF9'}, - 'border-stone-100': {borderColor: '#F5F5F4'}, - 'border-stone-200': {borderColor: '#E7E5E4'}, - 'border-stone-300': {borderColor: '#D6D3D1'}, - 'border-stone-400': {borderColor: '#A8A29E'}, - 'border-stone-500': {borderColor: '#78716C'}, - 'border-stone-600': {borderColor: '#57534E'}, - 'border-stone-700': {borderColor: '#44403C'}, - 'border-stone-800': {borderColor: '#292524'}, - 'border-stone-900': {borderColor: '#1C1917'}, - 'border-stone-950': {borderColor: '#0F0E0D'}, - 'border-teal-50': {borderColor: '#F0FDFA'}, - 'border-teal-100': {borderColor: '#CCFBF1'}, - 'border-teal-200': {borderColor: '#99F6E4'}, - 'border-teal-300': {borderColor: '#5EEAD4'}, - 'border-teal-400': {borderColor: '#2DD4BF'}, - 'border-teal-500': {borderColor: '#14B8A6'}, - 'border-teal-600': {borderColor: '#0D9488'}, - 'border-teal-700': {borderColor: '#0F766E'}, - 'border-teal-800': {borderColor: '#115E59'}, - 'border-teal-900': {borderColor: '#134E4A'}, - 'border-teal-950': {borderColor: '#042F2E'}, - 'border-violet-50': {borderColor: '#F5F3FF'}, - 'border-violet-100': {borderColor: '#EDE9FE'}, - 'border-violet-200': {borderColor: '#DDD6FE'}, - 'border-violet-300': {borderColor: '#C4B5FD'}, - 'border-violet-400': {borderColor: '#A78BFA'}, - 'border-violet-500': {borderColor: '#8B5CF6'}, - 'border-violet-600': {borderColor: '#7C3AED'}, - 'border-violet-700': {borderColor: '#6D28D9'}, - 'border-violet-800': {borderColor: '#5B21B6'}, - 'border-violet-900': {borderColor: '#4C1D95'}, - 'border-violet-950': {borderColor: '#2E1065'}, - 'border-yellow-50': {borderColor: '#FEFCE8'}, - 'border-yellow-100': {borderColor: '#FEF9C3'}, - 'border-yellow-200': {borderColor: '#FEF08A'}, - 'border-yellow-300': {borderColor: '#FDE047'}, - 'border-yellow-400': {borderColor: '#FACC15'}, - 'border-yellow-500': {borderColor: '#EAB308'}, - 'border-yellow-600': {borderColor: '#CA8A04'}, - 'border-yellow-700': {borderColor: '#A16207'}, - 'border-yellow-800': {borderColor: '#854D0E'}, - 'border-yellow-900': {borderColor: '#713F12'}, - 'border-yellow-950': {borderColor: '#422006'}, - 'border-zinc-50': {borderColor: '#FAFAFA'}, - 'border-zinc-100': {borderColor: '#F4F4F5'}, - 'border-zinc-200': {borderColor: '#E4E4E7'}, - 'border-zinc-300': {borderColor: '#D4D4D8'}, - 'border-zinc-400': {borderColor: '#A1A1AA'}, - 'border-zinc-500': {borderColor: '#71717A'}, - 'border-zinc-600': {borderColor: '#52525B'}, - 'border-zinc-700': {borderColor: '#3F3F46'}, - 'border-zinc-800': {borderColor: '#27272A'}, - 'border-zinc-900': {borderColor: '#18181B'}, - 'border-zinc-950': {borderColor: '#09090B'}, - 'border-l-black': {borderLeftColor: '#000000'}, - 'border-l-white': {borderLeftColor: '#ffffff'}, - 'border-l-transparent': {borderLeftColor: 'transparent'}, - 'border-l-amber-50': {borderLeftColor: '#FFFBEB'}, - 'border-l-amber-100': {borderLeftColor: '#FEF3C7'}, - 'border-l-amber-200': {borderLeftColor: '#FDE68A'}, - 'border-l-amber-300': {borderLeftColor: '#FCD34D'}, - 'border-l-amber-400': {borderLeftColor: '#FBBF24'}, - 'border-l-amber-500': {borderLeftColor: '#F59E0B'}, - 'border-l-amber-600': {borderLeftColor: '#D97706'}, - 'border-l-amber-700': {borderLeftColor: '#B45309'}, - 'border-l-amber-800': {borderLeftColor: '#92400E'}, - 'border-l-amber-900': {borderLeftColor: '#78350F'}, - 'border-l-amber-950': {borderLeftColor: '#451A03'}, - 'border-l-blue-50': {borderLeftColor: '#EFF6FF'}, - 'border-l-blue-100': {borderLeftColor: '#DBEAFE'}, - 'border-l-blue-200': {borderLeftColor: '#BFDBFE'}, - 'border-l-blue-300': {borderLeftColor: '#93C5FD'}, - 'border-l-blue-400': {borderLeftColor: '#60A5FA'}, - 'border-l-blue-500': {borderLeftColor: '#3B82F6'}, - 'border-l-blue-600': {borderLeftColor: '#2563EB'}, - 'border-l-blue-700': {borderLeftColor: '#1D4ED8'}, - 'border-l-blue-800': {borderLeftColor: '#1E40AF'}, - 'border-l-blue-900': {borderLeftColor: '#1E3A8A'}, - 'border-l-blue-950': {borderLeftColor: '#172554'}, - 'border-l-cyan-50': {borderLeftColor: '#ECFEFF'}, - 'border-l-cyan-100': {borderLeftColor: '#CFFAFE'}, - 'border-l-cyan-200': {borderLeftColor: '#A5F3FC'}, - 'border-l-cyan-300': {borderLeftColor: '#67E8F9'}, - 'border-l-cyan-400': {borderLeftColor: '#22D3EE'}, - 'border-l-cyan-500': {borderLeftColor: '#06B6D4'}, - 'border-l-cyan-600': {borderLeftColor: '#0891B2'}, - 'border-l-cyan-700': {borderLeftColor: '#0E7490'}, - 'border-l-cyan-800': {borderLeftColor: '#155E75'}, - 'border-l-cyan-900': {borderLeftColor: '#164E63'}, - 'border-l-cyan-950': {borderLeftColor: '#083344'}, - 'border-l-emerald-50': {borderLeftColor: '#ECFDF5'}, - 'border-l-emerald-100': {borderLeftColor: '#D1FAE5'}, - 'border-l-emerald-200': {borderLeftColor: '#A7F3D0'}, - 'border-l-emerald-300': {borderLeftColor: '#6EE7B7'}, - 'border-l-emerald-400': {borderLeftColor: '#34D399'}, - 'border-l-emerald-500': {borderLeftColor: '#10B981'}, - 'border-l-emerald-600': {borderLeftColor: '#059669'}, - 'border-l-emerald-700': {borderLeftColor: '#047857'}, - 'border-l-emerald-800': {borderLeftColor: '#065F46'}, - 'border-l-emerald-900': {borderLeftColor: '#064E3B'}, - 'border-l-emerald-950': {borderLeftColor: '#022C22'}, - 'border-l-fuchsia-50': {borderLeftColor: '#FDF4FF'}, - 'border-l-fuchsia-100': {borderLeftColor: '#FAE8FF'}, - 'border-l-fuchsia-200': {borderLeftColor: '#F5D0FE'}, - 'border-l-fuchsia-300': {borderLeftColor: '#F0ABFC'}, - 'border-l-fuchsia-400': {borderLeftColor: '#E879F9'}, - 'border-l-fuchsia-500': {borderLeftColor: '#D946EF'}, - 'border-l-fuchsia-600': {borderLeftColor: '#C026D3'}, - 'border-l-fuchsia-700': {borderLeftColor: '#A21CAF'}, - 'border-l-fuchsia-800': {borderLeftColor: '#86198F'}, - 'border-l-fuchsia-900': {borderLeftColor: '#701A75'}, - 'border-l-fuchsia-950': {borderLeftColor: '#4A044E'}, - 'border-l-gray-50': {borderLeftColor: '#F9FAFB'}, - 'border-l-gray-100': {borderLeftColor: '#F3F4F6'}, - 'border-l-gray-200': {borderLeftColor: '#E5E7EB'}, - 'border-l-gray-300': {borderLeftColor: '#D1D5DB'}, - 'border-l-gray-400': {borderLeftColor: '#9CA3AF'}, - 'border-l-gray-500': {borderLeftColor: '#6B7280'}, - 'border-l-gray-600': {borderLeftColor: '#4B5563'}, - 'border-l-gray-700': {borderLeftColor: '#374151'}, - 'border-l-gray-800': {borderLeftColor: '#1F2937'}, - 'border-l-gray-900': {borderLeftColor: '#111827'}, - 'border-l-gray-950': {borderLeftColor: '#030712'}, - 'border-l-green-50': {borderLeftColor: '#F0FDF4'}, - 'border-l-green-100': {borderLeftColor: '#DCFCE7'}, - 'border-l-green-200': {borderLeftColor: '#BBF7D0'}, - 'border-l-green-300': {borderLeftColor: '#86EFAC'}, - 'border-l-green-400': {borderLeftColor: '#4ADE80'}, - 'border-l-green-500': {borderLeftColor: '#22C55E'}, - 'border-l-green-600': {borderLeftColor: '#16A34A'}, - 'border-l-green-700': {borderLeftColor: '#15803D'}, - 'border-l-green-800': {borderLeftColor: '#166534'}, - 'border-l-green-900': {borderLeftColor: '#14532D'}, - 'border-l-green-950': {borderLeftColor: '#052E16'}, - 'border-l-indigo-50': {borderLeftColor: '#E7E8FF'}, - 'border-l-indigo-100': {borderLeftColor: '#D6DAFF'}, - 'border-l-indigo-200': {borderLeftColor: '#B5B6FC'}, - 'border-l-indigo-300': {borderLeftColor: '#9394F8'}, - 'border-l-indigo-400': {borderLeftColor: '#7A7DFE'}, - 'border-l-indigo-500': {borderLeftColor: '#6366F1'}, - 'border-l-indigo-600': {borderLeftColor: '#4F46E5'}, - 'border-l-indigo-700': {borderLeftColor: '#4338CA'}, - 'border-l-indigo-800': {borderLeftColor: '#3730A3'}, - 'border-l-indigo-900': {borderLeftColor: '#312E81'}, - 'border-l-indigo-950': {borderLeftColor: '#241E55'}, - 'border-l-lime-50': {borderLeftColor: '#F7FEE7'}, - 'border-l-lime-100': {borderLeftColor: '#ECFCCB'}, - 'border-l-lime-200': {borderLeftColor: '#D9F99D'}, - 'border-l-lime-300': {borderLeftColor: '#BEF264'}, - 'border-l-lime-400': {borderLeftColor: '#A3E635'}, - 'border-l-lime-500': {borderLeftColor: '#84CC16'}, - 'border-l-lime-600': {borderLeftColor: '#65A30D'}, - 'border-l-lime-700': {borderLeftColor: '#4D7C0F'}, - 'border-l-lime-800': {borderLeftColor: '#3F6212'}, - 'border-l-lime-900': {borderLeftColor: '#365314'}, - 'border-l-lime-950': {borderLeftColor: '#1A2E05'}, - 'border-l-neutral-50': {borderLeftColor: '#FAFAFA'}, - 'border-l-neutral-100': {borderLeftColor: '#F5F5F5'}, - 'border-l-neutral-200': {borderLeftColor: '#E5E5E5'}, - 'border-l-neutral-300': {borderLeftColor: '#D4D4D4'}, - 'border-l-neutral-400': {borderLeftColor: '#A3A3A3'}, - 'border-l-neutral-500': {borderLeftColor: '#737373'}, - 'border-l-neutral-600': {borderLeftColor: '#525252'}, - 'border-l-neutral-700': {borderLeftColor: '#404040'}, - 'border-l-neutral-800': {borderLeftColor: '#262626'}, - 'border-l-neutral-900': {borderLeftColor: '#171717'}, - 'border-l-neutral-950': {borderLeftColor: '#0A0A0A'}, - 'border-l-orange-50': {borderLeftColor: '#FFF7ED'}, - 'border-l-orange-100': {borderLeftColor: '#FFEDD5'}, - 'border-l-orange-200': {borderLeftColor: '#FED7AA'}, - 'border-l-orange-300': {borderLeftColor: '#FDBA74'}, - 'border-l-orange-400': {borderLeftColor: '#FB923C'}, - 'border-l-orange-500': {borderLeftColor: '#F97316'}, - 'border-l-orange-600': {borderLeftColor: '#EA580C'}, - 'border-l-orange-700': {borderLeftColor: '#C2410C'}, - 'border-l-orange-800': {borderLeftColor: '#9A3412'}, - 'border-l-orange-900': {borderLeftColor: '#7C2D12'}, - 'border-l-orange-950': {borderLeftColor: '#431407'}, - 'border-l-pink-50': {borderLeftColor: '#FEE2E2'}, - 'border-l-pink-100': {borderLeftColor: '#FBD9D9'}, - 'border-l-pink-200': {borderLeftColor: '#F9B5B5'}, - 'border-l-pink-300': {borderLeftColor: '#F69292'}, - 'border-l-pink-400': {borderLeftColor: '#F472B6'}, - 'border-l-pink-500': {borderLeftColor: '#EC4899'}, - 'border-l-pink-600': {borderLeftColor: '#DB2777'}, - 'border-l-pink-700': {borderLeftColor: '#BE185D'}, - 'border-l-pink-800': {borderLeftColor: '#9D174D'}, - 'border-l-pink-900': {borderLeftColor: '#831843'}, - 'border-l-pink-950': {borderLeftColor: '#500724'}, - 'border-l-purple-50': {borderLeftColor: '#F5F3FF'}, - 'border-l-purple-100': {borderLeftColor: '#EDE9FE'}, - 'border-l-purple-200': {borderLeftColor: '#DDD6FE'}, - 'border-l-purple-300': {borderLeftColor: '#C4B5FD'}, - 'border-l-purple-400': {borderLeftColor: '#A78BFA'}, - 'border-l-purple-500': {borderLeftColor: '#8B5CF6'}, - 'border-l-purple-600': {borderLeftColor: '#7C3AED'}, - 'border-l-purple-700': {borderLeftColor: '#6D28D9'}, - 'border-l-purple-800': {borderLeftColor: '#5B21B6'}, - 'border-l-purple-900': {borderLeftColor: '#4C1D95'}, - 'border-l-purple-950': {borderLeftColor: '#2E1065'}, - 'border-l-red-50': {borderLeftColor: '#FEF2F2'}, - 'border-l-red-100': {borderLeftColor: '#FEE2E2'}, - 'border-l-red-200': {borderLeftColor: '#FECACA'}, - 'border-l-red-300': {borderLeftColor: '#FCA5A5'}, - 'border-l-red-400': {borderLeftColor: '#F87171'}, - 'border-l-red-500': {borderLeftColor: '#EF4444'}, - 'border-l-red-600': {borderLeftColor: '#DC2626'}, - 'border-l-red-700': {borderLeftColor: '#B91C1C'}, - 'border-l-red-800': {borderLeftColor: '#991B1B'}, - 'border-l-red-900': {borderLeftColor: '#7F1D1D'}, - 'border-l-red-950': {borderLeftColor: '#450A0A'}, - 'border-l-rose-50': {borderLeftColor: '#FFF1F2'}, - 'border-l-rose-100': {borderLeftColor: '#FFE4E6'}, - 'border-l-rose-200': {borderLeftColor: '#FECDD3'}, - 'border-l-rose-300': {borderLeftColor: '#FDA4AF'}, - 'border-l-rose-400': {borderLeftColor: '#FB7185'}, - 'border-l-rose-500': {borderLeftColor: '#F43F5E'}, - 'border-l-rose-600': {borderLeftColor: '#E11D48'}, - 'border-l-rose-700': {borderLeftColor: '#BE123C'}, - 'border-l-rose-800': {borderLeftColor: '#9F1239'}, - 'border-l-rose-900': {borderLeftColor: '#881337'}, - 'border-l-rose-950': {borderLeftColor: '#4C0D19'}, - 'border-l-sky-50': {borderLeftColor: '#F0F9FF'}, - 'border-l-sky-100': {borderLeftColor: '#E0F2FE'}, - 'border-l-sky-200': {borderLeftColor: '#BAE6FD'}, - 'border-l-sky-300': {borderLeftColor: '#7DD3FC'}, - 'border-l-sky-400': {borderLeftColor: '#38BDF8'}, - 'border-l-sky-500': {borderLeftColor: '#0EA5E9'}, - 'border-l-sky-600': {borderLeftColor: '#0284C7'}, - 'border-l-sky-700': {borderLeftColor: '#0369A1'}, - 'border-l-sky-800': {borderLeftColor: '#075985'}, - 'border-l-sky-900': {borderLeftColor: '#0C4A6E'}, - 'border-l-sky-950': {borderLeftColor: '#082F49'}, - 'border-l-slate-50': {borderLeftColor: '#F8FAFC'}, - 'border-l-slate-100': {borderLeftColor: '#F1F5F9'}, - 'border-l-slate-200': {borderLeftColor: '#E2E8F0'}, - 'border-l-slate-300': {borderLeftColor: '#CBD5E1'}, - 'border-l-slate-400': {borderLeftColor: '#94A3B8'}, - 'border-l-slate-500': {borderLeftColor: '#64748B'}, - 'border-l-slate-600': {borderLeftColor: '#475569'}, - 'border-l-slate-700': {borderLeftColor: '#334155'}, - 'border-l-slate-800': {borderLeftColor: '#1E293B'}, - 'border-l-slate-900': {borderLeftColor: '#0F172A'}, - 'border-l-slate-950': {borderLeftColor: '#020617'}, - 'border-l-stone-50': {borderLeftColor: '#FAFAF9'}, - 'border-l-stone-100': {borderLeftColor: '#F5F5F4'}, - 'border-l-stone-200': {borderLeftColor: '#E7E5E4'}, - 'border-l-stone-300': {borderLeftColor: '#D6D3D1'}, - 'border-l-stone-400': {borderLeftColor: '#A8A29E'}, - 'border-l-stone-500': {borderLeftColor: '#78716C'}, - 'border-l-stone-600': {borderLeftColor: '#57534E'}, - 'border-l-stone-700': {borderLeftColor: '#44403C'}, - 'border-l-stone-800': {borderLeftColor: '#292524'}, - 'border-l-stone-900': {borderLeftColor: '#1C1917'}, - 'border-l-stone-950': {borderLeftColor: '#0F0E0D'}, - 'border-l-teal-50': {borderLeftColor: '#F0FDFA'}, - 'border-l-teal-100': {borderLeftColor: '#CCFBF1'}, - 'border-l-teal-200': {borderLeftColor: '#99F6E4'}, - 'border-l-teal-300': {borderLeftColor: '#5EEAD4'}, - 'border-l-teal-400': {borderLeftColor: '#2DD4BF'}, - 'border-l-teal-500': {borderLeftColor: '#14B8A6'}, - 'border-l-teal-600': {borderLeftColor: '#0D9488'}, - 'border-l-teal-700': {borderLeftColor: '#0F766E'}, - 'border-l-teal-800': {borderLeftColor: '#115E59'}, - 'border-l-teal-900': {borderLeftColor: '#134E4A'}, - 'border-l-teal-950': {borderLeftColor: '#042F2E'}, - 'border-l-violet-50': {borderLeftColor: '#F5F3FF'}, - 'border-l-violet-100': {borderLeftColor: '#EDE9FE'}, - 'border-l-violet-200': {borderLeftColor: '#DDD6FE'}, - 'border-l-violet-300': {borderLeftColor: '#C4B5FD'}, - 'border-l-violet-400': {borderLeftColor: '#A78BFA'}, - 'border-l-violet-500': {borderLeftColor: '#8B5CF6'}, - 'border-l-violet-600': {borderLeftColor: '#7C3AED'}, - 'border-l-violet-700': {borderLeftColor: '#6D28D9'}, - 'border-l-violet-800': {borderLeftColor: '#5B21B6'}, - 'border-l-violet-900': {borderLeftColor: '#4C1D95'}, - 'border-l-violet-950': {borderLeftColor: '#2E1065'}, - 'border-l-yellow-50': {borderLeftColor: '#FEFCE8'}, - 'border-l-yellow-100': {borderLeftColor: '#FEF9C3'}, - 'border-l-yellow-200': {borderLeftColor: '#FEF08A'}, - 'border-l-yellow-300': {borderLeftColor: '#FDE047'}, - 'border-l-yellow-400': {borderLeftColor: '#FACC15'}, - 'border-l-yellow-500': {borderLeftColor: '#EAB308'}, - 'border-l-yellow-600': {borderLeftColor: '#CA8A04'}, - 'border-l-yellow-700': {borderLeftColor: '#A16207'}, - 'border-l-yellow-800': {borderLeftColor: '#854D0E'}, - 'border-l-yellow-900': {borderLeftColor: '#713F12'}, - 'border-l-yellow-950': {borderLeftColor: '#422006'}, - 'border-l-zinc-50': {borderLeftColor: '#FAFAFA'}, - 'border-l-zinc-100': {borderLeftColor: '#F4F4F5'}, - 'border-l-zinc-200': {borderLeftColor: '#E4E4E7'}, - 'border-l-zinc-300': {borderLeftColor: '#D4D4D8'}, - 'border-l-zinc-400': {borderLeftColor: '#A1A1AA'}, - 'border-l-zinc-500': {borderLeftColor: '#71717A'}, - 'border-l-zinc-600': {borderLeftColor: '#52525B'}, - 'border-l-zinc-700': {borderLeftColor: '#3F3F46'}, - 'border-l-zinc-800': {borderLeftColor: '#27272A'}, - 'border-l-zinc-900': {borderLeftColor: '#18181B'}, - 'border-l-zinc-950': {borderLeftColor: '#09090B'}, - 'border-r-black': {borderRightColor: '#000000'}, - 'border-r-white': {borderRightColor: '#ffffff'}, - 'border-r-transparent': {borderRightColor: 'transparent'}, - 'border-r-amber-50': {borderRightColor: '#FFFBEB'}, - 'border-r-amber-100': {borderRightColor: '#FEF3C7'}, - 'border-r-amber-200': {borderRightColor: '#FDE68A'}, - 'border-r-amber-300': {borderRightColor: '#FCD34D'}, - 'border-r-amber-400': {borderRightColor: '#FBBF24'}, - 'border-r-amber-500': {borderRightColor: '#F59E0B'}, - 'border-r-amber-600': {borderRightColor: '#D97706'}, - 'border-r-amber-700': {borderRightColor: '#B45309'}, - 'border-r-amber-800': {borderRightColor: '#92400E'}, - 'border-r-amber-900': {borderRightColor: '#78350F'}, - 'border-r-amber-950': {borderRightColor: '#451A03'}, - 'border-r-blue-50': {borderRightColor: '#EFF6FF'}, - 'border-r-blue-100': {borderRightColor: '#DBEAFE'}, - 'border-r-blue-200': {borderRightColor: '#BFDBFE'}, - 'border-r-blue-300': {borderRightColor: '#93C5FD'}, - 'border-r-blue-400': {borderRightColor: '#60A5FA'}, - 'border-r-blue-500': {borderRightColor: '#3B82F6'}, - 'border-r-blue-600': {borderRightColor: '#2563EB'}, - 'border-r-blue-700': {borderRightColor: '#1D4ED8'}, - 'border-r-blue-800': {borderRightColor: '#1E40AF'}, - 'border-r-blue-900': {borderRightColor: '#1E3A8A'}, - 'border-r-blue-950': {borderRightColor: '#172554'}, - 'border-r-cyan-50': {borderRightColor: '#ECFEFF'}, - 'border-r-cyan-100': {borderRightColor: '#CFFAFE'}, - 'border-r-cyan-200': {borderRightColor: '#A5F3FC'}, - 'border-r-cyan-300': {borderRightColor: '#67E8F9'}, - 'border-r-cyan-400': {borderRightColor: '#22D3EE'}, - 'border-r-cyan-500': {borderRightColor: '#06B6D4'}, - 'border-r-cyan-600': {borderRightColor: '#0891B2'}, - 'border-r-cyan-700': {borderRightColor: '#0E7490'}, - 'border-r-cyan-800': {borderRightColor: '#155E75'}, - 'border-r-cyan-900': {borderRightColor: '#164E63'}, - 'border-r-cyan-950': {borderRightColor: '#083344'}, - 'border-r-emerald-50': {borderRightColor: '#ECFDF5'}, - 'border-r-emerald-100': {borderRightColor: '#D1FAE5'}, - 'border-r-emerald-200': {borderRightColor: '#A7F3D0'}, - 'border-r-emerald-300': {borderRightColor: '#6EE7B7'}, - 'border-r-emerald-400': {borderRightColor: '#34D399'}, - 'border-r-emerald-500': {borderRightColor: '#10B981'}, - 'border-r-emerald-600': {borderRightColor: '#059669'}, - 'border-r-emerald-700': {borderRightColor: '#047857'}, - 'border-r-emerald-800': {borderRightColor: '#065F46'}, - 'border-r-emerald-900': {borderRightColor: '#064E3B'}, - 'border-r-emerald-950': {borderRightColor: '#022C22'}, - 'border-r-fuchsia-50': {borderRightColor: '#FDF4FF'}, - 'border-r-fuchsia-100': {borderRightColor: '#FAE8FF'}, - 'border-r-fuchsia-200': {borderRightColor: '#F5D0FE'}, - 'border-r-fuchsia-300': {borderRightColor: '#F0ABFC'}, - 'border-r-fuchsia-400': {borderRightColor: '#E879F9'}, - 'border-r-fuchsia-500': {borderRightColor: '#D946EF'}, - 'border-r-fuchsia-600': {borderRightColor: '#C026D3'}, - 'border-r-fuchsia-700': {borderRightColor: '#A21CAF'}, - 'border-r-fuchsia-800': {borderRightColor: '#86198F'}, - 'border-r-fuchsia-900': {borderRightColor: '#701A75'}, - 'border-r-fuchsia-950': {borderRightColor: '#4A044E'}, - 'border-r-gray-50': {borderRightColor: '#F9FAFB'}, - 'border-r-gray-100': {borderRightColor: '#F3F4F6'}, - 'border-r-gray-200': {borderRightColor: '#E5E7EB'}, - 'border-r-gray-300': {borderRightColor: '#D1D5DB'}, - 'border-r-gray-400': {borderRightColor: '#9CA3AF'}, - 'border-r-gray-500': {borderRightColor: '#6B7280'}, - 'border-r-gray-600': {borderRightColor: '#4B5563'}, - 'border-r-gray-700': {borderRightColor: '#374151'}, - 'border-r-gray-800': {borderRightColor: '#1F2937'}, - 'border-r-gray-900': {borderRightColor: '#111827'}, - 'border-r-gray-950': {borderRightColor: '#030712'}, - 'border-r-green-50': {borderRightColor: '#F0FDF4'}, - 'border-r-green-100': {borderRightColor: '#DCFCE7'}, - 'border-r-green-200': {borderRightColor: '#BBF7D0'}, - 'border-r-green-300': {borderRightColor: '#86EFAC'}, - 'border-r-green-400': {borderRightColor: '#4ADE80'}, - 'border-r-green-500': {borderRightColor: '#22C55E'}, - 'border-r-green-600': {borderRightColor: '#16A34A'}, - 'border-r-green-700': {borderRightColor: '#15803D'}, - 'border-r-green-800': {borderRightColor: '#166534'}, - 'border-r-green-900': {borderRightColor: '#14532D'}, - 'border-r-green-950': {borderRightColor: '#052E16'}, - 'border-r-indigo-50': {borderRightColor: '#E7E8FF'}, - 'border-r-indigo-100': {borderRightColor: '#D6DAFF'}, - 'border-r-indigo-200': {borderRightColor: '#B5B6FC'}, - 'border-r-indigo-300': {borderRightColor: '#9394F8'}, - 'border-r-indigo-400': {borderRightColor: '#7A7DFE'}, - 'border-r-indigo-500': {borderRightColor: '#6366F1'}, - 'border-r-indigo-600': {borderRightColor: '#4F46E5'}, - 'border-r-indigo-700': {borderRightColor: '#4338CA'}, - 'border-r-indigo-800': {borderRightColor: '#3730A3'}, - 'border-r-indigo-900': {borderRightColor: '#312E81'}, - 'border-r-indigo-950': {borderRightColor: '#241E55'}, - 'border-r-lime-50': {borderRightColor: '#F7FEE7'}, - 'border-r-lime-100': {borderRightColor: '#ECFCCB'}, - 'border-r-lime-200': {borderRightColor: '#D9F99D'}, - 'border-r-lime-300': {borderRightColor: '#BEF264'}, - 'border-r-lime-400': {borderRightColor: '#A3E635'}, - 'border-r-lime-500': {borderRightColor: '#84CC16'}, - 'border-r-lime-600': {borderRightColor: '#65A30D'}, - 'border-r-lime-700': {borderRightColor: '#4D7C0F'}, - 'border-r-lime-800': {borderRightColor: '#3F6212'}, - 'border-r-lime-900': {borderRightColor: '#365314'}, - 'border-r-lime-950': {borderRightColor: '#1A2E05'}, - 'border-r-neutral-50': {borderRightColor: '#FAFAFA'}, - 'border-r-neutral-100': {borderRightColor: '#F5F5F5'}, - 'border-r-neutral-200': {borderRightColor: '#E5E5E5'}, - 'border-r-neutral-300': {borderRightColor: '#D4D4D4'}, - 'border-r-neutral-400': {borderRightColor: '#A3A3A3'}, - 'border-r-neutral-500': {borderRightColor: '#737373'}, - 'border-r-neutral-600': {borderRightColor: '#525252'}, - 'border-r-neutral-700': {borderRightColor: '#404040'}, - 'border-r-neutral-800': {borderRightColor: '#262626'}, - 'border-r-neutral-900': {borderRightColor: '#171717'}, - 'border-r-neutral-950': {borderRightColor: '#0A0A0A'}, - 'border-r-orange-50': {borderRightColor: '#FFF7ED'}, - 'border-r-orange-100': {borderRightColor: '#FFEDD5'}, - 'border-r-orange-200': {borderRightColor: '#FED7AA'}, - 'border-r-orange-300': {borderRightColor: '#FDBA74'}, - 'border-r-orange-400': {borderRightColor: '#FB923C'}, - 'border-r-orange-500': {borderRightColor: '#F97316'}, - 'border-r-orange-600': {borderRightColor: '#EA580C'}, - 'border-r-orange-700': {borderRightColor: '#C2410C'}, - 'border-r-orange-800': {borderRightColor: '#9A3412'}, - 'border-r-orange-900': {borderRightColor: '#7C2D12'}, - 'border-r-orange-950': {borderRightColor: '#431407'}, - 'border-r-pink-50': {borderRightColor: '#FEE2E2'}, - 'border-r-pink-100': {borderRightColor: '#FBD9D9'}, - 'border-r-pink-200': {borderRightColor: '#F9B5B5'}, - 'border-r-pink-300': {borderRightColor: '#F69292'}, - 'border-r-pink-400': {borderRightColor: '#F472B6'}, - 'border-r-pink-500': {borderRightColor: '#EC4899'}, - 'border-r-pink-600': {borderRightColor: '#DB2777'}, - 'border-r-pink-700': {borderRightColor: '#BE185D'}, - 'border-r-pink-800': {borderRightColor: '#9D174D'}, - 'border-r-pink-900': {borderRightColor: '#831843'}, - 'border-r-pink-950': {borderRightColor: '#500724'}, - 'border-r-purple-50': {borderRightColor: '#F5F3FF'}, - 'border-r-purple-100': {borderRightColor: '#EDE9FE'}, - 'border-r-purple-200': {borderRightColor: '#DDD6FE'}, - 'border-r-purple-300': {borderRightColor: '#C4B5FD'}, - 'border-r-purple-400': {borderRightColor: '#A78BFA'}, - 'border-r-purple-500': {borderRightColor: '#8B5CF6'}, - 'border-r-purple-600': {borderRightColor: '#7C3AED'}, - 'border-r-purple-700': {borderRightColor: '#6D28D9'}, - 'border-r-purple-800': {borderRightColor: '#5B21B6'}, - 'border-r-purple-900': {borderRightColor: '#4C1D95'}, - 'border-r-purple-950': {borderRightColor: '#2E1065'}, - 'border-r-red-50': {borderRightColor: '#FEF2F2'}, - 'border-r-red-100': {borderRightColor: '#FEE2E2'}, - 'border-r-red-200': {borderRightColor: '#FECACA'}, - 'border-r-red-300': {borderRightColor: '#FCA5A5'}, - 'border-r-red-400': {borderRightColor: '#F87171'}, - 'border-r-red-500': {borderRightColor: '#EF4444'}, - 'border-r-red-600': {borderRightColor: '#DC2626'}, - 'border-r-red-700': {borderRightColor: '#B91C1C'}, - 'border-r-red-800': {borderRightColor: '#991B1B'}, - 'border-r-red-900': {borderRightColor: '#7F1D1D'}, - 'border-r-red-950': {borderRightColor: '#450A0A'}, - 'border-r-rose-50': {borderRightColor: '#FFF1F2'}, - 'border-r-rose-100': {borderRightColor: '#FFE4E6'}, - 'border-r-rose-200': {borderRightColor: '#FECDD3'}, - 'border-r-rose-300': {borderRightColor: '#FDA4AF'}, - 'border-r-rose-400': {borderRightColor: '#FB7185'}, - 'border-r-rose-500': {borderRightColor: '#F43F5E'}, - 'border-r-rose-600': {borderRightColor: '#E11D48'}, - 'border-r-rose-700': {borderRightColor: '#BE123C'}, - 'border-r-rose-800': {borderRightColor: '#9F1239'}, - 'border-r-rose-900': {borderRightColor: '#881337'}, - 'border-r-rose-950': {borderRightColor: '#4C0D19'}, - 'border-r-sky-50': {borderRightColor: '#F0F9FF'}, - 'border-r-sky-100': {borderRightColor: '#E0F2FE'}, - 'border-r-sky-200': {borderRightColor: '#BAE6FD'}, - 'border-r-sky-300': {borderRightColor: '#7DD3FC'}, - 'border-r-sky-400': {borderRightColor: '#38BDF8'}, - 'border-r-sky-500': {borderRightColor: '#0EA5E9'}, - 'border-r-sky-600': {borderRightColor: '#0284C7'}, - 'border-r-sky-700': {borderRightColor: '#0369A1'}, - 'border-r-sky-800': {borderRightColor: '#075985'}, - 'border-r-sky-900': {borderRightColor: '#0C4A6E'}, - 'border-r-sky-950': {borderRightColor: '#082F49'}, - 'border-r-slate-50': {borderRightColor: '#F8FAFC'}, - 'border-r-slate-100': {borderRightColor: '#F1F5F9'}, - 'border-r-slate-200': {borderRightColor: '#E2E8F0'}, - 'border-r-slate-300': {borderRightColor: '#CBD5E1'}, - 'border-r-slate-400': {borderRightColor: '#94A3B8'}, - 'border-r-slate-500': {borderRightColor: '#64748B'}, - 'border-r-slate-600': {borderRightColor: '#475569'}, - 'border-r-slate-700': {borderRightColor: '#334155'}, - 'border-r-slate-800': {borderRightColor: '#1E293B'}, - 'border-r-slate-900': {borderRightColor: '#0F172A'}, - 'border-r-slate-950': {borderRightColor: '#020617'}, - 'border-r-stone-50': {borderRightColor: '#FAFAF9'}, - 'border-r-stone-100': {borderRightColor: '#F5F5F4'}, - 'border-r-stone-200': {borderRightColor: '#E7E5E4'}, - 'border-r-stone-300': {borderRightColor: '#D6D3D1'}, - 'border-r-stone-400': {borderRightColor: '#A8A29E'}, - 'border-r-stone-500': {borderRightColor: '#78716C'}, - 'border-r-stone-600': {borderRightColor: '#57534E'}, - 'border-r-stone-700': {borderRightColor: '#44403C'}, - 'border-r-stone-800': {borderRightColor: '#292524'}, - 'border-r-stone-900': {borderRightColor: '#1C1917'}, - 'border-r-stone-950': {borderRightColor: '#0F0E0D'}, - 'border-r-teal-50': {borderRightColor: '#F0FDFA'}, - 'border-r-teal-100': {borderRightColor: '#CCFBF1'}, - 'border-r-teal-200': {borderRightColor: '#99F6E4'}, - 'border-r-teal-300': {borderRightColor: '#5EEAD4'}, - 'border-r-teal-400': {borderRightColor: '#2DD4BF'}, - 'border-r-teal-500': {borderRightColor: '#14B8A6'}, - 'border-r-teal-600': {borderRightColor: '#0D9488'}, - 'border-r-teal-700': {borderRightColor: '#0F766E'}, - 'border-r-teal-800': {borderRightColor: '#115E59'}, - 'border-r-teal-900': {borderRightColor: '#134E4A'}, - 'border-r-teal-950': {borderRightColor: '#042F2E'}, - 'border-r-violet-50': {borderRightColor: '#F5F3FF'}, - 'border-r-violet-100': {borderRightColor: '#EDE9FE'}, - 'border-r-violet-200': {borderRightColor: '#DDD6FE'}, - 'border-r-violet-300': {borderRightColor: '#C4B5FD'}, - 'border-r-violet-400': {borderRightColor: '#A78BFA'}, - 'border-r-violet-500': {borderRightColor: '#8B5CF6'}, - 'border-r-violet-600': {borderRightColor: '#7C3AED'}, - 'border-r-violet-700': {borderRightColor: '#6D28D9'}, - 'border-r-violet-800': {borderRightColor: '#5B21B6'}, - 'border-r-violet-900': {borderRightColor: '#4C1D95'}, - 'border-r-violet-950': {borderRightColor: '#2E1065'}, - 'border-r-yellow-50': {borderRightColor: '#FEFCE8'}, - 'border-r-yellow-100': {borderRightColor: '#FEF9C3'}, - 'border-r-yellow-200': {borderRightColor: '#FEF08A'}, - 'border-r-yellow-300': {borderRightColor: '#FDE047'}, - 'border-r-yellow-400': {borderRightColor: '#FACC15'}, - 'border-r-yellow-500': {borderRightColor: '#EAB308'}, - 'border-r-yellow-600': {borderRightColor: '#CA8A04'}, - 'border-r-yellow-700': {borderRightColor: '#A16207'}, - 'border-r-yellow-800': {borderRightColor: '#854D0E'}, - 'border-r-yellow-900': {borderRightColor: '#713F12'}, - 'border-r-yellow-950': {borderRightColor: '#422006'}, - 'border-r-zinc-50': {borderRightColor: '#FAFAFA'}, - 'border-r-zinc-100': {borderRightColor: '#F4F4F5'}, - 'border-r-zinc-200': {borderRightColor: '#E4E4E7'}, - 'border-r-zinc-300': {borderRightColor: '#D4D4D8'}, - 'border-r-zinc-400': {borderRightColor: '#A1A1AA'}, - 'border-r-zinc-500': {borderRightColor: '#71717A'}, - 'border-r-zinc-600': {borderRightColor: '#52525B'}, - 'border-r-zinc-700': {borderRightColor: '#3F3F46'}, - 'border-r-zinc-800': {borderRightColor: '#27272A'}, - 'border-r-zinc-900': {borderRightColor: '#18181B'}, - 'border-r-zinc-950': {borderRightColor: '#09090B'}, - 'border-t-black': {borderTopColor: '#000000'}, - 'border-t-white': {borderTopColor: '#ffffff'}, - 'border-t-transparent': {borderTopColor: 'transparent'}, - 'border-t-amber-50': {borderTopColor: '#FFFBEB'}, - 'border-t-amber-100': {borderTopColor: '#FEF3C7'}, - 'border-t-amber-200': {borderTopColor: '#FDE68A'}, - 'border-t-amber-300': {borderTopColor: '#FCD34D'}, - 'border-t-amber-400': {borderTopColor: '#FBBF24'}, - 'border-t-amber-500': {borderTopColor: '#F59E0B'}, - 'border-t-amber-600': {borderTopColor: '#D97706'}, - 'border-t-amber-700': {borderTopColor: '#B45309'}, - 'border-t-amber-800': {borderTopColor: '#92400E'}, - 'border-t-amber-900': {borderTopColor: '#78350F'}, - 'border-t-amber-950': {borderTopColor: '#451A03'}, - 'border-t-blue-50': {borderTopColor: '#EFF6FF'}, - 'border-t-blue-100': {borderTopColor: '#DBEAFE'}, - 'border-t-blue-200': {borderTopColor: '#BFDBFE'}, - 'border-t-blue-300': {borderTopColor: '#93C5FD'}, - 'border-t-blue-400': {borderTopColor: '#60A5FA'}, - 'border-t-blue-500': {borderTopColor: '#3B82F6'}, - 'border-t-blue-600': {borderTopColor: '#2563EB'}, - 'border-t-blue-700': {borderTopColor: '#1D4ED8'}, - 'border-t-blue-800': {borderTopColor: '#1E40AF'}, - 'border-t-blue-900': {borderTopColor: '#1E3A8A'}, - 'border-t-blue-950': {borderTopColor: '#172554'}, - 'border-t-cyan-50': {borderTopColor: '#ECFEFF'}, - 'border-t-cyan-100': {borderTopColor: '#CFFAFE'}, - 'border-t-cyan-200': {borderTopColor: '#A5F3FC'}, - 'border-t-cyan-300': {borderTopColor: '#67E8F9'}, - 'border-t-cyan-400': {borderTopColor: '#22D3EE'}, - 'border-t-cyan-500': {borderTopColor: '#06B6D4'}, - 'border-t-cyan-600': {borderTopColor: '#0891B2'}, - 'border-t-cyan-700': {borderTopColor: '#0E7490'}, - 'border-t-cyan-800': {borderTopColor: '#155E75'}, - 'border-t-cyan-900': {borderTopColor: '#164E63'}, - 'border-t-cyan-950': {borderTopColor: '#083344'}, - 'border-t-emerald-50': {borderTopColor: '#ECFDF5'}, - 'border-t-emerald-100': {borderTopColor: '#D1FAE5'}, - 'border-t-emerald-200': {borderTopColor: '#A7F3D0'}, - 'border-t-emerald-300': {borderTopColor: '#6EE7B7'}, - 'border-t-emerald-400': {borderTopColor: '#34D399'}, - 'border-t-emerald-500': {borderTopColor: '#10B981'}, - 'border-t-emerald-600': {borderTopColor: '#059669'}, - 'border-t-emerald-700': {borderTopColor: '#047857'}, - 'border-t-emerald-800': {borderTopColor: '#065F46'}, - 'border-t-emerald-900': {borderTopColor: '#064E3B'}, - 'border-t-emerald-950': {borderTopColor: '#022C22'}, - 'border-t-fuchsia-50': {borderTopColor: '#FDF4FF'}, - 'border-t-fuchsia-100': {borderTopColor: '#FAE8FF'}, - 'border-t-fuchsia-200': {borderTopColor: '#F5D0FE'}, - 'border-t-fuchsia-300': {borderTopColor: '#F0ABFC'}, - 'border-t-fuchsia-400': {borderTopColor: '#E879F9'}, - 'border-t-fuchsia-500': {borderTopColor: '#D946EF'}, - 'border-t-fuchsia-600': {borderTopColor: '#C026D3'}, - 'border-t-fuchsia-700': {borderTopColor: '#A21CAF'}, - 'border-t-fuchsia-800': {borderTopColor: '#86198F'}, - 'border-t-fuchsia-900': {borderTopColor: '#701A75'}, - 'border-t-fuchsia-950': {borderTopColor: '#4A044E'}, - 'border-t-gray-50': {borderTopColor: '#F9FAFB'}, - 'border-t-gray-100': {borderTopColor: '#F3F4F6'}, - 'border-t-gray-200': {borderTopColor: '#E5E7EB'}, - 'border-t-gray-300': {borderTopColor: '#D1D5DB'}, - 'border-t-gray-400': {borderTopColor: '#9CA3AF'}, - 'border-t-gray-500': {borderTopColor: '#6B7280'}, - 'border-t-gray-600': {borderTopColor: '#4B5563'}, - 'border-t-gray-700': {borderTopColor: '#374151'}, - 'border-t-gray-800': {borderTopColor: '#1F2937'}, - 'border-t-gray-900': {borderTopColor: '#111827'}, - 'border-t-gray-950': {borderTopColor: '#030712'}, - 'border-t-green-50': {borderTopColor: '#F0FDF4'}, - 'border-t-green-100': {borderTopColor: '#DCFCE7'}, - 'border-t-green-200': {borderTopColor: '#BBF7D0'}, - 'border-t-green-300': {borderTopColor: '#86EFAC'}, - 'border-t-green-400': {borderTopColor: '#4ADE80'}, - 'border-t-green-500': {borderTopColor: '#22C55E'}, - 'border-t-green-600': {borderTopColor: '#16A34A'}, - 'border-t-green-700': {borderTopColor: '#15803D'}, - 'border-t-green-800': {borderTopColor: '#166534'}, - 'border-t-green-900': {borderTopColor: '#14532D'}, - 'border-t-green-950': {borderTopColor: '#052E16'}, - 'border-t-indigo-50': {borderTopColor: '#E7E8FF'}, - 'border-t-indigo-100': {borderTopColor: '#D6DAFF'}, - 'border-t-indigo-200': {borderTopColor: '#B5B6FC'}, - 'border-t-indigo-300': {borderTopColor: '#9394F8'}, - 'border-t-indigo-400': {borderTopColor: '#7A7DFE'}, - 'border-t-indigo-500': {borderTopColor: '#6366F1'}, - 'border-t-indigo-600': {borderTopColor: '#4F46E5'}, - 'border-t-indigo-700': {borderTopColor: '#4338CA'}, - 'border-t-indigo-800': {borderTopColor: '#3730A3'}, - 'border-t-indigo-900': {borderTopColor: '#312E81'}, - 'border-t-indigo-950': {borderTopColor: '#241E55'}, - 'border-t-lime-50': {borderTopColor: '#F7FEE7'}, - 'border-t-lime-100': {borderTopColor: '#ECFCCB'}, - 'border-t-lime-200': {borderTopColor: '#D9F99D'}, - 'border-t-lime-300': {borderTopColor: '#BEF264'}, - 'border-t-lime-400': {borderTopColor: '#A3E635'}, - 'border-t-lime-500': {borderTopColor: '#84CC16'}, - 'border-t-lime-600': {borderTopColor: '#65A30D'}, - 'border-t-lime-700': {borderTopColor: '#4D7C0F'}, - 'border-t-lime-800': {borderTopColor: '#3F6212'}, - 'border-t-lime-900': {borderTopColor: '#365314'}, - 'border-t-lime-950': {borderTopColor: '#1A2E05'}, - 'border-t-neutral-50': {borderTopColor: '#FAFAFA'}, - 'border-t-neutral-100': {borderTopColor: '#F5F5F5'}, - 'border-t-neutral-200': {borderTopColor: '#E5E5E5'}, - 'border-t-neutral-300': {borderTopColor: '#D4D4D4'}, - 'border-t-neutral-400': {borderTopColor: '#A3A3A3'}, - 'border-t-neutral-500': {borderTopColor: '#737373'}, - 'border-t-neutral-600': {borderTopColor: '#525252'}, - 'border-t-neutral-700': {borderTopColor: '#404040'}, - 'border-t-neutral-800': {borderTopColor: '#262626'}, - 'border-t-neutral-900': {borderTopColor: '#171717'}, - 'border-t-neutral-950': {borderTopColor: '#0A0A0A'}, - 'border-t-orange-50': {borderTopColor: '#FFF7ED'}, - 'border-t-orange-100': {borderTopColor: '#FFEDD5'}, - 'border-t-orange-200': {borderTopColor: '#FED7AA'}, - 'border-t-orange-300': {borderTopColor: '#FDBA74'}, - 'border-t-orange-400': {borderTopColor: '#FB923C'}, - 'border-t-orange-500': {borderTopColor: '#F97316'}, - 'border-t-orange-600': {borderTopColor: '#EA580C'}, - 'border-t-orange-700': {borderTopColor: '#C2410C'}, - 'border-t-orange-800': {borderTopColor: '#9A3412'}, - 'border-t-orange-900': {borderTopColor: '#7C2D12'}, - 'border-t-orange-950': {borderTopColor: '#431407'}, - 'border-t-pink-50': {borderTopColor: '#FEE2E2'}, - 'border-t-pink-100': {borderTopColor: '#FBD9D9'}, - 'border-t-pink-200': {borderTopColor: '#F9B5B5'}, - 'border-t-pink-300': {borderTopColor: '#F69292'}, - 'border-t-pink-400': {borderTopColor: '#F472B6'}, - 'border-t-pink-500': {borderTopColor: '#EC4899'}, - 'border-t-pink-600': {borderTopColor: '#DB2777'}, - 'border-t-pink-700': {borderTopColor: '#BE185D'}, - 'border-t-pink-800': {borderTopColor: '#9D174D'}, - 'border-t-pink-900': {borderTopColor: '#831843'}, - 'border-t-pink-950': {borderTopColor: '#500724'}, - 'border-t-purple-50': {borderTopColor: '#F5F3FF'}, - 'border-t-purple-100': {borderTopColor: '#EDE9FE'}, - 'border-t-purple-200': {borderTopColor: '#DDD6FE'}, - 'border-t-purple-300': {borderTopColor: '#C4B5FD'}, - 'border-t-purple-400': {borderTopColor: '#A78BFA'}, - 'border-t-purple-500': {borderTopColor: '#8B5CF6'}, - 'border-t-purple-600': {borderTopColor: '#7C3AED'}, - 'border-t-purple-700': {borderTopColor: '#6D28D9'}, - 'border-t-purple-800': {borderTopColor: '#5B21B6'}, - 'border-t-purple-900': {borderTopColor: '#4C1D95'}, - 'border-t-purple-950': {borderTopColor: '#2E1065'}, - 'border-t-red-50': {borderTopColor: '#FEF2F2'}, - 'border-t-red-100': {borderTopColor: '#FEE2E2'}, - 'border-t-red-200': {borderTopColor: '#FECACA'}, - 'border-t-red-300': {borderTopColor: '#FCA5A5'}, - 'border-t-red-400': {borderTopColor: '#F87171'}, - 'border-t-red-500': {borderTopColor: '#EF4444'}, - 'border-t-red-600': {borderTopColor: '#DC2626'}, - 'border-t-red-700': {borderTopColor: '#B91C1C'}, - 'border-t-red-800': {borderTopColor: '#991B1B'}, - 'border-t-red-900': {borderTopColor: '#7F1D1D'}, - 'border-t-red-950': {borderTopColor: '#450A0A'}, - 'border-t-rose-50': {borderTopColor: '#FFF1F2'}, - 'border-t-rose-100': {borderTopColor: '#FFE4E6'}, - 'border-t-rose-200': {borderTopColor: '#FECDD3'}, - 'border-t-rose-300': {borderTopColor: '#FDA4AF'}, - 'border-t-rose-400': {borderTopColor: '#FB7185'}, - 'border-t-rose-500': {borderTopColor: '#F43F5E'}, - 'border-t-rose-600': {borderTopColor: '#E11D48'}, - 'border-t-rose-700': {borderTopColor: '#BE123C'}, - 'border-t-rose-800': {borderTopColor: '#9F1239'}, - 'border-t-rose-900': {borderTopColor: '#881337'}, - 'border-t-rose-950': {borderTopColor: '#4C0D19'}, - 'border-t-sky-50': {borderTopColor: '#F0F9FF'}, - 'border-t-sky-100': {borderTopColor: '#E0F2FE'}, - 'border-t-sky-200': {borderTopColor: '#BAE6FD'}, - 'border-t-sky-300': {borderTopColor: '#7DD3FC'}, - 'border-t-sky-400': {borderTopColor: '#38BDF8'}, - 'border-t-sky-500': {borderTopColor: '#0EA5E9'}, - 'border-t-sky-600': {borderTopColor: '#0284C7'}, - 'border-t-sky-700': {borderTopColor: '#0369A1'}, - 'border-t-sky-800': {borderTopColor: '#075985'}, - 'border-t-sky-900': {borderTopColor: '#0C4A6E'}, - 'border-t-sky-950': {borderTopColor: '#082F49'}, - 'border-t-slate-50': {borderTopColor: '#F8FAFC'}, - 'border-t-slate-100': {borderTopColor: '#F1F5F9'}, - 'border-t-slate-200': {borderTopColor: '#E2E8F0'}, - 'border-t-slate-300': {borderTopColor: '#CBD5E1'}, - 'border-t-slate-400': {borderTopColor: '#94A3B8'}, - 'border-t-slate-500': {borderTopColor: '#64748B'}, - 'border-t-slate-600': {borderTopColor: '#475569'}, - 'border-t-slate-700': {borderTopColor: '#334155'}, - 'border-t-slate-800': {borderTopColor: '#1E293B'}, - 'border-t-slate-900': {borderTopColor: '#0F172A'}, - 'border-t-slate-950': {borderTopColor: '#020617'}, - 'border-t-stone-50': {borderTopColor: '#FAFAF9'}, - 'border-t-stone-100': {borderTopColor: '#F5F5F4'}, - 'border-t-stone-200': {borderTopColor: '#E7E5E4'}, - 'border-t-stone-300': {borderTopColor: '#D6D3D1'}, - 'border-t-stone-400': {borderTopColor: '#A8A29E'}, - 'border-t-stone-500': {borderTopColor: '#78716C'}, - 'border-t-stone-600': {borderTopColor: '#57534E'}, - 'border-t-stone-700': {borderTopColor: '#44403C'}, - 'border-t-stone-800': {borderTopColor: '#292524'}, - 'border-t-stone-900': {borderTopColor: '#1C1917'}, - 'border-t-stone-950': {borderTopColor: '#0F0E0D'}, - 'border-t-teal-50': {borderTopColor: '#F0FDFA'}, - 'border-t-teal-100': {borderTopColor: '#CCFBF1'}, - 'border-t-teal-200': {borderTopColor: '#99F6E4'}, - 'border-t-teal-300': {borderTopColor: '#5EEAD4'}, - 'border-t-teal-400': {borderTopColor: '#2DD4BF'}, - 'border-t-teal-500': {borderTopColor: '#14B8A6'}, - 'border-t-teal-600': {borderTopColor: '#0D9488'}, - 'border-t-teal-700': {borderTopColor: '#0F766E'}, - 'border-t-teal-800': {borderTopColor: '#115E59'}, - 'border-t-teal-900': {borderTopColor: '#134E4A'}, - 'border-t-teal-950': {borderTopColor: '#042F2E'}, - 'border-t-violet-50': {borderTopColor: '#F5F3FF'}, - 'border-t-violet-100': {borderTopColor: '#EDE9FE'}, - 'border-t-violet-200': {borderTopColor: '#DDD6FE'}, - 'border-t-violet-300': {borderTopColor: '#C4B5FD'}, - 'border-t-violet-400': {borderTopColor: '#A78BFA'}, - 'border-t-violet-500': {borderTopColor: '#8B5CF6'}, - 'border-t-violet-600': {borderTopColor: '#7C3AED'}, - 'border-t-violet-700': {borderTopColor: '#6D28D9'}, - 'border-t-violet-800': {borderTopColor: '#5B21B6'}, - 'border-t-violet-900': {borderTopColor: '#4C1D95'}, - 'border-t-violet-950': {borderTopColor: '#2E1065'}, - 'border-t-yellow-50': {borderTopColor: '#FEFCE8'}, - 'border-t-yellow-100': {borderTopColor: '#FEF9C3'}, - 'border-t-yellow-200': {borderTopColor: '#FEF08A'}, - 'border-t-yellow-300': {borderTopColor: '#FDE047'}, - 'border-t-yellow-400': {borderTopColor: '#FACC15'}, - 'border-t-yellow-500': {borderTopColor: '#EAB308'}, - 'border-t-yellow-600': {borderTopColor: '#CA8A04'}, - 'border-t-yellow-700': {borderTopColor: '#A16207'}, - 'border-t-yellow-800': {borderTopColor: '#854D0E'}, - 'border-t-yellow-900': {borderTopColor: '#713F12'}, - 'border-t-yellow-950': {borderTopColor: '#422006'}, - 'border-t-zinc-50': {borderTopColor: '#FAFAFA'}, - 'border-t-zinc-100': {borderTopColor: '#F4F4F5'}, - 'border-t-zinc-200': {borderTopColor: '#E4E4E7'}, - 'border-t-zinc-300': {borderTopColor: '#D4D4D8'}, - 'border-t-zinc-400': {borderTopColor: '#A1A1AA'}, - 'border-t-zinc-500': {borderTopColor: '#71717A'}, - 'border-t-zinc-600': {borderTopColor: '#52525B'}, - 'border-t-zinc-700': {borderTopColor: '#3F3F46'}, - 'border-t-zinc-800': {borderTopColor: '#27272A'}, - 'border-t-zinc-900': {borderTopColor: '#18181B'}, - 'border-t-zinc-950': {borderTopColor: '#09090B'}, - 'border-b-black': {borderBottomColor: '#000000'}, - 'border-b-white': {borderBottomColor: '#ffffff'}, - 'border-b-transparent': {borderBottomColor: 'transparent'}, - 'border-b-amber-50': {borderBottomColor: '#FFFBEB'}, - 'border-b-amber-100': {borderBottomColor: '#FEF3C7'}, - 'border-b-amber-200': {borderBottomColor: '#FDE68A'}, - 'border-b-amber-300': {borderBottomColor: '#FCD34D'}, - 'border-b-amber-400': {borderBottomColor: '#FBBF24'}, - 'border-b-amber-500': {borderBottomColor: '#F59E0B'}, - 'border-b-amber-600': {borderBottomColor: '#D97706'}, - 'border-b-amber-700': {borderBottomColor: '#B45309'}, - 'border-b-amber-800': {borderBottomColor: '#92400E'}, - 'border-b-amber-900': {borderBottomColor: '#78350F'}, - 'border-b-amber-950': {borderBottomColor: '#451A03'}, - 'border-b-blue-50': {borderBottomColor: '#EFF6FF'}, - 'border-b-blue-100': {borderBottomColor: '#DBEAFE'}, - 'border-b-blue-200': {borderBottomColor: '#BFDBFE'}, - 'border-b-blue-300': {borderBottomColor: '#93C5FD'}, - 'border-b-blue-400': {borderBottomColor: '#60A5FA'}, - 'border-b-blue-500': {borderBottomColor: '#3B82F6'}, - 'border-b-blue-600': {borderBottomColor: '#2563EB'}, - 'border-b-blue-700': {borderBottomColor: '#1D4ED8'}, - 'border-b-blue-800': {borderBottomColor: '#1E40AF'}, - 'border-b-blue-900': {borderBottomColor: '#1E3A8A'}, - 'border-b-blue-950': {borderBottomColor: '#172554'}, - 'border-b-cyan-50': {borderBottomColor: '#ECFEFF'}, - 'border-b-cyan-100': {borderBottomColor: '#CFFAFE'}, - 'border-b-cyan-200': {borderBottomColor: '#A5F3FC'}, - 'border-b-cyan-300': {borderBottomColor: '#67E8F9'}, - 'border-b-cyan-400': {borderBottomColor: '#22D3EE'}, - 'border-b-cyan-500': {borderBottomColor: '#06B6D4'}, - 'border-b-cyan-600': {borderBottomColor: '#0891B2'}, - 'border-b-cyan-700': {borderBottomColor: '#0E7490'}, - 'border-b-cyan-800': {borderBottomColor: '#155E75'}, - 'border-b-cyan-900': {borderBottomColor: '#164E63'}, - 'border-b-cyan-950': {borderBottomColor: '#083344'}, - 'border-b-emerald-50': {borderBottomColor: '#ECFDF5'}, - 'border-b-emerald-100': {borderBottomColor: '#D1FAE5'}, - 'border-b-emerald-200': {borderBottomColor: '#A7F3D0'}, - 'border-b-emerald-300': {borderBottomColor: '#6EE7B7'}, - 'border-b-emerald-400': {borderBottomColor: '#34D399'}, - 'border-b-emerald-500': {borderBottomColor: '#10B981'}, - 'border-b-emerald-600': {borderBottomColor: '#059669'}, - 'border-b-emerald-700': {borderBottomColor: '#047857'}, - 'border-b-emerald-800': {borderBottomColor: '#065F46'}, - 'border-b-emerald-900': {borderBottomColor: '#064E3B'}, - 'border-b-emerald-950': {borderBottomColor: '#022C22'}, - 'border-b-fuchsia-50': {borderBottomColor: '#FDF4FF'}, - 'border-b-fuchsia-100': {borderBottomColor: '#FAE8FF'}, - 'border-b-fuchsia-200': {borderBottomColor: '#F5D0FE'}, - 'border-b-fuchsia-300': {borderBottomColor: '#F0ABFC'}, - 'border-b-fuchsia-400': {borderBottomColor: '#E879F9'}, - 'border-b-fuchsia-500': {borderBottomColor: '#D946EF'}, - 'border-b-fuchsia-600': {borderBottomColor: '#C026D3'}, - 'border-b-fuchsia-700': {borderBottomColor: '#A21CAF'}, - 'border-b-fuchsia-800': {borderBottomColor: '#86198F'}, - 'border-b-fuchsia-900': {borderBottomColor: '#701A75'}, - 'border-b-fuchsia-950': {borderBottomColor: '#4A044E'}, - 'border-b-gray-50': {borderBottomColor: '#F9FAFB'}, - 'border-b-gray-100': {borderBottomColor: '#F3F4F6'}, - 'border-b-gray-200': {borderBottomColor: '#E5E7EB'}, - 'border-b-gray-300': {borderBottomColor: '#D1D5DB'}, - 'border-b-gray-400': {borderBottomColor: '#9CA3AF'}, - 'border-b-gray-500': {borderBottomColor: '#6B7280'}, - 'border-b-gray-600': {borderBottomColor: '#4B5563'}, - 'border-b-gray-700': {borderBottomColor: '#374151'}, - 'border-b-gray-800': {borderBottomColor: '#1F2937'}, - 'border-b-gray-900': {borderBottomColor: '#111827'}, - 'border-b-gray-950': {borderBottomColor: '#030712'}, - 'border-b-green-50': {borderBottomColor: '#F0FDF4'}, - 'border-b-green-100': {borderBottomColor: '#DCFCE7'}, - 'border-b-green-200': {borderBottomColor: '#BBF7D0'}, - 'border-b-green-300': {borderBottomColor: '#86EFAC'}, - 'border-b-green-400': {borderBottomColor: '#4ADE80'}, - 'border-b-green-500': {borderBottomColor: '#22C55E'}, - 'border-b-green-600': {borderBottomColor: '#16A34A'}, - 'border-b-green-700': {borderBottomColor: '#15803D'}, - 'border-b-green-800': {borderBottomColor: '#166534'}, - 'border-b-green-900': {borderBottomColor: '#14532D'}, - 'border-b-green-950': {borderBottomColor: '#052E16'}, - 'border-b-indigo-50': {borderBottomColor: '#E7E8FF'}, - 'border-b-indigo-100': {borderBottomColor: '#D6DAFF'}, - 'border-b-indigo-200': {borderBottomColor: '#B5B6FC'}, - 'border-b-indigo-300': {borderBottomColor: '#9394F8'}, - 'border-b-indigo-400': {borderBottomColor: '#7A7DFE'}, - 'border-b-indigo-500': {borderBottomColor: '#6366F1'}, - 'border-b-indigo-600': {borderBottomColor: '#4F46E5'}, - 'border-b-indigo-700': {borderBottomColor: '#4338CA'}, - 'border-b-indigo-800': {borderBottomColor: '#3730A3'}, - 'border-b-indigo-900': {borderBottomColor: '#312E81'}, - 'border-b-indigo-950': {borderBottomColor: '#241E55'}, - 'border-b-lime-50': {borderBottomColor: '#F7FEE7'}, - 'border-b-lime-100': {borderBottomColor: '#ECFCCB'}, - 'border-b-lime-200': {borderBottomColor: '#D9F99D'}, - 'border-b-lime-300': {borderBottomColor: '#BEF264'}, - 'border-b-lime-400': {borderBottomColor: '#A3E635'}, - 'border-b-lime-500': {borderBottomColor: '#84CC16'}, - 'border-b-lime-600': {borderBottomColor: '#65A30D'}, - 'border-b-lime-700': {borderBottomColor: '#4D7C0F'}, - 'border-b-lime-800': {borderBottomColor: '#3F6212'}, - 'border-b-lime-900': {borderBottomColor: '#365314'}, - 'border-b-lime-950': {borderBottomColor: '#1A2E05'}, - 'border-b-neutral-50': {borderBottomColor: '#FAFAFA'}, - 'border-b-neutral-100': {borderBottomColor: '#F5F5F5'}, - 'border-b-neutral-200': {borderBottomColor: '#E5E5E5'}, - 'border-b-neutral-300': {borderBottomColor: '#D4D4D4'}, - 'border-b-neutral-400': {borderBottomColor: '#A3A3A3'}, - 'border-b-neutral-500': {borderBottomColor: '#737373'}, - 'border-b-neutral-600': {borderBottomColor: '#525252'}, - 'border-b-neutral-700': {borderBottomColor: '#404040'}, - 'border-b-neutral-800': {borderBottomColor: '#262626'}, - 'border-b-neutral-900': {borderBottomColor: '#171717'}, - 'border-b-neutral-950': {borderBottomColor: '#0A0A0A'}, - 'border-b-orange-50': {borderBottomColor: '#FFF7ED'}, - 'border-b-orange-100': {borderBottomColor: '#FFEDD5'}, - 'border-b-orange-200': {borderBottomColor: '#FED7AA'}, - 'border-b-orange-300': {borderBottomColor: '#FDBA74'}, - 'border-b-orange-400': {borderBottomColor: '#FB923C'}, - 'border-b-orange-500': {borderBottomColor: '#F97316'}, - 'border-b-orange-600': {borderBottomColor: '#EA580C'}, - 'border-b-orange-700': {borderBottomColor: '#C2410C'}, - 'border-b-orange-800': {borderBottomColor: '#9A3412'}, - 'border-b-orange-900': {borderBottomColor: '#7C2D12'}, - 'border-b-orange-950': {borderBottomColor: '#431407'}, - 'border-b-pink-50': {borderBottomColor: '#FEE2E2'}, - 'border-b-pink-100': {borderBottomColor: '#FBD9D9'}, - 'border-b-pink-200': {borderBottomColor: '#F9B5B5'}, - 'border-b-pink-300': {borderBottomColor: '#F69292'}, - 'border-b-pink-400': {borderBottomColor: '#F472B6'}, - 'border-b-pink-500': {borderBottomColor: '#EC4899'}, - 'border-b-pink-600': {borderBottomColor: '#DB2777'}, - 'border-b-pink-700': {borderBottomColor: '#BE185D'}, - 'border-b-pink-800': {borderBottomColor: '#9D174D'}, - 'border-b-pink-900': {borderBottomColor: '#831843'}, - 'border-b-pink-950': {borderBottomColor: '#500724'}, - 'border-b-purple-50': {borderBottomColor: '#F5F3FF'}, - 'border-b-purple-100': {borderBottomColor: '#EDE9FE'}, - 'border-b-purple-200': {borderBottomColor: '#DDD6FE'}, - 'border-b-purple-300': {borderBottomColor: '#C4B5FD'}, - 'border-b-purple-400': {borderBottomColor: '#A78BFA'}, - 'border-b-purple-500': {borderBottomColor: '#8B5CF6'}, - 'border-b-purple-600': {borderBottomColor: '#7C3AED'}, - 'border-b-purple-700': {borderBottomColor: '#6D28D9'}, - 'border-b-purple-800': {borderBottomColor: '#5B21B6'}, - 'border-b-purple-900': {borderBottomColor: '#4C1D95'}, - 'border-b-purple-950': {borderBottomColor: '#2E1065'}, - 'border-b-red-50': {borderBottomColor: '#FEF2F2'}, - 'border-b-red-100': {borderBottomColor: '#FEE2E2'}, - 'border-b-red-200': {borderBottomColor: '#FECACA'}, - 'border-b-red-300': {borderBottomColor: '#FCA5A5'}, - 'border-b-red-400': {borderBottomColor: '#F87171'}, - 'border-b-red-500': {borderBottomColor: '#EF4444'}, - 'border-b-red-600': {borderBottomColor: '#DC2626'}, - 'border-b-red-700': {borderBottomColor: '#B91C1C'}, - 'border-b-red-800': {borderBottomColor: '#991B1B'}, - 'border-b-red-900': {borderBottomColor: '#7F1D1D'}, - 'border-b-red-950': {borderBottomColor: '#450A0A'}, - 'border-b-rose-50': {borderBottomColor: '#FFF1F2'}, - 'border-b-rose-100': {borderBottomColor: '#FFE4E6'}, - 'border-b-rose-200': {borderBottomColor: '#FECDD3'}, - 'border-b-rose-300': {borderBottomColor: '#FDA4AF'}, - 'border-b-rose-400': {borderBottomColor: '#FB7185'}, - 'border-b-rose-500': {borderBottomColor: '#F43F5E'}, - 'border-b-rose-600': {borderBottomColor: '#E11D48'}, - 'border-b-rose-700': {borderBottomColor: '#BE123C'}, - 'border-b-rose-800': {borderBottomColor: '#9F1239'}, - 'border-b-rose-900': {borderBottomColor: '#881337'}, - 'border-b-rose-950': {borderBottomColor: '#4C0D19'}, - 'border-b-sky-50': {borderBottomColor: '#F0F9FF'}, - 'border-b-sky-100': {borderBottomColor: '#E0F2FE'}, - 'border-b-sky-200': {borderBottomColor: '#BAE6FD'}, - 'border-b-sky-300': {borderBottomColor: '#7DD3FC'}, - 'border-b-sky-400': {borderBottomColor: '#38BDF8'}, - 'border-b-sky-500': {borderBottomColor: '#0EA5E9'}, - 'border-b-sky-600': {borderBottomColor: '#0284C7'}, - 'border-b-sky-700': {borderBottomColor: '#0369A1'}, - 'border-b-sky-800': {borderBottomColor: '#075985'}, - 'border-b-sky-900': {borderBottomColor: '#0C4A6E'}, - 'border-b-sky-950': {borderBottomColor: '#082F49'}, - 'border-b-slate-50': {borderBottomColor: '#F8FAFC'}, - 'border-b-slate-100': {borderBottomColor: '#F1F5F9'}, - 'border-b-slate-200': {borderBottomColor: '#E2E8F0'}, - 'border-b-slate-300': {borderBottomColor: '#CBD5E1'}, - 'border-b-slate-400': {borderBottomColor: '#94A3B8'}, - 'border-b-slate-500': {borderBottomColor: '#64748B'}, - 'border-b-slate-600': {borderBottomColor: '#475569'}, - 'border-b-slate-700': {borderBottomColor: '#334155'}, - 'border-b-slate-800': {borderBottomColor: '#1E293B'}, - 'border-b-slate-900': {borderBottomColor: '#0F172A'}, - 'border-b-slate-950': {borderBottomColor: '#020617'}, - 'border-b-stone-50': {borderBottomColor: '#FAFAF9'}, - 'border-b-stone-100': {borderBottomColor: '#F5F5F4'}, - 'border-b-stone-200': {borderBottomColor: '#E7E5E4'}, - 'border-b-stone-300': {borderBottomColor: '#D6D3D1'}, - 'border-b-stone-400': {borderBottomColor: '#A8A29E'}, - 'border-b-stone-500': {borderBottomColor: '#78716C'}, - 'border-b-stone-600': {borderBottomColor: '#57534E'}, - 'border-b-stone-700': {borderBottomColor: '#44403C'}, - 'border-b-stone-800': {borderBottomColor: '#292524'}, - 'border-b-stone-900': {borderBottomColor: '#1C1917'}, - 'border-b-stone-950': {borderBottomColor: '#0F0E0D'}, - 'border-b-teal-50': {borderBottomColor: '#F0FDFA'}, - 'border-b-teal-100': {borderBottomColor: '#CCFBF1'}, - 'border-b-teal-200': {borderBottomColor: '#99F6E4'}, - 'border-b-teal-300': {borderBottomColor: '#5EEAD4'}, - 'border-b-teal-400': {borderBottomColor: '#2DD4BF'}, - 'border-b-teal-500': {borderBottomColor: '#14B8A6'}, - 'border-b-teal-600': {borderBottomColor: '#0D9488'}, - 'border-b-teal-700': {borderBottomColor: '#0F766E'}, - 'border-b-teal-800': {borderBottomColor: '#115E59'}, - 'border-b-teal-900': {borderBottomColor: '#134E4A'}, - 'border-b-teal-950': {borderBottomColor: '#042F2E'}, - 'border-b-violet-50': {borderBottomColor: '#F5F3FF'}, - 'border-b-violet-100': {borderBottomColor: '#EDE9FE'}, - 'border-b-violet-200': {borderBottomColor: '#DDD6FE'}, - 'border-b-violet-300': {borderBottomColor: '#C4B5FD'}, - 'border-b-violet-400': {borderBottomColor: '#A78BFA'}, - 'border-b-violet-500': {borderBottomColor: '#8B5CF6'}, - 'border-b-violet-600': {borderBottomColor: '#7C3AED'}, - 'border-b-violet-700': {borderBottomColor: '#6D28D9'}, - 'border-b-violet-800': {borderBottomColor: '#5B21B6'}, - 'border-b-violet-900': {borderBottomColor: '#4C1D95'}, - 'border-b-violet-950': {borderBottomColor: '#2E1065'}, - 'border-b-yellow-50': {borderBottomColor: '#FEFCE8'}, - 'border-b-yellow-100': {borderBottomColor: '#FEF9C3'}, - 'border-b-yellow-200': {borderBottomColor: '#FEF08A'}, - 'border-b-yellow-300': {borderBottomColor: '#FDE047'}, - 'border-b-yellow-400': {borderBottomColor: '#FACC15'}, - 'border-b-yellow-500': {borderBottomColor: '#EAB308'}, - 'border-b-yellow-600': {borderBottomColor: '#CA8A04'}, - 'border-b-yellow-700': {borderBottomColor: '#A16207'}, - 'border-b-yellow-800': {borderBottomColor: '#854D0E'}, - 'border-b-yellow-900': {borderBottomColor: '#713F12'}, - 'border-b-yellow-950': {borderBottomColor: '#422006'}, - 'border-b-zinc-50': {borderBottomColor: '#FAFAFA'}, - 'border-b-zinc-100': {borderBottomColor: '#F4F4F5'}, - 'border-b-zinc-200': {borderBottomColor: '#E4E4E7'}, - 'border-b-zinc-300': {borderBottomColor: '#D4D4D8'}, - 'border-b-zinc-400': {borderBottomColor: '#A1A1AA'}, - 'border-b-zinc-500': {borderBottomColor: '#71717A'}, - 'border-b-zinc-600': {borderBottomColor: '#52525B'}, - 'border-b-zinc-700': {borderBottomColor: '#3F3F46'}, - 'border-b-zinc-800': {borderBottomColor: '#27272A'}, - 'border-b-zinc-900': {borderBottomColor: '#18181B'}, - 'border-b-zinc-950': {borderBottomColor: '#09090B'}, - 'border-x-black': {borderLeftColor: '#000000', borderRightColor: '#000000'}, - 'border-x-white': {borderLeftColor: '#ffffff', borderRightColor: '#ffffff'}, - 'border-x-transparent': { - borderLeftColor: 'transparent', - borderRightColor: 'transparent', - }, - 'border-x-amber-50': { - borderLeftColor: '#FFFBEB', - borderRightColor: '#FFFBEB', - }, - 'border-x-amber-100': { - borderLeftColor: '#FEF3C7', - borderRightColor: '#FEF3C7', - }, - 'border-x-amber-200': { - borderLeftColor: '#FDE68A', - borderRightColor: '#FDE68A', - }, - 'border-x-amber-300': { - borderLeftColor: '#FCD34D', - borderRightColor: '#FCD34D', - }, - 'border-x-amber-400': { - borderLeftColor: '#FBBF24', - borderRightColor: '#FBBF24', - }, - 'border-x-amber-500': { - borderLeftColor: '#F59E0B', - borderRightColor: '#F59E0B', - }, - 'border-x-amber-600': { - borderLeftColor: '#D97706', - borderRightColor: '#D97706', - }, - 'border-x-amber-700': { - borderLeftColor: '#B45309', - borderRightColor: '#B45309', - }, - 'border-x-amber-800': { - borderLeftColor: '#92400E', - borderRightColor: '#92400E', - }, - 'border-x-amber-900': { - borderLeftColor: '#78350F', - borderRightColor: '#78350F', - }, - 'border-x-amber-950': { - borderLeftColor: '#451A03', - borderRightColor: '#451A03', - }, - 'border-x-blue-50': { - borderLeftColor: '#EFF6FF', - borderRightColor: '#EFF6FF', - }, - 'border-x-blue-100': { - borderLeftColor: '#DBEAFE', - borderRightColor: '#DBEAFE', - }, - 'border-x-blue-200': { - borderLeftColor: '#BFDBFE', - borderRightColor: '#BFDBFE', - }, - 'border-x-blue-300': { - borderLeftColor: '#93C5FD', - borderRightColor: '#93C5FD', - }, - 'border-x-blue-400': { - borderLeftColor: '#60A5FA', - borderRightColor: '#60A5FA', - }, - 'border-x-blue-500': { - borderLeftColor: '#3B82F6', - borderRightColor: '#3B82F6', - }, - 'border-x-blue-600': { - borderLeftColor: '#2563EB', - borderRightColor: '#2563EB', - }, - 'border-x-blue-700': { - borderLeftColor: '#1D4ED8', - borderRightColor: '#1D4ED8', - }, - 'border-x-blue-800': { - borderLeftColor: '#1E40AF', - borderRightColor: '#1E40AF', - }, - 'border-x-blue-900': { - borderLeftColor: '#1E3A8A', - borderRightColor: '#1E3A8A', - }, - 'border-x-blue-950': { - borderLeftColor: '#172554', - borderRightColor: '#172554', - }, - 'border-x-cyan-50': { - borderLeftColor: '#ECFEFF', - borderRightColor: '#ECFEFF', - }, - 'border-x-cyan-100': { - borderLeftColor: '#CFFAFE', - borderRightColor: '#CFFAFE', - }, - 'border-x-cyan-200': { - borderLeftColor: '#A5F3FC', - borderRightColor: '#A5F3FC', - }, - 'border-x-cyan-300': { - borderLeftColor: '#67E8F9', - borderRightColor: '#67E8F9', - }, - 'border-x-cyan-400': { - borderLeftColor: '#22D3EE', - borderRightColor: '#22D3EE', - }, - 'border-x-cyan-500': { - borderLeftColor: '#06B6D4', - borderRightColor: '#06B6D4', - }, - 'border-x-cyan-600': { - borderLeftColor: '#0891B2', - borderRightColor: '#0891B2', - }, - 'border-x-cyan-700': { - borderLeftColor: '#0E7490', - borderRightColor: '#0E7490', - }, - 'border-x-cyan-800': { - borderLeftColor: '#155E75', - borderRightColor: '#155E75', - }, - 'border-x-cyan-900': { - borderLeftColor: '#164E63', - borderRightColor: '#164E63', - }, - 'border-x-cyan-950': { - borderLeftColor: '#083344', - borderRightColor: '#083344', - }, - 'border-x-emerald-50': { - borderLeftColor: '#ECFDF5', - borderRightColor: '#ECFDF5', - }, - 'border-x-emerald-100': { - borderLeftColor: '#D1FAE5', - borderRightColor: '#D1FAE5', - }, - 'border-x-emerald-200': { - borderLeftColor: '#A7F3D0', - borderRightColor: '#A7F3D0', - }, - 'border-x-emerald-300': { - borderLeftColor: '#6EE7B7', - borderRightColor: '#6EE7B7', - }, - 'border-x-emerald-400': { - borderLeftColor: '#34D399', - borderRightColor: '#34D399', - }, - 'border-x-emerald-500': { - borderLeftColor: '#10B981', - borderRightColor: '#10B981', - }, - 'border-x-emerald-600': { - borderLeftColor: '#059669', - borderRightColor: '#059669', - }, - 'border-x-emerald-700': { - borderLeftColor: '#047857', - borderRightColor: '#047857', - }, - 'border-x-emerald-800': { - borderLeftColor: '#065F46', - borderRightColor: '#065F46', - }, - 'border-x-emerald-900': { - borderLeftColor: '#064E3B', - borderRightColor: '#064E3B', - }, - 'border-x-emerald-950': { - borderLeftColor: '#022C22', - borderRightColor: '#022C22', - }, - 'border-x-fuchsia-50': { - borderLeftColor: '#FDF4FF', - borderRightColor: '#FDF4FF', - }, - 'border-x-fuchsia-100': { - borderLeftColor: '#FAE8FF', - borderRightColor: '#FAE8FF', - }, - 'border-x-fuchsia-200': { - borderLeftColor: '#F5D0FE', - borderRightColor: '#F5D0FE', - }, - 'border-x-fuchsia-300': { - borderLeftColor: '#F0ABFC', - borderRightColor: '#F0ABFC', - }, - 'border-x-fuchsia-400': { - borderLeftColor: '#E879F9', - borderRightColor: '#E879F9', - }, - 'border-x-fuchsia-500': { - borderLeftColor: '#D946EF', - borderRightColor: '#D946EF', - }, - 'border-x-fuchsia-600': { - borderLeftColor: '#C026D3', - borderRightColor: '#C026D3', - }, - 'border-x-fuchsia-700': { - borderLeftColor: '#A21CAF', - borderRightColor: '#A21CAF', - }, - 'border-x-fuchsia-800': { - borderLeftColor: '#86198F', - borderRightColor: '#86198F', - }, - 'border-x-fuchsia-900': { - borderLeftColor: '#701A75', - borderRightColor: '#701A75', - }, - 'border-x-fuchsia-950': { - borderLeftColor: '#4A044E', - borderRightColor: '#4A044E', - }, - 'border-x-gray-50': { - borderLeftColor: '#F9FAFB', - borderRightColor: '#F9FAFB', - }, - 'border-x-gray-100': { - borderLeftColor: '#F3F4F6', - borderRightColor: '#F3F4F6', - }, - 'border-x-gray-200': { - borderLeftColor: '#E5E7EB', - borderRightColor: '#E5E7EB', - }, - 'border-x-gray-300': { - borderLeftColor: '#D1D5DB', - borderRightColor: '#D1D5DB', - }, - 'border-x-gray-400': { - borderLeftColor: '#9CA3AF', - borderRightColor: '#9CA3AF', - }, - 'border-x-gray-500': { - borderLeftColor: '#6B7280', - borderRightColor: '#6B7280', - }, - 'border-x-gray-600': { - borderLeftColor: '#4B5563', - borderRightColor: '#4B5563', - }, - 'border-x-gray-700': { - borderLeftColor: '#374151', - borderRightColor: '#374151', - }, - 'border-x-gray-800': { - borderLeftColor: '#1F2937', - borderRightColor: '#1F2937', - }, - 'border-x-gray-900': { - borderLeftColor: '#111827', - borderRightColor: '#111827', - }, - 'border-x-gray-950': { - borderLeftColor: '#030712', - borderRightColor: '#030712', - }, - 'border-x-green-50': { - borderLeftColor: '#F0FDF4', - borderRightColor: '#F0FDF4', - }, - 'border-x-green-100': { - borderLeftColor: '#DCFCE7', - borderRightColor: '#DCFCE7', - }, - 'border-x-green-200': { - borderLeftColor: '#BBF7D0', - borderRightColor: '#BBF7D0', - }, - 'border-x-green-300': { - borderLeftColor: '#86EFAC', - borderRightColor: '#86EFAC', - }, - 'border-x-green-400': { - borderLeftColor: '#4ADE80', - borderRightColor: '#4ADE80', - }, - 'border-x-green-500': { - borderLeftColor: '#22C55E', - borderRightColor: '#22C55E', - }, - 'border-x-green-600': { - borderLeftColor: '#16A34A', - borderRightColor: '#16A34A', - }, - 'border-x-green-700': { - borderLeftColor: '#15803D', - borderRightColor: '#15803D', - }, - 'border-x-green-800': { - borderLeftColor: '#166534', - borderRightColor: '#166534', - }, - 'border-x-green-900': { - borderLeftColor: '#14532D', - borderRightColor: '#14532D', - }, - 'border-x-green-950': { - borderLeftColor: '#052E16', - borderRightColor: '#052E16', - }, - 'border-x-indigo-50': { - borderLeftColor: '#E7E8FF', - borderRightColor: '#E7E8FF', - }, - 'border-x-indigo-100': { - borderLeftColor: '#D6DAFF', - borderRightColor: '#D6DAFF', - }, - 'border-x-indigo-200': { - borderLeftColor: '#B5B6FC', - borderRightColor: '#B5B6FC', - }, - 'border-x-indigo-300': { - borderLeftColor: '#9394F8', - borderRightColor: '#9394F8', - }, - 'border-x-indigo-400': { - borderLeftColor: '#7A7DFE', - borderRightColor: '#7A7DFE', - }, - 'border-x-indigo-500': { - borderLeftColor: '#6366F1', - borderRightColor: '#6366F1', - }, - 'border-x-indigo-600': { - borderLeftColor: '#4F46E5', - borderRightColor: '#4F46E5', - }, - 'border-x-indigo-700': { - borderLeftColor: '#4338CA', - borderRightColor: '#4338CA', - }, - 'border-x-indigo-800': { - borderLeftColor: '#3730A3', - borderRightColor: '#3730A3', - }, - 'border-x-indigo-900': { - borderLeftColor: '#312E81', - borderRightColor: '#312E81', - }, - 'border-x-indigo-950': { - borderLeftColor: '#241E55', - borderRightColor: '#241E55', - }, - 'border-x-lime-50': { - borderLeftColor: '#F7FEE7', - borderRightColor: '#F7FEE7', - }, - 'border-x-lime-100': { - borderLeftColor: '#ECFCCB', - borderRightColor: '#ECFCCB', - }, - 'border-x-lime-200': { - borderLeftColor: '#D9F99D', - borderRightColor: '#D9F99D', - }, - 'border-x-lime-300': { - borderLeftColor: '#BEF264', - borderRightColor: '#BEF264', - }, - 'border-x-lime-400': { - borderLeftColor: '#A3E635', - borderRightColor: '#A3E635', - }, - 'border-x-lime-500': { - borderLeftColor: '#84CC16', - borderRightColor: '#84CC16', - }, - 'border-x-lime-600': { - borderLeftColor: '#65A30D', - borderRightColor: '#65A30D', - }, - 'border-x-lime-700': { - borderLeftColor: '#4D7C0F', - borderRightColor: '#4D7C0F', - }, - 'border-x-lime-800': { - borderLeftColor: '#3F6212', - borderRightColor: '#3F6212', - }, - 'border-x-lime-900': { - borderLeftColor: '#365314', - borderRightColor: '#365314', - }, - 'border-x-lime-950': { - borderLeftColor: '#1A2E05', - borderRightColor: '#1A2E05', - }, - 'border-x-neutral-50': { - borderLeftColor: '#FAFAFA', - borderRightColor: '#FAFAFA', - }, - 'border-x-neutral-100': { - borderLeftColor: '#F5F5F5', - borderRightColor: '#F5F5F5', - }, - 'border-x-neutral-200': { - borderLeftColor: '#E5E5E5', - borderRightColor: '#E5E5E5', - }, - 'border-x-neutral-300': { - borderLeftColor: '#D4D4D4', - borderRightColor: '#D4D4D4', - }, - 'border-x-neutral-400': { - borderLeftColor: '#A3A3A3', - borderRightColor: '#A3A3A3', - }, - 'border-x-neutral-500': { - borderLeftColor: '#737373', - borderRightColor: '#737373', - }, - 'border-x-neutral-600': { - borderLeftColor: '#525252', - borderRightColor: '#525252', - }, - 'border-x-neutral-700': { - borderLeftColor: '#404040', - borderRightColor: '#404040', - }, - 'border-x-neutral-800': { - borderLeftColor: '#262626', - borderRightColor: '#262626', - }, - 'border-x-neutral-900': { - borderLeftColor: '#171717', - borderRightColor: '#171717', - }, - 'border-x-neutral-950': { - borderLeftColor: '#0A0A0A', - borderRightColor: '#0A0A0A', - }, - 'border-x-orange-50': { - borderLeftColor: '#FFF7ED', - borderRightColor: '#FFF7ED', - }, - 'border-x-orange-100': { - borderLeftColor: '#FFEDD5', - borderRightColor: '#FFEDD5', - }, - 'border-x-orange-200': { - borderLeftColor: '#FED7AA', - borderRightColor: '#FED7AA', - }, - 'border-x-orange-300': { - borderLeftColor: '#FDBA74', - borderRightColor: '#FDBA74', - }, - 'border-x-orange-400': { - borderLeftColor: '#FB923C', - borderRightColor: '#FB923C', - }, - 'border-x-orange-500': { - borderLeftColor: '#F97316', - borderRightColor: '#F97316', - }, - 'border-x-orange-600': { - borderLeftColor: '#EA580C', - borderRightColor: '#EA580C', - }, - 'border-x-orange-700': { - borderLeftColor: '#C2410C', - borderRightColor: '#C2410C', - }, - 'border-x-orange-800': { - borderLeftColor: '#9A3412', - borderRightColor: '#9A3412', - }, - 'border-x-orange-900': { - borderLeftColor: '#7C2D12', - borderRightColor: '#7C2D12', - }, - 'border-x-orange-950': { - borderLeftColor: '#431407', - borderRightColor: '#431407', - }, - 'border-x-pink-50': { - borderLeftColor: '#FEE2E2', - borderRightColor: '#FEE2E2', - }, - 'border-x-pink-100': { - borderLeftColor: '#FBD9D9', - borderRightColor: '#FBD9D9', - }, - 'border-x-pink-200': { - borderLeftColor: '#F9B5B5', - borderRightColor: '#F9B5B5', - }, - 'border-x-pink-300': { - borderLeftColor: '#F69292', - borderRightColor: '#F69292', - }, - 'border-x-pink-400': { - borderLeftColor: '#F472B6', - borderRightColor: '#F472B6', - }, - 'border-x-pink-500': { - borderLeftColor: '#EC4899', - borderRightColor: '#EC4899', - }, - 'border-x-pink-600': { - borderLeftColor: '#DB2777', - borderRightColor: '#DB2777', - }, - 'border-x-pink-700': { - borderLeftColor: '#BE185D', - borderRightColor: '#BE185D', - }, - 'border-x-pink-800': { - borderLeftColor: '#9D174D', - borderRightColor: '#9D174D', - }, - 'border-x-pink-900': { - borderLeftColor: '#831843', - borderRightColor: '#831843', - }, - 'border-x-pink-950': { - borderLeftColor: '#500724', - borderRightColor: '#500724', - }, - 'border-x-purple-50': { - borderLeftColor: '#F5F3FF', - borderRightColor: '#F5F3FF', - }, - 'border-x-purple-100': { - borderLeftColor: '#EDE9FE', - borderRightColor: '#EDE9FE', - }, - 'border-x-purple-200': { - borderLeftColor: '#DDD6FE', - borderRightColor: '#DDD6FE', - }, - 'border-x-purple-300': { - borderLeftColor: '#C4B5FD', - borderRightColor: '#C4B5FD', - }, - 'border-x-purple-400': { - borderLeftColor: '#A78BFA', - borderRightColor: '#A78BFA', - }, - 'border-x-purple-500': { - borderLeftColor: '#8B5CF6', - borderRightColor: '#8B5CF6', - }, - 'border-x-purple-600': { - borderLeftColor: '#7C3AED', - borderRightColor: '#7C3AED', - }, - 'border-x-purple-700': { - borderLeftColor: '#6D28D9', - borderRightColor: '#6D28D9', - }, - 'border-x-purple-800': { - borderLeftColor: '#5B21B6', - borderRightColor: '#5B21B6', - }, - 'border-x-purple-900': { - borderLeftColor: '#4C1D95', - borderRightColor: '#4C1D95', - }, - 'border-x-purple-950': { - borderLeftColor: '#2E1065', - borderRightColor: '#2E1065', - }, - 'border-x-red-50': {borderLeftColor: '#FEF2F2', borderRightColor: '#FEF2F2'}, - 'border-x-red-100': {borderLeftColor: '#FEE2E2', borderRightColor: '#FEE2E2'}, - 'border-x-red-200': {borderLeftColor: '#FECACA', borderRightColor: '#FECACA'}, - 'border-x-red-300': {borderLeftColor: '#FCA5A5', borderRightColor: '#FCA5A5'}, - 'border-x-red-400': {borderLeftColor: '#F87171', borderRightColor: '#F87171'}, - 'border-x-red-500': {borderLeftColor: '#EF4444', borderRightColor: '#EF4444'}, - 'border-x-red-600': {borderLeftColor: '#DC2626', borderRightColor: '#DC2626'}, - 'border-x-red-700': {borderLeftColor: '#B91C1C', borderRightColor: '#B91C1C'}, - 'border-x-red-800': {borderLeftColor: '#991B1B', borderRightColor: '#991B1B'}, - 'border-x-red-900': {borderLeftColor: '#7F1D1D', borderRightColor: '#7F1D1D'}, - 'border-x-red-950': {borderLeftColor: '#450A0A', borderRightColor: '#450A0A'}, - 'border-x-rose-50': {borderLeftColor: '#FFF1F2', borderRightColor: '#FFF1F2'}, - 'border-x-rose-100': { - borderLeftColor: '#FFE4E6', - borderRightColor: '#FFE4E6', - }, - 'border-x-rose-200': { - borderLeftColor: '#FECDD3', - borderRightColor: '#FECDD3', - }, - 'border-x-rose-300': { - borderLeftColor: '#FDA4AF', - borderRightColor: '#FDA4AF', - }, - 'border-x-rose-400': { - borderLeftColor: '#FB7185', - borderRightColor: '#FB7185', - }, - 'border-x-rose-500': { - borderLeftColor: '#F43F5E', - borderRightColor: '#F43F5E', - }, - 'border-x-rose-600': { - borderLeftColor: '#E11D48', - borderRightColor: '#E11D48', - }, - 'border-x-rose-700': { - borderLeftColor: '#BE123C', - borderRightColor: '#BE123C', - }, - 'border-x-rose-800': { - borderLeftColor: '#9F1239', - borderRightColor: '#9F1239', - }, - 'border-x-rose-900': { - borderLeftColor: '#881337', - borderRightColor: '#881337', - }, - 'border-x-rose-950': { - borderLeftColor: '#4C0D19', - borderRightColor: '#4C0D19', - }, - 'border-x-sky-50': {borderLeftColor: '#F0F9FF', borderRightColor: '#F0F9FF'}, - 'border-x-sky-100': {borderLeftColor: '#E0F2FE', borderRightColor: '#E0F2FE'}, - 'border-x-sky-200': {borderLeftColor: '#BAE6FD', borderRightColor: '#BAE6FD'}, - 'border-x-sky-300': {borderLeftColor: '#7DD3FC', borderRightColor: '#7DD3FC'}, - 'border-x-sky-400': {borderLeftColor: '#38BDF8', borderRightColor: '#38BDF8'}, - 'border-x-sky-500': {borderLeftColor: '#0EA5E9', borderRightColor: '#0EA5E9'}, - 'border-x-sky-600': {borderLeftColor: '#0284C7', borderRightColor: '#0284C7'}, - 'border-x-sky-700': {borderLeftColor: '#0369A1', borderRightColor: '#0369A1'}, - 'border-x-sky-800': {borderLeftColor: '#075985', borderRightColor: '#075985'}, - 'border-x-sky-900': {borderLeftColor: '#0C4A6E', borderRightColor: '#0C4A6E'}, - 'border-x-sky-950': {borderLeftColor: '#082F49', borderRightColor: '#082F49'}, - 'border-x-slate-50': { - borderLeftColor: '#F8FAFC', - borderRightColor: '#F8FAFC', - }, - 'border-x-slate-100': { - borderLeftColor: '#F1F5F9', - borderRightColor: '#F1F5F9', - }, - 'border-x-slate-200': { - borderLeftColor: '#E2E8F0', - borderRightColor: '#E2E8F0', - }, - 'border-x-slate-300': { - borderLeftColor: '#CBD5E1', - borderRightColor: '#CBD5E1', - }, - 'border-x-slate-400': { - borderLeftColor: '#94A3B8', - borderRightColor: '#94A3B8', - }, - 'border-x-slate-500': { - borderLeftColor: '#64748B', - borderRightColor: '#64748B', - }, - 'border-x-slate-600': { - borderLeftColor: '#475569', - borderRightColor: '#475569', - }, - 'border-x-slate-700': { - borderLeftColor: '#334155', - borderRightColor: '#334155', - }, - 'border-x-slate-800': { - borderLeftColor: '#1E293B', - borderRightColor: '#1E293B', - }, - 'border-x-slate-900': { - borderLeftColor: '#0F172A', - borderRightColor: '#0F172A', - }, - 'border-x-slate-950': { - borderLeftColor: '#020617', - borderRightColor: '#020617', - }, - 'border-x-stone-50': { - borderLeftColor: '#FAFAF9', - borderRightColor: '#FAFAF9', - }, - 'border-x-stone-100': { - borderLeftColor: '#F5F5F4', - borderRightColor: '#F5F5F4', - }, - 'border-x-stone-200': { - borderLeftColor: '#E7E5E4', - borderRightColor: '#E7E5E4', - }, - 'border-x-stone-300': { - borderLeftColor: '#D6D3D1', - borderRightColor: '#D6D3D1', - }, - 'border-x-stone-400': { - borderLeftColor: '#A8A29E', - borderRightColor: '#A8A29E', - }, - 'border-x-stone-500': { - borderLeftColor: '#78716C', - borderRightColor: '#78716C', - }, - 'border-x-stone-600': { - borderLeftColor: '#57534E', - borderRightColor: '#57534E', - }, - 'border-x-stone-700': { - borderLeftColor: '#44403C', - borderRightColor: '#44403C', - }, - 'border-x-stone-800': { - borderLeftColor: '#292524', - borderRightColor: '#292524', - }, - 'border-x-stone-900': { - borderLeftColor: '#1C1917', - borderRightColor: '#1C1917', - }, - 'border-x-stone-950': { - borderLeftColor: '#0F0E0D', - borderRightColor: '#0F0E0D', - }, - 'border-x-teal-50': { - borderLeftColor: '#F0FDFA', - borderRightColor: '#F0FDFA', - }, - 'border-x-teal-100': { - borderLeftColor: '#CCFBF1', - borderRightColor: '#CCFBF1', - }, - 'border-x-teal-200': { - borderLeftColor: '#99F6E4', - borderRightColor: '#99F6E4', - }, - 'border-x-teal-300': { - borderLeftColor: '#5EEAD4', - borderRightColor: '#5EEAD4', - }, - 'border-x-teal-400': { - borderLeftColor: '#2DD4BF', - borderRightColor: '#2DD4BF', - }, - 'border-x-teal-500': { - borderLeftColor: '#14B8A6', - borderRightColor: '#14B8A6', - }, - 'border-x-teal-600': { - borderLeftColor: '#0D9488', - borderRightColor: '#0D9488', - }, - 'border-x-teal-700': { - borderLeftColor: '#0F766E', - borderRightColor: '#0F766E', - }, - 'border-x-teal-800': { - borderLeftColor: '#115E59', - borderRightColor: '#115E59', - }, - 'border-x-teal-900': { - borderLeftColor: '#134E4A', - borderRightColor: '#134E4A', - }, - 'border-x-teal-950': { - borderLeftColor: '#042F2E', - borderRightColor: '#042F2E', - }, - 'border-x-violet-50': { - borderLeftColor: '#F5F3FF', - borderRightColor: '#F5F3FF', - }, - 'border-x-violet-100': { - borderLeftColor: '#EDE9FE', - borderRightColor: '#EDE9FE', - }, - 'border-x-violet-200': { - borderLeftColor: '#DDD6FE', - borderRightColor: '#DDD6FE', - }, - 'border-x-violet-300': { - borderLeftColor: '#C4B5FD', - borderRightColor: '#C4B5FD', - }, - 'border-x-violet-400': { - borderLeftColor: '#A78BFA', - borderRightColor: '#A78BFA', - }, - 'border-x-violet-500': { - borderLeftColor: '#8B5CF6', - borderRightColor: '#8B5CF6', - }, - 'border-x-violet-600': { - borderLeftColor: '#7C3AED', - borderRightColor: '#7C3AED', - }, - 'border-x-violet-700': { - borderLeftColor: '#6D28D9', - borderRightColor: '#6D28D9', - }, - 'border-x-violet-800': { - borderLeftColor: '#5B21B6', - borderRightColor: '#5B21B6', - }, - 'border-x-violet-900': { - borderLeftColor: '#4C1D95', - borderRightColor: '#4C1D95', - }, - 'border-x-violet-950': { - borderLeftColor: '#2E1065', - borderRightColor: '#2E1065', - }, - 'border-x-yellow-50': { - borderLeftColor: '#FEFCE8', - borderRightColor: '#FEFCE8', - }, - 'border-x-yellow-100': { - borderLeftColor: '#FEF9C3', - borderRightColor: '#FEF9C3', - }, - 'border-x-yellow-200': { - borderLeftColor: '#FEF08A', - borderRightColor: '#FEF08A', - }, - 'border-x-yellow-300': { - borderLeftColor: '#FDE047', - borderRightColor: '#FDE047', - }, - 'border-x-yellow-400': { - borderLeftColor: '#FACC15', - borderRightColor: '#FACC15', - }, - 'border-x-yellow-500': { - borderLeftColor: '#EAB308', - borderRightColor: '#EAB308', - }, - 'border-x-yellow-600': { - borderLeftColor: '#CA8A04', - borderRightColor: '#CA8A04', - }, - 'border-x-yellow-700': { - borderLeftColor: '#A16207', - borderRightColor: '#A16207', - }, - 'border-x-yellow-800': { - borderLeftColor: '#854D0E', - borderRightColor: '#854D0E', - }, - 'border-x-yellow-900': { - borderLeftColor: '#713F12', - borderRightColor: '#713F12', - }, - 'border-x-yellow-950': { - borderLeftColor: '#422006', - borderRightColor: '#422006', - }, - 'border-x-zinc-50': { - borderLeftColor: '#FAFAFA', - borderRightColor: '#FAFAFA', - }, - 'border-x-zinc-100': { - borderLeftColor: '#F4F4F5', - borderRightColor: '#F4F4F5', - }, - 'border-x-zinc-200': { - borderLeftColor: '#E4E4E7', - borderRightColor: '#E4E4E7', - }, - 'border-x-zinc-300': { - borderLeftColor: '#D4D4D8', - borderRightColor: '#D4D4D8', - }, - 'border-x-zinc-400': { - borderLeftColor: '#A1A1AA', - borderRightColor: '#A1A1AA', - }, - 'border-x-zinc-500': { - borderLeftColor: '#71717A', - borderRightColor: '#71717A', - }, - 'border-x-zinc-600': { - borderLeftColor: '#52525B', - borderRightColor: '#52525B', - }, - 'border-x-zinc-700': { - borderLeftColor: '#3F3F46', - borderRightColor: '#3F3F46', - }, - 'border-x-zinc-800': { - borderLeftColor: '#27272A', - borderRightColor: '#27272A', - }, - 'border-x-zinc-900': { - borderLeftColor: '#18181B', - borderRightColor: '#18181B', - }, - 'border-x-zinc-950': { - borderLeftColor: '#09090B', - borderRightColor: '#09090B', - }, - 'border-y-black': { - borderTopColor: '#000000', - borderBottomColor: '#000000', - }, - 'border-y-white': { - borderTopColor: '#ffffff', - borderBottomColor: '#ffffff', - }, - 'border-y-transparent': { - borderTopColor: 'transparent', - borderBottomColor: 'transparent', - }, - 'border-y-amber-50': { - borderTopColor: '#FFFBEB', - borderBottomColor: '#FFFBEB', - }, - 'border-y-amber-100': { - borderTopColor: '#FEF3C7', - borderBottomColor: '#FEF3C7', - }, - 'border-y-amber-200': { - borderTopColor: '#FDE68A', - borderBottomColor: '#FDE68A', - }, - 'border-y-amber-300': { - borderTopColor: '#FCD34D', - borderBottomColor: '#FCD34D', - }, - 'border-y-amber-400': { - borderTopColor: '#FBBF24', - borderBottomColor: '#FBBF24', - }, - 'border-y-amber-500': { - borderTopColor: '#F59E0B', - borderBottomColor: '#F59E0B', - }, - 'border-y-amber-600': { - borderTopColor: '#D97706', - borderBottomColor: '#D97706', - }, - 'border-y-amber-700': { - borderTopColor: '#B45309', - borderBottomColor: '#B45309', - }, - 'border-y-amber-800': { - borderTopColor: '#92400E', - borderBottomColor: '#92400E', - }, - 'border-y-amber-900': { - borderTopColor: '#78350F', - borderBottomColor: '#78350F', - }, - 'border-y-amber-950': { - borderTopColor: '#451A03', - borderBottomColor: '#451A03', - }, - 'border-y-blue-50': { - borderTopColor: '#EFF6FF', - borderBottomColor: '#EFF6FF', - }, - 'border-y-blue-100': { - borderTopColor: '#DBEAFE', - borderBottomColor: '#DBEAFE', - }, - 'border-y-blue-200': { - borderTopColor: '#BFDBFE', - borderBottomColor: '#BFDBFE', - }, - 'border-y-blue-300': { - borderTopColor: '#93C5FD', - borderBottomColor: '#93C5FD', - }, - 'border-y-blue-400': { - borderTopColor: '#60A5FA', - borderBottomColor: '#60A5FA', - }, - 'border-y-blue-500': { - borderTopColor: '#3B82F6', - borderBottomColor: '#3B82F6', - }, - 'border-y-blue-600': { - borderTopColor: '#2563EB', - borderBottomColor: '#2563EB', - }, - 'border-y-blue-700': { - borderTopColor: '#1D4ED8', - borderBottomColor: '#1D4ED8', - }, - 'border-y-blue-800': { - borderTopColor: '#1E40AF', - borderBottomColor: '#1E40AF', - }, - 'border-y-blue-900': { - borderTopColor: '#1E3A8A', - borderBottomColor: '#1E3A8A', - }, - 'border-y-blue-950': { - borderTopColor: '#172554', - borderBottomColor: '#172554', - }, - 'border-y-cyan-50': { - borderTopColor: '#ECFEFF', - borderBottomColor: '#ECFEFF', - }, - 'border-y-cyan-100': { - borderTopColor: '#CFFAFE', - borderBottomColor: '#CFFAFE', - }, - 'border-y-cyan-200': { - borderTopColor: '#A5F3FC', - borderBottomColor: '#A5F3FC', - }, - 'border-y-cyan-300': { - borderTopColor: '#67E8F9', - borderBottomColor: '#67E8F9', - }, - 'border-y-cyan-400': { - borderTopColor: '#22D3EE', - borderBottomColor: '#22D3EE', - }, - 'border-y-cyan-500': { - borderTopColor: '#06B6D4', - borderBottomColor: '#06B6D4', - }, - 'border-y-cyan-600': { - borderTopColor: '#0891B2', - borderBottomColor: '#0891B2', - }, - 'border-y-cyan-700': { - borderTopColor: '#0E7490', - borderBottomColor: '#0E7490', - }, - 'border-y-cyan-800': { - borderTopColor: '#155E75', - borderBottomColor: '#155E75', - }, - 'border-y-cyan-900': { - borderTopColor: '#164E63', - borderBottomColor: '#164E63', - }, - 'border-y-cyan-950': { - borderTopColor: '#083344', - borderBottomColor: '#083344', - }, - 'border-y-emerald-50': { - borderTopColor: '#ECFDF5', - borderBottomColor: '#ECFDF5', - }, - 'border-y-emerald-100': { - borderTopColor: '#D1FAE5', - borderBottomColor: '#D1FAE5', - }, - 'border-y-emerald-200': { - borderTopColor: '#A7F3D0', - borderBottomColor: '#A7F3D0', - }, - 'border-y-emerald-300': { - borderTopColor: '#6EE7B7', - borderBottomColor: '#6EE7B7', - }, - 'border-y-emerald-400': { - borderTopColor: '#34D399', - borderBottomColor: '#34D399', - }, - 'border-y-emerald-500': { - borderTopColor: '#10B981', - borderBottomColor: '#10B981', - }, - 'border-y-emerald-600': { - borderTopColor: '#059669', - borderBottomColor: '#059669', - }, - 'border-y-emerald-700': { - borderTopColor: '#047857', - borderBottomColor: '#047857', - }, - 'border-y-emerald-800': { - borderTopColor: '#065F46', - borderBottomColor: '#065F46', - }, - 'border-y-emerald-900': { - borderTopColor: '#064E3B', - borderBottomColor: '#064E3B', - }, - 'border-y-emerald-950': { - borderTopColor: '#022C22', - borderBottomColor: '#022C22', - }, - 'border-y-fuchsia-50': { - borderTopColor: '#FDF4FF', - borderBottomColor: '#FDF4FF', - }, - 'border-y-fuchsia-100': { - borderTopColor: '#FAE8FF', - borderBottomColor: '#FAE8FF', - }, - 'border-y-fuchsia-200': { - borderTopColor: '#F5D0FE', - borderBottomColor: '#F5D0FE', - }, - 'border-y-fuchsia-300': { - borderTopColor: '#F0ABFC', - borderBottomColor: '#F0ABFC', - }, - 'border-y-fuchsia-400': { - borderTopColor: '#E879F9', - borderBottomColor: '#E879F9', - }, - 'border-y-fuchsia-500': { - borderTopColor: '#D946EF', - borderBottomColor: '#D946EF', - }, - 'border-y-fuchsia-600': { - borderTopColor: '#C026D3', - borderBottomColor: '#C026D3', - }, - 'border-y-fuchsia-700': { - borderTopColor: '#A21CAF', - borderBottomColor: '#A21CAF', - }, - 'border-y-fuchsia-800': { - borderTopColor: '#86198F', - borderBottomColor: '#86198F', - }, - 'border-y-fuchsia-900': { - borderTopColor: '#701A75', - borderBottomColor: '#701A75', - }, - 'border-y-fuchsia-950': { - borderTopColor: '#4A044E', - borderBottomColor: '#4A044E', - }, - 'border-y-gray-50': {borderTopColor: '#F9FAFB', borderBottomColor: '#F9FAFB'}, - 'border-y-gray-100': { - borderTopColor: '#F3F4F6', - borderBottomColor: '#F3F4F6', - }, - 'border-y-gray-200': { - borderTopColor: '#E5E7EB', - borderBottomColor: '#E5E7EB', - }, - 'border-y-gray-300': { - borderTopColor: '#D1D5DB', - borderBottomColor: '#D1D5DB', - }, - 'border-y-gray-400': { - borderTopColor: '#9CA3AF', - borderBottomColor: '#9CA3AF', - }, - 'border-y-gray-500': { - borderTopColor: '#6B7280', - borderBottomColor: '#6B7280', - }, - 'border-y-gray-600': { - borderTopColor: '#4B5563', - borderBottomColor: '#4B5563', - }, - 'border-y-gray-700': { - borderTopColor: '#374151', - borderBottomColor: '#374151', - }, - 'border-y-gray-800': { - borderTopColor: '#1F2937', - borderBottomColor: '#1F2937', - }, - 'border-y-gray-900': { - borderTopColor: '#111827', - borderBottomColor: '#111827', - }, - 'border-y-gray-950': { - borderTopColor: '#030712', - borderBottomColor: '#030712', - }, - 'border-y-green-50': { - borderTopColor: '#F0FDF4', - borderBottomColor: '#F0FDF4', - }, - 'border-y-green-100': { - borderTopColor: '#DCFCE7', - borderBottomColor: '#DCFCE7', - }, - 'border-y-green-200': { - borderTopColor: '#BBF7D0', - borderBottomColor: '#BBF7D0', - }, - 'border-y-green-300': { - borderTopColor: '#86EFAC', - borderBottomColor: '#86EFAC', - }, - 'border-y-green-400': { - borderTopColor: '#4ADE80', - borderBottomColor: '#4ADE80', - }, - 'border-y-green-500': { - borderTopColor: '#22C55E', - borderBottomColor: '#22C55E', - }, - 'border-y-green-600': { - borderTopColor: '#16A34A', - borderBottomColor: '#16A34A', - }, - 'border-y-green-700': { - borderTopColor: '#15803D', - borderBottomColor: '#15803D', - }, - 'border-y-green-800': { - borderTopColor: '#166534', - borderBottomColor: '#166534', - }, - 'border-y-green-900': { - borderTopColor: '#14532D', - borderBottomColor: '#14532D', - }, - 'border-y-green-950': { - borderTopColor: '#052E16', - borderBottomColor: '#052E16', - }, - 'border-y-indigo-50': { - borderTopColor: '#E7E8FF', - borderBottomColor: '#E7E8FF', - }, - 'border-y-indigo-100': { - borderTopColor: '#D6DAFF', - borderBottomColor: '#D6DAFF', - }, - 'border-y-indigo-200': { - borderTopColor: '#B5B6FC', - borderBottomColor: '#B5B6FC', - }, - 'border-y-indigo-300': { - borderTopColor: '#9394F8', - borderBottomColor: '#9394F8', - }, - 'border-y-indigo-400': { - borderTopColor: '#7A7DFE', - borderBottomColor: '#7A7DFE', - }, - 'border-y-indigo-500': { - borderTopColor: '#6366F1', - borderBottomColor: '#6366F1', - }, - 'border-y-indigo-600': { - borderTopColor: '#4F46E5', - borderBottomColor: '#4F46E5', - }, - 'border-y-indigo-700': { - borderTopColor: '#4338CA', - borderBottomColor: '#4338CA', - }, - 'border-y-indigo-800': { - borderTopColor: '#3730A3', - borderBottomColor: '#3730A3', - }, - 'border-y-indigo-900': { - borderTopColor: '#312E81', - borderBottomColor: '#312E81', - }, - 'border-y-indigo-950': { - borderTopColor: '#241E55', - borderBottomColor: '#241E55', - }, - 'border-y-lime-50': {borderTopColor: '#F7FEE7', borderBottomColor: '#F7FEE7'}, - 'border-y-lime-100': { - borderTopColor: '#ECFCCB', - borderBottomColor: '#ECFCCB', - }, - 'border-y-lime-200': { - borderTopColor: '#D9F99D', - borderBottomColor: '#D9F99D', - }, - 'border-y-lime-300': { - borderTopColor: '#BEF264', - borderBottomColor: '#BEF264', - }, - 'border-y-lime-400': { - borderTopColor: '#A3E635', - borderBottomColor: '#A3E635', - }, - 'border-y-lime-500': { - borderTopColor: '#84CC16', - borderBottomColor: '#84CC16', - }, - 'border-y-lime-600': { - borderTopColor: '#65A30D', - borderBottomColor: '#65A30D', - }, - 'border-y-lime-700': { - borderTopColor: '#4D7C0F', - borderBottomColor: '#4D7C0F', - }, - 'border-y-lime-800': { - borderTopColor: '#3F6212', - borderBottomColor: '#3F6212', - }, - 'border-y-lime-900': { - borderTopColor: '#365314', - borderBottomColor: '#365314', - }, - 'border-y-lime-950': { - borderTopColor: '#1A2E05', - borderBottomColor: '#1A2E05', - }, - 'border-y-neutral-50': { - borderTopColor: '#FAFAFA', - borderBottomColor: '#FAFAFA', - }, - 'border-y-neutral-100': { - borderTopColor: '#F5F5F5', - borderBottomColor: '#F5F5F5', - }, - 'border-y-neutral-200': { - borderTopColor: '#E5E5E5', - borderBottomColor: '#E5E5E5', - }, - 'border-y-neutral-300': { - borderTopColor: '#D4D4D4', - borderBottomColor: '#D4D4D4', - }, - 'border-y-neutral-400': { - borderTopColor: '#A3A3A3', - borderBottomColor: '#A3A3A3', - }, - 'border-y-neutral-500': { - borderTopColor: '#737373', - borderBottomColor: '#737373', - }, - 'border-y-neutral-600': { - borderTopColor: '#525252', - borderBottomColor: '#525252', - }, - 'border-y-neutral-700': { - borderTopColor: '#404040', - borderBottomColor: '#404040', - }, - 'border-y-neutral-800': { - borderTopColor: '#262626', - borderBottomColor: '#262626', - }, - 'border-y-neutral-900': { - borderTopColor: '#171717', - borderBottomColor: '#171717', - }, - 'border-y-neutral-950': { - borderTopColor: '#0A0A0A', - borderBottomColor: '#0A0A0A', - }, - 'border-y-orange-50': { - borderTopColor: '#FFF7ED', - borderBottomColor: '#FFF7ED', - }, - 'border-y-orange-100': { - borderTopColor: '#FFEDD5', - borderBottomColor: '#FFEDD5', - }, - 'border-y-orange-200': { - borderTopColor: '#FED7AA', - borderBottomColor: '#FED7AA', - }, - 'border-y-orange-300': { - borderTopColor: '#FDBA74', - borderBottomColor: '#FDBA74', - }, - 'border-y-orange-400': { - borderTopColor: '#FB923C', - borderBottomColor: '#FB923C', - }, - 'border-y-orange-500': { - borderTopColor: '#F97316', - borderBottomColor: '#F97316', - }, - 'border-y-orange-600': { - borderTopColor: '#EA580C', - borderBottomColor: '#EA580C', - }, - 'border-y-orange-700': { - borderTopColor: '#C2410C', - borderBottomColor: '#C2410C', - }, - 'border-y-orange-800': { - borderTopColor: '#9A3412', - borderBottomColor: '#9A3412', - }, - 'border-y-orange-900': { - borderTopColor: '#7C2D12', - borderBottomColor: '#7C2D12', - }, - 'border-y-orange-950': { - borderTopColor: '#431407', - borderBottomColor: '#431407', - }, - 'border-y-pink-50': {borderTopColor: '#FEE2E2', borderBottomColor: '#FEE2E2'}, - 'border-y-pink-100': { - borderTopColor: '#FBD9D9', - borderBottomColor: '#FBD9D9', - }, - 'border-y-pink-200': { - borderTopColor: '#F9B5B5', - borderBottomColor: '#F9B5B5', - }, - 'border-y-pink-300': { - borderTopColor: '#F69292', - borderBottomColor: '#F69292', - }, - 'border-y-pink-400': { - borderTopColor: '#F472B6', - borderBottomColor: '#F472B6', - }, - 'border-y-pink-500': { - borderTopColor: '#EC4899', - borderBottomColor: '#EC4899', - }, - 'border-y-pink-600': { - borderTopColor: '#DB2777', - borderBottomColor: '#DB2777', - }, - 'border-y-pink-700': { - borderTopColor: '#BE185D', - borderBottomColor: '#BE185D', - }, - 'border-y-pink-800': { - borderTopColor: '#9D174D', - borderBottomColor: '#9D174D', - }, - 'border-y-pink-900': { - borderTopColor: '#831843', - borderBottomColor: '#831843', - }, - 'border-y-pink-950': { - borderTopColor: '#500724', - borderBottomColor: '#500724', - }, - 'border-y-purple-50': { - borderTopColor: '#F5F3FF', - borderBottomColor: '#F5F3FF', - }, - 'border-y-purple-100': { - borderTopColor: '#EDE9FE', - borderBottomColor: '#EDE9FE', - }, - 'border-y-purple-200': { - borderTopColor: '#DDD6FE', - borderBottomColor: '#DDD6FE', - }, - 'border-y-purple-300': { - borderTopColor: '#C4B5FD', - borderBottomColor: '#C4B5FD', - }, - 'border-y-purple-400': { - borderTopColor: '#A78BFA', - borderBottomColor: '#A78BFA', - }, - 'border-y-purple-500': { - borderTopColor: '#8B5CF6', - borderBottomColor: '#8B5CF6', - }, - 'border-y-purple-600': { - borderTopColor: '#7C3AED', - borderBottomColor: '#7C3AED', - }, - 'border-y-purple-700': { - borderTopColor: '#6D28D9', - borderBottomColor: '#6D28D9', - }, - 'border-y-purple-800': { - borderTopColor: '#5B21B6', - borderBottomColor: '#5B21B6', - }, - 'border-y-purple-900': { - borderTopColor: '#4C1D95', - borderBottomColor: '#4C1D95', - }, - 'border-y-purple-950': { - borderTopColor: '#2E1065', - borderBottomColor: '#2E1065', - }, - 'border-y-red-50': {borderTopColor: '#FEF2F2', borderBottomColor: '#FEF2F2'}, - 'border-y-red-100': {borderTopColor: '#FEE2E2', borderBottomColor: '#FEE2E2'}, - 'border-y-red-200': {borderTopColor: '#FECACA', borderBottomColor: '#FECACA'}, - 'border-y-red-300': {borderTopColor: '#FCA5A5', borderBottomColor: '#FCA5A5'}, - 'border-y-red-400': {borderTopColor: '#F87171', borderBottomColor: '#F87171'}, - 'border-y-red-500': {borderTopColor: '#EF4444', borderBottomColor: '#EF4444'}, - 'border-y-red-600': {borderTopColor: '#DC2626', borderBottomColor: '#DC2626'}, - 'border-y-red-700': {borderTopColor: '#B91C1C', borderBottomColor: '#B91C1C'}, - 'border-y-red-800': {borderTopColor: '#991B1B', borderBottomColor: '#991B1B'}, - 'border-y-red-900': {borderTopColor: '#7F1D1D', borderBottomColor: '#7F1D1D'}, - 'border-y-red-950': {borderTopColor: '#450A0A', borderBottomColor: '#450A0A'}, - 'border-y-rose-50': {borderTopColor: '#FFF1F2', borderBottomColor: '#FFF1F2'}, - 'border-y-rose-100': { - borderTopColor: '#FFE4E6', - borderBottomColor: '#FFE4E6', - }, - 'border-y-rose-200': { - borderTopColor: '#FECDD3', - borderBottomColor: '#FECDD3', - }, - 'border-y-rose-300': { - borderTopColor: '#FDA4AF', - borderBottomColor: '#FDA4AF', - }, - 'border-y-rose-400': { - borderTopColor: '#FB7185', - borderBottomColor: '#FB7185', - }, - 'border-y-rose-500': { - borderTopColor: '#F43F5E', - borderBottomColor: '#F43F5E', - }, - 'border-y-rose-600': { - borderTopColor: '#E11D48', - borderBottomColor: '#E11D48', - }, - 'border-y-rose-700': { - borderTopColor: '#BE123C', - borderBottomColor: '#BE123C', - }, - 'border-y-rose-800': { - borderTopColor: '#9F1239', - borderBottomColor: '#9F1239', - }, - 'border-y-rose-900': { - borderTopColor: '#881337', - borderBottomColor: '#881337', - }, - 'border-y-rose-950': { - borderTopColor: '#4C0D19', - borderBottomColor: '#4C0D19', - }, - 'border-y-sky-50': {borderTopColor: '#F0F9FF', borderBottomColor: '#F0F9FF'}, - 'border-y-sky-100': {borderTopColor: '#E0F2FE', borderBottomColor: '#E0F2FE'}, - 'border-y-sky-200': {borderTopColor: '#BAE6FD', borderBottomColor: '#BAE6FD'}, - 'border-y-sky-300': {borderTopColor: '#7DD3FC', borderBottomColor: '#7DD3FC'}, - 'border-y-sky-400': {borderTopColor: '#38BDF8', borderBottomColor: '#38BDF8'}, - 'border-y-sky-500': {borderTopColor: '#0EA5E9', borderBottomColor: '#0EA5E9'}, - 'border-y-sky-600': {borderTopColor: '#0284C7', borderBottomColor: '#0284C7'}, - 'border-y-sky-700': {borderTopColor: '#0369A1', borderBottomColor: '#0369A1'}, - 'border-y-sky-800': {borderTopColor: '#075985', borderBottomColor: '#075985'}, - 'border-y-sky-900': {borderTopColor: '#0C4A6E', borderBottomColor: '#0C4A6E'}, - 'border-y-sky-950': {borderTopColor: '#082F49', borderBottomColor: '#082F49'}, - 'border-y-slate-50': { - borderTopColor: '#F8FAFC', - borderBottomColor: '#F8FAFC', - }, - 'border-y-slate-100': { - borderTopColor: '#F1F5F9', - borderBottomColor: '#F1F5F9', - }, - 'border-y-slate-200': { - borderTopColor: '#E2E8F0', - borderBottomColor: '#E2E8F0', - }, - 'border-y-slate-300': { - borderTopColor: '#CBD5E1', - borderBottomColor: '#CBD5E1', - }, - 'border-y-slate-400': { - borderTopColor: '#94A3B8', - borderBottomColor: '#94A3B8', - }, - 'border-y-slate-500': { - borderTopColor: '#64748B', - borderBottomColor: '#64748B', - }, - 'border-y-slate-600': { - borderTopColor: '#475569', - borderBottomColor: '#475569', - }, - 'border-y-slate-700': { - borderTopColor: '#334155', - borderBottomColor: '#334155', - }, - 'border-y-slate-800': { - borderTopColor: '#1E293B', - borderBottomColor: '#1E293B', - }, - 'border-y-slate-900': { - borderTopColor: '#0F172A', - borderBottomColor: '#0F172A', - }, - 'border-y-slate-950': { - borderTopColor: '#020617', - borderBottomColor: '#020617', - }, - 'border-y-stone-50': { - borderTopColor: '#FAFAF9', - borderBottomColor: '#FAFAF9', - }, - 'border-y-stone-100': { - borderTopColor: '#F5F5F4', - borderBottomColor: '#F5F5F4', - }, - 'border-y-stone-200': { - borderTopColor: '#E7E5E4', - borderBottomColor: '#E7E5E4', - }, - 'border-y-stone-300': { - borderTopColor: '#D6D3D1', - borderBottomColor: '#D6D3D1', - }, - 'border-y-stone-400': { - borderTopColor: '#A8A29E', - borderBottomColor: '#A8A29E', - }, - 'border-y-stone-500': { - borderTopColor: '#78716C', - borderBottomColor: '#78716C', - }, - 'border-y-stone-600': { - borderTopColor: '#57534E', - borderBottomColor: '#57534E', - }, - 'border-y-stone-700': { - borderTopColor: '#44403C', - borderBottomColor: '#44403C', - }, - 'border-y-stone-800': { - borderTopColor: '#292524', - borderBottomColor: '#292524', - }, - 'border-y-stone-900': { - borderTopColor: '#1C1917', - borderBottomColor: '#1C1917', - }, - 'border-y-stone-950': { - borderTopColor: '#0F0E0D', - borderBottomColor: '#0F0E0D', - }, - 'border-y-teal-50': {borderTopColor: '#F0FDFA', borderBottomColor: '#F0FDFA'}, - 'border-y-teal-100': { - borderTopColor: '#CCFBF1', - borderBottomColor: '#CCFBF1', - }, - 'border-y-teal-200': { - borderTopColor: '#99F6E4', - borderBottomColor: '#99F6E4', - }, - 'border-y-teal-300': { - borderTopColor: '#5EEAD4', - borderBottomColor: '#5EEAD4', - }, - 'border-y-teal-400': { - borderTopColor: '#2DD4BF', - borderBottomColor: '#2DD4BF', - }, - 'border-y-teal-500': { - borderTopColor: '#14B8A6', - borderBottomColor: '#14B8A6', - }, - 'border-y-teal-600': { - borderTopColor: '#0D9488', - borderBottomColor: '#0D9488', - }, - 'border-y-teal-700': { - borderTopColor: '#0F766E', - borderBottomColor: '#0F766E', - }, - 'border-y-teal-800': { - borderTopColor: '#115E59', - borderBottomColor: '#115E59', - }, - 'border-y-teal-900': { - borderTopColor: '#134E4A', - borderBottomColor: '#134E4A', - }, - 'border-y-teal-950': { - borderTopColor: '#042F2E', - borderBottomColor: '#042F2E', - }, - 'border-y-violet-50': { - borderTopColor: '#F5F3FF', - borderBottomColor: '#F5F3FF', - }, - 'border-y-violet-100': { - borderTopColor: '#EDE9FE', - borderBottomColor: '#EDE9FE', - }, - 'border-y-violet-200': { - borderTopColor: '#DDD6FE', - borderBottomColor: '#DDD6FE', - }, - 'border-y-violet-300': { - borderTopColor: '#C4B5FD', - borderBottomColor: '#C4B5FD', - }, - 'border-y-violet-400': { - borderTopColor: '#A78BFA', - borderBottomColor: '#A78BFA', - }, - 'border-y-violet-500': { - borderTopColor: '#8B5CF6', - borderBottomColor: '#8B5CF6', - }, - 'border-y-violet-600': { - borderTopColor: '#7C3AED', - borderBottomColor: '#7C3AED', - }, - 'border-y-violet-700': { - borderTopColor: '#6D28D9', - borderBottomColor: '#6D28D9', - }, - 'border-y-violet-800': { - borderTopColor: '#5B21B6', - borderBottomColor: '#5B21B6', - }, - 'border-y-violet-900': { - borderTopColor: '#4C1D95', - borderBottomColor: '#4C1D95', - }, - 'border-y-violet-950': { - borderTopColor: '#2E1065', - borderBottomColor: '#2E1065', - }, - 'border-y-yellow-50': { - borderTopColor: '#FEFCE8', - borderBottomColor: '#FEFCE8', - }, - 'border-y-yellow-100': { - borderTopColor: '#FEF9C3', - borderBottomColor: '#FEF9C3', - }, - 'border-y-yellow-200': { - borderTopColor: '#FEF08A', - borderBottomColor: '#FEF08A', - }, - 'border-y-yellow-300': { - borderTopColor: '#FDE047', - borderBottomColor: '#FDE047', - }, - 'border-y-yellow-400': { - borderTopColor: '#FACC15', - borderBottomColor: '#FACC15', - }, - 'border-y-yellow-500': { - borderTopColor: '#EAB308', - borderBottomColor: '#EAB308', - }, - 'border-y-yellow-600': { - borderTopColor: '#CA8A04', - borderBottomColor: '#CA8A04', - }, - 'border-y-yellow-700': { - borderTopColor: '#A16207', - borderBottomColor: '#A16207', - }, - 'border-y-yellow-800': { - borderTopColor: '#854D0E', - borderBottomColor: '#854D0E', - }, - 'border-y-yellow-900': { - borderTopColor: '#713F12', - borderBottomColor: '#713F12', - }, - 'border-y-yellow-950': { - borderTopColor: '#422006', - borderBottomColor: '#422006', - }, - 'border-y-zinc-50': {borderTopColor: '#FAFAFA', borderBottomColor: '#FAFAFA'}, - 'border-y-zinc-100': { - borderTopColor: '#F4F4F5', - borderBottomColor: '#F4F4F5', - }, - 'border-y-zinc-200': { - borderTopColor: '#E4E4E7', - borderBottomColor: '#E4E4E7', - }, - 'border-y-zinc-300': { - borderTopColor: '#D4D4D8', - borderBottomColor: '#D4D4D8', - }, - 'border-y-zinc-400': { - borderTopColor: '#A1A1AA', - borderBottomColor: '#A1A1AA', - }, - 'border-y-zinc-500': { - borderTopColor: '#71717A', - borderBottomColor: '#71717A', - }, - 'border-y-zinc-600': { - borderTopColor: '#52525B', - borderBottomColor: '#52525B', - }, - 'border-y-zinc-700': { - borderTopColor: '#3F3F46', - borderBottomColor: '#3F3F46', - }, - 'border-y-zinc-800': { - borderTopColor: '#27272A', - borderBottomColor: '#27272A', - }, - 'border-y-zinc-900': { - borderTopColor: '#18181B', - borderBottomColor: '#18181B', - }, - 'border-y-zinc-950': { - borderTopColor: '#09090B', - borderBottomColor: '#09090B', - }, -}); - -const roundedStyles = StyleSheet.create({ - 'rounded-none': {borderRadius: 0}, - 'rounded-sm': {borderRadius: horizontalScale(2)}, - rounded: {borderRadius: horizontalScale(4)}, - 'rounded-md': {borderRadius: horizontalScale(6)}, - 'rounded-lg': {borderRadius: horizontalScale(8)}, - 'rounded-xl': {borderRadius: horizontalScale(12)}, - 'rounded-2xl': {borderRadius: horizontalScale(16)}, - 'rounded-3xl': {borderRadius: horizontalScale(24)}, - 'rounded-full': {borderRadius: horizontalScale(9999)}, - 'rounded-t-none': {borderTopLeftRadius: 0, borderTopRightRadius: 0}, - 'rounded-t-sm': { - borderTopLeftRadius: horizontalScale(2), - borderTopRightRadius: horizontalScale(2), - }, - 'rounded-t': { - borderTopLeftRadius: horizontalScale(4), - borderTopRightRadius: horizontalScale(4), - }, - 'rounded-t-md': { - borderTopLeftRadius: horizontalScale(6), - borderTopRightRadius: horizontalScale(6), - }, - 'rounded-t-lg': { - borderTopLeftRadius: horizontalScale(8), - borderTopRightRadius: horizontalScale(8), - }, - 'rounded-t-xl': { - borderTopLeftRadius: horizontalScale(12), - borderTopRightRadius: horizontalScale(12), - }, - 'rounded-t-2xl': { - borderTopLeftRadius: horizontalScale(16), - borderTopRightRadius: horizontalScale(16), - }, - 'rounded-t-3xl': { - borderTopLeftRadius: horizontalScale(24), - borderTopRightRadius: horizontalScale(24), - }, - 'rounded-t-full': { - borderTopLeftRadius: horizontalScale(9999), - borderTopRightRadius: horizontalScale(9999), - }, - 'rounded-b-none': {borderBottomLeftRadius: 0, borderBottomRightRadius: 0}, - 'rounded-b-sm': { - borderBottomLeftRadius: horizontalScale(2), - borderBottomRightRadius: horizontalScale(2), - }, - 'rounded-b': { - borderBottomLeftRadius: horizontalScale(4), - borderBottomRightRadius: horizontalScale(4), - }, - 'rounded-b-md': { - borderBottomLeftRadius: horizontalScale(6), - borderBottomRightRadius: horizontalScale(6), - }, - 'rounded-b-lg': { - borderBottomLeftRadius: horizontalScale(8), - borderBottomRightRadius: horizontalScale(8), - }, - 'rounded-b-xl': { - borderBottomLeftRadius: horizontalScale(12), - borderBottomRightRadius: horizontalScale(12), - }, - 'rounded-b-2xl': { - borderBottomLeftRadius: horizontalScale(16), - borderBottomRightRadius: horizontalScale(16), - }, - 'rounded-b-3xl': { - borderBottomLeftRadius: horizontalScale(24), - borderBottomRightRadius: horizontalScale(24), - }, - 'rounded-b-full': { - borderBottomLeftRadius: horizontalScale(9999), - borderBottomRightRadius: horizontalScale(9999), - }, - 'rounded-l-none': {borderTopLeftRadius: 0, borderBottomLeftRadius: 0}, - 'rounded-l-sm': { - borderTopLeftRadius: horizontalScale(2), - borderBottomLeftRadius: horizontalScale(2), - }, - 'rounded-l': { - borderTopLeftRadius: horizontalScale(4), - borderBottomLeftRadius: horizontalScale(4), - }, - 'rounded-l-md': { - borderTopLeftRadius: horizontalScale(6), - borderBottomLeftRadius: horizontalScale(6), - }, - 'rounded-l-lg': { - borderTopLeftRadius: horizontalScale(8), - borderBottomLeftRadius: horizontalScale(8), - }, - 'rounded-l-xl': { - borderTopLeftRadius: horizontalScale(12), - borderBottomLeftRadius: horizontalScale(12), - }, - 'rounded-l-2xl': { - borderTopLeftRadius: horizontalScale(16), - borderBottomLeftRadius: horizontalScale(16), - }, - 'rounded-l-3xl': { - borderTopLeftRadius: horizontalScale(24), - borderBottomLeftRadius: horizontalScale(24), - }, - 'rounded-l-full': { - borderTopLeftRadius: horizontalScale(9999), - borderBottomLeftRadius: horizontalScale(9999), - }, - 'rounded-tl-none': {borderTopLeftRadius: 0}, - 'rounded-tl-sm': {borderTopLeftRadius: horizontalScale(2)}, - 'rounded-tl': {borderTopLeftRadius: horizontalScale(4)}, - 'rounded-tl-md': {borderTopLeftRadius: horizontalScale(6)}, - 'rounded-tl-lg': {borderTopLeftRadius: horizontalScale(8)}, - 'rounded-tl-xl': {borderTopLeftRadius: horizontalScale(12)}, - 'rounded-tl-2xl': {borderTopLeftRadius: horizontalScale(16)}, - 'rounded-tl-3xl': {borderTopLeftRadius: horizontalScale(24)}, - 'rounded-tl-full': {borderTopLeftRadius: horizontalScale(9999)}, - 'rounded-tr-none': {borderTopRightRadius: 0}, - 'rounded-tr-sm': {borderTopRightRadius: horizontalScale(2)}, - 'rounded-tr': {borderTopRightRadius: horizontalScale(4)}, - 'rounded-tr-md': {borderTopRightRadius: horizontalScale(6)}, - 'rounded-tr-lg': {borderTopRightRadius: horizontalScale(8)}, - 'rounded-tr-xl': {borderTopRightRadius: horizontalScale(12)}, - 'rounded-tr-2xl': {borderTopRightRadius: horizontalScale(16)}, - 'rounded-tr-3xl': {borderTopRightRadius: horizontalScale(24)}, - 'rounded-tr-full': {borderTopRightRadius: horizontalScale(9999)}, - 'rounded-bl-none': {borderBottomLeftRadius: 0}, - 'rounded-bl-sm': {borderBottomLeftRadius: horizontalScale(2)}, - 'rounded-bl': {borderBottomLeftRadius: horizontalScale(4)}, - 'rounded-bl-md': {borderBottomLeftRadius: horizontalScale(6)}, - 'rounded-bl-lg': {borderBottomLeftRadius: horizontalScale(8)}, - 'rounded-bl-xl': {borderBottomLeftRadius: horizontalScale(12)}, - 'rounded-bl-2xl': {borderBottomLeftRadius: horizontalScale(16)}, - 'rounded-bl-3xl': {borderBottomLeftRadius: horizontalScale(24)}, - 'rounded-bl-full': {borderBottomLeftRadius: horizontalScale(9999)}, - 'rounded-br-none': {borderBottomRightRadius: 0}, - 'rounded-br-sm': {borderBottomRightRadius: horizontalScale(2)}, - 'rounded-br': {borderBottomRightRadius: horizontalScale(4)}, - 'rounded-br-md': {borderBottomRightRadius: horizontalScale(6)}, - 'rounded-br-lg': {borderBottomRightRadius: horizontalScale(8)}, - 'rounded-br-xl': {borderBottomRightRadius: horizontalScale(12)}, - 'rounded-br-2xl': {borderBottomRightRadius: horizontalScale(16)}, - 'rounded-br-3xl': {borderBottomRightRadius: horizontalScale(24)}, - 'rounded-br-full': {borderBottomRightRadius: horizontalScale(9999)}, -}); +export const roundedStylesType = { + rounded: 'borderRadius', + 'rounded-tl': 'borderTopLeftRadius', + 'rounded-tr': 'borderTopRightRadius', + 'rounded-bl': 'borderBottomLeftRadius', + 'rounded-br': 'borderBottomRightRadius', + 'rounded-t': 'borderTopLeftRadius borderTopRightRadius', + 'rounded-b': 'borderBottomLeftRadius borderBottomRightRadius', + 'rounded-l': 'borderTopLeftRadius borderBottomLeftRadius', + 'rounded-r': 'borderTopRightRadius borderBottomRightRadius', +}; -const borderWidthNoneScaleStyle = StyleSheet.create({ - 'border-none': {borderWidth: 0}, +const borderWidthStyle = StyleSheet.create({ + 'border-0': {borderWidth: 0}, + 'border-t-0': {borderTopWidth: 0}, + 'border-l-0': {borderLeftWidth: 0}, + 'border-b-0': {borderBottomWidth: 0}, + 'border-r-0': {borderRightWidth: 0}, + 'border-x-0': {borderLeftWidth: 0, borderRightWidth: 0}, + 'border-y-0': {borderTopWidth: 0, borderBottomWidth: 0}, border: {borderWidth: 1}, - 'border-md': {borderWidth: 2}, - 'border-lg': {borderWidth: 4}, - 'border-xl': {borderWidth: 8}, - 'border-t-none': {borderTopWidth: 0}, 'border-t': {borderTopWidth: 1}, - 'border-t-md': {borderTopWidth: 2}, - 'border-t-lg': {borderTopWidth: 4}, - 'border-t-xl': {borderTopWidth: 8}, - 'border-b-none': {borderBottomWidth: 0}, - 'border-b': {borderBottomWidth: 1}, - 'border-b-md': {borderBottomWidth: 2}, - 'border-b-lg': {borderBottomWidth: 4}, - 'border-b-xl': {borderBottomWidth: 8}, - 'border-l-none': {borderLeftWidth: 0}, 'border-l': {borderLeftWidth: 1}, - 'border-l-md': {borderLeftWidth: 2}, - 'border-l-lg': {borderLeftWidth: 4}, - 'border-l-xl': {borderLeftWidth: 8}, - 'border-r-none': {borderRightWidth: 0}, + 'border-b': {borderBottomWidth: 1}, 'border-r': {borderRightWidth: 1}, - 'border-r-md': {borderRightWidth: 2}, - 'border-r-lg': {borderRightWidth: 4}, - 'border-r-xl': {borderRightWidth: 8}, - 'border-x-none': {borderLeftWidth: 0, borderRightWidth: 0}, - 'border-x': { - borderLeftWidth: 1, - borderRightWidth: 1, - }, - 'border-x-md': { - borderLeftWidth: 2, - borderRightWidth: 2, - }, - 'border-x-lg': { - borderLeftWidth: 4, - borderRightWidth: 4, - }, - 'border-x-xl': { - borderLeftWidth: 8, - borderRightWidth: 8, - }, - 'border-y-none': {borderTopWidth: 0, borderBottomWidth: 0}, - 'border-y': { - borderTopWidth: 1, - borderBottomWidth: 1, - }, - 'border-y-md': { - borderTopWidth: 2, - borderBottomWidth: 2, - }, - 'border-y-lg': { - borderTopWidth: 4, - borderBottomWidth: 4, - }, - 'border-y-xl': { - borderTopWidth: 8, - borderBottomWidth: 8, - }, + 'border-x': {borderLeftWidth: 1, borderRightWidth: 1}, + 'border-y': {borderTopWidth: 1, borderBottomWidth: 1}, + 'border-2': {borderWidth: 2}, + 'border-t-2': {borderTopWidth: 2}, + 'border-l-2': {borderLeftWidth: 2}, + 'border-b-2': {borderBottomWidth: 2}, + 'border-r-2': {borderRightWidth: 2}, + 'border-x-2': {borderLeftWidth: 2, borderRightWidth: 2}, + 'border-y-2': {borderTopWidth: 2, borderBottomWidth: 2}, + 'border-3': {borderWidth: 3}, + 'border-t-3': {borderTopWidth: 3}, + 'border-l-3': {borderLeftWidth: 3}, + 'border-b-3': {borderBottomWidth: 3}, + 'border-r-3': {borderRightWidth: 3}, + 'border-x-3': {borderLeftWidth: 3, borderRightWidth: 3}, + 'border-y-3': {borderTopWidth: 3, borderBottomWidth: 3}, + 'border-4': {borderWidth: 4}, + 'border-t-4': {borderTopWidth: 4}, + 'border-l-4': {borderLeftWidth: 4}, + 'border-b-4': {borderBottomWidth: 4}, + 'border-r-4': {borderRightWidth: 4}, + 'border-x-4': {borderLeftWidth: 4, borderRightWidth: 4}, + 'border-y-4': {borderTopWidth: 4, borderBottomWidth: 4}, + 'border-5': {borderWidth: 5}, + 'border-t-5': {borderTopWidth: 5}, + 'border-l-5': {borderLeftWidth: 5}, + 'border-b-5': {borderBottomWidth: 5}, + 'border-r-5': {borderRightWidth: 5}, + 'border-x-5': {borderLeftWidth: 5, borderRightWidth: 5}, + 'border-y-5': {borderTopWidth: 5, borderBottomWidth: 5}, + 'border-6': {borderWidth: 6}, + 'border-t-6': {borderTopWidth: 6}, + 'border-l-6': {borderLeftWidth: 6}, + 'border-b-6': {borderBottomWidth: 6}, + 'border-r-6': {borderRightWidth: 6}, + 'border-x-6': {borderLeftWidth: 6, borderRightWidth: 6}, + 'border-y-6': {borderTopWidth: 6, borderBottomWidth: 6}, + 'border-8': {borderWidth: 8}, + 'border-t-8': {borderTopWidth: 8}, + 'border-l-8': {borderLeftWidth: 8}, + 'border-b-8': {borderBottomWidth: 8}, + 'border-r-8': {borderRightWidth: 8}, + 'border-x-8': {borderLeftWidth: 8, borderRightWidth: 8}, + 'border-y-8': {borderTopWidth: 8, borderBottomWidth: 8}, }); -const roundedNoneScaleStyles = StyleSheet.create({ - 'rounded-none': {borderRadius: 0}, - 'rounded-sm': {borderRadius: 2}, - rounded: {borderRadius: 4}, - 'rounded-md': {borderRadius: 6}, - 'rounded-lg': {borderRadius: 8}, - 'rounded-xl': {borderRadius: 12}, - 'rounded-2xl': {borderRadius: 16}, - 'rounded-3xl': {borderRadius: 24}, - 'rounded-full': {borderRadius: 9999}, - 'rounded-t-none': {borderTopLeftRadius: 0, borderTopRightRadius: 0}, - 'rounded-t-sm': { - borderTopLeftRadius: 2, - borderTopRightRadius: 2, - }, - 'rounded-t': { - borderTopLeftRadius: 4, - borderTopRightRadius: 4, - }, - 'rounded-t-md': { - borderTopLeftRadius: 6, - borderTopRightRadius: 6, - }, - 'rounded-t-lg': { - borderTopLeftRadius: 8, - borderTopRightRadius: 8, - }, - 'rounded-t-xl': { - borderTopLeftRadius: 12, - borderTopRightRadius: 12, - }, - 'rounded-t-2xl': { - borderTopLeftRadius: 16, - borderTopRightRadius: 16, - }, - 'rounded-t-3xl': { - borderTopLeftRadius: 24, - borderTopRightRadius: 24, - }, - 'rounded-t-full': { - borderTopLeftRadius: 9999, - borderTopRightRadius: 9999, - }, - 'rounded-b-none': {borderBottomLeftRadius: 0, borderBottomRightRadius: 0}, - 'rounded-b-sm': { - borderBottomLeftRadius: 2, - borderBottomRightRadius: 2, - }, - 'rounded-b': { - borderBottomLeftRadius: 4, - borderBottomRightRadius: 4, - }, - 'rounded-b-md': { - borderBottomLeftRadius: 6, - borderBottomRightRadius: 6, - }, - 'rounded-b-lg': { - borderBottomLeftRadius: 8, - borderBottomRightRadius: 8, - }, - 'rounded-b-xl': { - borderBottomLeftRadius: 12, - borderBottomRightRadius: 12, - }, - 'rounded-b-2xl': { - borderBottomLeftRadius: 16, - borderBottomRightRadius: 16, - }, - 'rounded-b-3xl': { - borderBottomLeftRadius: 24, - borderBottomRightRadius: 24, - }, - 'rounded-b-full': { - borderBottomLeftRadius: 9999, - borderBottomRightRadius: 9999, - }, - 'rounded-l-none': {borderTopLeftRadius: 0, borderBottomLeftRadius: 0}, - 'rounded-l-sm': { - borderTopLeftRadius: 2, - borderBottomLeftRadius: 2, - }, - 'rounded-l': { - borderTopLeftRadius: 4, - borderBottomLeftRadius: 4, - }, - 'rounded-l-md': { - borderTopLeftRadius: 6, - borderBottomLeftRadius: 6, - }, - 'rounded-l-lg': { - borderTopLeftRadius: 8, - borderBottomLeftRadius: 8, - }, - 'rounded-l-xl': { - borderTopLeftRadius: 12, - borderBottomLeftRadius: 12, - }, - 'rounded-l-2xl': { - borderTopLeftRadius: 16, - borderBottomLeftRadius: 16, - }, - 'rounded-l-3xl': { - borderTopLeftRadius: 24, - borderBottomLeftRadius: 24, - }, - 'rounded-l-full': { - borderTopLeftRadius: 9999, - borderBottomLeftRadius: 9999, - }, - 'rounded-tl-none': {borderTopLeftRadius: 0}, - 'rounded-tl-sm': {borderTopLeftRadius: 2}, - 'rounded-tl': {borderTopLeftRadius: 4}, - 'rounded-tl-md': {borderTopLeftRadius: 6}, - 'rounded-tl-lg': {borderTopLeftRadius: 8}, - 'rounded-tl-xl': {borderTopLeftRadius: 12}, - 'rounded-tl-2xl': {borderTopLeftRadius: 16}, - 'rounded-tl-3xl': {borderTopLeftRadius: 24}, - 'rounded-tl-full': {borderTopLeftRadius: 9999}, - 'rounded-tr-none': {borderTopRightRadius: 0}, - 'rounded-tr-sm': {borderTopRightRadius: 2}, - 'rounded-tr': {borderTopRightRadius: 4}, - 'rounded-tr-md': {borderTopRightRadius: 6}, - 'rounded-tr-lg': {borderTopRightRadius: 8}, - 'rounded-tr-xl': {borderTopRightRadius: 12}, - 'rounded-tr-2xl': {borderTopRightRadius: 16}, - 'rounded-tr-3xl': {borderTopRightRadius: 24}, - 'rounded-tr-full': {borderTopRightRadius: 9999}, - 'rounded-bl-none': {borderBottomLeftRadius: 0}, - 'rounded-bl-sm': {borderBottomLeftRadius: 2}, - 'rounded-bl': {borderBottomLeftRadius: 4}, - 'rounded-bl-md': {borderBottomLeftRadius: 6}, - 'rounded-bl-lg': {borderBottomLeftRadius: 8}, - 'rounded-bl-xl': {borderBottomLeftRadius: 12}, - 'rounded-bl-2xl': {borderBottomLeftRadius: 16}, - 'rounded-bl-3xl': {borderBottomLeftRadius: 24}, - 'rounded-bl-full': {borderBottomLeftRadius: 9999}, - 'rounded-br-none': {borderBottomRightRadius: 0}, - 'rounded-br-sm': {borderBottomRightRadius: 2}, - 'rounded-br': {borderBottomRightRadius: 4}, - 'rounded-br-md': {borderBottomRightRadius: 6}, - 'rounded-br-lg': {borderBottomRightRadius: 8}, - 'rounded-br-xl': {borderBottomRightRadius: 12}, - 'rounded-br-2xl': {borderBottomRightRadius: 16}, - 'rounded-br-3xl': {borderBottomRightRadius: 24}, - 'rounded-br-full': {borderBottomRightRadius: 9999}, -}); +const roundedStyles = StyleSheet.create( + createSpaceStyles(BORDER_RADIUS, roundedStylesType), +); export const classBorderStyles = { + 'border-dashed': {borderStyle: 'dashed'}, + 'border-dotted': {borderStyle: 'dotted'}, + 'border-solid': {borderStyle: 'solid'}, ...borderWidthStyle, - ...borderColorStyles, - ...roundedNoneScaleStyles, -}; - -export const classBorderNoneScaleStyles = { - ...borderWidthNoneScaleStyle, - ...borderColorStyles, ...roundedStyles, }; diff --git a/src/styles/ClassStyles.ts b/src/styles/ClassStyles.ts index 4544128..cffac10 100644 --- a/src/styles/ClassStyles.ts +++ b/src/styles/ClassStyles.ts @@ -1,63 +1,45 @@ -import {flexStyles, gapNoneScaleStyles, gapStyles} from './Flex.styles'; -import {classBorderNoneScaleStyles, classBorderStyles} from './Border.styles'; -import {classMarginNoneScaleStyle, classMarginStyle} from './Margin.styles'; -import {classPaddingNoneScaleStyle, classPaddingStyle} from './Padding.styles'; -import { - classPositionNoneScaleStyle, - classPositionStyle, -} from './Position.styles'; -import {classSizeNoneScaleStyle, classSizeStyle} from './Size.styles'; -import { - textFontSizeNoneScaleStyle, - textFontSizeStyle, - textStyles, -} from './Text.styles'; -import {backgroundColorStyle, opacityStyles} from './background.styles'; -import {ClassCustomType} from '../model'; +import {flexStyles} from './Flex.styles'; +import {classBorderStyles} from './Border.styles'; +import {classSizeStyle} from './Size.styles'; +import {textStyles} from './Text.styles'; +import {styleConfig} from './Theme.styles'; +import {ColorStyles} from './Colors.styles'; +import {spaceStyles} from './Space.styles'; +import {positionStyles} from './Position.styles'; +import {createSizeCustomStyles} from '../utils/styles'; const classStyles = { + positionStyles, + ...ColorStyles, + ...styleConfig, ...flexStyles, - ...gapStyles, + ...spaceStyles, ...classBorderStyles, - ...classMarginStyle, - ...classPaddingStyle, - ...classPositionStyle, ...classSizeStyle, ...textStyles, - ...backgroundColorStyle, - ...textFontSizeStyle, - ...opacityStyles, -}; -const classNoneScaleStyles = { - ...flexStyles, - ...gapNoneScaleStyles, - ...classBorderNoneScaleStyles, - ...classMarginNoneScaleStyle, - ...classPaddingNoneScaleStyle, - ...classPositionNoneScaleStyle, - ...classSizeNoneScaleStyle, - ...backgroundColorStyle, - ...textStyles, - ...textFontSizeNoneScaleStyle, - ...opacityStyles, }; -export const getClassNameStyles = (className: string, scaleScreen = true) => { +export const getClassNameStyles = (className: string) => { try { if (className.length > 0) { const listClass = className?.split(' '); - const listStyles = scaleScreen ? classStyles : classNoneScaleStyles; return listClass.map(item => { try { const customClass = item.match(/\[(\d+)\]/); if (customClass) { const typeClass = item?.split(customClass[0]); if (typeClass?.length && typeClass[0] && customClass?.[1]) { - return generalClassCustom(typeClass[0], Number(customClass[1])); + const customsClass = typeClass[0].split(/-$/); + if (customsClass) { + return createSizeCustomStyles( + Number(customClass[1]), + customsClass[0], + ); + } } return {}; } else { - return listStyles[item as never] || {}; + return classStyles[item as never] || {}; } } catch (error) { return {}; @@ -69,66 +51,3 @@ export const getClassNameStyles = (className: string, scaleScreen = true) => { return {}; } }; - -const generalClassCustom = (typeClass: string, value: number) => { - switch (typeClass) { - case ClassCustomType.MARGIN: - return {margin: value}; - case ClassCustomType.MARGIN_LEFT: - return {marginLeft: value}; - case ClassCustomType.MARGIN_RIGHT: - return {marginRight: value}; - case ClassCustomType.MARGIN_TOP: - return {marginTop: value}; - case ClassCustomType.MARGIN_BOTTOM: - return {marginBottom: value}; - case ClassCustomType.MARGIN_X: - return {marginHorizontal: value}; - case ClassCustomType.MARGIN_Y: - return {marginVertical: value}; - case ClassCustomType.PADDING: - return {padding: value}; - case ClassCustomType.PADDING_LEFT: - return {paddingLeft: value}; - case ClassCustomType.PADDING_RIGHT: - return {paddingRight: value}; - case ClassCustomType.PADDING_TOP: - return {paddingTop: value}; - case ClassCustomType.PADDING_BOTTOM: - return {paddingBottom: value}; - case ClassCustomType.PADDING_X: - return {paddingHorizontal: value}; - case ClassCustomType.PADDING_Y: - return {paddingVertical: value}; - case ClassCustomType.WIDTH: - return {width: value}; - case ClassCustomType.MAX_WIDTH: - return {maxWidth: value}; - case ClassCustomType.MIN_WIDTH: - return {minWidth: value}; - case ClassCustomType.HEIGHT: - return {height: value}; - case ClassCustomType.MAX_HEIGHT: - return {maxHeight: value}; - case ClassCustomType.MIN_HEIGHT: - return {minHeight: value}; - case ClassCustomType.TOP: - return {top: value}; - case ClassCustomType.LEFT: - return {left: value}; - case ClassCustomType.RIGHT: - return {right: value}; - case ClassCustomType.BOTTOM: - return {bottom: value}; - case ClassCustomType.TEXT: - return {fontSize: value}; - case ClassCustomType.GAP: - return {gap: value}; - case ClassCustomType.ROW_GAP: - return {rowGap: value}; - case ClassCustomType.COL_GAP: - return {columnGap: value}; - default: - return {}; - } -}; diff --git a/src/styles/Colors.styles.ts b/src/styles/Colors.styles.ts new file mode 100644 index 0000000..92f5165 --- /dev/null +++ b/src/styles/Colors.styles.ts @@ -0,0 +1,3859 @@ +import {StyleSheet} from 'react-native'; + +export const ColorStyles = StyleSheet.create({ + 'bg-amber-50': {backgroundColor: '#fff8e1'}, + 'bg-amber-100': {backgroundColor: '#ffecb3'}, + 'bg-amber-200': {backgroundColor: '#ffe082'}, + 'bg-amber-300': {backgroundColor: '#ffd54f'}, + 'bg-amber-400': {backgroundColor: '#ffca28'}, + 'bg-amber-500': {backgroundColor: '#ffc107'}, + 'bg-amber-600': {backgroundColor: '#ffb300'}, + 'bg-amber-700': {backgroundColor: '#ffa000'}, + 'bg-amber-800': {backgroundColor: '#ff8f00'}, + 'bg-amber-900': {backgroundColor: '#ff6f00'}, + 'bg-amber-A100': {backgroundColor: '#ffe57f'}, + 'bg-amber-A200': {backgroundColor: '#ffd740'}, + 'bg-amber-A400': {backgroundColor: '#ffc400'}, + 'bg-amber-A700': {backgroundColor: '#ffab00'}, + 'bg-black': {backgroundColor: '#000000'}, + 'bg-blue-50': {backgroundColor: '#e3f2fd'}, + 'bg-blue-100': {backgroundColor: '#bbdefb'}, + 'bg-blue-200': {backgroundColor: '#90caf9'}, + 'bg-blue-300': {backgroundColor: '#64b5f6'}, + 'bg-blue-400': {backgroundColor: '#42a5f5'}, + 'bg-blue-500': {backgroundColor: '#2196f3'}, + 'bg-blue-600': {backgroundColor: '#1e88e5'}, + 'bg-blue-700': {backgroundColor: '#1976d2'}, + 'bg-blue-800': {backgroundColor: '#1565c0'}, + 'bg-blue-900': {backgroundColor: '#0d47a1'}, + 'bg-blue-A100': {backgroundColor: '#82b1ff'}, + 'bg-blue-A200': {backgroundColor: '#448aff'}, + 'bg-blue-A400': {backgroundColor: '#2979ff'}, + 'bg-blue-A700': {backgroundColor: '#2962ff'}, + 'bg-blue-gray-50': {backgroundColor: '#eceff1'}, + 'bg-blue-gray-100': {backgroundColor: '#cfd8dc'}, + 'bg-blue-gray-200': {backgroundColor: '#b0bec5'}, + 'bg-blue-gray-300': {backgroundColor: '#90a4ae'}, + 'bg-blue-gray-400': {backgroundColor: '#78909c'}, + 'bg-blue-gray-500': {backgroundColor: '#607d8b'}, + 'bg-blue-gray-600': {backgroundColor: '#546e7a'}, + 'bg-blue-gray-700': {backgroundColor: '#455a64'}, + 'bg-blue-gray-800': {backgroundColor: '#37474f'}, + 'bg-blue-gray-900': {backgroundColor: '#263238'}, + 'bg-brown-50': {backgroundColor: '#efebe9'}, + 'bg-brown-100': {backgroundColor: '#d7ccc8'}, + 'bg-brown-200': {backgroundColor: '#bcaaa4'}, + 'bg-brown-300': {backgroundColor: '#a1887f'}, + 'bg-brown-400': {backgroundColor: '#8d6e63'}, + 'bg-brown-500': {backgroundColor: '#795548'}, + 'bg-brown-600': {backgroundColor: '#6d4c41'}, + 'bg-brown-700': {backgroundColor: '#5d4037'}, + 'bg-brown-800': {backgroundColor: '#4e342e'}, + 'bg-brown-900': {backgroundColor: '#3e2723'}, + 'bg-cyan-50': {backgroundColor: '#e0f7fa'}, + 'bg-cyan-100': {backgroundColor: '#b2ebf2'}, + 'bg-cyan-200': {backgroundColor: '#80deea'}, + 'bg-cyan-300': {backgroundColor: '#4dd0e1'}, + 'bg-cyan-400': {backgroundColor: '#26c6da'}, + 'bg-cyan-500': {backgroundColor: '#00bcd4'}, + 'bg-cyan-600': {backgroundColor: '#00acc1'}, + 'bg-cyan-700': {backgroundColor: '#0097a7'}, + 'bg-cyan-800': {backgroundColor: '#00838f'}, + 'bg-cyan-900': {backgroundColor: '#006064'}, + 'bg-cyan-A100': {backgroundColor: '#84ffff'}, + 'bg-cyan-A200': {backgroundColor: '#18ffff'}, + 'bg-cyan-A400': {backgroundColor: '#00e5ff'}, + 'bg-cyan-A700': {backgroundColor: '#00b8d4'}, + 'bg-deep-orange-50': {backgroundColor: '#fbe9e7'}, + 'bg-deep-orange-100': {backgroundColor: '#ffccbc'}, + 'bg-deep-orange-200': {backgroundColor: '#ffab91'}, + 'bg-deep-orange-300': {backgroundColor: '#ff8a65'}, + 'bg-deep-orange-400': {backgroundColor: '#ff7043'}, + 'bg-deep-orange-500': {backgroundColor: '#ff5722'}, + 'bg-deep-orange-600': {backgroundColor: '#f4511e'}, + 'bg-deep-orange-700': {backgroundColor: '#e64a19'}, + 'bg-deep-orange-800': {backgroundColor: '#d84315'}, + 'bg-deep-orange-900': {backgroundColor: '#bf360c'}, + 'bg-deep-orange-A100': {backgroundColor: '#ff9e80'}, + 'bg-deep-orange-A200': {backgroundColor: '#ff6e40'}, + 'bg-deep-orange-A400': {backgroundColor: '#ff3d00'}, + 'bg-deep-orange-A700': {backgroundColor: '#dd2c00'}, + 'bg-deep-purple-50': {backgroundColor: '#ede7f6'}, + 'bg-deep-purple-100': {backgroundColor: '#d1c4e9'}, + 'bg-deep-purple-200': {backgroundColor: '#b39ddb'}, + 'bg-deep-purple-300': {backgroundColor: '#9575cd'}, + 'bg-deep-purple-400': {backgroundColor: '#7e57c2'}, + 'bg-deep-purple-500': {backgroundColor: '#673ab7'}, + 'bg-deep-purple-600': {backgroundColor: '#5e35b1'}, + 'bg-deep-purple-700': {backgroundColor: '#512da8'}, + 'bg-deep-purple-800': {backgroundColor: '#4527a0'}, + 'bg-deep-purple-900': {backgroundColor: '#311b92'}, + 'bg-deep-purple-A100': {backgroundColor: '#b388ff'}, + 'bg-deep-purple-A200': {backgroundColor: '#7c4dff'}, + 'bg-deep-purple-A400': {backgroundColor: '#651fff'}, + 'bg-deep-purple-A700': {backgroundColor: '#6200ea'}, + 'bg-gray-50': {backgroundColor: '#fafafa'}, + 'bg-gray-100': {backgroundColor: '#f5f5f5'}, + 'bg-gray-200': {backgroundColor: '#eeeeee'}, + 'bg-gray-300': {backgroundColor: '#e0e0e0'}, + 'bg-gray-400': {backgroundColor: '#bdbdbd'}, + 'bg-gray-500': {backgroundColor: '#9e9e9e'}, + 'bg-gray-600': {backgroundColor: '#757575'}, + 'bg-gray-700': {backgroundColor: '#616161'}, + 'bg-gray-800': {backgroundColor: '#424242'}, + 'bg-gray-900': {backgroundColor: '#212121'}, + 'bg-green-50': {backgroundColor: '#e8f5e9'}, + 'bg-green-100': {backgroundColor: '#c8e6c9'}, + 'bg-green-200': {backgroundColor: '#a5d6a7'}, + 'bg-green-300': {backgroundColor: '#81c784'}, + 'bg-green-400': {backgroundColor: '#66bb6a'}, + 'bg-green-500': {backgroundColor: '#4caf50'}, + 'bg-green-600': {backgroundColor: '#43a047'}, + 'bg-green-700': {backgroundColor: '#388e3c'}, + 'bg-green-800': {backgroundColor: '#2e7d32'}, + 'bg-green-900': {backgroundColor: '#1b5e20'}, + 'bg-green-A100': {backgroundColor: '#b9f6ca'}, + 'bg-green-A200': {backgroundColor: '#69f0ae'}, + 'bg-green-A400': {backgroundColor: '#00e676'}, + 'bg-green-A700': {backgroundColor: '#00c853'}, + 'bg-indigo-50': {backgroundColor: '#e8eaf6'}, + 'bg-indigo-100': {backgroundColor: '#c5cae9'}, + 'bg-indigo-200': {backgroundColor: '#9fa8da'}, + 'bg-indigo-300': {backgroundColor: '#7986cb'}, + 'bg-indigo-400': {backgroundColor: '#5c6bc0'}, + 'bg-indigo-500': {backgroundColor: '#3f51b5'}, + 'bg-indigo-600': {backgroundColor: '#3949ab'}, + 'bg-indigo-700': {backgroundColor: '#303f9f'}, + 'bg-indigo-800': {backgroundColor: '#283593'}, + 'bg-indigo-900': {backgroundColor: '#1a237e'}, + 'bg-indigo-A100': {backgroundColor: '#8c9eff'}, + 'bg-indigo-A200': {backgroundColor: '#536dfe'}, + 'bg-indigo-A400': {backgroundColor: '#3d5afe'}, + 'bg-indigo-A700': {backgroundColor: '#304ffe'}, + 'bg-light-blue-50': {backgroundColor: '#e1f5fe'}, + 'bg-light-blue-100': {backgroundColor: '#b3e5fc'}, + 'bg-light-blue-200': {backgroundColor: '#81d4fa'}, + 'bg-light-blue-300': {backgroundColor: '#4fc3f7'}, + 'bg-light-blue-400': {backgroundColor: '#29b6f6'}, + 'bg-light-blue-500': {backgroundColor: '#03a9f4'}, + 'bg-light-blue-600': {backgroundColor: '#039be5'}, + 'bg-light-blue-700': {backgroundColor: '#0288d1'}, + 'bg-light-blue-800': {backgroundColor: '#0277bd'}, + 'bg-light-blue-900': {backgroundColor: '#01579b'}, + 'bg-light-blue-A100': {backgroundColor: '#80d8ff'}, + 'bg-light-blue-A200': {backgroundColor: '#40c4ff'}, + 'bg-light-blue-A400': {backgroundColor: '#00b0ff'}, + 'bg-light-blue-A700': {backgroundColor: '#0091ea'}, + 'bg-light-green-50': {backgroundColor: '#f1f8e9'}, + 'bg-light-green-100': {backgroundColor: '#dcedc8'}, + 'bg-light-green-200': {backgroundColor: '#c5e1a5'}, + 'bg-light-green-300': {backgroundColor: '#aed581'}, + 'bg-light-green-400': {backgroundColor: '#9ccc65'}, + 'bg-light-green-500': {backgroundColor: '#8bc34a'}, + 'bg-light-green-600': {backgroundColor: '#7cb342'}, + 'bg-light-green-700': {backgroundColor: '#689f38'}, + 'bg-light-green-800': {backgroundColor: '#558b2f'}, + 'bg-light-green-900': {backgroundColor: '#33691e'}, + 'bg-light-green-A100': {backgroundColor: '#ccff90'}, + 'bg-light-green-A200': {backgroundColor: '#b2ff59'}, + 'bg-light-green-A400': {backgroundColor: '#76ff03'}, + 'bg-light-green-A700': {backgroundColor: '#64dd17'}, + 'bg-lime-50': {backgroundColor: '#f9fbe7'}, + 'bg-lime-100': {backgroundColor: '#f0f4c3'}, + 'bg-lime-200': {backgroundColor: '#e6ee9c'}, + 'bg-lime-300': {backgroundColor: '#dce775'}, + 'bg-lime-400': {backgroundColor: '#d4e157'}, + 'bg-lime-500': {backgroundColor: '#cddc39'}, + 'bg-lime-600': {backgroundColor: '#c0ca33'}, + 'bg-lime-700': {backgroundColor: '#afb42b'}, + 'bg-lime-800': {backgroundColor: '#9e9d24'}, + 'bg-lime-900': {backgroundColor: '#827717'}, + 'bg-lime-A100': {backgroundColor: '#f4ff81'}, + 'bg-lime-A200': {backgroundColor: '#eeff41'}, + 'bg-lime-A400': {backgroundColor: '#c6ff00'}, + 'bg-lime-A700': {backgroundColor: '#aeea00'}, + 'bg-orange-50': {backgroundColor: '#fff3e0'}, + 'bg-orange-100': {backgroundColor: '#ffe0b2'}, + 'bg-orange-200': {backgroundColor: '#ffcc80'}, + 'bg-orange-300': {backgroundColor: '#ffb74d'}, + 'bg-orange-400': {backgroundColor: '#ffa726'}, + 'bg-orange-500': {backgroundColor: '#ff9800'}, + 'bg-orange-600': {backgroundColor: '#fb8c00'}, + 'bg-orange-700': {backgroundColor: '#f57c00'}, + 'bg-orange-800': {backgroundColor: '#ef6c00'}, + 'bg-orange-900': {backgroundColor: '#e65100'}, + 'bg-orange-A100': {backgroundColor: '#ffd180'}, + 'bg-orange-A200': {backgroundColor: '#ffab40'}, + 'bg-orange-A400': {backgroundColor: '#ff9100'}, + 'bg-orange-A700': {backgroundColor: '#ff6d00'}, + 'bg-prink-50': {backgroundColor: '#fce4ec'}, + 'bg-prink-100': {backgroundColor: '#f8bbd0'}, + 'bg-prink-200': {backgroundColor: '#f48fb1'}, + 'bg-prink-300': {backgroundColor: '#f06292'}, + 'bg-prink-400': {backgroundColor: '#ec407a'}, + 'bg-prink-500': {backgroundColor: '#e91e63'}, + 'bg-prink-600': {backgroundColor: '#d81b60'}, + 'bg-prink-700': {backgroundColor: '#c2185b'}, + 'bg-prink-800': {backgroundColor: '#ad1457'}, + 'bg-prink-900': {backgroundColor: '#880e4f'}, + 'bg-prink-A100': {backgroundColor: '#ff80ab'}, + 'bg-prink-A200': {backgroundColor: '#ff4081'}, + 'bg-prink-A400': {backgroundColor: '#f50057'}, + 'bg-prink-A700': {backgroundColor: '#c51162'}, + 'bg-purple-50': {backgroundColor: '#f3e5f5'}, + 'bg-purple-100': {backgroundColor: '#e1bee7'}, + 'bg-purple-200': {backgroundColor: '#ce93d8'}, + 'bg-purple-300': {backgroundColor: '#ba68c8'}, + 'bg-purple-400': {backgroundColor: '#ab47bc'}, + 'bg-purple-500': {backgroundColor: '#9c27b0'}, + 'bg-purple-600': {backgroundColor: '#8e24aa'}, + 'bg-purple-700': {backgroundColor: '#7b1fa2'}, + 'bg-purple-800': {backgroundColor: '#6a1b9a'}, + 'bg-purple-900': {backgroundColor: '#4a148c'}, + 'bg-purple-A100': {backgroundColor: '#ea80fc'}, + 'bg-purple-A200': {backgroundColor: '#e040fb'}, + 'bg-purple-A400': {backgroundColor: '#d500f9'}, + 'bg-purple-A700': {backgroundColor: '#aa00ff'}, + 'bg-red-50': {backgroundColor: '#ffebee'}, + 'bg-red-100': {backgroundColor: '#ffcdd2'}, + 'bg-red-200': {backgroundColor: '#ef9a9a'}, + 'bg-red-300': {backgroundColor: '#e57373'}, + 'bg-red-400': {backgroundColor: '#ef5350'}, + 'bg-red-500': {backgroundColor: '#f44336'}, + 'bg-red-600': {backgroundColor: '#e53935'}, + 'bg-red-700': {backgroundColor: '#d32f2f'}, + 'bg-red-800': {backgroundColor: '#c62828'}, + 'bg-red-900': {backgroundColor: '#b71c1c'}, + 'bg-red-A100': {backgroundColor: '#ff8a80'}, + 'bg-red-A200': {backgroundColor: '#ff5252'}, + 'bg-red-A400': {backgroundColor: '#ff1744'}, + 'bg-red-A700': {backgroundColor: '#d50000'}, + 'bg-teal-50': {backgroundColor: '#e0f2f1'}, + 'bg-teal-100': {backgroundColor: '#b2dfdb'}, + 'bg-teal-200': {backgroundColor: '#80cbc4'}, + 'bg-teal-300': {backgroundColor: '#4db6ac'}, + 'bg-teal-400': {backgroundColor: '#26a69a'}, + 'bg-teal-500': {backgroundColor: '#009688'}, + 'bg-teal-600': {backgroundColor: '#00897b'}, + 'bg-teal-700': {backgroundColor: '#00796b'}, + 'bg-teal-800': {backgroundColor: '#00695c'}, + 'bg-teal-900': {backgroundColor: '#004d40'}, + 'bg-teal-A100': {backgroundColor: '#a7ffeb'}, + 'bg-teal-A200': {backgroundColor: '#64ffda'}, + 'bg-teal-A400': {backgroundColor: '#1de9b6'}, + 'bg-teal-A700': {backgroundColor: '#00bfa5'}, + 'bg-transparent': {backgroundColor: 'transparent'}, + 'bg-white': {backgroundColor: '#ffffff'}, + 'bg-yellow-50': {backgroundColor: '#fffde7'}, + 'bg-yellow-100': {backgroundColor: '#fff9c4'}, + 'bg-yellow-200': {backgroundColor: '#fff59d'}, + 'bg-yellow-300': {backgroundColor: '#fff176'}, + 'bg-yellow-400': {backgroundColor: '#ffee58'}, + 'bg-yellow-500': {backgroundColor: '#ffeb3b'}, + 'bg-yellow-600': {backgroundColor: '#fdd835'}, + 'bg-yellow-700': {backgroundColor: '#fbc02d'}, + 'bg-yellow-800': {backgroundColor: '#f9a825'}, + 'bg-yellow-900': {backgroundColor: '#f57f17'}, + 'bg-yellow-A100': {backgroundColor: '#ffff8d'}, + 'bg-yellow-A200': {backgroundColor: '#ffff00'}, + 'bg-yellow-A400': {backgroundColor: '#ffea00'}, + 'bg-yellow-A700': {backgroundColor: '#ffd600'}, + 'border-amber-50': {borderColor: '#fff8e1'}, + 'border-amber-100': {borderColor: '#ffecb3'}, + 'border-amber-200': {borderColor: '#ffe082'}, + 'border-amber-300': {borderColor: '#ffd54f'}, + 'border-amber-400': {borderColor: '#ffca28'}, + 'border-amber-500': {borderColor: '#ffc107'}, + 'border-amber-600': {borderColor: '#ffb300'}, + 'border-amber-700': {borderColor: '#ffa000'}, + 'border-amber-800': {borderColor: '#ff8f00'}, + 'border-amber-900': {borderColor: '#ff6f00'}, + 'border-amber-A100': {borderColor: '#ffe57f'}, + 'border-amber-A200': {borderColor: '#ffd740'}, + 'border-amber-A400': {borderColor: '#ffc400'}, + 'border-amber-A700': {borderColor: '#ffab00'}, + 'border-b-amber-50': {borderBottomColor: '#fff8e1'}, + 'border-b-amber-100': {borderBottomColor: '#ffecb3'}, + 'border-b-amber-200': {borderBottomColor: '#ffe082'}, + 'border-b-amber-300': {borderBottomColor: '#ffd54f'}, + 'border-b-amber-400': {borderBottomColor: '#ffca28'}, + 'border-b-amber-500': {borderBottomColor: '#ffc107'}, + 'border-b-amber-600': {borderBottomColor: '#ffb300'}, + 'border-b-amber-700': {borderBottomColor: '#ffa000'}, + 'border-b-amber-800': {borderBottomColor: '#ff8f00'}, + 'border-b-amber-900': {borderBottomColor: '#ff6f00'}, + 'border-b-amber-A100': {borderBottomColor: '#ffe57f'}, + 'border-b-amber-A200': {borderBottomColor: '#ffd740'}, + 'border-b-amber-A400': {borderBottomColor: '#ffc400'}, + 'border-b-amber-A700': {borderBottomColor: '#ffab00'}, + 'border-b-black': {borderBottomColor: '#000000'}, + 'border-b-blue-50': {borderBottomColor: '#e3f2fd'}, + 'border-b-blue-100': {borderBottomColor: '#bbdefb'}, + 'border-b-blue-200': {borderBottomColor: '#90caf9'}, + 'border-b-blue-300': {borderBottomColor: '#64b5f6'}, + 'border-b-blue-400': {borderBottomColor: '#42a5f5'}, + 'border-b-blue-500': {borderBottomColor: '#2196f3'}, + 'border-b-blue-600': {borderBottomColor: '#1e88e5'}, + 'border-b-blue-700': {borderBottomColor: '#1976d2'}, + 'border-b-blue-800': {borderBottomColor: '#1565c0'}, + 'border-b-blue-900': {borderBottomColor: '#0d47a1'}, + 'border-b-blue-A100': {borderBottomColor: '#82b1ff'}, + 'border-b-blue-A200': {borderBottomColor: '#448aff'}, + 'border-b-blue-A400': {borderBottomColor: '#2979ff'}, + 'border-b-blue-A700': {borderBottomColor: '#2962ff'}, + 'border-b-blue-gray-50': {borderBottomColor: '#eceff1'}, + 'border-b-blue-gray-100': {borderBottomColor: '#cfd8dc'}, + 'border-b-blue-gray-200': {borderBottomColor: '#b0bec5'}, + 'border-b-blue-gray-300': {borderBottomColor: '#90a4ae'}, + 'border-b-blue-gray-400': {borderBottomColor: '#78909c'}, + 'border-b-blue-gray-500': {borderBottomColor: '#607d8b'}, + 'border-b-blue-gray-600': {borderBottomColor: '#546e7a'}, + 'border-b-blue-gray-700': {borderBottomColor: '#455a64'}, + 'border-b-blue-gray-800': {borderBottomColor: '#37474f'}, + 'border-b-blue-gray-900': {borderBottomColor: '#263238'}, + 'border-b-brown-50': {borderBottomColor: '#efebe9'}, + 'border-b-brown-100': {borderBottomColor: '#d7ccc8'}, + 'border-b-brown-200': {borderBottomColor: '#bcaaa4'}, + 'border-b-brown-300': {borderBottomColor: '#a1887f'}, + 'border-b-brown-400': {borderBottomColor: '#8d6e63'}, + 'border-b-brown-500': {borderBottomColor: '#795548'}, + 'border-b-brown-600': {borderBottomColor: '#6d4c41'}, + 'border-b-brown-700': {borderBottomColor: '#5d4037'}, + 'border-b-brown-800': {borderBottomColor: '#4e342e'}, + 'border-b-brown-900': {borderBottomColor: '#3e2723'}, + 'border-b-cyan-50': {borderBottomColor: '#e0f7fa'}, + 'border-b-cyan-100': {borderBottomColor: '#b2ebf2'}, + 'border-b-cyan-200': {borderBottomColor: '#80deea'}, + 'border-b-cyan-300': {borderBottomColor: '#4dd0e1'}, + 'border-b-cyan-400': {borderBottomColor: '#26c6da'}, + 'border-b-cyan-500': {borderBottomColor: '#00bcd4'}, + 'border-b-cyan-600': {borderBottomColor: '#00acc1'}, + 'border-b-cyan-700': {borderBottomColor: '#0097a7'}, + 'border-b-cyan-800': {borderBottomColor: '#00838f'}, + 'border-b-cyan-900': {borderBottomColor: '#006064'}, + 'border-b-cyan-A100': {borderBottomColor: '#84ffff'}, + 'border-b-cyan-A200': {borderBottomColor: '#18ffff'}, + 'border-b-cyan-A400': {borderBottomColor: '#00e5ff'}, + 'border-b-cyan-A700': {borderBottomColor: '#00b8d4'}, + 'border-b-deep-orange-50': {borderBottomColor: '#fbe9e7'}, + 'border-b-deep-orange-100': {borderBottomColor: '#ffccbc'}, + 'border-b-deep-orange-200': {borderBottomColor: '#ffab91'}, + 'border-b-deep-orange-300': {borderBottomColor: '#ff8a65'}, + 'border-b-deep-orange-400': {borderBottomColor: '#ff7043'}, + 'border-b-deep-orange-500': {borderBottomColor: '#ff5722'}, + 'border-b-deep-orange-600': {borderBottomColor: '#f4511e'}, + 'border-b-deep-orange-700': {borderBottomColor: '#e64a19'}, + 'border-b-deep-orange-800': {borderBottomColor: '#d84315'}, + 'border-b-deep-orange-900': {borderBottomColor: '#bf360c'}, + 'border-b-deep-orange-A100': {borderBottomColor: '#ff9e80'}, + 'border-b-deep-orange-A200': {borderBottomColor: '#ff6e40'}, + 'border-b-deep-orange-A400': {borderBottomColor: '#ff3d00'}, + 'border-b-deep-orange-A700': {borderBottomColor: '#dd2c00'}, + 'border-b-deep-purple-50': {borderBottomColor: '#ede7f6'}, + 'border-b-deep-purple-100': {borderBottomColor: '#d1c4e9'}, + 'border-b-deep-purple-200': {borderBottomColor: '#b39ddb'}, + 'border-b-deep-purple-300': {borderBottomColor: '#9575cd'}, + 'border-b-deep-purple-400': {borderBottomColor: '#7e57c2'}, + 'border-b-deep-purple-500': {borderBottomColor: '#673ab7'}, + 'border-b-deep-purple-600': {borderBottomColor: '#5e35b1'}, + 'border-b-deep-purple-700': {borderBottomColor: '#512da8'}, + 'border-b-deep-purple-800': {borderBottomColor: '#4527a0'}, + 'border-b-deep-purple-900': {borderBottomColor: '#311b92'}, + 'border-b-deep-purple-A100': {borderBottomColor: '#b388ff'}, + 'border-b-deep-purple-A200': {borderBottomColor: '#7c4dff'}, + 'border-b-deep-purple-A400': {borderBottomColor: '#651fff'}, + 'border-b-deep-purple-A700': {borderBottomColor: '#6200ea'}, + 'border-b-gray-50': {borderBottomColor: '#fafafa'}, + 'border-b-gray-100': {borderBottomColor: '#f5f5f5'}, + 'border-b-gray-200': {borderBottomColor: '#eeeeee'}, + 'border-b-gray-300': {borderBottomColor: '#e0e0e0'}, + 'border-b-gray-400': {borderBottomColor: '#bdbdbd'}, + 'border-b-gray-500': {borderBottomColor: '#9e9e9e'}, + 'border-b-gray-600': {borderBottomColor: '#757575'}, + 'border-b-gray-700': {borderBottomColor: '#616161'}, + 'border-b-gray-800': {borderBottomColor: '#424242'}, + 'border-b-gray-900': {borderBottomColor: '#212121'}, + 'border-b-green-50': {borderBottomColor: '#e8f5e9'}, + 'border-b-green-100': {borderBottomColor: '#c8e6c9'}, + 'border-b-green-200': {borderBottomColor: '#a5d6a7'}, + 'border-b-green-300': {borderBottomColor: '#81c784'}, + 'border-b-green-400': {borderBottomColor: '#66bb6a'}, + 'border-b-green-500': {borderBottomColor: '#4caf50'}, + 'border-b-green-600': {borderBottomColor: '#43a047'}, + 'border-b-green-700': {borderBottomColor: '#388e3c'}, + 'border-b-green-800': {borderBottomColor: '#2e7d32'}, + 'border-b-green-900': {borderBottomColor: '#1b5e20'}, + 'border-b-green-A100': {borderBottomColor: '#b9f6ca'}, + 'border-b-green-A200': {borderBottomColor: '#69f0ae'}, + 'border-b-green-A400': {borderBottomColor: '#00e676'}, + 'border-b-green-A700': {borderBottomColor: '#00c853'}, + 'border-b-indigo-50': {borderBottomColor: '#e8eaf6'}, + 'border-b-indigo-100': {borderBottomColor: '#c5cae9'}, + 'border-b-indigo-200': {borderBottomColor: '#9fa8da'}, + 'border-b-indigo-300': {borderBottomColor: '#7986cb'}, + 'border-b-indigo-400': {borderBottomColor: '#5c6bc0'}, + 'border-b-indigo-500': {borderBottomColor: '#3f51b5'}, + 'border-b-indigo-600': {borderBottomColor: '#3949ab'}, + 'border-b-indigo-700': {borderBottomColor: '#303f9f'}, + 'border-b-indigo-800': {borderBottomColor: '#283593'}, + 'border-b-indigo-900': {borderBottomColor: '#1a237e'}, + 'border-b-indigo-A100': {borderBottomColor: '#8c9eff'}, + 'border-b-indigo-A200': {borderBottomColor: '#536dfe'}, + 'border-b-indigo-A400': {borderBottomColor: '#3d5afe'}, + 'border-b-indigo-A700': {borderBottomColor: '#304ffe'}, + 'border-b-light-blue-50': {borderBottomColor: '#e1f5fe'}, + 'border-b-light-blue-100': {borderBottomColor: '#b3e5fc'}, + 'border-b-light-blue-200': {borderBottomColor: '#81d4fa'}, + 'border-b-light-blue-300': {borderBottomColor: '#4fc3f7'}, + 'border-b-light-blue-400': {borderBottomColor: '#29b6f6'}, + 'border-b-light-blue-500': {borderBottomColor: '#03a9f4'}, + 'border-b-light-blue-600': {borderBottomColor: '#039be5'}, + 'border-b-light-blue-700': {borderBottomColor: '#0288d1'}, + 'border-b-light-blue-800': {borderBottomColor: '#0277bd'}, + 'border-b-light-blue-900': {borderBottomColor: '#01579b'}, + 'border-b-light-blue-A100': {borderBottomColor: '#80d8ff'}, + 'border-b-light-blue-A200': {borderBottomColor: '#40c4ff'}, + 'border-b-light-blue-A400': {borderBottomColor: '#00b0ff'}, + 'border-b-light-blue-A700': {borderBottomColor: '#0091ea'}, + 'border-b-light-green-50': {borderBottomColor: '#f1f8e9'}, + 'border-b-light-green-100': {borderBottomColor: '#dcedc8'}, + 'border-b-light-green-200': {borderBottomColor: '#c5e1a5'}, + 'border-b-light-green-300': {borderBottomColor: '#aed581'}, + 'border-b-light-green-400': {borderBottomColor: '#9ccc65'}, + 'border-b-light-green-500': {borderBottomColor: '#8bc34a'}, + 'border-b-light-green-600': {borderBottomColor: '#7cb342'}, + 'border-b-light-green-700': {borderBottomColor: '#689f38'}, + 'border-b-light-green-800': {borderBottomColor: '#558b2f'}, + 'border-b-light-green-900': {borderBottomColor: '#33691e'}, + 'border-b-light-green-A100': {borderBottomColor: '#ccff90'}, + 'border-b-light-green-A200': {borderBottomColor: '#b2ff59'}, + 'border-b-light-green-A400': {borderBottomColor: '#76ff03'}, + 'border-b-light-green-A700': {borderBottomColor: '#64dd17'}, + 'border-b-lime-50': {borderBottomColor: '#f9fbe7'}, + 'border-b-lime-100': {borderBottomColor: '#f0f4c3'}, + 'border-b-lime-200': {borderBottomColor: '#e6ee9c'}, + 'border-b-lime-300': {borderBottomColor: '#dce775'}, + 'border-b-lime-400': {borderBottomColor: '#d4e157'}, + 'border-b-lime-500': {borderBottomColor: '#cddc39'}, + 'border-b-lime-600': {borderBottomColor: '#c0ca33'}, + 'border-b-lime-700': {borderBottomColor: '#afb42b'}, + 'border-b-lime-800': {borderBottomColor: '#9e9d24'}, + 'border-b-lime-900': {borderBottomColor: '#827717'}, + 'border-b-lime-A100': {borderBottomColor: '#f4ff81'}, + 'border-b-lime-A200': {borderBottomColor: '#eeff41'}, + 'border-b-lime-A400': {borderBottomColor: '#c6ff00'}, + 'border-b-lime-A700': {borderBottomColor: '#aeea00'}, + 'border-b-orange-50': {borderBottomColor: '#fff3e0'}, + 'border-b-orange-100': {borderBottomColor: '#ffe0b2'}, + 'border-b-orange-200': {borderBottomColor: '#ffcc80'}, + 'border-b-orange-300': {borderBottomColor: '#ffb74d'}, + 'border-b-orange-400': {borderBottomColor: '#ffa726'}, + 'border-b-orange-500': {borderBottomColor: '#ff9800'}, + 'border-b-orange-600': {borderBottomColor: '#fb8c00'}, + 'border-b-orange-700': {borderBottomColor: '#f57c00'}, + 'border-b-orange-800': {borderBottomColor: '#ef6c00'}, + 'border-b-orange-900': {borderBottomColor: '#e65100'}, + 'border-b-orange-A100': {borderBottomColor: '#ffd180'}, + 'border-b-orange-A200': {borderBottomColor: '#ffab40'}, + 'border-b-orange-A400': {borderBottomColor: '#ff9100'}, + 'border-b-orange-A700': {borderBottomColor: '#ff6d00'}, + 'border-b-prink-50': {borderBottomColor: '#fce4ec'}, + 'border-b-prink-100': {borderBottomColor: '#f8bbd0'}, + 'border-b-prink-200': {borderBottomColor: '#f48fb1'}, + 'border-b-prink-300': {borderBottomColor: '#f06292'}, + 'border-b-prink-400': {borderBottomColor: '#ec407a'}, + 'border-b-prink-500': {borderBottomColor: '#e91e63'}, + 'border-b-prink-600': {borderBottomColor: '#d81b60'}, + 'border-b-prink-700': {borderBottomColor: '#c2185b'}, + 'border-b-prink-800': {borderBottomColor: '#ad1457'}, + 'border-b-prink-900': {borderBottomColor: '#880e4f'}, + 'border-b-prink-A100': {borderBottomColor: '#ff80ab'}, + 'border-b-prink-A200': {borderBottomColor: '#ff4081'}, + 'border-b-prink-A400': {borderBottomColor: '#f50057'}, + 'border-b-prink-A700': {borderBottomColor: '#c51162'}, + 'border-b-purple-50': {borderBottomColor: '#f3e5f5'}, + 'border-b-purple-100': {borderBottomColor: '#e1bee7'}, + 'border-b-purple-200': {borderBottomColor: '#ce93d8'}, + 'border-b-purple-300': {borderBottomColor: '#ba68c8'}, + 'border-b-purple-400': {borderBottomColor: '#ab47bc'}, + 'border-b-purple-500': {borderBottomColor: '#9c27b0'}, + 'border-b-purple-600': {borderBottomColor: '#8e24aa'}, + 'border-b-purple-700': {borderBottomColor: '#7b1fa2'}, + 'border-b-purple-800': {borderBottomColor: '#6a1b9a'}, + 'border-b-purple-900': {borderBottomColor: '#4a148c'}, + 'border-b-purple-A100': {borderBottomColor: '#ea80fc'}, + 'border-b-purple-A200': {borderBottomColor: '#e040fb'}, + 'border-b-purple-A400': {borderBottomColor: '#d500f9'}, + 'border-b-purple-A700': {borderBottomColor: '#aa00ff'}, + 'border-b-red-50': {borderBottomColor: '#ffebee'}, + 'border-b-red-100': {borderBottomColor: '#ffcdd2'}, + 'border-b-red-200': {borderBottomColor: '#ef9a9a'}, + 'border-b-red-300': {borderBottomColor: '#e57373'}, + 'border-b-red-400': {borderBottomColor: '#ef5350'}, + 'border-b-red-500': {borderBottomColor: '#f44336'}, + 'border-b-red-600': {borderBottomColor: '#e53935'}, + 'border-b-red-700': {borderBottomColor: '#d32f2f'}, + 'border-b-red-800': {borderBottomColor: '#c62828'}, + 'border-b-red-900': {borderBottomColor: '#b71c1c'}, + 'border-b-red-A100': {borderBottomColor: '#ff8a80'}, + 'border-b-red-A200': {borderBottomColor: '#ff5252'}, + 'border-b-red-A400': {borderBottomColor: '#ff1744'}, + 'border-b-red-A700': {borderBottomColor: '#d50000'}, + 'border-b-teal-50': {borderBottomColor: '#e0f2f1'}, + 'border-b-teal-100': {borderBottomColor: '#b2dfdb'}, + 'border-b-teal-200': {borderBottomColor: '#80cbc4'}, + 'border-b-teal-300': {borderBottomColor: '#4db6ac'}, + 'border-b-teal-400': {borderBottomColor: '#26a69a'}, + 'border-b-teal-500': {borderBottomColor: '#009688'}, + 'border-b-teal-600': {borderBottomColor: '#00897b'}, + 'border-b-teal-700': {borderBottomColor: '#00796b'}, + 'border-b-teal-800': {borderBottomColor: '#00695c'}, + 'border-b-teal-900': {borderBottomColor: '#004d40'}, + 'border-b-teal-A100': {borderBottomColor: '#a7ffeb'}, + 'border-b-teal-A200': {borderBottomColor: '#64ffda'}, + 'border-b-teal-A400': {borderBottomColor: '#1de9b6'}, + 'border-b-teal-A700': {borderBottomColor: '#00bfa5'}, + 'border-b-transparent': {borderBottomColor: 'transparent'}, + 'border-b-white': {borderBottomColor: '#ffffff'}, + 'border-b-yellow-50': {borderBottomColor: '#fffde7'}, + 'border-b-yellow-100': {borderBottomColor: '#fff9c4'}, + 'border-b-yellow-200': {borderBottomColor: '#fff59d'}, + 'border-b-yellow-300': {borderBottomColor: '#fff176'}, + 'border-b-yellow-400': {borderBottomColor: '#ffee58'}, + 'border-b-yellow-500': {borderBottomColor: '#ffeb3b'}, + 'border-b-yellow-600': {borderBottomColor: '#fdd835'}, + 'border-b-yellow-700': {borderBottomColor: '#fbc02d'}, + 'border-b-yellow-800': {borderBottomColor: '#f9a825'}, + 'border-b-yellow-900': {borderBottomColor: '#f57f17'}, + 'border-b-yellow-A100': {borderBottomColor: '#ffff8d'}, + 'border-b-yellow-A200': {borderBottomColor: '#ffff00'}, + 'border-b-yellow-A400': {borderBottomColor: '#ffea00'}, + 'border-b-yellow-A700': {borderBottomColor: '#ffd600'}, + 'border-black': {borderColor: '#000000'}, + 'border-blue-50': {borderColor: '#e3f2fd'}, + 'border-blue-100': {borderColor: '#bbdefb'}, + 'border-blue-200': {borderColor: '#90caf9'}, + 'border-blue-300': {borderColor: '#64b5f6'}, + 'border-blue-400': {borderColor: '#42a5f5'}, + 'border-blue-500': {borderColor: '#2196f3'}, + 'border-blue-600': {borderColor: '#1e88e5'}, + 'border-blue-700': {borderColor: '#1976d2'}, + 'border-blue-800': {borderColor: '#1565c0'}, + 'border-blue-900': {borderColor: '#0d47a1'}, + 'border-blue-A100': {borderColor: '#82b1ff'}, + 'border-blue-A200': {borderColor: '#448aff'}, + 'border-blue-A400': {borderColor: '#2979ff'}, + 'border-blue-A700': {borderColor: '#2962ff'}, + 'border-blue-gray-50': {borderColor: '#eceff1'}, + 'border-blue-gray-100': {borderColor: '#cfd8dc'}, + 'border-blue-gray-200': {borderColor: '#b0bec5'}, + 'border-blue-gray-300': {borderColor: '#90a4ae'}, + 'border-blue-gray-400': {borderColor: '#78909c'}, + 'border-blue-gray-500': {borderColor: '#607d8b'}, + 'border-blue-gray-600': {borderColor: '#546e7a'}, + 'border-blue-gray-700': {borderColor: '#455a64'}, + 'border-blue-gray-800': {borderColor: '#37474f'}, + 'border-blue-gray-900': {borderColor: '#263238'}, + 'border-brown-50': {borderColor: '#efebe9'}, + 'border-brown-100': {borderColor: '#d7ccc8'}, + 'border-brown-200': {borderColor: '#bcaaa4'}, + 'border-brown-300': {borderColor: '#a1887f'}, + 'border-brown-400': {borderColor: '#8d6e63'}, + 'border-brown-500': {borderColor: '#795548'}, + 'border-brown-600': {borderColor: '#6d4c41'}, + 'border-brown-700': {borderColor: '#5d4037'}, + 'border-brown-800': {borderColor: '#4e342e'}, + 'border-brown-900': {borderColor: '#3e2723'}, + 'border-cyan-50': {borderColor: '#e0f7fa'}, + 'border-cyan-100': {borderColor: '#b2ebf2'}, + 'border-cyan-200': {borderColor: '#80deea'}, + 'border-cyan-300': {borderColor: '#4dd0e1'}, + 'border-cyan-400': {borderColor: '#26c6da'}, + 'border-cyan-500': {borderColor: '#00bcd4'}, + 'border-cyan-600': {borderColor: '#00acc1'}, + 'border-cyan-700': {borderColor: '#0097a7'}, + 'border-cyan-800': {borderColor: '#00838f'}, + 'border-cyan-900': {borderColor: '#006064'}, + 'border-cyan-A100': {borderColor: '#84ffff'}, + 'border-cyan-A200': {borderColor: '#18ffff'}, + 'border-cyan-A400': {borderColor: '#00e5ff'}, + 'border-cyan-A700': {borderColor: '#00b8d4'}, + 'border-deep-orange-50': {borderColor: '#fbe9e7'}, + 'border-deep-orange-100': {borderColor: '#ffccbc'}, + 'border-deep-orange-200': {borderColor: '#ffab91'}, + 'border-deep-orange-300': {borderColor: '#ff8a65'}, + 'border-deep-orange-400': {borderColor: '#ff7043'}, + 'border-deep-orange-500': {borderColor: '#ff5722'}, + 'border-deep-orange-600': {borderColor: '#f4511e'}, + 'border-deep-orange-700': {borderColor: '#e64a19'}, + 'border-deep-orange-800': {borderColor: '#d84315'}, + 'border-deep-orange-900': {borderColor: '#bf360c'}, + 'border-deep-orange-A100': {borderColor: '#ff9e80'}, + 'border-deep-orange-A200': {borderColor: '#ff6e40'}, + 'border-deep-orange-A400': {borderColor: '#ff3d00'}, + 'border-deep-orange-A700': {borderColor: '#dd2c00'}, + 'border-deep-purple-50': {borderColor: '#ede7f6'}, + 'border-deep-purple-100': {borderColor: '#d1c4e9'}, + 'border-deep-purple-200': {borderColor: '#b39ddb'}, + 'border-deep-purple-300': {borderColor: '#9575cd'}, + 'border-deep-purple-400': {borderColor: '#7e57c2'}, + 'border-deep-purple-500': {borderColor: '#673ab7'}, + 'border-deep-purple-600': {borderColor: '#5e35b1'}, + 'border-deep-purple-700': {borderColor: '#512da8'}, + 'border-deep-purple-800': {borderColor: '#4527a0'}, + 'border-deep-purple-900': {borderColor: '#311b92'}, + 'border-deep-purple-A100': {borderColor: '#b388ff'}, + 'border-deep-purple-A200': {borderColor: '#7c4dff'}, + 'border-deep-purple-A400': {borderColor: '#651fff'}, + 'border-deep-purple-A700': {borderColor: '#6200ea'}, + 'border-gray-50': {borderColor: '#fafafa'}, + 'border-gray-100': {borderColor: '#f5f5f5'}, + 'border-gray-200': {borderColor: '#eeeeee'}, + 'border-gray-300': {borderColor: '#e0e0e0'}, + 'border-gray-400': {borderColor: '#bdbdbd'}, + 'border-gray-500': {borderColor: '#9e9e9e'}, + 'border-gray-600': {borderColor: '#757575'}, + 'border-gray-700': {borderColor: '#616161'}, + 'border-gray-800': {borderColor: '#424242'}, + 'border-gray-900': {borderColor: '#212121'}, + 'border-green-50': {borderColor: '#e8f5e9'}, + 'border-green-100': {borderColor: '#c8e6c9'}, + 'border-green-200': {borderColor: '#a5d6a7'}, + 'border-green-300': {borderColor: '#81c784'}, + 'border-green-400': {borderColor: '#66bb6a'}, + 'border-green-500': {borderColor: '#4caf50'}, + 'border-green-600': {borderColor: '#43a047'}, + 'border-green-700': {borderColor: '#388e3c'}, + 'border-green-800': {borderColor: '#2e7d32'}, + 'border-green-900': {borderColor: '#1b5e20'}, + 'border-green-A100': {borderColor: '#b9f6ca'}, + 'border-green-A200': {borderColor: '#69f0ae'}, + 'border-green-A400': {borderColor: '#00e676'}, + 'border-green-A700': {borderColor: '#00c853'}, + 'border-indigo-50': {borderColor: '#e8eaf6'}, + 'border-indigo-100': {borderColor: '#c5cae9'}, + 'border-indigo-200': {borderColor: '#9fa8da'}, + 'border-indigo-300': {borderColor: '#7986cb'}, + 'border-indigo-400': {borderColor: '#5c6bc0'}, + 'border-indigo-500': {borderColor: '#3f51b5'}, + 'border-indigo-600': {borderColor: '#3949ab'}, + 'border-indigo-700': {borderColor: '#303f9f'}, + 'border-indigo-800': {borderColor: '#283593'}, + 'border-indigo-900': {borderColor: '#1a237e'}, + 'border-indigo-A100': {borderColor: '#8c9eff'}, + 'border-indigo-A200': {borderColor: '#536dfe'}, + 'border-indigo-A400': {borderColor: '#3d5afe'}, + 'border-indigo-A700': {borderColor: '#304ffe'}, + 'border-l-amber-50': {borderLeftColor: '#fff8e1'}, + 'border-l-amber-100': {borderLeftColor: '#ffecb3'}, + 'border-l-amber-200': {borderLeftColor: '#ffe082'}, + 'border-l-amber-300': {borderLeftColor: '#ffd54f'}, + 'border-l-amber-400': {borderLeftColor: '#ffca28'}, + 'border-l-amber-500': {borderLeftColor: '#ffc107'}, + 'border-l-amber-600': {borderLeftColor: '#ffb300'}, + 'border-l-amber-700': {borderLeftColor: '#ffa000'}, + 'border-l-amber-800': {borderLeftColor: '#ff8f00'}, + 'border-l-amber-900': {borderLeftColor: '#ff6f00'}, + 'border-l-amber-A100': {borderLeftColor: '#ffe57f'}, + 'border-l-amber-A200': {borderLeftColor: '#ffd740'}, + 'border-l-amber-A400': {borderLeftColor: '#ffc400'}, + 'border-l-amber-A700': {borderLeftColor: '#ffab00'}, + 'border-l-black': {borderLeftColor: '#000000'}, + 'border-l-blue-50': {borderLeftColor: '#e3f2fd'}, + 'border-l-blue-100': {borderLeftColor: '#bbdefb'}, + 'border-l-blue-200': {borderLeftColor: '#90caf9'}, + 'border-l-blue-300': {borderLeftColor: '#64b5f6'}, + 'border-l-blue-400': {borderLeftColor: '#42a5f5'}, + 'border-l-blue-500': {borderLeftColor: '#2196f3'}, + 'border-l-blue-600': {borderLeftColor: '#1e88e5'}, + 'border-l-blue-700': {borderLeftColor: '#1976d2'}, + 'border-l-blue-800': {borderLeftColor: '#1565c0'}, + 'border-l-blue-900': {borderLeftColor: '#0d47a1'}, + 'border-l-blue-A100': {borderLeftColor: '#82b1ff'}, + 'border-l-blue-A200': {borderLeftColor: '#448aff'}, + 'border-l-blue-A400': {borderLeftColor: '#2979ff'}, + 'border-l-blue-A700': {borderLeftColor: '#2962ff'}, + 'border-l-blue-gray-50': {borderLeftColor: '#eceff1'}, + 'border-l-blue-gray-100': {borderLeftColor: '#cfd8dc'}, + 'border-l-blue-gray-200': {borderLeftColor: '#b0bec5'}, + 'border-l-blue-gray-300': {borderLeftColor: '#90a4ae'}, + 'border-l-blue-gray-400': {borderLeftColor: '#78909c'}, + 'border-l-blue-gray-500': {borderLeftColor: '#607d8b'}, + 'border-l-blue-gray-600': {borderLeftColor: '#546e7a'}, + 'border-l-blue-gray-700': {borderLeftColor: '#455a64'}, + 'border-l-blue-gray-800': {borderLeftColor: '#37474f'}, + 'border-l-blue-gray-900': {borderLeftColor: '#263238'}, + 'border-l-brown-50': {borderLeftColor: '#efebe9'}, + 'border-l-brown-100': {borderLeftColor: '#d7ccc8'}, + 'border-l-brown-200': {borderLeftColor: '#bcaaa4'}, + 'border-l-brown-300': {borderLeftColor: '#a1887f'}, + 'border-l-brown-400': {borderLeftColor: '#8d6e63'}, + 'border-l-brown-500': {borderLeftColor: '#795548'}, + 'border-l-brown-600': {borderLeftColor: '#6d4c41'}, + 'border-l-brown-700': {borderLeftColor: '#5d4037'}, + 'border-l-brown-800': {borderLeftColor: '#4e342e'}, + 'border-l-brown-900': {borderLeftColor: '#3e2723'}, + 'border-l-cyan-50': {borderLeftColor: '#e0f7fa'}, + 'border-l-cyan-100': {borderLeftColor: '#b2ebf2'}, + 'border-l-cyan-200': {borderLeftColor: '#80deea'}, + 'border-l-cyan-300': {borderLeftColor: '#4dd0e1'}, + 'border-l-cyan-400': {borderLeftColor: '#26c6da'}, + 'border-l-cyan-500': {borderLeftColor: '#00bcd4'}, + 'border-l-cyan-600': {borderLeftColor: '#00acc1'}, + 'border-l-cyan-700': {borderLeftColor: '#0097a7'}, + 'border-l-cyan-800': {borderLeftColor: '#00838f'}, + 'border-l-cyan-900': {borderLeftColor: '#006064'}, + 'border-l-cyan-A100': {borderLeftColor: '#84ffff'}, + 'border-l-cyan-A200': {borderLeftColor: '#18ffff'}, + 'border-l-cyan-A400': {borderLeftColor: '#00e5ff'}, + 'border-l-cyan-A700': {borderLeftColor: '#00b8d4'}, + 'border-l-deep-orange-50': {borderLeftColor: '#fbe9e7'}, + 'border-l-deep-orange-100': {borderLeftColor: '#ffccbc'}, + 'border-l-deep-orange-200': {borderLeftColor: '#ffab91'}, + 'border-l-deep-orange-300': {borderLeftColor: '#ff8a65'}, + 'border-l-deep-orange-400': {borderLeftColor: '#ff7043'}, + 'border-l-deep-orange-500': {borderLeftColor: '#ff5722'}, + 'border-l-deep-orange-600': {borderLeftColor: '#f4511e'}, + 'border-l-deep-orange-700': {borderLeftColor: '#e64a19'}, + 'border-l-deep-orange-800': {borderLeftColor: '#d84315'}, + 'border-l-deep-orange-900': {borderLeftColor: '#bf360c'}, + 'border-l-deep-orange-A100': {borderLeftColor: '#ff9e80'}, + 'border-l-deep-orange-A200': {borderLeftColor: '#ff6e40'}, + 'border-l-deep-orange-A400': {borderLeftColor: '#ff3d00'}, + 'border-l-deep-orange-A700': {borderLeftColor: '#dd2c00'}, + 'border-l-deep-purple-50': {borderLeftColor: '#ede7f6'}, + 'border-l-deep-purple-100': {borderLeftColor: '#d1c4e9'}, + 'border-l-deep-purple-200': {borderLeftColor: '#b39ddb'}, + 'border-l-deep-purple-300': {borderLeftColor: '#9575cd'}, + 'border-l-deep-purple-400': {borderLeftColor: '#7e57c2'}, + 'border-l-deep-purple-500': {borderLeftColor: '#673ab7'}, + 'border-l-deep-purple-600': {borderLeftColor: '#5e35b1'}, + 'border-l-deep-purple-700': {borderLeftColor: '#512da8'}, + 'border-l-deep-purple-800': {borderLeftColor: '#4527a0'}, + 'border-l-deep-purple-900': {borderLeftColor: '#311b92'}, + 'border-l-deep-purple-A100': {borderLeftColor: '#b388ff'}, + 'border-l-deep-purple-A200': {borderLeftColor: '#7c4dff'}, + 'border-l-deep-purple-A400': {borderLeftColor: '#651fff'}, + 'border-l-deep-purple-A700': {borderLeftColor: '#6200ea'}, + 'border-l-gray-50': {borderLeftColor: '#fafafa'}, + 'border-l-gray-100': {borderLeftColor: '#f5f5f5'}, + 'border-l-gray-200': {borderLeftColor: '#eeeeee'}, + 'border-l-gray-300': {borderLeftColor: '#e0e0e0'}, + 'border-l-gray-400': {borderLeftColor: '#bdbdbd'}, + 'border-l-gray-500': {borderLeftColor: '#9e9e9e'}, + 'border-l-gray-600': {borderLeftColor: '#757575'}, + 'border-l-gray-700': {borderLeftColor: '#616161'}, + 'border-l-gray-800': {borderLeftColor: '#424242'}, + 'border-l-gray-900': {borderLeftColor: '#212121'}, + 'border-l-green-50': {borderLeftColor: '#e8f5e9'}, + 'border-l-green-100': {borderLeftColor: '#c8e6c9'}, + 'border-l-green-200': {borderLeftColor: '#a5d6a7'}, + 'border-l-green-300': {borderLeftColor: '#81c784'}, + 'border-l-green-400': {borderLeftColor: '#66bb6a'}, + 'border-l-green-500': {borderLeftColor: '#4caf50'}, + 'border-l-green-600': {borderLeftColor: '#43a047'}, + 'border-l-green-700': {borderLeftColor: '#388e3c'}, + 'border-l-green-800': {borderLeftColor: '#2e7d32'}, + 'border-l-green-900': {borderLeftColor: '#1b5e20'}, + 'border-l-green-A100': {borderLeftColor: '#b9f6ca'}, + 'border-l-green-A200': {borderLeftColor: '#69f0ae'}, + 'border-l-green-A400': {borderLeftColor: '#00e676'}, + 'border-l-green-A700': {borderLeftColor: '#00c853'}, + 'border-l-indigo-50': {borderLeftColor: '#e8eaf6'}, + 'border-l-indigo-100': {borderLeftColor: '#c5cae9'}, + 'border-l-indigo-200': {borderLeftColor: '#9fa8da'}, + 'border-l-indigo-300': {borderLeftColor: '#7986cb'}, + 'border-l-indigo-400': {borderLeftColor: '#5c6bc0'}, + 'border-l-indigo-500': {borderLeftColor: '#3f51b5'}, + 'border-l-indigo-600': {borderLeftColor: '#3949ab'}, + 'border-l-indigo-700': {borderLeftColor: '#303f9f'}, + 'border-l-indigo-800': {borderLeftColor: '#283593'}, + 'border-l-indigo-900': {borderLeftColor: '#1a237e'}, + 'border-l-indigo-A100': {borderLeftColor: '#8c9eff'}, + 'border-l-indigo-A200': {borderLeftColor: '#536dfe'}, + 'border-l-indigo-A400': {borderLeftColor: '#3d5afe'}, + 'border-l-indigo-A700': {borderLeftColor: '#304ffe'}, + 'border-l-light-blue-50': {borderLeftColor: '#e1f5fe'}, + 'border-l-light-blue-100': {borderLeftColor: '#b3e5fc'}, + 'border-l-light-blue-200': {borderLeftColor: '#81d4fa'}, + 'border-l-light-blue-300': {borderLeftColor: '#4fc3f7'}, + 'border-l-light-blue-400': {borderLeftColor: '#29b6f6'}, + 'border-l-light-blue-500': {borderLeftColor: '#03a9f4'}, + 'border-l-light-blue-600': {borderLeftColor: '#039be5'}, + 'border-l-light-blue-700': {borderLeftColor: '#0288d1'}, + 'border-l-light-blue-800': {borderLeftColor: '#0277bd'}, + 'border-l-light-blue-900': {borderLeftColor: '#01579b'}, + 'border-l-light-blue-A100': {borderLeftColor: '#80d8ff'}, + 'border-l-light-blue-A200': {borderLeftColor: '#40c4ff'}, + 'border-l-light-blue-A400': {borderLeftColor: '#00b0ff'}, + 'border-l-light-blue-A700': {borderLeftColor: '#0091ea'}, + 'border-l-light-green-50': {borderLeftColor: '#f1f8e9'}, + 'border-l-light-green-100': {borderLeftColor: '#dcedc8'}, + 'border-l-light-green-200': {borderLeftColor: '#c5e1a5'}, + 'border-l-light-green-300': {borderLeftColor: '#aed581'}, + 'border-l-light-green-400': {borderLeftColor: '#9ccc65'}, + 'border-l-light-green-500': {borderLeftColor: '#8bc34a'}, + 'border-l-light-green-600': {borderLeftColor: '#7cb342'}, + 'border-l-light-green-700': {borderLeftColor: '#689f38'}, + 'border-l-light-green-800': {borderLeftColor: '#558b2f'}, + 'border-l-light-green-900': {borderLeftColor: '#33691e'}, + 'border-l-light-green-A100': {borderLeftColor: '#ccff90'}, + 'border-l-light-green-A200': {borderLeftColor: '#b2ff59'}, + 'border-l-light-green-A400': {borderLeftColor: '#76ff03'}, + 'border-l-light-green-A700': {borderLeftColor: '#64dd17'}, + 'border-l-lime-50': {borderLeftColor: '#f9fbe7'}, + 'border-l-lime-100': {borderLeftColor: '#f0f4c3'}, + 'border-l-lime-200': {borderLeftColor: '#e6ee9c'}, + 'border-l-lime-300': {borderLeftColor: '#dce775'}, + 'border-l-lime-400': {borderLeftColor: '#d4e157'}, + 'border-l-lime-500': {borderLeftColor: '#cddc39'}, + 'border-l-lime-600': {borderLeftColor: '#c0ca33'}, + 'border-l-lime-700': {borderLeftColor: '#afb42b'}, + 'border-l-lime-800': {borderLeftColor: '#9e9d24'}, + 'border-l-lime-900': {borderLeftColor: '#827717'}, + 'border-l-lime-A100': {borderLeftColor: '#f4ff81'}, + 'border-l-lime-A200': {borderLeftColor: '#eeff41'}, + 'border-l-lime-A400': {borderLeftColor: '#c6ff00'}, + 'border-l-lime-A700': {borderLeftColor: '#aeea00'}, + 'border-l-orange-50': {borderLeftColor: '#fff3e0'}, + 'border-l-orange-100': {borderLeftColor: '#ffe0b2'}, + 'border-l-orange-200': {borderLeftColor: '#ffcc80'}, + 'border-l-orange-300': {borderLeftColor: '#ffb74d'}, + 'border-l-orange-400': {borderLeftColor: '#ffa726'}, + 'border-l-orange-500': {borderLeftColor: '#ff9800'}, + 'border-l-orange-600': {borderLeftColor: '#fb8c00'}, + 'border-l-orange-700': {borderLeftColor: '#f57c00'}, + 'border-l-orange-800': {borderLeftColor: '#ef6c00'}, + 'border-l-orange-900': {borderLeftColor: '#e65100'}, + 'border-l-orange-A100': {borderLeftColor: '#ffd180'}, + 'border-l-orange-A200': {borderLeftColor: '#ffab40'}, + 'border-l-orange-A400': {borderLeftColor: '#ff9100'}, + 'border-l-orange-A700': {borderLeftColor: '#ff6d00'}, + 'border-l-prink-50': {borderLeftColor: '#fce4ec'}, + 'border-l-prink-100': {borderLeftColor: '#f8bbd0'}, + 'border-l-prink-200': {borderLeftColor: '#f48fb1'}, + 'border-l-prink-300': {borderLeftColor: '#f06292'}, + 'border-l-prink-400': {borderLeftColor: '#ec407a'}, + 'border-l-prink-500': {borderLeftColor: '#e91e63'}, + 'border-l-prink-600': {borderLeftColor: '#d81b60'}, + 'border-l-prink-700': {borderLeftColor: '#c2185b'}, + 'border-l-prink-800': {borderLeftColor: '#ad1457'}, + 'border-l-prink-900': {borderLeftColor: '#880e4f'}, + 'border-l-prink-A100': {borderLeftColor: '#ff80ab'}, + 'border-l-prink-A200': {borderLeftColor: '#ff4081'}, + 'border-l-prink-A400': {borderLeftColor: '#f50057'}, + 'border-l-prink-A700': {borderLeftColor: '#c51162'}, + 'border-l-purple-50': {borderLeftColor: '#f3e5f5'}, + 'border-l-purple-100': {borderLeftColor: '#e1bee7'}, + 'border-l-purple-200': {borderLeftColor: '#ce93d8'}, + 'border-l-purple-300': {borderLeftColor: '#ba68c8'}, + 'border-l-purple-400': {borderLeftColor: '#ab47bc'}, + 'border-l-purple-500': {borderLeftColor: '#9c27b0'}, + 'border-l-purple-600': {borderLeftColor: '#8e24aa'}, + 'border-l-purple-700': {borderLeftColor: '#7b1fa2'}, + 'border-l-purple-800': {borderLeftColor: '#6a1b9a'}, + 'border-l-purple-900': {borderLeftColor: '#4a148c'}, + 'border-l-purple-A100': {borderLeftColor: '#ea80fc'}, + 'border-l-purple-A200': {borderLeftColor: '#e040fb'}, + 'border-l-purple-A400': {borderLeftColor: '#d500f9'}, + 'border-l-purple-A700': {borderLeftColor: '#aa00ff'}, + 'border-l-red-50': {borderLeftColor: '#ffebee'}, + 'border-l-red-100': {borderLeftColor: '#ffcdd2'}, + 'border-l-red-200': {borderLeftColor: '#ef9a9a'}, + 'border-l-red-300': {borderLeftColor: '#e57373'}, + 'border-l-red-400': {borderLeftColor: '#ef5350'}, + 'border-l-red-500': {borderLeftColor: '#f44336'}, + 'border-l-red-600': {borderLeftColor: '#e53935'}, + 'border-l-red-700': {borderLeftColor: '#d32f2f'}, + 'border-l-red-800': {borderLeftColor: '#c62828'}, + 'border-l-red-900': {borderLeftColor: '#b71c1c'}, + 'border-l-red-A100': {borderLeftColor: '#ff8a80'}, + 'border-l-red-A200': {borderLeftColor: '#ff5252'}, + 'border-l-red-A400': {borderLeftColor: '#ff1744'}, + 'border-l-red-A700': {borderLeftColor: '#d50000'}, + 'border-l-teal-50': {borderLeftColor: '#e0f2f1'}, + 'border-l-teal-100': {borderLeftColor: '#b2dfdb'}, + 'border-l-teal-200': {borderLeftColor: '#80cbc4'}, + 'border-l-teal-300': {borderLeftColor: '#4db6ac'}, + 'border-l-teal-400': {borderLeftColor: '#26a69a'}, + 'border-l-teal-500': {borderLeftColor: '#009688'}, + 'border-l-teal-600': {borderLeftColor: '#00897b'}, + 'border-l-teal-700': {borderLeftColor: '#00796b'}, + 'border-l-teal-800': {borderLeftColor: '#00695c'}, + 'border-l-teal-900': {borderLeftColor: '#004d40'}, + 'border-l-teal-A100': {borderLeftColor: '#a7ffeb'}, + 'border-l-teal-A200': {borderLeftColor: '#64ffda'}, + 'border-l-teal-A400': {borderLeftColor: '#1de9b6'}, + 'border-l-teal-A700': {borderLeftColor: '#00bfa5'}, + 'border-l-transparent': {borderLeftColor: 'transparent'}, + 'border-l-white': {borderLeftColor: '#ffffff'}, + 'border-l-yellow-50': {borderLeftColor: '#fffde7'}, + 'border-l-yellow-100': {borderLeftColor: '#fff9c4'}, + 'border-l-yellow-200': {borderLeftColor: '#fff59d'}, + 'border-l-yellow-300': {borderLeftColor: '#fff176'}, + 'border-l-yellow-400': {borderLeftColor: '#ffee58'}, + 'border-l-yellow-500': {borderLeftColor: '#ffeb3b'}, + 'border-l-yellow-600': {borderLeftColor: '#fdd835'}, + 'border-l-yellow-700': {borderLeftColor: '#fbc02d'}, + 'border-l-yellow-800': {borderLeftColor: '#f9a825'}, + 'border-l-yellow-900': {borderLeftColor: '#f57f17'}, + 'border-l-yellow-A100': {borderLeftColor: '#ffff8d'}, + 'border-l-yellow-A200': {borderLeftColor: '#ffff00'}, + 'border-l-yellow-A400': {borderLeftColor: '#ffea00'}, + 'border-l-yellow-A700': {borderLeftColor: '#ffd600'}, + 'border-light-blue-50': {borderColor: '#e1f5fe'}, + 'border-light-blue-100': {borderColor: '#b3e5fc'}, + 'border-light-blue-200': {borderColor: '#81d4fa'}, + 'border-light-blue-300': {borderColor: '#4fc3f7'}, + 'border-light-blue-400': {borderColor: '#29b6f6'}, + 'border-light-blue-500': {borderColor: '#03a9f4'}, + 'border-light-blue-600': {borderColor: '#039be5'}, + 'border-light-blue-700': {borderColor: '#0288d1'}, + 'border-light-blue-800': {borderColor: '#0277bd'}, + 'border-light-blue-900': {borderColor: '#01579b'}, + 'border-light-blue-A100': {borderColor: '#80d8ff'}, + 'border-light-blue-A200': {borderColor: '#40c4ff'}, + 'border-light-blue-A400': {borderColor: '#00b0ff'}, + 'border-light-blue-A700': {borderColor: '#0091ea'}, + 'border-light-green-50': {borderColor: '#f1f8e9'}, + 'border-light-green-100': {borderColor: '#dcedc8'}, + 'border-light-green-200': {borderColor: '#c5e1a5'}, + 'border-light-green-300': {borderColor: '#aed581'}, + 'border-light-green-400': {borderColor: '#9ccc65'}, + 'border-light-green-500': {borderColor: '#8bc34a'}, + 'border-light-green-600': {borderColor: '#7cb342'}, + 'border-light-green-700': {borderColor: '#689f38'}, + 'border-light-green-800': {borderColor: '#558b2f'}, + 'border-light-green-900': {borderColor: '#33691e'}, + 'border-light-green-A100': {borderColor: '#ccff90'}, + 'border-light-green-A200': {borderColor: '#b2ff59'}, + 'border-light-green-A400': {borderColor: '#76ff03'}, + 'border-light-green-A700': {borderColor: '#64dd17'}, + 'border-lime-50': {borderColor: '#f9fbe7'}, + 'border-lime-100': {borderColor: '#f0f4c3'}, + 'border-lime-200': {borderColor: '#e6ee9c'}, + 'border-lime-300': {borderColor: '#dce775'}, + 'border-lime-400': {borderColor: '#d4e157'}, + 'border-lime-500': {borderColor: '#cddc39'}, + 'border-lime-600': {borderColor: '#c0ca33'}, + 'border-lime-700': {borderColor: '#afb42b'}, + 'border-lime-800': {borderColor: '#9e9d24'}, + 'border-lime-900': {borderColor: '#827717'}, + 'border-lime-A100': {borderColor: '#f4ff81'}, + 'border-lime-A200': {borderColor: '#eeff41'}, + 'border-lime-A400': {borderColor: '#c6ff00'}, + 'border-lime-A700': {borderColor: '#aeea00'}, + 'border-orange-50': {borderColor: '#fff3e0'}, + 'border-orange-100': {borderColor: '#ffe0b2'}, + 'border-orange-200': {borderColor: '#ffcc80'}, + 'border-orange-300': {borderColor: '#ffb74d'}, + 'border-orange-400': {borderColor: '#ffa726'}, + 'border-orange-500': {borderColor: '#ff9800'}, + 'border-orange-600': {borderColor: '#fb8c00'}, + 'border-orange-700': {borderColor: '#f57c00'}, + 'border-orange-800': {borderColor: '#ef6c00'}, + 'border-orange-900': {borderColor: '#e65100'}, + 'border-orange-A100': {borderColor: '#ffd180'}, + 'border-orange-A200': {borderColor: '#ffab40'}, + 'border-orange-A400': {borderColor: '#ff9100'}, + 'border-orange-A700': {borderColor: '#ff6d00'}, + 'border-prink-50': {borderColor: '#fce4ec'}, + 'border-prink-100': {borderColor: '#f8bbd0'}, + 'border-prink-200': {borderColor: '#f48fb1'}, + 'border-prink-300': {borderColor: '#f06292'}, + 'border-prink-400': {borderColor: '#ec407a'}, + 'border-prink-500': {borderColor: '#e91e63'}, + 'border-prink-600': {borderColor: '#d81b60'}, + 'border-prink-700': {borderColor: '#c2185b'}, + 'border-prink-800': {borderColor: '#ad1457'}, + 'border-prink-900': {borderColor: '#880e4f'}, + 'border-prink-A100': {borderColor: '#ff80ab'}, + 'border-prink-A200': {borderColor: '#ff4081'}, + 'border-prink-A400': {borderColor: '#f50057'}, + 'border-prink-A700': {borderColor: '#c51162'}, + 'border-purple-50': {borderColor: '#f3e5f5'}, + 'border-purple-100': {borderColor: '#e1bee7'}, + 'border-purple-200': {borderColor: '#ce93d8'}, + 'border-purple-300': {borderColor: '#ba68c8'}, + 'border-purple-400': {borderColor: '#ab47bc'}, + 'border-purple-500': {borderColor: '#9c27b0'}, + 'border-purple-600': {borderColor: '#8e24aa'}, + 'border-purple-700': {borderColor: '#7b1fa2'}, + 'border-purple-800': {borderColor: '#6a1b9a'}, + 'border-purple-900': {borderColor: '#4a148c'}, + 'border-purple-A100': {borderColor: '#ea80fc'}, + 'border-purple-A200': {borderColor: '#e040fb'}, + 'border-purple-A400': {borderColor: '#d500f9'}, + 'border-purple-A700': {borderColor: '#aa00ff'}, + 'border-r-amber-50': {borderRightColor: '#fff8e1'}, + 'border-r-amber-100': {borderRightColor: '#ffecb3'}, + 'border-r-amber-200': {borderRightColor: '#ffe082'}, + 'border-r-amber-300': {borderRightColor: '#ffd54f'}, + 'border-r-amber-400': {borderRightColor: '#ffca28'}, + 'border-r-amber-500': {borderRightColor: '#ffc107'}, + 'border-r-amber-600': {borderRightColor: '#ffb300'}, + 'border-r-amber-700': {borderRightColor: '#ffa000'}, + 'border-r-amber-800': {borderRightColor: '#ff8f00'}, + 'border-r-amber-900': {borderRightColor: '#ff6f00'}, + 'border-r-amber-A100': {borderRightColor: '#ffe57f'}, + 'border-r-amber-A200': {borderRightColor: '#ffd740'}, + 'border-r-amber-A400': {borderRightColor: '#ffc400'}, + 'border-r-amber-A700': {borderRightColor: '#ffab00'}, + 'border-r-black': {borderRightColor: '#000000'}, + 'border-r-blue-50': {borderRightColor: '#e3f2fd'}, + 'border-r-blue-100': {borderRightColor: '#bbdefb'}, + 'border-r-blue-200': {borderRightColor: '#90caf9'}, + 'border-r-blue-300': {borderRightColor: '#64b5f6'}, + 'border-r-blue-400': {borderRightColor: '#42a5f5'}, + 'border-r-blue-500': {borderRightColor: '#2196f3'}, + 'border-r-blue-600': {borderRightColor: '#1e88e5'}, + 'border-r-blue-700': {borderRightColor: '#1976d2'}, + 'border-r-blue-800': {borderRightColor: '#1565c0'}, + 'border-r-blue-900': {borderRightColor: '#0d47a1'}, + 'border-r-blue-A100': {borderRightColor: '#82b1ff'}, + 'border-r-blue-A200': {borderRightColor: '#448aff'}, + 'border-r-blue-A400': {borderRightColor: '#2979ff'}, + 'border-r-blue-A700': {borderRightColor: '#2962ff'}, + 'border-r-blue-gray-50': {borderRightColor: '#eceff1'}, + 'border-r-blue-gray-100': {borderRightColor: '#cfd8dc'}, + 'border-r-blue-gray-200': {borderRightColor: '#b0bec5'}, + 'border-r-blue-gray-300': {borderRightColor: '#90a4ae'}, + 'border-r-blue-gray-400': {borderRightColor: '#78909c'}, + 'border-r-blue-gray-500': {borderRightColor: '#607d8b'}, + 'border-r-blue-gray-600': {borderRightColor: '#546e7a'}, + 'border-r-blue-gray-700': {borderRightColor: '#455a64'}, + 'border-r-blue-gray-800': {borderRightColor: '#37474f'}, + 'border-r-blue-gray-900': {borderRightColor: '#263238'}, + 'border-r-brown-50': {borderRightColor: '#efebe9'}, + 'border-r-brown-100': {borderRightColor: '#d7ccc8'}, + 'border-r-brown-200': {borderRightColor: '#bcaaa4'}, + 'border-r-brown-300': {borderRightColor: '#a1887f'}, + 'border-r-brown-400': {borderRightColor: '#8d6e63'}, + 'border-r-brown-500': {borderRightColor: '#795548'}, + 'border-r-brown-600': {borderRightColor: '#6d4c41'}, + 'border-r-brown-700': {borderRightColor: '#5d4037'}, + 'border-r-brown-800': {borderRightColor: '#4e342e'}, + 'border-r-brown-900': {borderRightColor: '#3e2723'}, + 'border-r-cyan-50': {borderRightColor: '#e0f7fa'}, + 'border-r-cyan-100': {borderRightColor: '#b2ebf2'}, + 'border-r-cyan-200': {borderRightColor: '#80deea'}, + 'border-r-cyan-300': {borderRightColor: '#4dd0e1'}, + 'border-r-cyan-400': {borderRightColor: '#26c6da'}, + 'border-r-cyan-500': {borderRightColor: '#00bcd4'}, + 'border-r-cyan-600': {borderRightColor: '#00acc1'}, + 'border-r-cyan-700': {borderRightColor: '#0097a7'}, + 'border-r-cyan-800': {borderRightColor: '#00838f'}, + 'border-r-cyan-900': {borderRightColor: '#006064'}, + 'border-r-cyan-A100': {borderRightColor: '#84ffff'}, + 'border-r-cyan-A200': {borderRightColor: '#18ffff'}, + 'border-r-cyan-A400': {borderRightColor: '#00e5ff'}, + 'border-r-cyan-A700': {borderRightColor: '#00b8d4'}, + 'border-r-deep-orange-50': {borderRightColor: '#fbe9e7'}, + 'border-r-deep-orange-100': {borderRightColor: '#ffccbc'}, + 'border-r-deep-orange-200': {borderRightColor: '#ffab91'}, + 'border-r-deep-orange-300': {borderRightColor: '#ff8a65'}, + 'border-r-deep-orange-400': {borderRightColor: '#ff7043'}, + 'border-r-deep-orange-500': {borderRightColor: '#ff5722'}, + 'border-r-deep-orange-600': {borderRightColor: '#f4511e'}, + 'border-r-deep-orange-700': {borderRightColor: '#e64a19'}, + 'border-r-deep-orange-800': {borderRightColor: '#d84315'}, + 'border-r-deep-orange-900': {borderRightColor: '#bf360c'}, + 'border-r-deep-orange-A100': {borderRightColor: '#ff9e80'}, + 'border-r-deep-orange-A200': {borderRightColor: '#ff6e40'}, + 'border-r-deep-orange-A400': {borderRightColor: '#ff3d00'}, + 'border-r-deep-orange-A700': {borderRightColor: '#dd2c00'}, + 'border-r-deep-purple-50': {borderRightColor: '#ede7f6'}, + 'border-r-deep-purple-100': {borderRightColor: '#d1c4e9'}, + 'border-r-deep-purple-200': {borderRightColor: '#b39ddb'}, + 'border-r-deep-purple-300': {borderRightColor: '#9575cd'}, + 'border-r-deep-purple-400': {borderRightColor: '#7e57c2'}, + 'border-r-deep-purple-500': {borderRightColor: '#673ab7'}, + 'border-r-deep-purple-600': {borderRightColor: '#5e35b1'}, + 'border-r-deep-purple-700': {borderRightColor: '#512da8'}, + 'border-r-deep-purple-800': {borderRightColor: '#4527a0'}, + 'border-r-deep-purple-900': {borderRightColor: '#311b92'}, + 'border-r-deep-purple-A100': {borderRightColor: '#b388ff'}, + 'border-r-deep-purple-A200': {borderRightColor: '#7c4dff'}, + 'border-r-deep-purple-A400': {borderRightColor: '#651fff'}, + 'border-r-deep-purple-A700': {borderRightColor: '#6200ea'}, + 'border-r-gray-50': {borderRightColor: '#fafafa'}, + 'border-r-gray-100': {borderRightColor: '#f5f5f5'}, + 'border-r-gray-200': {borderRightColor: '#eeeeee'}, + 'border-r-gray-300': {borderRightColor: '#e0e0e0'}, + 'border-r-gray-400': {borderRightColor: '#bdbdbd'}, + 'border-r-gray-500': {borderRightColor: '#9e9e9e'}, + 'border-r-gray-600': {borderRightColor: '#757575'}, + 'border-r-gray-700': {borderRightColor: '#616161'}, + 'border-r-gray-800': {borderRightColor: '#424242'}, + 'border-r-gray-900': {borderRightColor: '#212121'}, + 'border-r-green-50': {borderRightColor: '#e8f5e9'}, + 'border-r-green-100': {borderRightColor: '#c8e6c9'}, + 'border-r-green-200': {borderRightColor: '#a5d6a7'}, + 'border-r-green-300': {borderRightColor: '#81c784'}, + 'border-r-green-400': {borderRightColor: '#66bb6a'}, + 'border-r-green-500': {borderRightColor: '#4caf50'}, + 'border-r-green-600': {borderRightColor: '#43a047'}, + 'border-r-green-700': {borderRightColor: '#388e3c'}, + 'border-r-green-800': {borderRightColor: '#2e7d32'}, + 'border-r-green-900': {borderRightColor: '#1b5e20'}, + 'border-r-green-A100': {borderRightColor: '#b9f6ca'}, + 'border-r-green-A200': {borderRightColor: '#69f0ae'}, + 'border-r-green-A400': {borderRightColor: '#00e676'}, + 'border-r-green-A700': {borderRightColor: '#00c853'}, + 'border-r-indigo-50': {borderRightColor: '#e8eaf6'}, + 'border-r-indigo-100': {borderRightColor: '#c5cae9'}, + 'border-r-indigo-200': {borderRightColor: '#9fa8da'}, + 'border-r-indigo-300': {borderRightColor: '#7986cb'}, + 'border-r-indigo-400': {borderRightColor: '#5c6bc0'}, + 'border-r-indigo-500': {borderRightColor: '#3f51b5'}, + 'border-r-indigo-600': {borderRightColor: '#3949ab'}, + 'border-r-indigo-700': {borderRightColor: '#303f9f'}, + 'border-r-indigo-800': {borderRightColor: '#283593'}, + 'border-r-indigo-900': {borderRightColor: '#1a237e'}, + 'border-r-indigo-A100': {borderRightColor: '#8c9eff'}, + 'border-r-indigo-A200': {borderRightColor: '#536dfe'}, + 'border-r-indigo-A400': {borderRightColor: '#3d5afe'}, + 'border-r-indigo-A700': {borderRightColor: '#304ffe'}, + 'border-r-light-blue-50': {borderRightColor: '#e1f5fe'}, + 'border-r-light-blue-100': {borderRightColor: '#b3e5fc'}, + 'border-r-light-blue-200': {borderRightColor: '#81d4fa'}, + 'border-r-light-blue-300': {borderRightColor: '#4fc3f7'}, + 'border-r-light-blue-400': {borderRightColor: '#29b6f6'}, + 'border-r-light-blue-500': {borderRightColor: '#03a9f4'}, + 'border-r-light-blue-600': {borderRightColor: '#039be5'}, + 'border-r-light-blue-700': {borderRightColor: '#0288d1'}, + 'border-r-light-blue-800': {borderRightColor: '#0277bd'}, + 'border-r-light-blue-900': {borderRightColor: '#01579b'}, + 'border-r-light-blue-A100': {borderRightColor: '#80d8ff'}, + 'border-r-light-blue-A200': {borderRightColor: '#40c4ff'}, + 'border-r-light-blue-A400': {borderRightColor: '#00b0ff'}, + 'border-r-light-blue-A700': {borderRightColor: '#0091ea'}, + 'border-r-light-green-50': {borderRightColor: '#f1f8e9'}, + 'border-r-light-green-100': {borderRightColor: '#dcedc8'}, + 'border-r-light-green-200': {borderRightColor: '#c5e1a5'}, + 'border-r-light-green-300': {borderRightColor: '#aed581'}, + 'border-r-light-green-400': {borderRightColor: '#9ccc65'}, + 'border-r-light-green-500': {borderRightColor: '#8bc34a'}, + 'border-r-light-green-600': {borderRightColor: '#7cb342'}, + 'border-r-light-green-700': {borderRightColor: '#689f38'}, + 'border-r-light-green-800': {borderRightColor: '#558b2f'}, + 'border-r-light-green-900': {borderRightColor: '#33691e'}, + 'border-r-light-green-A100': {borderRightColor: '#ccff90'}, + 'border-r-light-green-A200': {borderRightColor: '#b2ff59'}, + 'border-r-light-green-A400': {borderRightColor: '#76ff03'}, + 'border-r-light-green-A700': {borderRightColor: '#64dd17'}, + 'border-r-lime-50': {borderRightColor: '#f9fbe7'}, + 'border-r-lime-100': {borderRightColor: '#f0f4c3'}, + 'border-r-lime-200': {borderRightColor: '#e6ee9c'}, + 'border-r-lime-300': {borderRightColor: '#dce775'}, + 'border-r-lime-400': {borderRightColor: '#d4e157'}, + 'border-r-lime-500': {borderRightColor: '#cddc39'}, + 'border-r-lime-600': {borderRightColor: '#c0ca33'}, + 'border-r-lime-700': {borderRightColor: '#afb42b'}, + 'border-r-lime-800': {borderRightColor: '#9e9d24'}, + 'border-r-lime-900': {borderRightColor: '#827717'}, + 'border-r-lime-A100': {borderRightColor: '#f4ff81'}, + 'border-r-lime-A200': {borderRightColor: '#eeff41'}, + 'border-r-lime-A400': {borderRightColor: '#c6ff00'}, + 'border-r-lime-A700': {borderRightColor: '#aeea00'}, + 'border-r-orange-50': {borderRightColor: '#fff3e0'}, + 'border-r-orange-100': {borderRightColor: '#ffe0b2'}, + 'border-r-orange-200': {borderRightColor: '#ffcc80'}, + 'border-r-orange-300': {borderRightColor: '#ffb74d'}, + 'border-r-orange-400': {borderRightColor: '#ffa726'}, + 'border-r-orange-500': {borderRightColor: '#ff9800'}, + 'border-r-orange-600': {borderRightColor: '#fb8c00'}, + 'border-r-orange-700': {borderRightColor: '#f57c00'}, + 'border-r-orange-800': {borderRightColor: '#ef6c00'}, + 'border-r-orange-900': {borderRightColor: '#e65100'}, + 'border-r-orange-A100': {borderRightColor: '#ffd180'}, + 'border-r-orange-A200': {borderRightColor: '#ffab40'}, + 'border-r-orange-A400': {borderRightColor: '#ff9100'}, + 'border-r-orange-A700': {borderRightColor: '#ff6d00'}, + 'border-r-prink-50': {borderRightColor: '#fce4ec'}, + 'border-r-prink-100': {borderRightColor: '#f8bbd0'}, + 'border-r-prink-200': {borderRightColor: '#f48fb1'}, + 'border-r-prink-300': {borderRightColor: '#f06292'}, + 'border-r-prink-400': {borderRightColor: '#ec407a'}, + 'border-r-prink-500': {borderRightColor: '#e91e63'}, + 'border-r-prink-600': {borderRightColor: '#d81b60'}, + 'border-r-prink-700': {borderRightColor: '#c2185b'}, + 'border-r-prink-800': {borderRightColor: '#ad1457'}, + 'border-r-prink-900': {borderRightColor: '#880e4f'}, + 'border-r-prink-A100': {borderRightColor: '#ff80ab'}, + 'border-r-prink-A200': {borderRightColor: '#ff4081'}, + 'border-r-prink-A400': {borderRightColor: '#f50057'}, + 'border-r-prink-A700': {borderRightColor: '#c51162'}, + 'border-r-purple-50': {borderRightColor: '#f3e5f5'}, + 'border-r-purple-100': {borderRightColor: '#e1bee7'}, + 'border-r-purple-200': {borderRightColor: '#ce93d8'}, + 'border-r-purple-300': {borderRightColor: '#ba68c8'}, + 'border-r-purple-400': {borderRightColor: '#ab47bc'}, + 'border-r-purple-500': {borderRightColor: '#9c27b0'}, + 'border-r-purple-600': {borderRightColor: '#8e24aa'}, + 'border-r-purple-700': {borderRightColor: '#7b1fa2'}, + 'border-r-purple-800': {borderRightColor: '#6a1b9a'}, + 'border-r-purple-900': {borderRightColor: '#4a148c'}, + 'border-r-purple-A100': {borderRightColor: '#ea80fc'}, + 'border-r-purple-A200': {borderRightColor: '#e040fb'}, + 'border-r-purple-A400': {borderRightColor: '#d500f9'}, + 'border-r-purple-A700': {borderRightColor: '#aa00ff'}, + 'border-r-red-50': {borderRightColor: '#ffebee'}, + 'border-r-red-100': {borderRightColor: '#ffcdd2'}, + 'border-r-red-200': {borderRightColor: '#ef9a9a'}, + 'border-r-red-300': {borderRightColor: '#e57373'}, + 'border-r-red-400': {borderRightColor: '#ef5350'}, + 'border-r-red-500': {borderRightColor: '#f44336'}, + 'border-r-red-600': {borderRightColor: '#e53935'}, + 'border-r-red-700': {borderRightColor: '#d32f2f'}, + 'border-r-red-800': {borderRightColor: '#c62828'}, + 'border-r-red-900': {borderRightColor: '#b71c1c'}, + 'border-r-red-A100': {borderRightColor: '#ff8a80'}, + 'border-r-red-A200': {borderRightColor: '#ff5252'}, + 'border-r-red-A400': {borderRightColor: '#ff1744'}, + 'border-r-red-A700': {borderRightColor: '#d50000'}, + 'border-r-teal-50': {borderRightColor: '#e0f2f1'}, + 'border-r-teal-100': {borderRightColor: '#b2dfdb'}, + 'border-r-teal-200': {borderRightColor: '#80cbc4'}, + 'border-r-teal-300': {borderRightColor: '#4db6ac'}, + 'border-r-teal-400': {borderRightColor: '#26a69a'}, + 'border-r-teal-500': {borderRightColor: '#009688'}, + 'border-r-teal-600': {borderRightColor: '#00897b'}, + 'border-r-teal-700': {borderRightColor: '#00796b'}, + 'border-r-teal-800': {borderRightColor: '#00695c'}, + 'border-r-teal-900': {borderRightColor: '#004d40'}, + 'border-r-teal-A100': {borderRightColor: '#a7ffeb'}, + 'border-r-teal-A200': {borderRightColor: '#64ffda'}, + 'border-r-teal-A400': {borderRightColor: '#1de9b6'}, + 'border-r-teal-A700': {borderRightColor: '#00bfa5'}, + 'border-r-transparent': {borderRightColor: 'transparent'}, + 'border-r-white': {borderRightColor: '#ffffff'}, + 'border-r-yellow-50': {borderRightColor: '#fffde7'}, + 'border-r-yellow-100': {borderRightColor: '#fff9c4'}, + 'border-r-yellow-200': {borderRightColor: '#fff59d'}, + 'border-r-yellow-300': {borderRightColor: '#fff176'}, + 'border-r-yellow-400': {borderRightColor: '#ffee58'}, + 'border-r-yellow-500': {borderRightColor: '#ffeb3b'}, + 'border-r-yellow-600': {borderRightColor: '#fdd835'}, + 'border-r-yellow-700': {borderRightColor: '#fbc02d'}, + 'border-r-yellow-800': {borderRightColor: '#f9a825'}, + 'border-r-yellow-900': {borderRightColor: '#f57f17'}, + 'border-r-yellow-A100': {borderRightColor: '#ffff8d'}, + 'border-r-yellow-A200': {borderRightColor: '#ffff00'}, + 'border-r-yellow-A400': {borderRightColor: '#ffea00'}, + 'border-r-yellow-A700': {borderRightColor: '#ffd600'}, + 'border-red-50': {borderColor: '#ffebee'}, + 'border-red-100': {borderColor: '#ffcdd2'}, + 'border-red-200': {borderColor: '#ef9a9a'}, + 'border-red-300': {borderColor: '#e57373'}, + 'border-red-400': {borderColor: '#ef5350'}, + 'border-red-500': {borderColor: '#f44336'}, + 'border-red-600': {borderColor: '#e53935'}, + 'border-red-700': {borderColor: '#d32f2f'}, + 'border-red-800': {borderColor: '#c62828'}, + 'border-red-900': {borderColor: '#b71c1c'}, + 'border-red-A100': {borderColor: '#ff8a80'}, + 'border-red-A200': {borderColor: '#ff5252'}, + 'border-red-A400': {borderColor: '#ff1744'}, + 'border-red-A700': {borderColor: '#d50000'}, + 'border-t-amber-50': {borderTopColor: '#fff8e1'}, + 'border-t-amber-100': {borderTopColor: '#ffecb3'}, + 'border-t-amber-200': {borderTopColor: '#ffe082'}, + 'border-t-amber-300': {borderTopColor: '#ffd54f'}, + 'border-t-amber-400': {borderTopColor: '#ffca28'}, + 'border-t-amber-500': {borderTopColor: '#ffc107'}, + 'border-t-amber-600': {borderTopColor: '#ffb300'}, + 'border-t-amber-700': {borderTopColor: '#ffa000'}, + 'border-t-amber-800': {borderTopColor: '#ff8f00'}, + 'border-t-amber-900': {borderTopColor: '#ff6f00'}, + 'border-t-amber-A100': {borderTopColor: '#ffe57f'}, + 'border-t-amber-A200': {borderTopColor: '#ffd740'}, + 'border-t-amber-A400': {borderTopColor: '#ffc400'}, + 'border-t-amber-A700': {borderTopColor: '#ffab00'}, + 'border-t-black': {borderTopColor: '#000000'}, + 'border-t-blue-50': {borderTopColor: '#e3f2fd'}, + 'border-t-blue-100': {borderTopColor: '#bbdefb'}, + 'border-t-blue-200': {borderTopColor: '#90caf9'}, + 'border-t-blue-300': {borderTopColor: '#64b5f6'}, + 'border-t-blue-400': {borderTopColor: '#42a5f5'}, + 'border-t-blue-500': {borderTopColor: '#2196f3'}, + 'border-t-blue-600': {borderTopColor: '#1e88e5'}, + 'border-t-blue-700': {borderTopColor: '#1976d2'}, + 'border-t-blue-800': {borderTopColor: '#1565c0'}, + 'border-t-blue-900': {borderTopColor: '#0d47a1'}, + 'border-t-blue-A100': {borderTopColor: '#82b1ff'}, + 'border-t-blue-A200': {borderTopColor: '#448aff'}, + 'border-t-blue-A400': {borderTopColor: '#2979ff'}, + 'border-t-blue-A700': {borderTopColor: '#2962ff'}, + 'border-t-blue-gray-50': {borderTopColor: '#eceff1'}, + 'border-t-blue-gray-100': {borderTopColor: '#cfd8dc'}, + 'border-t-blue-gray-200': {borderTopColor: '#b0bec5'}, + 'border-t-blue-gray-300': {borderTopColor: '#90a4ae'}, + 'border-t-blue-gray-400': {borderTopColor: '#78909c'}, + 'border-t-blue-gray-500': {borderTopColor: '#607d8b'}, + 'border-t-blue-gray-600': {borderTopColor: '#546e7a'}, + 'border-t-blue-gray-700': {borderTopColor: '#455a64'}, + 'border-t-blue-gray-800': {borderTopColor: '#37474f'}, + 'border-t-blue-gray-900': {borderTopColor: '#263238'}, + 'border-t-brown-50': {borderTopColor: '#efebe9'}, + 'border-t-brown-100': {borderTopColor: '#d7ccc8'}, + 'border-t-brown-200': {borderTopColor: '#bcaaa4'}, + 'border-t-brown-300': {borderTopColor: '#a1887f'}, + 'border-t-brown-400': {borderTopColor: '#8d6e63'}, + 'border-t-brown-500': {borderTopColor: '#795548'}, + 'border-t-brown-600': {borderTopColor: '#6d4c41'}, + 'border-t-brown-700': {borderTopColor: '#5d4037'}, + 'border-t-brown-800': {borderTopColor: '#4e342e'}, + 'border-t-brown-900': {borderTopColor: '#3e2723'}, + 'border-t-cyan-50': {borderTopColor: '#e0f7fa'}, + 'border-t-cyan-100': {borderTopColor: '#b2ebf2'}, + 'border-t-cyan-200': {borderTopColor: '#80deea'}, + 'border-t-cyan-300': {borderTopColor: '#4dd0e1'}, + 'border-t-cyan-400': {borderTopColor: '#26c6da'}, + 'border-t-cyan-500': {borderTopColor: '#00bcd4'}, + 'border-t-cyan-600': {borderTopColor: '#00acc1'}, + 'border-t-cyan-700': {borderTopColor: '#0097a7'}, + 'border-t-cyan-800': {borderTopColor: '#00838f'}, + 'border-t-cyan-900': {borderTopColor: '#006064'}, + 'border-t-cyan-A100': {borderTopColor: '#84ffff'}, + 'border-t-cyan-A200': {borderTopColor: '#18ffff'}, + 'border-t-cyan-A400': {borderTopColor: '#00e5ff'}, + 'border-t-cyan-A700': {borderTopColor: '#00b8d4'}, + 'border-t-deep-orange-50': {borderTopColor: '#fbe9e7'}, + 'border-t-deep-orange-100': {borderTopColor: '#ffccbc'}, + 'border-t-deep-orange-200': {borderTopColor: '#ffab91'}, + 'border-t-deep-orange-300': {borderTopColor: '#ff8a65'}, + 'border-t-deep-orange-400': {borderTopColor: '#ff7043'}, + 'border-t-deep-orange-500': {borderTopColor: '#ff5722'}, + 'border-t-deep-orange-600': {borderTopColor: '#f4511e'}, + 'border-t-deep-orange-700': {borderTopColor: '#e64a19'}, + 'border-t-deep-orange-800': {borderTopColor: '#d84315'}, + 'border-t-deep-orange-900': {borderTopColor: '#bf360c'}, + 'border-t-deep-orange-A100': {borderTopColor: '#ff9e80'}, + 'border-t-deep-orange-A200': {borderTopColor: '#ff6e40'}, + 'border-t-deep-orange-A400': {borderTopColor: '#ff3d00'}, + 'border-t-deep-orange-A700': {borderTopColor: '#dd2c00'}, + 'border-t-deep-purple-50': {borderTopColor: '#ede7f6'}, + 'border-t-deep-purple-100': {borderTopColor: '#d1c4e9'}, + 'border-t-deep-purple-200': {borderTopColor: '#b39ddb'}, + 'border-t-deep-purple-300': {borderTopColor: '#9575cd'}, + 'border-t-deep-purple-400': {borderTopColor: '#7e57c2'}, + 'border-t-deep-purple-500': {borderTopColor: '#673ab7'}, + 'border-t-deep-purple-600': {borderTopColor: '#5e35b1'}, + 'border-t-deep-purple-700': {borderTopColor: '#512da8'}, + 'border-t-deep-purple-800': {borderTopColor: '#4527a0'}, + 'border-t-deep-purple-900': {borderTopColor: '#311b92'}, + 'border-t-deep-purple-A100': {borderTopColor: '#b388ff'}, + 'border-t-deep-purple-A200': {borderTopColor: '#7c4dff'}, + 'border-t-deep-purple-A400': {borderTopColor: '#651fff'}, + 'border-t-deep-purple-A700': {borderTopColor: '#6200ea'}, + 'border-t-gray-50': {borderTopColor: '#fafafa'}, + 'border-t-gray-100': {borderTopColor: '#f5f5f5'}, + 'border-t-gray-200': {borderTopColor: '#eeeeee'}, + 'border-t-gray-300': {borderTopColor: '#e0e0e0'}, + 'border-t-gray-400': {borderTopColor: '#bdbdbd'}, + 'border-t-gray-500': {borderTopColor: '#9e9e9e'}, + 'border-t-gray-600': {borderTopColor: '#757575'}, + 'border-t-gray-700': {borderTopColor: '#616161'}, + 'border-t-gray-800': {borderTopColor: '#424242'}, + 'border-t-gray-900': {borderTopColor: '#212121'}, + 'border-t-green-50': {borderTopColor: '#e8f5e9'}, + 'border-t-green-100': {borderTopColor: '#c8e6c9'}, + 'border-t-green-200': {borderTopColor: '#a5d6a7'}, + 'border-t-green-300': {borderTopColor: '#81c784'}, + 'border-t-green-400': {borderTopColor: '#66bb6a'}, + 'border-t-green-500': {borderTopColor: '#4caf50'}, + 'border-t-green-600': {borderTopColor: '#43a047'}, + 'border-t-green-700': {borderTopColor: '#388e3c'}, + 'border-t-green-800': {borderTopColor: '#2e7d32'}, + 'border-t-green-900': {borderTopColor: '#1b5e20'}, + 'border-t-green-A100': {borderTopColor: '#b9f6ca'}, + 'border-t-green-A200': {borderTopColor: '#69f0ae'}, + 'border-t-green-A400': {borderTopColor: '#00e676'}, + 'border-t-green-A700': {borderTopColor: '#00c853'}, + 'border-t-indigo-50': {borderTopColor: '#e8eaf6'}, + 'border-t-indigo-100': {borderTopColor: '#c5cae9'}, + 'border-t-indigo-200': {borderTopColor: '#9fa8da'}, + 'border-t-indigo-300': {borderTopColor: '#7986cb'}, + 'border-t-indigo-400': {borderTopColor: '#5c6bc0'}, + 'border-t-indigo-500': {borderTopColor: '#3f51b5'}, + 'border-t-indigo-600': {borderTopColor: '#3949ab'}, + 'border-t-indigo-700': {borderTopColor: '#303f9f'}, + 'border-t-indigo-800': {borderTopColor: '#283593'}, + 'border-t-indigo-900': {borderTopColor: '#1a237e'}, + 'border-t-indigo-A100': {borderTopColor: '#8c9eff'}, + 'border-t-indigo-A200': {borderTopColor: '#536dfe'}, + 'border-t-indigo-A400': {borderTopColor: '#3d5afe'}, + 'border-t-indigo-A700': {borderTopColor: '#304ffe'}, + 'border-t-light-blue-50': {borderTopColor: '#e1f5fe'}, + 'border-t-light-blue-100': {borderTopColor: '#b3e5fc'}, + 'border-t-light-blue-200': {borderTopColor: '#81d4fa'}, + 'border-t-light-blue-300': {borderTopColor: '#4fc3f7'}, + 'border-t-light-blue-400': {borderTopColor: '#29b6f6'}, + 'border-t-light-blue-500': {borderTopColor: '#03a9f4'}, + 'border-t-light-blue-600': {borderTopColor: '#039be5'}, + 'border-t-light-blue-700': {borderTopColor: '#0288d1'}, + 'border-t-light-blue-800': {borderTopColor: '#0277bd'}, + 'border-t-light-blue-900': {borderTopColor: '#01579b'}, + 'border-t-light-blue-A100': {borderTopColor: '#80d8ff'}, + 'border-t-light-blue-A200': {borderTopColor: '#40c4ff'}, + 'border-t-light-blue-A400': {borderTopColor: '#00b0ff'}, + 'border-t-light-blue-A700': {borderTopColor: '#0091ea'}, + 'border-t-light-green-50': {borderTopColor: '#f1f8e9'}, + 'border-t-light-green-100': {borderTopColor: '#dcedc8'}, + 'border-t-light-green-200': {borderTopColor: '#c5e1a5'}, + 'border-t-light-green-300': {borderTopColor: '#aed581'}, + 'border-t-light-green-400': {borderTopColor: '#9ccc65'}, + 'border-t-light-green-500': {borderTopColor: '#8bc34a'}, + 'border-t-light-green-600': {borderTopColor: '#7cb342'}, + 'border-t-light-green-700': {borderTopColor: '#689f38'}, + 'border-t-light-green-800': {borderTopColor: '#558b2f'}, + 'border-t-light-green-900': {borderTopColor: '#33691e'}, + 'border-t-light-green-A100': {borderTopColor: '#ccff90'}, + 'border-t-light-green-A200': {borderTopColor: '#b2ff59'}, + 'border-t-light-green-A400': {borderTopColor: '#76ff03'}, + 'border-t-light-green-A700': {borderTopColor: '#64dd17'}, + 'border-t-lime-50': {borderTopColor: '#f9fbe7'}, + 'border-t-lime-100': {borderTopColor: '#f0f4c3'}, + 'border-t-lime-200': {borderTopColor: '#e6ee9c'}, + 'border-t-lime-300': {borderTopColor: '#dce775'}, + 'border-t-lime-400': {borderTopColor: '#d4e157'}, + 'border-t-lime-500': {borderTopColor: '#cddc39'}, + 'border-t-lime-600': {borderTopColor: '#c0ca33'}, + 'border-t-lime-700': {borderTopColor: '#afb42b'}, + 'border-t-lime-800': {borderTopColor: '#9e9d24'}, + 'border-t-lime-900': {borderTopColor: '#827717'}, + 'border-t-lime-A100': {borderTopColor: '#f4ff81'}, + 'border-t-lime-A200': {borderTopColor: '#eeff41'}, + 'border-t-lime-A400': {borderTopColor: '#c6ff00'}, + 'border-t-lime-A700': {borderTopColor: '#aeea00'}, + 'border-t-orange-50': {borderTopColor: '#fff3e0'}, + 'border-t-orange-100': {borderTopColor: '#ffe0b2'}, + 'border-t-orange-200': {borderTopColor: '#ffcc80'}, + 'border-t-orange-300': {borderTopColor: '#ffb74d'}, + 'border-t-orange-400': {borderTopColor: '#ffa726'}, + 'border-t-orange-500': {borderTopColor: '#ff9800'}, + 'border-t-orange-600': {borderTopColor: '#fb8c00'}, + 'border-t-orange-700': {borderTopColor: '#f57c00'}, + 'border-t-orange-800': {borderTopColor: '#ef6c00'}, + 'border-t-orange-900': {borderTopColor: '#e65100'}, + 'border-t-orange-A100': {borderTopColor: '#ffd180'}, + 'border-t-orange-A200': {borderTopColor: '#ffab40'}, + 'border-t-orange-A400': {borderTopColor: '#ff9100'}, + 'border-t-orange-A700': {borderTopColor: '#ff6d00'}, + 'border-t-prink-50': {borderTopColor: '#fce4ec'}, + 'border-t-prink-100': {borderTopColor: '#f8bbd0'}, + 'border-t-prink-200': {borderTopColor: '#f48fb1'}, + 'border-t-prink-300': {borderTopColor: '#f06292'}, + 'border-t-prink-400': {borderTopColor: '#ec407a'}, + 'border-t-prink-500': {borderTopColor: '#e91e63'}, + 'border-t-prink-600': {borderTopColor: '#d81b60'}, + 'border-t-prink-700': {borderTopColor: '#c2185b'}, + 'border-t-prink-800': {borderTopColor: '#ad1457'}, + 'border-t-prink-900': {borderTopColor: '#880e4f'}, + 'border-t-prink-A100': {borderTopColor: '#ff80ab'}, + 'border-t-prink-A200': {borderTopColor: '#ff4081'}, + 'border-t-prink-A400': {borderTopColor: '#f50057'}, + 'border-t-prink-A700': {borderTopColor: '#c51162'}, + 'border-t-purple-50': {borderTopColor: '#f3e5f5'}, + 'border-t-purple-100': {borderTopColor: '#e1bee7'}, + 'border-t-purple-200': {borderTopColor: '#ce93d8'}, + 'border-t-purple-300': {borderTopColor: '#ba68c8'}, + 'border-t-purple-400': {borderTopColor: '#ab47bc'}, + 'border-t-purple-500': {borderTopColor: '#9c27b0'}, + 'border-t-purple-600': {borderTopColor: '#8e24aa'}, + 'border-t-purple-700': {borderTopColor: '#7b1fa2'}, + 'border-t-purple-800': {borderTopColor: '#6a1b9a'}, + 'border-t-purple-900': {borderTopColor: '#4a148c'}, + 'border-t-purple-A100': {borderTopColor: '#ea80fc'}, + 'border-t-purple-A200': {borderTopColor: '#e040fb'}, + 'border-t-purple-A400': {borderTopColor: '#d500f9'}, + 'border-t-purple-A700': {borderTopColor: '#aa00ff'}, + 'border-t-red-50': {borderTopColor: '#ffebee'}, + 'border-t-red-100': {borderTopColor: '#ffcdd2'}, + 'border-t-red-200': {borderTopColor: '#ef9a9a'}, + 'border-t-red-300': {borderTopColor: '#e57373'}, + 'border-t-red-400': {borderTopColor: '#ef5350'}, + 'border-t-red-500': {borderTopColor: '#f44336'}, + 'border-t-red-600': {borderTopColor: '#e53935'}, + 'border-t-red-700': {borderTopColor: '#d32f2f'}, + 'border-t-red-800': {borderTopColor: '#c62828'}, + 'border-t-red-900': {borderTopColor: '#b71c1c'}, + 'border-t-red-A100': {borderTopColor: '#ff8a80'}, + 'border-t-red-A200': {borderTopColor: '#ff5252'}, + 'border-t-red-A400': {borderTopColor: '#ff1744'}, + 'border-t-red-A700': {borderTopColor: '#d50000'}, + 'border-t-teal-50': {borderTopColor: '#e0f2f1'}, + 'border-t-teal-100': {borderTopColor: '#b2dfdb'}, + 'border-t-teal-200': {borderTopColor: '#80cbc4'}, + 'border-t-teal-300': {borderTopColor: '#4db6ac'}, + 'border-t-teal-400': {borderTopColor: '#26a69a'}, + 'border-t-teal-500': {borderTopColor: '#009688'}, + 'border-t-teal-600': {borderTopColor: '#00897b'}, + 'border-t-teal-700': {borderTopColor: '#00796b'}, + 'border-t-teal-800': {borderTopColor: '#00695c'}, + 'border-t-teal-900': {borderTopColor: '#004d40'}, + 'border-t-teal-A100': {borderTopColor: '#a7ffeb'}, + 'border-t-teal-A200': {borderTopColor: '#64ffda'}, + 'border-t-teal-A400': {borderTopColor: '#1de9b6'}, + 'border-t-teal-A700': {borderTopColor: '#00bfa5'}, + 'border-t-transparent': {borderTopColor: 'transparent'}, + 'border-t-white': {borderTopColor: '#ffffff'}, + 'border-t-yellow-50': {borderTopColor: '#fffde7'}, + 'border-t-yellow-100': {borderTopColor: '#fff9c4'}, + 'border-t-yellow-200': {borderTopColor: '#fff59d'}, + 'border-t-yellow-300': {borderTopColor: '#fff176'}, + 'border-t-yellow-400': {borderTopColor: '#ffee58'}, + 'border-t-yellow-500': {borderTopColor: '#ffeb3b'}, + 'border-t-yellow-600': {borderTopColor: '#fdd835'}, + 'border-t-yellow-700': {borderTopColor: '#fbc02d'}, + 'border-t-yellow-800': {borderTopColor: '#f9a825'}, + 'border-t-yellow-900': {borderTopColor: '#f57f17'}, + 'border-t-yellow-A100': {borderTopColor: '#ffff8d'}, + 'border-t-yellow-A200': {borderTopColor: '#ffff00'}, + 'border-t-yellow-A400': {borderTopColor: '#ffea00'}, + 'border-t-yellow-A700': {borderTopColor: '#ffd600'}, + 'border-teal-50': {borderColor: '#e0f2f1'}, + 'border-teal-100': {borderColor: '#b2dfdb'}, + 'border-teal-200': {borderColor: '#80cbc4'}, + 'border-teal-300': {borderColor: '#4db6ac'}, + 'border-teal-400': {borderColor: '#26a69a'}, + 'border-teal-500': {borderColor: '#009688'}, + 'border-teal-600': {borderColor: '#00897b'}, + 'border-teal-700': {borderColor: '#00796b'}, + 'border-teal-800': {borderColor: '#00695c'}, + 'border-teal-900': {borderColor: '#004d40'}, + 'border-teal-A100': {borderColor: '#a7ffeb'}, + 'border-teal-A200': {borderColor: '#64ffda'}, + 'border-teal-A400': {borderColor: '#1de9b6'}, + 'border-teal-A700': {borderColor: '#00bfa5'}, + 'border-transparent': {borderColor: 'transparent'}, + 'border-white': {borderColor: '#ffffff'}, + 'border-x-amber-50': { + borderLeftColor: '#fff8e1', + borderRightColor: '#fff8e1', + }, + 'border-x-amber-100': { + borderLeftColor: '#ffecb3', + borderRightColor: '#ffecb3', + }, + 'border-x-amber-200': { + borderLeftColor: '#ffe082', + borderRightColor: '#ffe082', + }, + 'border-x-amber-300': { + borderLeftColor: '#ffd54f', + borderRightColor: '#ffd54f', + }, + 'border-x-amber-400': { + borderLeftColor: '#ffca28', + borderRightColor: '#ffca28', + }, + 'border-x-amber-500': { + borderLeftColor: '#ffc107', + borderRightColor: '#ffc107', + }, + 'border-x-amber-600': { + borderLeftColor: '#ffb300', + borderRightColor: '#ffb300', + }, + 'border-x-amber-700': { + borderLeftColor: '#ffa000', + borderRightColor: '#ffa000', + }, + 'border-x-amber-800': { + borderLeftColor: '#ff8f00', + borderRightColor: '#ff8f00', + }, + 'border-x-amber-900': { + borderLeftColor: '#ff6f00', + borderRightColor: '#ff6f00', + }, + 'border-x-amber-A100': { + borderLeftColor: '#ffe57f', + borderRightColor: '#ffe57f', + }, + 'border-x-amber-A200': { + borderLeftColor: '#ffd740', + borderRightColor: '#ffd740', + }, + 'border-x-amber-A400': { + borderLeftColor: '#ffc400', + borderRightColor: '#ffc400', + }, + 'border-x-amber-A700': { + borderLeftColor: '#ffab00', + borderRightColor: '#ffab00', + }, + 'border-x-black': { + borderLeftColor: '#000000', + borderRightColor: '#000000', + }, + 'border-x-blue-50': { + borderLeftColor: '#e3f2fd', + borderRightColor: '#e3f2fd', + }, + 'border-x-blue-100': { + borderLeftColor: '#bbdefb', + borderRightColor: '#bbdefb', + }, + 'border-x-blue-200': { + borderLeftColor: '#90caf9', + borderRightColor: '#90caf9', + }, + 'border-x-blue-300': { + borderLeftColor: '#64b5f6', + borderRightColor: '#64b5f6', + }, + 'border-x-blue-400': { + borderLeftColor: '#42a5f5', + borderRightColor: '#42a5f5', + }, + 'border-x-blue-500': { + borderLeftColor: '#2196f3', + borderRightColor: '#2196f3', + }, + 'border-x-blue-600': { + borderLeftColor: '#1e88e5', + borderRightColor: '#1e88e5', + }, + 'border-x-blue-700': { + borderLeftColor: '#1976d2', + borderRightColor: '#1976d2', + }, + 'border-x-blue-800': { + borderLeftColor: '#1565c0', + borderRightColor: '#1565c0', + }, + 'border-x-blue-900': { + borderLeftColor: '#0d47a1', + borderRightColor: '#0d47a1', + }, + 'border-x-blue-A100': { + borderLeftColor: '#82b1ff', + borderRightColor: '#82b1ff', + }, + 'border-x-blue-A200': { + borderLeftColor: '#448aff', + borderRightColor: '#448aff', + }, + 'border-x-blue-A400': { + borderLeftColor: '#2979ff', + borderRightColor: '#2979ff', + }, + 'border-x-blue-A700': { + borderLeftColor: '#2962ff', + borderRightColor: '#2962ff', + }, + 'border-x-blue-gray-50': { + borderLeftColor: '#eceff1', + borderRightColor: '#eceff1', + }, + 'border-x-blue-gray-100': { + borderLeftColor: '#cfd8dc', + borderRightColor: '#cfd8dc', + }, + 'border-x-blue-gray-200': { + borderLeftColor: '#b0bec5', + borderRightColor: '#b0bec5', + }, + 'border-x-blue-gray-300': { + borderLeftColor: '#90a4ae', + borderRightColor: '#90a4ae', + }, + 'border-x-blue-gray-400': { + borderLeftColor: '#78909c', + borderRightColor: '#78909c', + }, + 'border-x-blue-gray-500': { + borderLeftColor: '#607d8b', + borderRightColor: '#607d8b', + }, + 'border-x-blue-gray-600': { + borderLeftColor: '#546e7a', + borderRightColor: '#546e7a', + }, + 'border-x-blue-gray-700': { + borderLeftColor: '#455a64', + borderRightColor: '#455a64', + }, + 'border-x-blue-gray-800': { + borderLeftColor: '#37474f', + borderRightColor: '#37474f', + }, + 'border-x-blue-gray-900': { + borderLeftColor: '#263238', + borderRightColor: '#263238', + }, + 'border-x-brown-50': { + borderLeftColor: '#efebe9', + borderRightColor: '#efebe9', + }, + 'border-x-brown-100': { + borderLeftColor: '#d7ccc8', + borderRightColor: '#d7ccc8', + }, + 'border-x-brown-200': { + borderLeftColor: '#bcaaa4', + borderRightColor: '#bcaaa4', + }, + 'border-x-brown-300': { + borderLeftColor: '#a1887f', + borderRightColor: '#a1887f', + }, + 'border-x-brown-400': { + borderLeftColor: '#8d6e63', + borderRightColor: '#8d6e63', + }, + 'border-x-brown-500': { + borderLeftColor: '#795548', + borderRightColor: '#795548', + }, + 'border-x-brown-600': { + borderLeftColor: '#6d4c41', + borderRightColor: '#6d4c41', + }, + 'border-x-brown-700': { + borderLeftColor: '#5d4037', + borderRightColor: '#5d4037', + }, + 'border-x-brown-800': { + borderLeftColor: '#4e342e', + borderRightColor: '#4e342e', + }, + 'border-x-brown-900': { + borderLeftColor: '#3e2723', + borderRightColor: '#3e2723', + }, + 'border-x-cyan-50': { + borderLeftColor: '#e0f7fa', + borderRightColor: '#e0f7fa', + }, + 'border-x-cyan-100': { + borderLeftColor: '#b2ebf2', + borderRightColor: '#b2ebf2', + }, + 'border-x-cyan-200': { + borderLeftColor: '#80deea', + borderRightColor: '#80deea', + }, + 'border-x-cyan-300': { + borderLeftColor: '#4dd0e1', + borderRightColor: '#4dd0e1', + }, + 'border-x-cyan-400': { + borderLeftColor: '#26c6da', + borderRightColor: '#26c6da', + }, + 'border-x-cyan-500': { + borderLeftColor: '#00bcd4', + borderRightColor: '#00bcd4', + }, + 'border-x-cyan-600': { + borderLeftColor: '#00acc1', + borderRightColor: '#00acc1', + }, + 'border-x-cyan-700': { + borderLeftColor: '#0097a7', + borderRightColor: '#0097a7', + }, + 'border-x-cyan-800': { + borderLeftColor: '#00838f', + borderRightColor: '#00838f', + }, + 'border-x-cyan-900': { + borderLeftColor: '#006064', + borderRightColor: '#006064', + }, + 'border-x-cyan-A100': { + borderLeftColor: '#84ffff', + borderRightColor: '#84ffff', + }, + 'border-x-cyan-A200': { + borderLeftColor: '#18ffff', + borderRightColor: '#18ffff', + }, + 'border-x-cyan-A400': { + borderLeftColor: '#00e5ff', + borderRightColor: '#00e5ff', + }, + 'border-x-cyan-A700': { + borderLeftColor: '#00b8d4', + borderRightColor: '#00b8d4', + }, + 'border-x-deep-orange-50': { + borderLeftColor: '#fbe9e7', + borderRightColor: '#fbe9e7', + }, + 'border-x-deep-orange-100': { + borderLeftColor: '#ffccbc', + borderRightColor: '#ffccbc', + }, + 'border-x-deep-orange-200': { + borderLeftColor: '#ffab91', + borderRightColor: '#ffab91', + }, + 'border-x-deep-orange-300': { + borderLeftColor: '#ff8a65', + borderRightColor: '#ff8a65', + }, + 'border-x-deep-orange-400': { + borderLeftColor: '#ff7043', + borderRightColor: '#ff7043', + }, + 'border-x-deep-orange-500': { + borderLeftColor: '#ff5722', + borderRightColor: '#ff5722', + }, + 'border-x-deep-orange-600': { + borderLeftColor: '#f4511e', + borderRightColor: '#f4511e', + }, + 'border-x-deep-orange-700': { + borderLeftColor: '#e64a19', + borderRightColor: '#e64a19', + }, + 'border-x-deep-orange-800': { + borderLeftColor: '#d84315', + borderRightColor: '#d84315', + }, + 'border-x-deep-orange-900': { + borderLeftColor: '#bf360c', + borderRightColor: '#bf360c', + }, + 'border-x-deep-orange-A100': { + borderLeftColor: '#ff9e80', + borderRightColor: '#ff9e80', + }, + 'border-x-deep-orange-A200': { + borderLeftColor: '#ff6e40', + borderRightColor: '#ff6e40', + }, + 'border-x-deep-orange-A400': { + borderLeftColor: '#ff3d00', + borderRightColor: '#ff3d00', + }, + 'border-x-deep-orange-A700': { + borderLeftColor: '#dd2c00', + borderRightColor: '#dd2c00', + }, + 'border-x-deep-purple-50': { + borderLeftColor: '#ede7f6', + borderRightColor: '#ede7f6', + }, + 'border-x-deep-purple-100': { + borderLeftColor: '#d1c4e9', + borderRightColor: '#d1c4e9', + }, + 'border-x-deep-purple-200': { + borderLeftColor: '#b39ddb', + borderRightColor: '#b39ddb', + }, + 'border-x-deep-purple-300': { + borderLeftColor: '#9575cd', + borderRightColor: '#9575cd', + }, + 'border-x-deep-purple-400': { + borderLeftColor: '#7e57c2', + borderRightColor: '#7e57c2', + }, + 'border-x-deep-purple-500': { + borderLeftColor: '#673ab7', + borderRightColor: '#673ab7', + }, + 'border-x-deep-purple-600': { + borderLeftColor: '#5e35b1', + borderRightColor: '#5e35b1', + }, + 'border-x-deep-purple-700': { + borderLeftColor: '#512da8', + borderRightColor: '#512da8', + }, + 'border-x-deep-purple-800': { + borderLeftColor: '#4527a0', + borderRightColor: '#4527a0', + }, + 'border-x-deep-purple-900': { + borderLeftColor: '#311b92', + borderRightColor: '#311b92', + }, + 'border-x-deep-purple-A100': { + borderLeftColor: '#b388ff', + borderRightColor: '#b388ff', + }, + 'border-x-deep-purple-A200': { + borderLeftColor: '#7c4dff', + borderRightColor: '#7c4dff', + }, + 'border-x-deep-purple-A400': { + borderLeftColor: '#651fff', + borderRightColor: '#651fff', + }, + 'border-x-deep-purple-A700': { + borderLeftColor: '#6200ea', + borderRightColor: '#6200ea', + }, + 'border-x-gray-50': { + borderLeftColor: '#fafafa', + borderRightColor: '#fafafa', + }, + 'border-x-gray-100': { + borderLeftColor: '#f5f5f5', + borderRightColor: '#f5f5f5', + }, + 'border-x-gray-200': { + borderLeftColor: '#eeeeee', + borderRightColor: '#eeeeee', + }, + 'border-x-gray-300': { + borderLeftColor: '#e0e0e0', + borderRightColor: '#e0e0e0', + }, + 'border-x-gray-400': { + borderLeftColor: '#bdbdbd', + borderRightColor: '#bdbdbd', + }, + 'border-x-gray-500': { + borderLeftColor: '#9e9e9e', + borderRightColor: '#9e9e9e', + }, + 'border-x-gray-600': { + borderLeftColor: '#757575', + borderRightColor: '#757575', + }, + 'border-x-gray-700': { + borderLeftColor: '#616161', + borderRightColor: '#616161', + }, + 'border-x-gray-800': { + borderLeftColor: '#424242', + borderRightColor: '#424242', + }, + 'border-x-gray-900': { + borderLeftColor: '#212121', + borderRightColor: '#212121', + }, + 'border-x-green-50': { + borderLeftColor: '#e8f5e9', + borderRightColor: '#e8f5e9', + }, + 'border-x-green-100': { + borderLeftColor: '#c8e6c9', + borderRightColor: '#c8e6c9', + }, + 'border-x-green-200': { + borderLeftColor: '#a5d6a7', + borderRightColor: '#a5d6a7', + }, + 'border-x-green-300': { + borderLeftColor: '#81c784', + borderRightColor: '#81c784', + }, + 'border-x-green-400': { + borderLeftColor: '#66bb6a', + borderRightColor: '#66bb6a', + }, + 'border-x-green-500': { + borderLeftColor: '#4caf50', + borderRightColor: '#4caf50', + }, + 'border-x-green-600': { + borderLeftColor: '#43a047', + borderRightColor: '#43a047', + }, + 'border-x-green-700': { + borderLeftColor: '#388e3c', + borderRightColor: '#388e3c', + }, + 'border-x-green-800': { + borderLeftColor: '#2e7d32', + borderRightColor: '#2e7d32', + }, + 'border-x-green-900': { + borderLeftColor: '#1b5e20', + borderRightColor: '#1b5e20', + }, + 'border-x-green-A100': { + borderLeftColor: '#b9f6ca', + borderRightColor: '#b9f6ca', + }, + 'border-x-green-A200': { + borderLeftColor: '#69f0ae', + borderRightColor: '#69f0ae', + }, + 'border-x-green-A400': { + borderLeftColor: '#00e676', + borderRightColor: '#00e676', + }, + 'border-x-green-A700': { + borderLeftColor: '#00c853', + borderRightColor: '#00c853', + }, + 'border-x-indigo-50': { + borderLeftColor: '#e8eaf6', + borderRightColor: '#e8eaf6', + }, + 'border-x-indigo-100': { + borderLeftColor: '#c5cae9', + borderRightColor: '#c5cae9', + }, + 'border-x-indigo-200': { + borderLeftColor: '#9fa8da', + borderRightColor: '#9fa8da', + }, + 'border-x-indigo-300': { + borderLeftColor: '#7986cb', + borderRightColor: '#7986cb', + }, + 'border-x-indigo-400': { + borderLeftColor: '#5c6bc0', + borderRightColor: '#5c6bc0', + }, + 'border-x-indigo-500': { + borderLeftColor: '#3f51b5', + borderRightColor: '#3f51b5', + }, + 'border-x-indigo-600': { + borderLeftColor: '#3949ab', + borderRightColor: '#3949ab', + }, + 'border-x-indigo-700': { + borderLeftColor: '#303f9f', + borderRightColor: '#303f9f', + }, + 'border-x-indigo-800': { + borderLeftColor: '#283593', + borderRightColor: '#283593', + }, + 'border-x-indigo-900': { + borderLeftColor: '#1a237e', + borderRightColor: '#1a237e', + }, + 'border-x-indigo-A100': { + borderLeftColor: '#8c9eff', + borderRightColor: '#8c9eff', + }, + 'border-x-indigo-A200': { + borderLeftColor: '#536dfe', + borderRightColor: '#536dfe', + }, + 'border-x-indigo-A400': { + borderLeftColor: '#3d5afe', + borderRightColor: '#3d5afe', + }, + 'border-x-indigo-A700': { + borderLeftColor: '#304ffe', + borderRightColor: '#304ffe', + }, + 'border-x-light-blue-50': { + borderLeftColor: '#e1f5fe', + borderRightColor: '#e1f5fe', + }, + 'border-x-light-blue-100': { + borderLeftColor: '#b3e5fc', + borderRightColor: '#b3e5fc', + }, + 'border-x-light-blue-200': { + borderLeftColor: '#81d4fa', + borderRightColor: '#81d4fa', + }, + 'border-x-light-blue-300': { + borderLeftColor: '#4fc3f7', + borderRightColor: '#4fc3f7', + }, + 'border-x-light-blue-400': { + borderLeftColor: '#29b6f6', + borderRightColor: '#29b6f6', + }, + 'border-x-light-blue-500': { + borderLeftColor: '#03a9f4', + borderRightColor: '#03a9f4', + }, + 'border-x-light-blue-600': { + borderLeftColor: '#039be5', + borderRightColor: '#039be5', + }, + 'border-x-light-blue-700': { + borderLeftColor: '#0288d1', + borderRightColor: '#0288d1', + }, + 'border-x-light-blue-800': { + borderLeftColor: '#0277bd', + borderRightColor: '#0277bd', + }, + 'border-x-light-blue-900': { + borderLeftColor: '#01579b', + borderRightColor: '#01579b', + }, + 'border-x-light-blue-A100': { + borderLeftColor: '#80d8ff', + borderRightColor: '#80d8ff', + }, + 'border-x-light-blue-A200': { + borderLeftColor: '#40c4ff', + borderRightColor: '#40c4ff', + }, + 'border-x-light-blue-A400': { + borderLeftColor: '#00b0ff', + borderRightColor: '#00b0ff', + }, + 'border-x-light-blue-A700': { + borderLeftColor: '#0091ea', + borderRightColor: '#0091ea', + }, + 'border-x-light-green-50': { + borderLeftColor: '#f1f8e9', + borderRightColor: '#f1f8e9', + }, + 'border-x-light-green-100': { + borderLeftColor: '#dcedc8', + borderRightColor: '#dcedc8', + }, + 'border-x-light-green-200': { + borderLeftColor: '#c5e1a5', + borderRightColor: '#c5e1a5', + }, + 'border-x-light-green-300': { + borderLeftColor: '#aed581', + borderRightColor: '#aed581', + }, + 'border-x-light-green-400': { + borderLeftColor: '#9ccc65', + borderRightColor: '#9ccc65', + }, + 'border-x-light-green-500': { + borderLeftColor: '#8bc34a', + borderRightColor: '#8bc34a', + }, + 'border-x-light-green-600': { + borderLeftColor: '#7cb342', + borderRightColor: '#7cb342', + }, + 'border-x-light-green-700': { + borderLeftColor: '#689f38', + borderRightColor: '#689f38', + }, + 'border-x-light-green-800': { + borderLeftColor: '#558b2f', + borderRightColor: '#558b2f', + }, + 'border-x-light-green-900': { + borderLeftColor: '#33691e', + borderRightColor: '#33691e', + }, + 'border-x-light-green-A100': { + borderLeftColor: '#ccff90', + borderRightColor: '#ccff90', + }, + 'border-x-light-green-A200': { + borderLeftColor: '#b2ff59', + borderRightColor: '#b2ff59', + }, + 'border-x-light-green-A400': { + borderLeftColor: '#76ff03', + borderRightColor: '#76ff03', + }, + 'border-x-light-green-A700': { + borderLeftColor: '#64dd17', + borderRightColor: '#64dd17', + }, + 'border-x-lime-50': { + borderLeftColor: '#f9fbe7', + borderRightColor: '#f9fbe7', + }, + 'border-x-lime-100': { + borderLeftColor: '#f0f4c3', + borderRightColor: '#f0f4c3', + }, + 'border-x-lime-200': { + borderLeftColor: '#e6ee9c', + borderRightColor: '#e6ee9c', + }, + 'border-x-lime-300': { + borderLeftColor: '#dce775', + borderRightColor: '#dce775', + }, + 'border-x-lime-400': { + borderLeftColor: '#d4e157', + borderRightColor: '#d4e157', + }, + 'border-x-lime-500': { + borderLeftColor: '#cddc39', + borderRightColor: '#cddc39', + }, + 'border-x-lime-600': { + borderLeftColor: '#c0ca33', + borderRightColor: '#c0ca33', + }, + 'border-x-lime-700': { + borderLeftColor: '#afb42b', + borderRightColor: '#afb42b', + }, + 'border-x-lime-800': { + borderLeftColor: '#9e9d24', + borderRightColor: '#9e9d24', + }, + 'border-x-lime-900': { + borderLeftColor: '#827717', + borderRightColor: '#827717', + }, + 'border-x-lime-A100': { + borderLeftColor: '#f4ff81', + borderRightColor: '#f4ff81', + }, + 'border-x-lime-A200': { + borderLeftColor: '#eeff41', + borderRightColor: '#eeff41', + }, + 'border-x-lime-A400': { + borderLeftColor: '#c6ff00', + borderRightColor: '#c6ff00', + }, + 'border-x-lime-A700': { + borderLeftColor: '#aeea00', + borderRightColor: '#aeea00', + }, + 'border-x-orange-50': { + borderLeftColor: '#fff3e0', + borderRightColor: '#fff3e0', + }, + 'border-x-orange-100': { + borderLeftColor: '#ffe0b2', + borderRightColor: '#ffe0b2', + }, + 'border-x-orange-200': { + borderLeftColor: '#ffcc80', + borderRightColor: '#ffcc80', + }, + 'border-x-orange-300': { + borderLeftColor: '#ffb74d', + borderRightColor: '#ffb74d', + }, + 'border-x-orange-400': { + borderLeftColor: '#ffa726', + borderRightColor: '#ffa726', + }, + 'border-x-orange-500': { + borderLeftColor: '#ff9800', + borderRightColor: '#ff9800', + }, + 'border-x-orange-600': { + borderLeftColor: '#fb8c00', + borderRightColor: '#fb8c00', + }, + 'border-x-orange-700': { + borderLeftColor: '#f57c00', + borderRightColor: '#f57c00', + }, + 'border-x-orange-800': { + borderLeftColor: '#ef6c00', + borderRightColor: '#ef6c00', + }, + 'border-x-orange-900': { + borderLeftColor: '#e65100', + borderRightColor: '#e65100', + }, + 'border-x-orange-A100': { + borderLeftColor: '#ffd180', + borderRightColor: '#ffd180', + }, + 'border-x-orange-A200': { + borderLeftColor: '#ffab40', + borderRightColor: '#ffab40', + }, + 'border-x-orange-A400': { + borderLeftColor: '#ff9100', + borderRightColor: '#ff9100', + }, + 'border-x-orange-A700': { + borderLeftColor: '#ff6d00', + borderRightColor: '#ff6d00', + }, + 'border-x-prink-50': { + borderLeftColor: '#fce4ec', + borderRightColor: '#fce4ec', + }, + 'border-x-prink-100': { + borderLeftColor: '#f8bbd0', + borderRightColor: '#f8bbd0', + }, + 'border-x-prink-200': { + borderLeftColor: '#f48fb1', + borderRightColor: '#f48fb1', + }, + 'border-x-prink-300': { + borderLeftColor: '#f06292', + borderRightColor: '#f06292', + }, + 'border-x-prink-400': { + borderLeftColor: '#ec407a', + borderRightColor: '#ec407a', + }, + 'border-x-prink-500': { + borderLeftColor: '#e91e63', + borderRightColor: '#e91e63', + }, + 'border-x-prink-600': { + borderLeftColor: '#d81b60', + borderRightColor: '#d81b60', + }, + 'border-x-prink-700': { + borderLeftColor: '#c2185b', + borderRightColor: '#c2185b', + }, + 'border-x-prink-800': { + borderLeftColor: '#ad1457', + borderRightColor: '#ad1457', + }, + 'border-x-prink-900': { + borderLeftColor: '#880e4f', + borderRightColor: '#880e4f', + }, + 'border-x-prink-A100': { + borderLeftColor: '#ff80ab', + borderRightColor: '#ff80ab', + }, + 'border-x-prink-A200': { + borderLeftColor: '#ff4081', + borderRightColor: '#ff4081', + }, + 'border-x-prink-A400': { + borderLeftColor: '#f50057', + borderRightColor: '#f50057', + }, + 'border-x-prink-A700': { + borderLeftColor: '#c51162', + borderRightColor: '#c51162', + }, + 'border-x-purple-50': { + borderLeftColor: '#f3e5f5', + borderRightColor: '#f3e5f5', + }, + 'border-x-purple-100': { + borderLeftColor: '#e1bee7', + borderRightColor: '#e1bee7', + }, + 'border-x-purple-200': { + borderLeftColor: '#ce93d8', + borderRightColor: '#ce93d8', + }, + 'border-x-purple-300': { + borderLeftColor: '#ba68c8', + borderRightColor: '#ba68c8', + }, + 'border-x-purple-400': { + borderLeftColor: '#ab47bc', + borderRightColor: '#ab47bc', + }, + 'border-x-purple-500': { + borderLeftColor: '#9c27b0', + borderRightColor: '#9c27b0', + }, + 'border-x-purple-600': { + borderLeftColor: '#8e24aa', + borderRightColor: '#8e24aa', + }, + 'border-x-purple-700': { + borderLeftColor: '#7b1fa2', + borderRightColor: '#7b1fa2', + }, + 'border-x-purple-800': { + borderLeftColor: '#6a1b9a', + borderRightColor: '#6a1b9a', + }, + 'border-x-purple-900': { + borderLeftColor: '#4a148c', + borderRightColor: '#4a148c', + }, + 'border-x-purple-A100': { + borderLeftColor: '#ea80fc', + borderRightColor: '#ea80fc', + }, + 'border-x-purple-A200': { + borderLeftColor: '#e040fb', + borderRightColor: '#e040fb', + }, + 'border-x-purple-A400': { + borderLeftColor: '#d500f9', + borderRightColor: '#d500f9', + }, + 'border-x-purple-A700': { + borderLeftColor: '#aa00ff', + borderRightColor: '#aa00ff', + }, + 'border-x-red-50': { + borderLeftColor: '#ffebee', + borderRightColor: '#ffebee', + }, + 'border-x-red-100': { + borderLeftColor: '#ffcdd2', + borderRightColor: '#ffcdd2', + }, + 'border-x-red-200': { + borderLeftColor: '#ef9a9a', + borderRightColor: '#ef9a9a', + }, + 'border-x-red-300': { + borderLeftColor: '#e57373', + borderRightColor: '#e57373', + }, + 'border-x-red-400': { + borderLeftColor: '#ef5350', + borderRightColor: '#ef5350', + }, + 'border-x-red-500': { + borderLeftColor: '#f44336', + borderRightColor: '#f44336', + }, + 'border-x-red-600': { + borderLeftColor: '#e53935', + borderRightColor: '#e53935', + }, + 'border-x-red-700': { + borderLeftColor: '#d32f2f', + borderRightColor: '#d32f2f', + }, + 'border-x-red-800': { + borderLeftColor: '#c62828', + borderRightColor: '#c62828', + }, + 'border-x-red-900': { + borderLeftColor: '#b71c1c', + borderRightColor: '#b71c1c', + }, + 'border-x-red-A100': { + borderLeftColor: '#ff8a80', + borderRightColor: '#ff8a80', + }, + 'border-x-red-A200': { + borderLeftColor: '#ff5252', + borderRightColor: '#ff5252', + }, + 'border-x-red-A400': { + borderLeftColor: '#ff1744', + borderRightColor: '#ff1744', + }, + 'border-x-red-A700': { + borderLeftColor: '#d50000', + borderRightColor: '#d50000', + }, + 'border-x-teal-50': { + borderLeftColor: '#e0f2f1', + borderRightColor: '#e0f2f1', + }, + 'border-x-teal-100': { + borderLeftColor: '#b2dfdb', + borderRightColor: '#b2dfdb', + }, + 'border-x-teal-200': { + borderLeftColor: '#80cbc4', + borderRightColor: '#80cbc4', + }, + 'border-x-teal-300': { + borderLeftColor: '#4db6ac', + borderRightColor: '#4db6ac', + }, + 'border-x-teal-400': { + borderLeftColor: '#26a69a', + borderRightColor: '#26a69a', + }, + 'border-x-teal-500': { + borderLeftColor: '#009688', + borderRightColor: '#009688', + }, + 'border-x-teal-600': { + borderLeftColor: '#00897b', + borderRightColor: '#00897b', + }, + 'border-x-teal-700': { + borderLeftColor: '#00796b', + borderRightColor: '#00796b', + }, + 'border-x-teal-800': { + borderLeftColor: '#00695c', + borderRightColor: '#00695c', + }, + 'border-x-teal-900': { + borderLeftColor: '#004d40', + borderRightColor: '#004d40', + }, + 'border-x-teal-A100': { + borderLeftColor: '#a7ffeb', + borderRightColor: '#a7ffeb', + }, + 'border-x-teal-A200': { + borderLeftColor: '#64ffda', + borderRightColor: '#64ffda', + }, + 'border-x-teal-A400': { + borderLeftColor: '#1de9b6', + borderRightColor: '#1de9b6', + }, + 'border-x-teal-A700': { + borderLeftColor: '#00bfa5', + borderRightColor: '#00bfa5', + }, + 'border-x-transparent': { + borderLeftColor: 'transparent', + borderRightColor: 'transparent', + }, + 'border-x-white': { + borderLeftColor: '#ffffff', + borderRightColor: '#ffffff', + }, + 'border-x-yellow-50': { + borderLeftColor: '#fffde7', + borderRightColor: '#fffde7', + }, + 'border-x-yellow-100': { + borderLeftColor: '#fff9c4', + borderRightColor: '#fff9c4', + }, + 'border-x-yellow-200': { + borderLeftColor: '#fff59d', + borderRightColor: '#fff59d', + }, + 'border-x-yellow-300': { + borderLeftColor: '#fff176', + borderRightColor: '#fff176', + }, + 'border-x-yellow-400': { + borderLeftColor: '#ffee58', + borderRightColor: '#ffee58', + }, + 'border-x-yellow-500': { + borderLeftColor: '#ffeb3b', + borderRightColor: '#ffeb3b', + }, + 'border-x-yellow-600': { + borderLeftColor: '#fdd835', + borderRightColor: '#fdd835', + }, + 'border-x-yellow-700': { + borderLeftColor: '#fbc02d', + borderRightColor: '#fbc02d', + }, + 'border-x-yellow-800': { + borderLeftColor: '#f9a825', + borderRightColor: '#f9a825', + }, + 'border-x-yellow-900': { + borderLeftColor: '#f57f17', + borderRightColor: '#f57f17', + }, + 'border-x-yellow-A100': { + borderLeftColor: '#ffff8d', + borderRightColor: '#ffff8d', + }, + 'border-x-yellow-A200': { + borderLeftColor: '#ffff00', + borderRightColor: '#ffff00', + }, + 'border-x-yellow-A400': { + borderLeftColor: '#ffea00', + borderRightColor: '#ffea00', + }, + 'border-x-yellow-A700': { + borderLeftColor: '#ffd600', + borderRightColor: '#ffd600', + }, + 'border-y-amber-50': { + borderTopColor: '#fff8e1', + borderBottomColor: '#fff8e1', + }, + 'border-y-amber-100': { + borderTopColor: '#ffecb3', + borderBottomColor: '#ffecb3', + }, + 'border-y-amber-200': { + borderTopColor: '#ffe082', + borderBottomColor: '#ffe082', + }, + 'border-y-amber-300': { + borderTopColor: '#ffd54f', + borderBottomColor: '#ffd54f', + }, + 'border-y-amber-400': { + borderTopColor: '#ffca28', + borderBottomColor: '#ffca28', + }, + 'border-y-amber-500': { + borderTopColor: '#ffc107', + borderBottomColor: '#ffc107', + }, + 'border-y-amber-600': { + borderTopColor: '#ffb300', + borderBottomColor: '#ffb300', + }, + 'border-y-amber-700': { + borderTopColor: '#ffa000', + borderBottomColor: '#ffa000', + }, + 'border-y-amber-800': { + borderTopColor: '#ff8f00', + borderBottomColor: '#ff8f00', + }, + 'border-y-amber-900': { + borderTopColor: '#ff6f00', + borderBottomColor: '#ff6f00', + }, + 'border-y-amber-A100': { + borderTopColor: '#ffe57f', + borderBottomColor: '#ffe57f', + }, + 'border-y-amber-A200': { + borderTopColor: '#ffd740', + borderBottomColor: '#ffd740', + }, + 'border-y-amber-A400': { + borderTopColor: '#ffc400', + borderBottomColor: '#ffc400', + }, + 'border-y-amber-A700': { + borderTopColor: '#ffab00', + borderBottomColor: '#ffab00', + }, + 'border-y-black': { + borderTopColor: '#000000', + borderBottomColor: '#000000', + }, + 'border-y-blue-50': { + borderTopColor: '#e3f2fd', + borderBottomColor: '#e3f2fd', + }, + 'border-y-blue-100': { + borderTopColor: '#bbdefb', + borderBottomColor: '#bbdefb', + }, + 'border-y-blue-200': { + borderTopColor: '#90caf9', + borderBottomColor: '#90caf9', + }, + 'border-y-blue-300': { + borderTopColor: '#64b5f6', + borderBottomColor: '#64b5f6', + }, + 'border-y-blue-400': { + borderTopColor: '#42a5f5', + borderBottomColor: '#42a5f5', + }, + 'border-y-blue-500': { + borderTopColor: '#2196f3', + borderBottomColor: '#2196f3', + }, + 'border-y-blue-600': { + borderTopColor: '#1e88e5', + borderBottomColor: '#1e88e5', + }, + 'border-y-blue-700': { + borderTopColor: '#1976d2', + borderBottomColor: '#1976d2', + }, + 'border-y-blue-800': { + borderTopColor: '#1565c0', + borderBottomColor: '#1565c0', + }, + 'border-y-blue-900': { + borderTopColor: '#0d47a1', + borderBottomColor: '#0d47a1', + }, + 'border-y-blue-A100': { + borderTopColor: '#82b1ff', + borderBottomColor: '#82b1ff', + }, + 'border-y-blue-A200': { + borderTopColor: '#448aff', + borderBottomColor: '#448aff', + }, + 'border-y-blue-A400': { + borderTopColor: '#2979ff', + borderBottomColor: '#2979ff', + }, + 'border-y-blue-A700': { + borderTopColor: '#2962ff', + borderBottomColor: '#2962ff', + }, + 'border-y-blue-gray-50': { + borderTopColor: '#eceff1', + borderBottomColor: '#eceff1', + }, + 'border-y-blue-gray-100': { + borderTopColor: '#cfd8dc', + borderBottomColor: '#cfd8dc', + }, + 'border-y-blue-gray-200': { + borderTopColor: '#b0bec5', + borderBottomColor: '#b0bec5', + }, + 'border-y-blue-gray-300': { + borderTopColor: '#90a4ae', + borderBottomColor: '#90a4ae', + }, + 'border-y-blue-gray-400': { + borderTopColor: '#78909c', + borderBottomColor: '#78909c', + }, + 'border-y-blue-gray-500': { + borderTopColor: '#607d8b', + borderBottomColor: '#607d8b', + }, + 'border-y-blue-gray-600': { + borderTopColor: '#546e7a', + borderBottomColor: '#546e7a', + }, + 'border-y-blue-gray-700': { + borderTopColor: '#455a64', + borderBottomColor: '#455a64', + }, + 'border-y-blue-gray-800': { + borderTopColor: '#37474f', + borderBottomColor: '#37474f', + }, + 'border-y-blue-gray-900': { + borderTopColor: '#263238', + borderBottomColor: '#263238', + }, + 'border-y-brown-50': { + borderTopColor: '#efebe9', + borderBottomColor: '#efebe9', + }, + 'border-y-brown-100': { + borderTopColor: '#d7ccc8', + borderBottomColor: '#d7ccc8', + }, + 'border-y-brown-200': { + borderTopColor: '#bcaaa4', + borderBottomColor: '#bcaaa4', + }, + 'border-y-brown-300': { + borderTopColor: '#a1887f', + borderBottomColor: '#a1887f', + }, + 'border-y-brown-400': { + borderTopColor: '#8d6e63', + borderBottomColor: '#8d6e63', + }, + 'border-y-brown-500': { + borderTopColor: '#795548', + borderBottomColor: '#795548', + }, + 'border-y-brown-600': { + borderTopColor: '#6d4c41', + borderBottomColor: '#6d4c41', + }, + 'border-y-brown-700': { + borderTopColor: '#5d4037', + borderBottomColor: '#5d4037', + }, + 'border-y-brown-800': { + borderTopColor: '#4e342e', + borderBottomColor: '#4e342e', + }, + 'border-y-brown-900': { + borderTopColor: '#3e2723', + borderBottomColor: '#3e2723', + }, + 'border-y-cyan-50': { + borderTopColor: '#e0f7fa', + borderBottomColor: '#e0f7fa', + }, + 'border-y-cyan-100': { + borderTopColor: '#b2ebf2', + borderBottomColor: '#b2ebf2', + }, + 'border-y-cyan-200': { + borderTopColor: '#80deea', + borderBottomColor: '#80deea', + }, + 'border-y-cyan-300': { + borderTopColor: '#4dd0e1', + borderBottomColor: '#4dd0e1', + }, + 'border-y-cyan-400': { + borderTopColor: '#26c6da', + borderBottomColor: '#26c6da', + }, + 'border-y-cyan-500': { + borderTopColor: '#00bcd4', + borderBottomColor: '#00bcd4', + }, + 'border-y-cyan-600': { + borderTopColor: '#00acc1', + borderBottomColor: '#00acc1', + }, + 'border-y-cyan-700': { + borderTopColor: '#0097a7', + borderBottomColor: '#0097a7', + }, + 'border-y-cyan-800': { + borderTopColor: '#00838f', + borderBottomColor: '#00838f', + }, + 'border-y-cyan-900': { + borderTopColor: '#006064', + borderBottomColor: '#006064', + }, + 'border-y-cyan-A100': { + borderTopColor: '#84ffff', + borderBottomColor: '#84ffff', + }, + 'border-y-cyan-A200': { + borderTopColor: '#18ffff', + borderBottomColor: '#18ffff', + }, + 'border-y-cyan-A400': { + borderTopColor: '#00e5ff', + borderBottomColor: '#00e5ff', + }, + 'border-y-cyan-A700': { + borderTopColor: '#00b8d4', + borderBottomColor: '#00b8d4', + }, + 'border-y-deep-orange-50': { + borderTopColor: '#fbe9e7', + borderBottomColor: '#fbe9e7', + }, + 'border-y-deep-orange-100': { + borderTopColor: '#ffccbc', + borderBottomColor: '#ffccbc', + }, + 'border-y-deep-orange-200': { + borderTopColor: '#ffab91', + borderBottomColor: '#ffab91', + }, + 'border-y-deep-orange-300': { + borderTopColor: '#ff8a65', + borderBottomColor: '#ff8a65', + }, + 'border-y-deep-orange-400': { + borderTopColor: '#ff7043', + borderBottomColor: '#ff7043', + }, + 'border-y-deep-orange-500': { + borderTopColor: '#ff5722', + borderBottomColor: '#ff5722', + }, + 'border-y-deep-orange-600': { + borderTopColor: '#f4511e', + borderBottomColor: '#f4511e', + }, + 'border-y-deep-orange-700': { + borderTopColor: '#e64a19', + borderBottomColor: '#e64a19', + }, + 'border-y-deep-orange-800': { + borderTopColor: '#d84315', + borderBottomColor: '#d84315', + }, + 'border-y-deep-orange-900': { + borderTopColor: '#bf360c', + borderBottomColor: '#bf360c', + }, + 'border-y-deep-orange-A100': { + borderTopColor: '#ff9e80', + borderBottomColor: '#ff9e80', + }, + 'border-y-deep-orange-A200': { + borderTopColor: '#ff6e40', + borderBottomColor: '#ff6e40', + }, + 'border-y-deep-orange-A400': { + borderTopColor: '#ff3d00', + borderBottomColor: '#ff3d00', + }, + 'border-y-deep-orange-A700': { + borderTopColor: '#dd2c00', + borderBottomColor: '#dd2c00', + }, + 'border-y-deep-purple-50': { + borderTopColor: '#ede7f6', + borderBottomColor: '#ede7f6', + }, + 'border-y-deep-purple-100': { + borderTopColor: '#d1c4e9', + borderBottomColor: '#d1c4e9', + }, + 'border-y-deep-purple-200': { + borderTopColor: '#b39ddb', + borderBottomColor: '#b39ddb', + }, + 'border-y-deep-purple-300': { + borderTopColor: '#9575cd', + borderBottomColor: '#9575cd', + }, + 'border-y-deep-purple-400': { + borderTopColor: '#7e57c2', + borderBottomColor: '#7e57c2', + }, + 'border-y-deep-purple-500': { + borderTopColor: '#673ab7', + borderBottomColor: '#673ab7', + }, + 'border-y-deep-purple-600': { + borderTopColor: '#5e35b1', + borderBottomColor: '#5e35b1', + }, + 'border-y-deep-purple-700': { + borderTopColor: '#512da8', + borderBottomColor: '#512da8', + }, + 'border-y-deep-purple-800': { + borderTopColor: '#4527a0', + borderBottomColor: '#4527a0', + }, + 'border-y-deep-purple-900': { + borderTopColor: '#311b92', + borderBottomColor: '#311b92', + }, + 'border-y-deep-purple-A100': { + borderTopColor: '#b388ff', + borderBottomColor: '#b388ff', + }, + 'border-y-deep-purple-A200': { + borderTopColor: '#7c4dff', + borderBottomColor: '#7c4dff', + }, + 'border-y-deep-purple-A400': { + borderTopColor: '#651fff', + borderBottomColor: '#651fff', + }, + 'border-y-deep-purple-A700': { + borderTopColor: '#6200ea', + borderBottomColor: '#6200ea', + }, + 'border-y-gray-50': { + borderTopColor: '#fafafa', + borderBottomColor: '#fafafa', + }, + 'border-y-gray-100': { + borderTopColor: '#f5f5f5', + borderBottomColor: '#f5f5f5', + }, + 'border-y-gray-200': { + borderTopColor: '#eeeeee', + borderBottomColor: '#eeeeee', + }, + 'border-y-gray-300': { + borderTopColor: '#e0e0e0', + borderBottomColor: '#e0e0e0', + }, + 'border-y-gray-400': { + borderTopColor: '#bdbdbd', + borderBottomColor: '#bdbdbd', + }, + 'border-y-gray-500': { + borderTopColor: '#9e9e9e', + borderBottomColor: '#9e9e9e', + }, + 'border-y-gray-600': { + borderTopColor: '#757575', + borderBottomColor: '#757575', + }, + 'border-y-gray-700': { + borderTopColor: '#616161', + borderBottomColor: '#616161', + }, + 'border-y-gray-800': { + borderTopColor: '#424242', + borderBottomColor: '#424242', + }, + 'border-y-gray-900': { + borderTopColor: '#212121', + borderBottomColor: '#212121', + }, + 'border-y-green-50': { + borderTopColor: '#e8f5e9', + borderBottomColor: '#e8f5e9', + }, + 'border-y-green-100': { + borderTopColor: '#c8e6c9', + borderBottomColor: '#c8e6c9', + }, + 'border-y-green-200': { + borderTopColor: '#a5d6a7', + borderBottomColor: '#a5d6a7', + }, + 'border-y-green-300': { + borderTopColor: '#81c784', + borderBottomColor: '#81c784', + }, + 'border-y-green-400': { + borderTopColor: '#66bb6a', + borderBottomColor: '#66bb6a', + }, + 'border-y-green-500': { + borderTopColor: '#4caf50', + borderBottomColor: '#4caf50', + }, + 'border-y-green-600': { + borderTopColor: '#43a047', + borderBottomColor: '#43a047', + }, + 'border-y-green-700': { + borderTopColor: '#388e3c', + borderBottomColor: '#388e3c', + }, + 'border-y-green-800': { + borderTopColor: '#2e7d32', + borderBottomColor: '#2e7d32', + }, + 'border-y-green-900': { + borderTopColor: '#1b5e20', + borderBottomColor: '#1b5e20', + }, + 'border-y-green-A100': { + borderTopColor: '#b9f6ca', + borderBottomColor: '#b9f6ca', + }, + 'border-y-green-A200': { + borderTopColor: '#69f0ae', + borderBottomColor: '#69f0ae', + }, + 'border-y-green-A400': { + borderTopColor: '#00e676', + borderBottomColor: '#00e676', + }, + 'border-y-green-A700': { + borderTopColor: '#00c853', + borderBottomColor: '#00c853', + }, + 'border-y-indigo-50': { + borderTopColor: '#e8eaf6', + borderBottomColor: '#e8eaf6', + }, + 'border-y-indigo-100': { + borderTopColor: '#c5cae9', + borderBottomColor: '#c5cae9', + }, + 'border-y-indigo-200': { + borderTopColor: '#9fa8da', + borderBottomColor: '#9fa8da', + }, + 'border-y-indigo-300': { + borderTopColor: '#7986cb', + borderBottomColor: '#7986cb', + }, + 'border-y-indigo-400': { + borderTopColor: '#5c6bc0', + borderBottomColor: '#5c6bc0', + }, + 'border-y-indigo-500': { + borderTopColor: '#3f51b5', + borderBottomColor: '#3f51b5', + }, + 'border-y-indigo-600': { + borderTopColor: '#3949ab', + borderBottomColor: '#3949ab', + }, + 'border-y-indigo-700': { + borderTopColor: '#303f9f', + borderBottomColor: '#303f9f', + }, + 'border-y-indigo-800': { + borderTopColor: '#283593', + borderBottomColor: '#283593', + }, + 'border-y-indigo-900': { + borderTopColor: '#1a237e', + borderBottomColor: '#1a237e', + }, + 'border-y-indigo-A100': { + borderTopColor: '#8c9eff', + borderBottomColor: '#8c9eff', + }, + 'border-y-indigo-A200': { + borderTopColor: '#536dfe', + borderBottomColor: '#536dfe', + }, + 'border-y-indigo-A400': { + borderTopColor: '#3d5afe', + borderBottomColor: '#3d5afe', + }, + 'border-y-indigo-A700': { + borderTopColor: '#304ffe', + borderBottomColor: '#304ffe', + }, + 'border-y-light-blue-50': { + borderTopColor: '#e1f5fe', + borderBottomColor: '#e1f5fe', + }, + 'border-y-light-blue-100': { + borderTopColor: '#b3e5fc', + borderBottomColor: '#b3e5fc', + }, + 'border-y-light-blue-200': { + borderTopColor: '#81d4fa', + borderBottomColor: '#81d4fa', + }, + 'border-y-light-blue-300': { + borderTopColor: '#4fc3f7', + borderBottomColor: '#4fc3f7', + }, + 'border-y-light-blue-400': { + borderTopColor: '#29b6f6', + borderBottomColor: '#29b6f6', + }, + 'border-y-light-blue-500': { + borderTopColor: '#03a9f4', + borderBottomColor: '#03a9f4', + }, + 'border-y-light-blue-600': { + borderTopColor: '#039be5', + borderBottomColor: '#039be5', + }, + 'border-y-light-blue-700': { + borderTopColor: '#0288d1', + borderBottomColor: '#0288d1', + }, + 'border-y-light-blue-800': { + borderTopColor: '#0277bd', + borderBottomColor: '#0277bd', + }, + 'border-y-light-blue-900': { + borderTopColor: '#01579b', + borderBottomColor: '#01579b', + }, + 'border-y-light-blue-A100': { + borderTopColor: '#80d8ff', + borderBottomColor: '#80d8ff', + }, + 'border-y-light-blue-A200': { + borderTopColor: '#40c4ff', + borderBottomColor: '#40c4ff', + }, + 'border-y-light-blue-A400': { + borderTopColor: '#00b0ff', + borderBottomColor: '#00b0ff', + }, + 'border-y-light-blue-A700': { + borderTopColor: '#0091ea', + borderBottomColor: '#0091ea', + }, + 'border-y-light-green-50': { + borderTopColor: '#f1f8e9', + borderBottomColor: '#f1f8e9', + }, + 'border-y-light-green-100': { + borderTopColor: '#dcedc8', + borderBottomColor: '#dcedc8', + }, + 'border-y-light-green-200': { + borderTopColor: '#c5e1a5', + borderBottomColor: '#c5e1a5', + }, + 'border-y-light-green-300': { + borderTopColor: '#aed581', + borderBottomColor: '#aed581', + }, + 'border-y-light-green-400': { + borderTopColor: '#9ccc65', + borderBottomColor: '#9ccc65', + }, + 'border-y-light-green-500': { + borderTopColor: '#8bc34a', + borderBottomColor: '#8bc34a', + }, + 'border-y-light-green-600': { + borderTopColor: '#7cb342', + borderBottomColor: '#7cb342', + }, + 'border-y-light-green-700': { + borderTopColor: '#689f38', + borderBottomColor: '#689f38', + }, + 'border-y-light-green-800': { + borderTopColor: '#558b2f', + borderBottomColor: '#558b2f', + }, + 'border-y-light-green-900': { + borderTopColor: '#33691e', + borderBottomColor: '#33691e', + }, + 'border-y-light-green-A100': { + borderTopColor: '#ccff90', + borderBottomColor: '#ccff90', + }, + 'border-y-light-green-A200': { + borderTopColor: '#b2ff59', + borderBottomColor: '#b2ff59', + }, + 'border-y-light-green-A400': { + borderTopColor: '#76ff03', + borderBottomColor: '#76ff03', + }, + 'border-y-light-green-A700': { + borderTopColor: '#64dd17', + borderBottomColor: '#64dd17', + }, + 'border-y-lime-50': { + borderTopColor: '#f9fbe7', + borderBottomColor: '#f9fbe7', + }, + 'border-y-lime-100': { + borderTopColor: '#f0f4c3', + borderBottomColor: '#f0f4c3', + }, + 'border-y-lime-200': { + borderTopColor: '#e6ee9c', + borderBottomColor: '#e6ee9c', + }, + 'border-y-lime-300': { + borderTopColor: '#dce775', + borderBottomColor: '#dce775', + }, + 'border-y-lime-400': { + borderTopColor: '#d4e157', + borderBottomColor: '#d4e157', + }, + 'border-y-lime-500': { + borderTopColor: '#cddc39', + borderBottomColor: '#cddc39', + }, + 'border-y-lime-600': { + borderTopColor: '#c0ca33', + borderBottomColor: '#c0ca33', + }, + 'border-y-lime-700': { + borderTopColor: '#afb42b', + borderBottomColor: '#afb42b', + }, + 'border-y-lime-800': { + borderTopColor: '#9e9d24', + borderBottomColor: '#9e9d24', + }, + 'border-y-lime-900': { + borderTopColor: '#827717', + borderBottomColor: '#827717', + }, + 'border-y-lime-A100': { + borderTopColor: '#f4ff81', + borderBottomColor: '#f4ff81', + }, + 'border-y-lime-A200': { + borderTopColor: '#eeff41', + borderBottomColor: '#eeff41', + }, + 'border-y-lime-A400': { + borderTopColor: '#c6ff00', + borderBottomColor: '#c6ff00', + }, + 'border-y-lime-A700': { + borderTopColor: '#aeea00', + borderBottomColor: '#aeea00', + }, + 'border-y-orange-50': { + borderTopColor: '#fff3e0', + borderBottomColor: '#fff3e0', + }, + 'border-y-orange-100': { + borderTopColor: '#ffe0b2', + borderBottomColor: '#ffe0b2', + }, + 'border-y-orange-200': { + borderTopColor: '#ffcc80', + borderBottomColor: '#ffcc80', + }, + 'border-y-orange-300': { + borderTopColor: '#ffb74d', + borderBottomColor: '#ffb74d', + }, + 'border-y-orange-400': { + borderTopColor: '#ffa726', + borderBottomColor: '#ffa726', + }, + 'border-y-orange-500': { + borderTopColor: '#ff9800', + borderBottomColor: '#ff9800', + }, + 'border-y-orange-600': { + borderTopColor: '#fb8c00', + borderBottomColor: '#fb8c00', + }, + 'border-y-orange-700': { + borderTopColor: '#f57c00', + borderBottomColor: '#f57c00', + }, + 'border-y-orange-800': { + borderTopColor: '#ef6c00', + borderBottomColor: '#ef6c00', + }, + 'border-y-orange-900': { + borderTopColor: '#e65100', + borderBottomColor: '#e65100', + }, + 'border-y-orange-A100': { + borderTopColor: '#ffd180', + borderBottomColor: '#ffd180', + }, + 'border-y-orange-A200': { + borderTopColor: '#ffab40', + borderBottomColor: '#ffab40', + }, + 'border-y-orange-A400': { + borderTopColor: '#ff9100', + borderBottomColor: '#ff9100', + }, + 'border-y-orange-A700': { + borderTopColor: '#ff6d00', + borderBottomColor: '#ff6d00', + }, + 'border-y-prink-50': { + borderTopColor: '#fce4ec', + borderBottomColor: '#fce4ec', + }, + 'border-y-prink-100': { + borderTopColor: '#f8bbd0', + borderBottomColor: '#f8bbd0', + }, + 'border-y-prink-200': { + borderTopColor: '#f48fb1', + borderBottomColor: '#f48fb1', + }, + 'border-y-prink-300': { + borderTopColor: '#f06292', + borderBottomColor: '#f06292', + }, + 'border-y-prink-400': { + borderTopColor: '#ec407a', + borderBottomColor: '#ec407a', + }, + 'border-y-prink-500': { + borderTopColor: '#e91e63', + borderBottomColor: '#e91e63', + }, + 'border-y-prink-600': { + borderTopColor: '#d81b60', + borderBottomColor: '#d81b60', + }, + 'border-y-prink-700': { + borderTopColor: '#c2185b', + borderBottomColor: '#c2185b', + }, + 'border-y-prink-800': { + borderTopColor: '#ad1457', + borderBottomColor: '#ad1457', + }, + 'border-y-prink-900': { + borderTopColor: '#880e4f', + borderBottomColor: '#880e4f', + }, + 'border-y-prink-A100': { + borderTopColor: '#ff80ab', + borderBottomColor: '#ff80ab', + }, + 'border-y-prink-A200': { + borderTopColor: '#ff4081', + borderBottomColor: '#ff4081', + }, + 'border-y-prink-A400': { + borderTopColor: '#f50057', + borderBottomColor: '#f50057', + }, + 'border-y-prink-A700': { + borderTopColor: '#c51162', + borderBottomColor: '#c51162', + }, + 'border-y-purple-50': { + borderTopColor: '#f3e5f5', + borderBottomColor: '#f3e5f5', + }, + 'border-y-purple-100': { + borderTopColor: '#e1bee7', + borderBottomColor: '#e1bee7', + }, + 'border-y-purple-200': { + borderTopColor: '#ce93d8', + borderBottomColor: '#ce93d8', + }, + 'border-y-purple-300': { + borderTopColor: '#ba68c8', + borderBottomColor: '#ba68c8', + }, + 'border-y-purple-400': { + borderTopColor: '#ab47bc', + borderBottomColor: '#ab47bc', + }, + 'border-y-purple-500': { + borderTopColor: '#9c27b0', + borderBottomColor: '#9c27b0', + }, + 'border-y-purple-600': { + borderTopColor: '#8e24aa', + borderBottomColor: '#8e24aa', + }, + 'border-y-purple-700': { + borderTopColor: '#7b1fa2', + borderBottomColor: '#7b1fa2', + }, + 'border-y-purple-800': { + borderTopColor: '#6a1b9a', + borderBottomColor: '#6a1b9a', + }, + 'border-y-purple-900': { + borderTopColor: '#4a148c', + borderBottomColor: '#4a148c', + }, + 'border-y-purple-A100': { + borderTopColor: '#ea80fc', + borderBottomColor: '#ea80fc', + }, + 'border-y-purple-A200': { + borderTopColor: '#e040fb', + borderBottomColor: '#e040fb', + }, + 'border-y-purple-A400': { + borderTopColor: '#d500f9', + borderBottomColor: '#d500f9', + }, + 'border-y-purple-A700': { + borderTopColor: '#aa00ff', + borderBottomColor: '#aa00ff', + }, + 'border-y-red-50': { + borderTopColor: '#ffebee', + borderBottomColor: '#ffebee', + }, + 'border-y-red-100': { + borderTopColor: '#ffcdd2', + borderBottomColor: '#ffcdd2', + }, + 'border-y-red-200': { + borderTopColor: '#ef9a9a', + borderBottomColor: '#ef9a9a', + }, + 'border-y-red-300': { + borderTopColor: '#e57373', + borderBottomColor: '#e57373', + }, + 'border-y-red-400': { + borderTopColor: '#ef5350', + borderBottomColor: '#ef5350', + }, + 'border-y-red-500': { + borderTopColor: '#f44336', + borderBottomColor: '#f44336', + }, + 'border-y-red-600': { + borderTopColor: '#e53935', + borderBottomColor: '#e53935', + }, + 'border-y-red-700': { + borderTopColor: '#d32f2f', + borderBottomColor: '#d32f2f', + }, + 'border-y-red-800': { + borderTopColor: '#c62828', + borderBottomColor: '#c62828', + }, + 'border-y-red-900': { + borderTopColor: '#b71c1c', + borderBottomColor: '#b71c1c', + }, + 'border-y-red-A100': { + borderTopColor: '#ff8a80', + borderBottomColor: '#ff8a80', + }, + 'border-y-red-A200': { + borderTopColor: '#ff5252', + borderBottomColor: '#ff5252', + }, + 'border-y-red-A400': { + borderTopColor: '#ff1744', + borderBottomColor: '#ff1744', + }, + 'border-y-red-A700': { + borderTopColor: '#d50000', + borderBottomColor: '#d50000', + }, + 'border-y-teal-50': { + borderTopColor: '#e0f2f1', + borderBottomColor: '#e0f2f1', + }, + 'border-y-teal-100': { + borderTopColor: '#b2dfdb', + borderBottomColor: '#b2dfdb', + }, + 'border-y-teal-200': { + borderTopColor: '#80cbc4', + borderBottomColor: '#80cbc4', + }, + 'border-y-teal-300': { + borderTopColor: '#4db6ac', + borderBottomColor: '#4db6ac', + }, + 'border-y-teal-400': { + borderTopColor: '#26a69a', + borderBottomColor: '#26a69a', + }, + 'border-y-teal-500': { + borderTopColor: '#009688', + borderBottomColor: '#009688', + }, + 'border-y-teal-600': { + borderTopColor: '#00897b', + borderBottomColor: '#00897b', + }, + 'border-y-teal-700': { + borderTopColor: '#00796b', + borderBottomColor: '#00796b', + }, + 'border-y-teal-800': { + borderTopColor: '#00695c', + borderBottomColor: '#00695c', + }, + 'border-y-teal-900': { + borderTopColor: '#004d40', + borderBottomColor: '#004d40', + }, + 'border-y-teal-A100': { + borderTopColor: '#a7ffeb', + borderBottomColor: '#a7ffeb', + }, + 'border-y-teal-A200': { + borderTopColor: '#64ffda', + borderBottomColor: '#64ffda', + }, + 'border-y-teal-A400': { + borderTopColor: '#1de9b6', + borderBottomColor: '#1de9b6', + }, + 'border-y-teal-A700': { + borderTopColor: '#00bfa5', + borderBottomColor: '#00bfa5', + }, + 'border-y-transparent': { + borderTopColor: 'transparent', + borderBottomColor: 'transparent', + }, + 'border-y-white': { + borderTopColor: '#ffffff', + borderBottomColor: '#ffffff', + }, + 'border-y-yellow-50': { + borderTopColor: '#fffde7', + borderBottomColor: '#fffde7', + }, + 'border-y-yellow-100': { + borderTopColor: '#fff9c4', + borderBottomColor: '#fff9c4', + }, + 'border-y-yellow-200': { + borderTopColor: '#fff59d', + borderBottomColor: '#fff59d', + }, + 'border-y-yellow-300': { + borderTopColor: '#fff176', + borderBottomColor: '#fff176', + }, + 'border-y-yellow-400': { + borderTopColor: '#ffee58', + borderBottomColor: '#ffee58', + }, + 'border-y-yellow-500': { + borderTopColor: '#ffeb3b', + borderBottomColor: '#ffeb3b', + }, + 'border-y-yellow-600': { + borderTopColor: '#fdd835', + borderBottomColor: '#fdd835', + }, + 'border-y-yellow-700': { + borderTopColor: '#fbc02d', + borderBottomColor: '#fbc02d', + }, + 'border-y-yellow-800': { + borderTopColor: '#f9a825', + borderBottomColor: '#f9a825', + }, + 'border-y-yellow-900': { + borderTopColor: '#f57f17', + borderBottomColor: '#f57f17', + }, + 'border-y-yellow-A100': { + borderTopColor: '#ffff8d', + borderBottomColor: '#ffff8d', + }, + 'border-y-yellow-A200': { + borderTopColor: '#ffff00', + borderBottomColor: '#ffff00', + }, + 'border-y-yellow-A400': { + borderTopColor: '#ffea00', + borderBottomColor: '#ffea00', + }, + 'border-y-yellow-A700': { + borderTopColor: '#ffd600', + borderBottomColor: '#ffd600', + }, + 'border-yellow-50': {borderColor: '#fffde7'}, + 'border-yellow-100': {borderColor: '#fff9c4'}, + 'border-yellow-200': {borderColor: '#fff59d'}, + 'border-yellow-300': {borderColor: '#fff176'}, + 'border-yellow-400': {borderColor: '#ffee58'}, + 'border-yellow-500': {borderColor: '#ffeb3b'}, + 'border-yellow-600': {borderColor: '#fdd835'}, + 'border-yellow-700': {borderColor: '#fbc02d'}, + 'border-yellow-800': {borderColor: '#f9a825'}, + 'border-yellow-900': {borderColor: '#f57f17'}, + 'border-yellow-A100': {borderColor: '#ffff8d'}, + 'border-yellow-A200': {borderColor: '#ffff00'}, + 'border-yellow-A400': {borderColor: '#ffea00'}, + 'border-yellow-A700': {borderColor: '#ffd600'}, + 'text-amber-50': {color: '#fff8e1'}, + 'text-amber-100': {color: '#ffecb3'}, + 'text-amber-200': {color: '#ffe082'}, + 'text-amber-300': {color: '#ffd54f'}, + 'text-amber-400': {color: '#ffca28'}, + 'text-amber-500': {color: '#ffc107'}, + 'text-amber-600': {color: '#ffb300'}, + 'text-amber-700': {color: '#ffa000'}, + 'text-amber-800': {color: '#ff8f00'}, + 'text-amber-900': {color: '#ff6f00'}, + 'text-amber-A100': {color: '#ffe57f'}, + 'text-amber-A200': {color: '#ffd740'}, + 'text-amber-A400': {color: '#ffc400'}, + 'text-amber-A700': {color: '#ffab00'}, + 'text-black': {color: '#000000'}, + 'text-blue-50': {color: '#e3f2fd'}, + 'text-blue-100': {color: '#bbdefb'}, + 'text-blue-200': {color: '#90caf9'}, + 'text-blue-300': {color: '#64b5f6'}, + 'text-blue-400': {color: '#42a5f5'}, + 'text-blue-500': {color: '#2196f3'}, + 'text-blue-600': {color: '#1e88e5'}, + 'text-blue-700': {color: '#1976d2'}, + 'text-blue-800': {color: '#1565c0'}, + 'text-blue-900': {color: '#0d47a1'}, + 'text-blue-A100': {color: '#82b1ff'}, + 'text-blue-A200': {color: '#448aff'}, + 'text-blue-A400': {color: '#2979ff'}, + 'text-blue-A700': {color: '#2962ff'}, + 'text-blue-gray-50': {color: '#eceff1'}, + 'text-blue-gray-100': {color: '#cfd8dc'}, + 'text-blue-gray-200': {color: '#b0bec5'}, + 'text-blue-gray-300': {color: '#90a4ae'}, + 'text-blue-gray-400': {color: '#78909c'}, + 'text-blue-gray-500': {color: '#607d8b'}, + 'text-blue-gray-600': {color: '#546e7a'}, + 'text-blue-gray-700': {color: '#455a64'}, + 'text-blue-gray-800': {color: '#37474f'}, + 'text-blue-gray-900': {color: '#263238'}, + 'text-brown-50': {color: '#efebe9'}, + 'text-brown-100': {color: '#d7ccc8'}, + 'text-brown-200': {color: '#bcaaa4'}, + 'text-brown-300': {color: '#a1887f'}, + 'text-brown-400': {color: '#8d6e63'}, + 'text-brown-500': {color: '#795548'}, + 'text-brown-600': {color: '#6d4c41'}, + 'text-brown-700': {color: '#5d4037'}, + 'text-brown-800': {color: '#4e342e'}, + 'text-brown-900': {color: '#3e2723'}, + 'text-cyan-50': {color: '#e0f7fa'}, + 'text-cyan-100': {color: '#b2ebf2'}, + 'text-cyan-200': {color: '#80deea'}, + 'text-cyan-300': {color: '#4dd0e1'}, + 'text-cyan-400': {color: '#26c6da'}, + 'text-cyan-500': {color: '#00bcd4'}, + 'text-cyan-600': {color: '#00acc1'}, + 'text-cyan-700': {color: '#0097a7'}, + 'text-cyan-800': {color: '#00838f'}, + 'text-cyan-900': {color: '#006064'}, + 'text-cyan-A100': {color: '#84ffff'}, + 'text-cyan-A200': {color: '#18ffff'}, + 'text-cyan-A400': {color: '#00e5ff'}, + 'text-cyan-A700': {color: '#00b8d4'}, + 'text-deep-orange-50': {color: '#fbe9e7'}, + 'text-deep-orange-100': {color: '#ffccbc'}, + 'text-deep-orange-200': {color: '#ffab91'}, + 'text-deep-orange-300': {color: '#ff8a65'}, + 'text-deep-orange-400': {color: '#ff7043'}, + 'text-deep-orange-500': {color: '#ff5722'}, + 'text-deep-orange-600': {color: '#f4511e'}, + 'text-deep-orange-700': {color: '#e64a19'}, + 'text-deep-orange-800': {color: '#d84315'}, + 'text-deep-orange-900': {color: '#bf360c'}, + 'text-deep-orange-A100': {color: '#ff9e80'}, + 'text-deep-orange-A200': {color: '#ff6e40'}, + 'text-deep-orange-A400': {color: '#ff3d00'}, + 'text-deep-orange-A700': {color: '#dd2c00'}, + 'text-deep-purple-50': {color: '#ede7f6'}, + 'text-deep-purple-100': {color: '#d1c4e9'}, + 'text-deep-purple-200': {color: '#b39ddb'}, + 'text-deep-purple-300': {color: '#9575cd'}, + 'text-deep-purple-400': {color: '#7e57c2'}, + 'text-deep-purple-500': {color: '#673ab7'}, + 'text-deep-purple-600': {color: '#5e35b1'}, + 'text-deep-purple-700': {color: '#512da8'}, + 'text-deep-purple-800': {color: '#4527a0'}, + 'text-deep-purple-900': {color: '#311b92'}, + 'text-deep-purple-A100': {color: '#b388ff'}, + 'text-deep-purple-A200': {color: '#7c4dff'}, + 'text-deep-purple-A400': {color: '#651fff'}, + 'text-deep-purple-A700': {color: '#6200ea'}, + 'text-gray-50': {color: '#fafafa'}, + 'text-gray-100': {color: '#f5f5f5'}, + 'text-gray-200': {color: '#eeeeee'}, + 'text-gray-300': {color: '#e0e0e0'}, + 'text-gray-400': {color: '#bdbdbd'}, + 'text-gray-500': {color: '#9e9e9e'}, + 'text-gray-600': {color: '#757575'}, + 'text-gray-700': {color: '#616161'}, + 'text-gray-800': {color: '#424242'}, + 'text-gray-900': {color: '#212121'}, + 'text-green-50': {color: '#e8f5e9'}, + 'text-green-100': {color: '#c8e6c9'}, + 'text-green-200': {color: '#a5d6a7'}, + 'text-green-300': {color: '#81c784'}, + 'text-green-400': {color: '#66bb6a'}, + 'text-green-500': {color: '#4caf50'}, + 'text-green-600': {color: '#43a047'}, + 'text-green-700': {color: '#388e3c'}, + 'text-green-800': {color: '#2e7d32'}, + 'text-green-900': {color: '#1b5e20'}, + 'text-green-A100': {color: '#b9f6ca'}, + 'text-green-A200': {color: '#69f0ae'}, + 'text-green-A400': {color: '#00e676'}, + 'text-green-A700': {color: '#00c853'}, + 'text-indigo-50': {color: '#e8eaf6'}, + 'text-indigo-100': {color: '#c5cae9'}, + 'text-indigo-200': {color: '#9fa8da'}, + 'text-indigo-300': {color: '#7986cb'}, + 'text-indigo-400': {color: '#5c6bc0'}, + 'text-indigo-500': {color: '#3f51b5'}, + 'text-indigo-600': {color: '#3949ab'}, + 'text-indigo-700': {color: '#303f9f'}, + 'text-indigo-800': {color: '#283593'}, + 'text-indigo-900': {color: '#1a237e'}, + 'text-indigo-A100': {color: '#8c9eff'}, + 'text-indigo-A200': {color: '#536dfe'}, + 'text-indigo-A400': {color: '#3d5afe'}, + 'text-indigo-A700': {color: '#304ffe'}, + 'text-light-blue-50': {color: '#e1f5fe'}, + 'text-light-blue-100': {color: '#b3e5fc'}, + 'text-light-blue-200': {color: '#81d4fa'}, + 'text-light-blue-300': {color: '#4fc3f7'}, + 'text-light-blue-400': {color: '#29b6f6'}, + 'text-light-blue-500': {color: '#03a9f4'}, + 'text-light-blue-600': {color: '#039be5'}, + 'text-light-blue-700': {color: '#0288d1'}, + 'text-light-blue-800': {color: '#0277bd'}, + 'text-light-blue-900': {color: '#01579b'}, + 'text-light-blue-A100': {color: '#80d8ff'}, + 'text-light-blue-A200': {color: '#40c4ff'}, + 'text-light-blue-A400': {color: '#00b0ff'}, + 'text-light-blue-A700': {color: '#0091ea'}, + 'text-light-green-50': {color: '#f1f8e9'}, + 'text-light-green-100': {color: '#dcedc8'}, + 'text-light-green-200': {color: '#c5e1a5'}, + 'text-light-green-300': {color: '#aed581'}, + 'text-light-green-400': {color: '#9ccc65'}, + 'text-light-green-500': {color: '#8bc34a'}, + 'text-light-green-600': {color: '#7cb342'}, + 'text-light-green-700': {color: '#689f38'}, + 'text-light-green-800': {color: '#558b2f'}, + 'text-light-green-900': {color: '#33691e'}, + 'text-light-green-A100': {color: '#ccff90'}, + 'text-light-green-A200': {color: '#b2ff59'}, + 'text-light-green-A400': {color: '#76ff03'}, + 'text-light-green-A700': {color: '#64dd17'}, + 'text-lime-50': {color: '#f9fbe7'}, + 'text-lime-100': {color: '#f0f4c3'}, + 'text-lime-200': {color: '#e6ee9c'}, + 'text-lime-300': {color: '#dce775'}, + 'text-lime-400': {color: '#d4e157'}, + 'text-lime-500': {color: '#cddc39'}, + 'text-lime-600': {color: '#c0ca33'}, + 'text-lime-700': {color: '#afb42b'}, + 'text-lime-800': {color: '#9e9d24'}, + 'text-lime-900': {color: '#827717'}, + 'text-lime-A100': {color: '#f4ff81'}, + 'text-lime-A200': {color: '#eeff41'}, + 'text-lime-A400': {color: '#c6ff00'}, + 'text-lime-A700': {color: '#aeea00'}, + 'text-orange-50': {color: '#fff3e0'}, + 'text-orange-100': {color: '#ffe0b2'}, + 'text-orange-200': {color: '#ffcc80'}, + 'text-orange-300': {color: '#ffb74d'}, + 'text-orange-400': {color: '#ffa726'}, + 'text-orange-500': {color: '#ff9800'}, + 'text-orange-600': {color: '#fb8c00'}, + 'text-orange-700': {color: '#f57c00'}, + 'text-orange-800': {color: '#ef6c00'}, + 'text-orange-900': {color: '#e65100'}, + 'text-orange-A100': {color: '#ffd180'}, + 'text-orange-A200': {color: '#ffab40'}, + 'text-orange-A400': {color: '#ff9100'}, + 'text-orange-A700': {color: '#ff6d00'}, + 'text-prink-50': {color: '#fce4ec'}, + 'text-prink-100': {color: '#f8bbd0'}, + 'text-prink-200': {color: '#f48fb1'}, + 'text-prink-300': {color: '#f06292'}, + 'text-prink-400': {color: '#ec407a'}, + 'text-prink-500': {color: '#e91e63'}, + 'text-prink-600': {color: '#d81b60'}, + 'text-prink-700': {color: '#c2185b'}, + 'text-prink-800': {color: '#ad1457'}, + 'text-prink-900': {color: '#880e4f'}, + 'text-prink-A100': {color: '#ff80ab'}, + 'text-prink-A200': {color: '#ff4081'}, + 'text-prink-A400': {color: '#f50057'}, + 'text-prink-A700': {color: '#c51162'}, + 'text-purple-50': {color: '#f3e5f5'}, + 'text-purple-100': {color: '#e1bee7'}, + 'text-purple-200': {color: '#ce93d8'}, + 'text-purple-300': {color: '#ba68c8'}, + 'text-purple-400': {color: '#ab47bc'}, + 'text-purple-500': {color: '#9c27b0'}, + 'text-purple-600': {color: '#8e24aa'}, + 'text-purple-700': {color: '#7b1fa2'}, + 'text-purple-800': {color: '#6a1b9a'}, + 'text-purple-900': {color: '#4a148c'}, + 'text-purple-A100': {color: '#ea80fc'}, + 'text-purple-A200': {color: '#e040fb'}, + 'text-purple-A400': {color: '#d500f9'}, + 'text-purple-A700': {color: '#aa00ff'}, + 'text-red-50': {color: '#ffebee'}, + 'text-red-100': {color: '#ffcdd2'}, + 'text-red-200': {color: '#ef9a9a'}, + 'text-red-300': {color: '#e57373'}, + 'text-red-400': {color: '#ef5350'}, + 'text-red-500': {color: '#f44336'}, + 'text-red-600': {color: '#e53935'}, + 'text-red-700': {color: '#d32f2f'}, + 'text-red-800': {color: '#c62828'}, + 'text-red-900': {color: '#b71c1c'}, + 'text-red-A100': {color: '#ff8a80'}, + 'text-red-A200': {color: '#ff5252'}, + 'text-red-A400': {color: '#ff1744'}, + 'text-red-A700': {color: '#d50000'}, + 'text-teal-50': {color: '#e0f2f1'}, + 'text-teal-100': {color: '#b2dfdb'}, + 'text-teal-200': {color: '#80cbc4'}, + 'text-teal-300': {color: '#4db6ac'}, + 'text-teal-400': {color: '#26a69a'}, + 'text-teal-500': {color: '#009688'}, + 'text-teal-600': {color: '#00897b'}, + 'text-teal-700': {color: '#00796b'}, + 'text-teal-800': {color: '#00695c'}, + 'text-teal-900': {color: '#004d40'}, + 'text-teal-A100': {color: '#a7ffeb'}, + 'text-teal-A200': {color: '#64ffda'}, + 'text-teal-A400': {color: '#1de9b6'}, + 'text-teal-A700': {color: '#00bfa5'}, + 'text-transparent': {color: 'transparent'}, + 'text-white': {color: '#ffffff'}, + 'text-yellow-50': {color: '#fffde7'}, + 'text-yellow-100': {color: '#fff9c4'}, + 'text-yellow-200': {color: '#fff59d'}, + 'text-yellow-300': {color: '#fff176'}, + 'text-yellow-400': {color: '#ffee58'}, + 'text-yellow-500': {color: '#ffeb3b'}, + 'text-yellow-600': {color: '#fdd835'}, + 'text-yellow-700': {color: '#fbc02d'}, + 'text-yellow-800': {color: '#f9a825'}, + 'text-yellow-900': {color: '#f57f17'}, + 'text-yellow-A100': {color: '#ffff8d'}, + 'text-yellow-A200': {color: '#ffff00'}, + 'text-yellow-A400': {color: '#ffea00'}, + 'text-yellow-A700': {color: '#ffd600'}, +}); diff --git a/src/styles/Flex.styles.ts b/src/styles/Flex.styles.ts index 2661d5c..bfb282f 100644 --- a/src/styles/Flex.styles.ts +++ b/src/styles/Flex.styles.ts @@ -1,5 +1,4 @@ import {StyleSheet} from 'react-native'; -import {horizontalScale} from '../utils'; export const flexStyles = StyleSheet.create({ 'd-none': {display: 'none'}, @@ -20,6 +19,9 @@ export const flexStyles = StyleSheet.create({ 'self-center': {alignSelf: 'center'}, 'self-start': {alignSelf: 'flex-start'}, 'self-end': {alignSelf: 'flex-end'}, + 'self-stretch': {alignSelf: 'stretch'}, + 'self-auto': {alignSelf: 'auto'}, + 'self-baseline': {alignSelf: 'baseline'}, 'justify-start': {justifyContent: 'flex-start'}, 'justify-center': {justifyContent: 'center'}, 'justify-end': {justifyContent: 'flex-end'}, @@ -27,7 +29,15 @@ export const flexStyles = StyleSheet.create({ 'space-around': {justifyContent: 'space-around'}, 'items-start': {alignItems: 'flex-start'}, 'items-center': {alignItems: 'center'}, + 'items-baseline': {alignItems: 'baseline'}, 'items-end': {alignItems: 'flex-end'}, + 'items-stretch': {alignItems: 'stretch'}, + 'content-start': {alignContent: 'flex-start'}, + 'content-center': {alignContent: 'center'}, + 'content-end': {alignContent: 'flex-end'}, + 'content-stretch': {alignContent: 'stretch'}, + 'content-between': {alignContent: 'space-between'}, + 'content-around': {alignContent: 'space-around'}, aspectRatio: {aspectRatio: 1}, 'aspectRatio-16/9': {aspectRatio: 16 / 9}, 'aspectRatio-4/3': {aspectRatio: 4 / 3}, @@ -36,125 +46,3 @@ export const flexStyles = StyleSheet.create({ 'object-fill': {objectFit: 'fill'}, 'object-scale-down': {objectFit: 'scale-down'}, }); - -export const gapStyles = StyleSheet.create({ - gap: {gap: horizontalScale(1)}, - 'gap-0': {gap: 0}, - 'gap-0.5': {gap: horizontalScale(2)}, - 'gap-1': {gap: horizontalScale(4)}, - 'gap-1.5': {gap: horizontalScale(6)}, - 'gap-2': {gap: horizontalScale(8)}, - 'gap-2.5': {gap: horizontalScale(10)}, - 'gap-3': {gap: horizontalScale(12)}, - 'gap-3.5': {gap: horizontalScale(14)}, - 'gap-4': {gap: horizontalScale(16)}, - 'gap-5': {gap: horizontalScale(20)}, - 'gap-6': {gap: horizontalScale(24)}, - 'gap-7': {gap: horizontalScale(28)}, - 'gap-8': {gap: horizontalScale(32)}, - 'gap-9': {gap: horizontalScale(36)}, - 'gap-10': {gap: horizontalScale(40)}, - 'gap-11': {gap: horizontalScale(44)}, - 'gap-12': {gap: horizontalScale(48)}, - 'gap-14': {gap: horizontalScale(56)}, - 'gap-16': {gap: horizontalScale(64)}, - 'row-gap-0': {rowGap: 0}, - 'row-gap-0.5': {rowGap: horizontalScale(2)}, - 'row-gap-1': {rowGap: horizontalScale(4)}, - 'row-gap-1.5': {rowGap: horizontalScale(6)}, - 'row-gap-2': {rowGap: horizontalScale(8)}, - 'row-gap-2.5': {rowGap: horizontalScale(10)}, - 'row-gap-3': {rowGap: horizontalScale(12)}, - 'row-gap-3.5': {rowGap: horizontalScale(14)}, - 'row-gap-4': {rowGap: horizontalScale(16)}, - 'row-gap-5': {rowGap: horizontalScale(20)}, - 'row-gap-6': {rowGap: horizontalScale(24)}, - 'row-gap-7': {rowGap: horizontalScale(28)}, - 'row-gap-8': {rowGap: horizontalScale(32)}, - 'row-gap-9': {rowGap: horizontalScale(36)}, - 'row-gap-10': {rowGap: horizontalScale(40)}, - 'row-gap-11': {rowGap: horizontalScale(44)}, - 'row-gap-12': {rowGap: horizontalScale(48)}, - 'row-gap-14': {rowGap: horizontalScale(56)}, - 'row-gap-16': {rowGap: horizontalScale(64)}, - 'col-gap-0': {columnGap: 0}, - 'col-gap-0.5': {columnGap: horizontalScale(2)}, - 'col-gap-1': {columnGap: horizontalScale(4)}, - 'col-gap-1.5': {columnGap: horizontalScale(6)}, - 'col-gap-2': {columnGap: horizontalScale(8)}, - 'col-gap-2.5': {columnGap: horizontalScale(10)}, - 'col-gap-3': {columnGap: horizontalScale(12)}, - 'col-gap-3.5': {columnGap: horizontalScale(14)}, - 'col-gap-4': {columnGap: horizontalScale(16)}, - 'col-gap-5': {columnGap: horizontalScale(20)}, - 'col-gap-6': {columnGap: horizontalScale(24)}, - 'col-gap-7': {columnGap: horizontalScale(28)}, - 'col-gap-8': {columnGap: horizontalScale(32)}, - 'col-gap-9': {columnGap: horizontalScale(36)}, - 'col-gap-10': {columnGap: horizontalScale(40)}, - 'col-gap-11': {columnGap: horizontalScale(44)}, - 'col-gap-12': {columnGap: horizontalScale(48)}, - 'col-gap-14': {columnGap: horizontalScale(56)}, - 'col-gap-16': {columnGap: horizontalScale(64)}, -}); - -export const gapNoneScaleStyles = StyleSheet.create({ - gap: {gap: 1}, - 'gap-0': {gap: 0}, - 'gap-0.5': {gap: 2}, - 'gap-1': {gap: 4}, - 'gap-1.5': {gap: 6}, - 'gap-2': {gap: 8}, - 'gap-2.5': {gap: 10}, - 'gap-3': {gap: 12}, - 'gap-3.5': {gap: 14}, - 'gap-4': {gap: 16}, - 'gap-5': {gap: 20}, - 'gap-6': {gap: 24}, - 'gap-7': {gap: 28}, - 'gap-8': {gap: 32}, - 'gap-9': {gap: 36}, - 'gap-10': {gap: 40}, - 'gap-11': {gap: 44}, - 'gap-12': {gap: 48}, - 'gap-14': {gap: 56}, - 'gap-16': {gap: 64}, - 'row-gap-0': {rowGap: 0}, - 'row-gap-0.5': {rowGap: 2}, - 'row-gap-1': {rowGap: 4}, - 'row-gap-1.5': {rowGap: 6}, - 'row-gap-2': {rowGap: 8}, - 'row-gap-2.5': {rowGap: 10}, - 'row-gap-3': {rowGap: 12}, - 'row-gap-3.5': {rowGap: 14}, - 'row-gap-4': {rowGap: 16}, - 'row-gap-5': {rowGap: 20}, - 'row-gap-6': {rowGap: 24}, - 'row-gap-7': {rowGap: 28}, - 'row-gap-8': {rowGap: 32}, - 'row-gap-9': {rowGap: 36}, - 'row-gap-10': {rowGap: 40}, - 'row-gap-11': {rowGap: 44}, - 'row-gap-12': {rowGap: 48}, - 'row-gap-14': {rowGap: 56}, - 'row-gap-16': {rowGap: 64}, - 'col-gap-0': {columnGap: 0}, - 'col-gap-0.5': {columnGap: 2}, - 'col-gap-1': {columnGap: 4}, - 'col-gap-1.5': {columnGap: 6}, - 'col-gap-2': {columnGap: 8}, - 'col-gap-2.5': {columnGap: 10}, - 'col-gap-3': {columnGap: 12}, - 'col-gap-3.5': {columnGap: 14}, - 'col-gap-4': {columnGap: 16}, - 'col-gap-5': {columnGap: 20}, - 'col-gap-6': {columnGap: 24}, - 'col-gap-7': {columnGap: 28}, - 'col-gap-8': {columnGap: 32}, - 'col-gap-9': {columnGap: 36}, - 'col-gap-10': {columnGap: 40}, - 'col-gap-11': {columnGap: 44}, - 'col-gap-12': {columnGap: 48}, - 'col-gap-14': {columnGap: 56}, - 'col-gap-16': {columnGap: 64}, -}); diff --git a/src/styles/Margin.styles.ts b/src/styles/Margin.styles.ts deleted file mode 100644 index d40f08e..0000000 --- a/src/styles/Margin.styles.ts +++ /dev/null @@ -1,330 +0,0 @@ -import {StyleSheet} from 'react-native'; -import {horizontalScale} from '../utils'; - -const marginStyles = StyleSheet.create({ - 'm-0': {margin: 0}, - 'm-0.5': {margin: horizontalScale(2)}, - 'm-1': {margin: horizontalScale(4)}, - 'm-1.5': {margin: horizontalScale(6)}, - 'm-2': {margin: horizontalScale(8)}, - 'm-2.5': {margin: horizontalScale(10)}, - 'm-3': {margin: horizontalScale(12)}, - 'm-3.5': {margin: horizontalScale(14)}, - 'm-4': {margin: horizontalScale(16)}, - 'm-5': {margin: horizontalScale(20)}, - 'm-6': {margin: horizontalScale(24)}, - 'm-7': {margin: horizontalScale(28)}, - 'm-8': {margin: horizontalScale(32)}, - 'm-9': {margin: horizontalScale(36)}, - 'm-10': {margin: horizontalScale(40)}, - 'm-11': {margin: horizontalScale(44)}, - 'm-12': {margin: horizontalScale(48)}, - 'm-14': {margin: horizontalScale(56)}, - 'm-16': {margin: horizontalScale(64)}, -}); - -const marginLeftStyles = StyleSheet.create({ - 'ml-0': {marginLeft: 0}, - 'ml-0.5': {marginLeft: horizontalScale(2)}, - 'ml-1': {marginLeft: horizontalScale(4)}, - 'ml-1.5': {marginLeft: horizontalScale(6)}, - 'ml-2': {marginLeft: horizontalScale(8)}, - 'ml-2.5': {marginLeft: horizontalScale(10)}, - 'ml-3': {marginLeft: horizontalScale(12)}, - 'ml-3.5': {marginLeft: horizontalScale(14)}, - 'ml-4': {marginLeft: horizontalScale(16)}, - 'ml-5': {marginLeft: horizontalScale(20)}, - 'ml-6': {marginLeft: horizontalScale(24)}, - 'ml-7': {marginLeft: horizontalScale(28)}, - 'ml-8': {marginLeft: horizontalScale(32)}, - 'ml-9': {marginLeft: horizontalScale(36)}, - 'ml-10': {marginLeft: horizontalScale(40)}, - 'ml-11': {marginLeft: horizontalScale(44)}, - 'ml-12': {marginLeft: horizontalScale(48)}, - 'ml-14': {marginLeft: horizontalScale(56)}, - 'ml-16': {marginLeft: horizontalScale(64)}, -}); - -const marginRightStyles = StyleSheet.create({ - 'mr-0': {marginRight: 0}, - 'mr-0.5': {marginRight: horizontalScale(2)}, - 'mr-1': {marginRight: horizontalScale(4)}, - 'mr-1.5': {marginRight: horizontalScale(6)}, - 'mr-2': {marginRight: horizontalScale(8)}, - 'mr-2.5': {marginRight: horizontalScale(10)}, - 'mr-3': {marginRight: horizontalScale(12)}, - 'mr-3.5': {marginRight: horizontalScale(14)}, - 'mr-4': {marginRight: horizontalScale(16)}, - 'mr-5': {marginRight: horizontalScale(20)}, - 'mr-6': {marginRight: horizontalScale(24)}, - 'mr-7': {marginRight: horizontalScale(28)}, - 'mr-8': {marginRight: horizontalScale(32)}, - 'mr-9': {marginRight: horizontalScale(36)}, - 'mr-10': {marginRight: horizontalScale(40)}, - 'mr-11': {marginRight: horizontalScale(44)}, - 'mr-12': {marginRight: horizontalScale(48)}, - 'mr-14': {marginRight: horizontalScale(56)}, - 'mr-16': {marginRight: horizontalScale(64)}, -}); - -const marginBottomStyles = StyleSheet.create({ - 'mb-0': {marginBottom: 0}, - 'mb-0.5': {marginBottom: horizontalScale(2)}, - 'mb-1': {marginBottom: horizontalScale(4)}, - 'mb-1.5': {marginBottom: horizontalScale(6)}, - 'mb-2': {marginBottom: horizontalScale(8)}, - 'mb-2.5': {marginBottom: horizontalScale(10)}, - 'mb-3': {marginBottom: horizontalScale(12)}, - 'mb-3.5': {marginBottom: horizontalScale(14)}, - 'mb-4': {marginBottom: horizontalScale(16)}, - 'mb-5': {marginBottom: horizontalScale(20)}, - 'mb-6': {marginBottom: horizontalScale(24)}, - 'mb-7': {marginBottom: horizontalScale(28)}, - 'mb-8': {marginBottom: horizontalScale(32)}, - 'mb-9': {marginBottom: horizontalScale(36)}, - 'mb-10': {marginBottom: horizontalScale(40)}, - 'mb-11': {marginBottom: horizontalScale(44)}, - 'mb-12': {marginBottom: horizontalScale(48)}, - 'mb-14': {marginBottom: horizontalScale(56)}, - 'mb-16': {marginBottom: horizontalScale(64)}, -}); - -const marginTopStyles = StyleSheet.create({ - 'mt-0': {marginTop: 0}, - 'mt-0.5': {marginTop: horizontalScale(2)}, - 'mt-1': {marginTop: horizontalScale(4)}, - 'mt-1.5': {marginTop: horizontalScale(6)}, - 'mt-2': {marginTop: horizontalScale(8)}, - 'mt-2.5': {marginTop: horizontalScale(10)}, - 'mt-3': {marginTop: horizontalScale(12)}, - 'mt-3.5': {marginTop: horizontalScale(14)}, - 'mt-4': {marginTop: horizontalScale(16)}, - 'mt-5': {marginTop: horizontalScale(20)}, - 'mt-6': {marginTop: horizontalScale(24)}, - 'mt-7': {marginTop: horizontalScale(28)}, - 'mt-8': {marginTop: horizontalScale(32)}, - 'mt-9': {marginTop: horizontalScale(36)}, - 'mt-10': {marginTop: horizontalScale(40)}, - 'mt-11': {marginTop: horizontalScale(44)}, - 'mt-12': {marginTop: horizontalScale(48)}, - 'mt-14': {marginTop: horizontalScale(56)}, - 'mt-16': {marginTop: horizontalScale(64)}, -}); - -const marginHorizontalStyles = StyleSheet.create({ - 'mx-0': {marginHorizontal: 0}, - 'mx-0.5': {marginHorizontal: horizontalScale(2)}, - 'mx-1': {marginHorizontal: horizontalScale(4)}, - 'mx-1.5': {marginHorizontal: horizontalScale(6)}, - 'mx-2': {marginHorizontal: horizontalScale(8)}, - 'mx-2.5': {marginHorizontal: horizontalScale(10)}, - 'mx-3': {marginHorizontal: horizontalScale(12)}, - 'mx-3.5': {marginHorizontal: horizontalScale(14)}, - 'mx-4': {marginHorizontal: horizontalScale(16)}, - 'mx-5': {marginHorizontal: horizontalScale(20)}, - 'mx-6': {marginHorizontal: horizontalScale(24)}, - 'mx-7': {marginHorizontal: horizontalScale(28)}, - 'mx-8': {marginHorizontal: horizontalScale(32)}, - 'mx-9': {marginHorizontal: horizontalScale(36)}, - 'mx-10': {marginHorizontal: horizontalScale(40)}, - 'mx-11': {marginHorizontal: horizontalScale(44)}, - 'mx-12': {marginHorizontal: horizontalScale(48)}, - 'mx-14': {marginHorizontal: horizontalScale(56)}, - 'mx-16': {marginHorizontal: horizontalScale(64)}, -}); - -const marginVerticalStyles = StyleSheet.create({ - 'my-0': {marginVertical: 0}, - 'my-0.5': {marginVertical: horizontalScale(2)}, - 'my-1': {marginVertical: horizontalScale(4)}, - 'my-1.5': {marginVertical: horizontalScale(6)}, - 'my-2': {marginVertical: horizontalScale(8)}, - 'my-2.5': {marginVertical: horizontalScale(10)}, - 'my-3': {marginVertical: horizontalScale(12)}, - 'my-3.5': {marginVertical: horizontalScale(14)}, - 'my-4': {marginVertical: horizontalScale(16)}, - 'my-5': {marginVertical: horizontalScale(20)}, - 'my-6': {marginVertical: horizontalScale(24)}, - 'my-7': {marginVertical: horizontalScale(28)}, - 'my-8': {marginVertical: horizontalScale(32)}, - 'my-9': {marginVertical: horizontalScale(36)}, - 'my-10': {marginVertical: horizontalScale(40)}, - 'my-11': {marginVertical: horizontalScale(44)}, - 'my-12': {marginVertical: horizontalScale(48)}, - 'my-14': {marginVertical: horizontalScale(56)}, - 'my-16': {marginVertical: horizontalScale(64)}, -}); - -const marginNoneScaleStyles = StyleSheet.create({ - 'm-0': {margin: 0}, - 'm-0.5': {margin: 2}, - 'm-1': {margin: 4}, - 'm-1.5': {margin: 6}, - 'm-2': {margin: 8}, - 'm-2.5': {margin: 10}, - 'm-3': {margin: 12}, - 'm-3.5': {margin: 14}, - 'm-4': {margin: 16}, - 'm-5': {margin: 20}, - 'm-6': {margin: 24}, - 'm-7': {margin: 28}, - 'm-8': {margin: 32}, - 'm-9': {margin: 36}, - 'm-10': {margin: 40}, - 'm-11': {margin: 44}, - 'm-12': {margin: 48}, - 'm-14': {margin: 56}, - 'm-16': {margin: 64}, -}); - -const marginLeftNoneScaleStyles = StyleSheet.create({ - 'ml-0': {marginLeft: 0}, - 'ml-0.5': {marginLeft: 2}, - 'ml-1': {marginLeft: 4}, - 'ml-1.5': {marginLeft: 6}, - 'ml-2': {marginLeft: 8}, - 'ml-2.5': {marginLeft: 10}, - 'ml-3': {marginLeft: 12}, - 'ml-3.5': {marginLeft: 14}, - 'ml-4': {marginLeft: 16}, - 'ml-5': {marginLeft: 20}, - 'ml-6': {marginLeft: 24}, - 'ml-7': {marginLeft: 28}, - 'ml-8': {marginLeft: 32}, - 'ml-9': {marginLeft: 36}, - 'ml-10': {marginLeft: 40}, - 'ml-11': {marginLeft: 44}, - 'ml-12': {marginLeft: 48}, - 'ml-14': {marginLeft: 56}, - 'ml-16': {marginLeft: 64}, -}); - -const marginRightNoneScaleStyles = StyleSheet.create({ - 'mr-0': {marginRight: 0}, - 'mr-0.5': {marginRight: 2}, - 'mr-1': {marginRight: 4}, - 'mr-1.5': {marginRight: 6}, - 'mr-2': {marginRight: 8}, - 'mr-2.5': {marginRight: 10}, - 'mr-3': {marginRight: 12}, - 'mr-3.5': {marginRight: 14}, - 'mr-4': {marginRight: 16}, - 'mr-5': {marginRight: 20}, - 'mr-6': {marginRight: 24}, - 'mr-7': {marginRight: 28}, - 'mr-8': {marginRight: 32}, - 'mr-9': {marginRight: 36}, - 'mr-10': {marginRight: 40}, - 'mr-11': {marginRight: 44}, - 'mr-12': {marginRight: 48}, - 'mr-14': {marginRight: 56}, - 'mr-16': {marginRight: 64}, -}); - -const marginBottomNoneScaleStyles = StyleSheet.create({ - 'mb-0': {marginBottom: 0}, - 'mb-0.5': {marginBottom: 2}, - 'mb-1': {marginBottom: 4}, - 'mb-1.5': {marginBottom: 6}, - 'mb-2': {marginBottom: 8}, - 'mb-2.5': {marginBottom: 10}, - 'mb-3': {marginBottom: 12}, - 'mb-3.5': {marginBottom: 14}, - 'mb-4': {marginBottom: 16}, - 'mb-5': {marginBottom: 20}, - 'mb-6': {marginBottom: 24}, - 'mb-7': {marginBottom: 28}, - 'mb-8': {marginBottom: 32}, - 'mb-9': {marginBottom: 36}, - 'mb-10': {marginBottom: 40}, - 'mb-11': {marginBottom: 44}, - 'mb-12': {marginBottom: 48}, - 'mb-14': {marginBottom: 56}, - 'mb-16': {marginBottom: 64}, -}); - -const marginTopNoneScaleStyles = StyleSheet.create({ - 'mt-0': {marginTop: 0}, - 'mt-0.5': {marginTop: 2}, - 'mt-1': {marginTop: 4}, - 'mt-1.5': {marginTop: 6}, - 'mt-2': {marginTop: 8}, - 'mt-2.5': {marginTop: 10}, - 'mt-3': {marginTop: 12}, - 'mt-3.5': {marginTop: 14}, - 'mt-4': {marginTop: 16}, - 'mt-5': {marginTop: 20}, - 'mt-6': {marginTop: 24}, - 'mt-7': {marginTop: 28}, - 'mt-8': {marginTop: 32}, - 'mt-9': {marginTop: 36}, - 'mt-10': {marginTop: 40}, - 'mt-11': {marginTop: 44}, - 'mt-12': {marginTop: 48}, - 'mt-14': {marginTop: 56}, - 'mt-16': {marginTop: 64}, -}); - -const marginHorizontalNoneScaleStyles = StyleSheet.create({ - 'mx-0': {marginHorizontal: 0}, - 'mx-0.5': {marginHorizontal: 2}, - 'mx-1': {marginHorizontal: 4}, - 'mx-1.5': {marginHorizontal: 6}, - 'mx-2': {marginHorizontal: 8}, - 'mx-2.5': {marginHorizontal: 10}, - 'mx-3': {marginHorizontal: 12}, - 'mx-3.5': {marginHorizontal: 14}, - 'mx-4': {marginHorizontal: 16}, - 'mx-5': {marginHorizontal: 20}, - 'mx-6': {marginHorizontal: 24}, - 'mx-7': {marginHorizontal: 28}, - 'mx-8': {marginHorizontal: 32}, - 'mx-9': {marginHorizontal: 36}, - 'mx-10': {marginHorizontal: 40}, - 'mx-11': {marginHorizontal: 44}, - 'mx-12': {marginHorizontal: 48}, - 'mx-14': {marginHorizontal: 56}, - 'mx-16': {marginHorizontal: 64}, -}); - -const marginVerticalNoneScaleStyles = StyleSheet.create({ - 'my-0': {marginVertical: 0}, - 'my-0.5': {marginVertical: 2}, - 'my-1': {marginVertical: 4}, - 'my-1.5': {marginVertical: 6}, - 'my-2': {marginVertical: 8}, - 'my-2.5': {marginVertical: 10}, - 'my-3': {marginVertical: 12}, - 'my-3.5': {marginVertical: 14}, - 'my-4': {marginVertical: 16}, - 'my-5': {marginVertical: 20}, - 'my-6': {marginVertical: 24}, - 'my-7': {marginVertical: 28}, - 'my-8': {marginVertical: 32}, - 'my-9': {marginVertical: 36}, - 'my-10': {marginVertical: 40}, - 'my-11': {marginVertical: 44}, - 'my-12': {marginVertical: 48}, - 'my-14': {marginVertical: 56}, - 'my-16': {marginVertical: 64}, -}); - -export const classMarginStyle = { - ...marginStyles, - ...marginLeftStyles, - ...marginRightStyles, - ...marginBottomStyles, - ...marginTopStyles, - ...marginHorizontalStyles, - ...marginVerticalStyles, -}; - -export const classMarginNoneScaleStyle = { - ...marginNoneScaleStyles, - ...marginLeftNoneScaleStyles, - ...marginRightNoneScaleStyles, - ...marginBottomNoneScaleStyles, - ...marginTopNoneScaleStyles, - ...marginHorizontalNoneScaleStyles, - ...marginVerticalNoneScaleStyles, -}; diff --git a/src/styles/Padding.styles.ts b/src/styles/Padding.styles.ts deleted file mode 100644 index 8690253..0000000 --- a/src/styles/Padding.styles.ts +++ /dev/null @@ -1,330 +0,0 @@ -import {StyleSheet} from 'react-native'; -import {horizontalScale} from '../utils'; - -const paddingStyles = StyleSheet.create({ - 'p-0': {padding: 0}, - 'p-0.5': {padding: horizontalScale(2)}, - 'p-1': {padding: horizontalScale(4)}, - 'p-1.5': {padding: horizontalScale(6)}, - 'p-2': {padding: horizontalScale(8)}, - 'p-2.5': {padding: horizontalScale(10)}, - 'p-3': {padding: horizontalScale(12)}, - 'p-3.5': {padding: horizontalScale(14)}, - 'p-4': {padding: horizontalScale(16)}, - 'p-5': {padding: horizontalScale(20)}, - 'p-6': {padding: horizontalScale(24)}, - 'p-7': {padding: horizontalScale(28)}, - 'p-8': {padding: horizontalScale(32)}, - 'p-9': {padding: horizontalScale(36)}, - 'p-10': {padding: horizontalScale(40)}, - 'p-11': {padding: horizontalScale(44)}, - 'p-12': {padding: horizontalScale(48)}, - 'p-14': {padding: horizontalScale(56)}, - 'p-16': {padding: horizontalScale(64)}, -}); - -const paddingLeftStyles = StyleSheet.create({ - 'pl-0': {paddingLeft: 0}, - 'pl-0.5': {paddingLeft: horizontalScale(2)}, - 'pl-1': {paddingLeft: horizontalScale(4)}, - 'pl-1.5': {paddingLeft: horizontalScale(6)}, - 'pl-2': {paddingLeft: horizontalScale(8)}, - 'pl-2.5': {paddingLeft: horizontalScale(10)}, - 'pl-3': {paddingLeft: horizontalScale(12)}, - 'pl-3.5': {paddingLeft: horizontalScale(14)}, - 'pl-4': {paddingLeft: horizontalScale(16)}, - 'pl-5': {paddingLeft: horizontalScale(20)}, - 'pl-6': {paddingLeft: horizontalScale(24)}, - 'pl-7': {paddingLeft: horizontalScale(28)}, - 'pl-8': {paddingLeft: horizontalScale(32)}, - 'pl-9': {paddingLeft: horizontalScale(36)}, - 'pl-10': {paddingLeft: horizontalScale(40)}, - 'pl-11': {paddingLeft: horizontalScale(44)}, - 'pl-12': {paddingLeft: horizontalScale(48)}, - 'pl-14': {paddingLeft: horizontalScale(56)}, - 'pl-16': {paddingLeft: horizontalScale(64)}, -}); - -const paddingRightStyles = StyleSheet.create({ - 'pr-0': {paddingRight: 0}, - 'pr-0.5': {paddingRight: horizontalScale(2)}, - 'pr-1': {paddingRight: horizontalScale(4)}, - 'pr-1.5': {paddingRight: horizontalScale(6)}, - 'pr-2': {paddingRight: horizontalScale(8)}, - 'pr-2.5': {paddingRight: horizontalScale(10)}, - 'pr-3': {paddingRight: horizontalScale(12)}, - 'pr-3.5': {paddingRight: horizontalScale(14)}, - 'pr-4': {paddingRight: horizontalScale(16)}, - 'pr-5': {paddingRight: horizontalScale(20)}, - 'pr-6': {paddingRight: horizontalScale(24)}, - 'pr-7': {paddingRight: horizontalScale(28)}, - 'pr-8': {paddingRight: horizontalScale(32)}, - 'pr-9': {paddingRight: horizontalScale(36)}, - 'pr-10': {paddingRight: horizontalScale(40)}, - 'pr-11': {paddingRight: horizontalScale(44)}, - 'pr-12': {paddingRight: horizontalScale(48)}, - 'pr-14': {paddingRight: horizontalScale(56)}, - 'pr-16': {paddingRight: horizontalScale(64)}, -}); - -const paddingBottomStyles = StyleSheet.create({ - 'pb-0': {paddingBottom: 0}, - 'pb-0.5': {paddingBottom: horizontalScale(2)}, - 'pb-1': {paddingBottom: horizontalScale(4)}, - 'pb-1.5': {paddingBottom: horizontalScale(6)}, - 'pb-2': {paddingBottom: horizontalScale(8)}, - 'pb-2.5': {paddingBottom: horizontalScale(10)}, - 'pb-3': {paddingBottom: horizontalScale(12)}, - 'pb-3.5': {paddingBottom: horizontalScale(14)}, - 'pb-4': {paddingBottom: horizontalScale(16)}, - 'pb-5': {paddingBottom: horizontalScale(20)}, - 'pb-6': {paddingBottom: horizontalScale(24)}, - 'pb-7': {paddingBottom: horizontalScale(28)}, - 'pb-8': {paddingBottom: horizontalScale(32)}, - 'pb-9': {paddingBottom: horizontalScale(36)}, - 'pb-10': {paddingBottom: horizontalScale(40)}, - 'pb-11': {paddingBottom: horizontalScale(44)}, - 'pb-12': {paddingBottom: horizontalScale(48)}, - 'pb-14': {paddingBottom: horizontalScale(56)}, - 'pb-16': {paddingBottom: horizontalScale(64)}, -}); - -const paddingTopStyles = StyleSheet.create({ - 'pt-0': {paddingTop: 0}, - 'pt-0.5': {paddingTop: horizontalScale(2)}, - 'pt-1': {paddingTop: horizontalScale(4)}, - 'pt-1.5': {paddingTop: horizontalScale(6)}, - 'pt-2': {paddingTop: horizontalScale(8)}, - 'pt-2.5': {paddingTop: horizontalScale(10)}, - 'pt-3': {paddingTop: horizontalScale(12)}, - 'pt-3.5': {paddingTop: horizontalScale(14)}, - 'pt-4': {paddingTop: horizontalScale(16)}, - 'pt-5': {paddingTop: horizontalScale(20)}, - 'pt-6': {paddingTop: horizontalScale(24)}, - 'pt-7': {paddingTop: horizontalScale(28)}, - 'pt-8': {paddingTop: horizontalScale(32)}, - 'pt-9': {paddingTop: horizontalScale(36)}, - 'pt-10': {paddingTop: horizontalScale(40)}, - 'pt-11': {paddingTop: horizontalScale(44)}, - 'pt-12': {paddingTop: horizontalScale(48)}, - 'pt-14': {paddingTop: horizontalScale(56)}, - 'pt-16': {paddingTop: horizontalScale(64)}, -}); - -const paddingHorizontalStyles = StyleSheet.create({ - 'px-0': {paddingHorizontal: 0}, - 'px-0.5': {paddingHorizontal: horizontalScale(2)}, - 'px-1': {paddingHorizontal: horizontalScale(4)}, - 'px-1.5': {paddingHorizontal: horizontalScale(6)}, - 'px-2': {paddingHorizontal: horizontalScale(8)}, - 'px-2.5': {paddingHorizontal: horizontalScale(10)}, - 'px-3': {paddingHorizontal: horizontalScale(12)}, - 'px-3.5': {paddingHorizontal: horizontalScale(14)}, - 'px-4': {paddingHorizontal: horizontalScale(16)}, - 'px-5': {paddingHorizontal: horizontalScale(20)}, - 'px-6': {paddingHorizontal: horizontalScale(24)}, - 'px-7': {paddingHorizontal: horizontalScale(28)}, - 'px-8': {paddingHorizontal: horizontalScale(32)}, - 'px-9': {paddingHorizontal: horizontalScale(36)}, - 'px-10': {paddingHorizontal: horizontalScale(40)}, - 'px-11': {paddingHorizontal: horizontalScale(44)}, - 'px-12': {paddingHorizontal: horizontalScale(48)}, - 'px-14': {paddingHorizontal: horizontalScale(56)}, - 'px-16': {paddingHorizontal: horizontalScale(64)}, -}); - -const paddingVerticalStyles = StyleSheet.create({ - 'py-0': {paddingVertical: 0}, - 'py-0.5': {paddingVertical: horizontalScale(2)}, - 'py-1': {paddingVertical: horizontalScale(4)}, - 'py-1.5': {paddingVertical: horizontalScale(6)}, - 'py-2': {paddingVertical: horizontalScale(8)}, - 'py-2.5': {paddingVertical: horizontalScale(10)}, - 'py-3': {paddingVertical: horizontalScale(12)}, - 'py-3.5': {paddingVertical: horizontalScale(14)}, - 'py-4': {paddingVertical: horizontalScale(16)}, - 'py-5': {paddingVertical: horizontalScale(20)}, - 'py-6': {paddingVertical: horizontalScale(24)}, - 'py-7': {paddingVertical: horizontalScale(28)}, - 'py-8': {paddingVertical: horizontalScale(32)}, - 'py-9': {paddingVertical: horizontalScale(36)}, - 'py-10': {paddingVertical: horizontalScale(40)}, - 'py-11': {paddingVertical: horizontalScale(44)}, - 'py-12': {paddingVertical: horizontalScale(48)}, - 'py-14': {paddingVertical: horizontalScale(56)}, - 'py-16': {paddingVertical: horizontalScale(64)}, -}); - -const paddingNoneScaleStyles = StyleSheet.create({ - 'p-0': {padding: 0}, - 'p-0.5': {padding: 2}, - 'p-1': {padding: 4}, - 'p-1.5': {padding: 6}, - 'p-2': {padding: 8}, - 'p-2.5': {padding: 10}, - 'p-3': {padding: 12}, - 'p-3.5': {padding: 14}, - 'p-4': {padding: 16}, - 'p-5': {padding: 20}, - 'p-6': {padding: 24}, - 'p-7': {padding: 28}, - 'p-8': {padding: 32}, - 'p-9': {padding: 36}, - 'p-10': {padding: 40}, - 'p-11': {padding: 44}, - 'p-12': {padding: 48}, - 'p-14': {padding: 56}, - 'p-16': {padding: 64}, -}); - -const paddingLeftNoneScaleStyles = StyleSheet.create({ - 'pl-0': {paddingLeft: 0}, - 'pl-0.5': {paddingLeft: 2}, - 'pl-1': {paddingLeft: 4}, - 'pl-1.5': {paddingLeft: 6}, - 'pl-2': {paddingLeft: 8}, - 'pl-2.5': {paddingLeft: 10}, - 'pl-3': {paddingLeft: 12}, - 'pl-3.5': {paddingLeft: 14}, - 'pl-4': {paddingLeft: 16}, - 'pl-5': {paddingLeft: 20}, - 'pl-6': {paddingLeft: 24}, - 'pl-7': {paddingLeft: 28}, - 'pl-8': {paddingLeft: 32}, - 'pl-9': {paddingLeft: 36}, - 'pl-10': {paddingLeft: 40}, - 'pl-11': {paddingLeft: 44}, - 'pl-12': {paddingLeft: 48}, - 'pl-14': {paddingLeft: 56}, - 'pl-16': {paddingLeft: 64}, -}); - -const paddingRightNoneScaleStyles = StyleSheet.create({ - 'pr-0': {paddingRight: 0}, - 'pr-0.5': {paddingRight: 2}, - 'pr-1': {paddingRight: 4}, - 'pr-1.5': {paddingRight: 6}, - 'pr-2': {paddingRight: 8}, - 'pr-2.5': {paddingRight: 10}, - 'pr-3': {paddingRight: 12}, - 'pr-3.5': {paddingRight: 14}, - 'pr-4': {paddingRight: 16}, - 'pr-5': {paddingRight: 20}, - 'pr-6': {paddingRight: 24}, - 'pr-7': {paddingRight: 28}, - 'pr-8': {paddingRight: 32}, - 'pr-9': {paddingRight: 36}, - 'pr-10': {paddingRight: 40}, - 'pr-11': {paddingRight: 44}, - 'pr-12': {paddingRight: 48}, - 'pr-14': {paddingRight: 56}, - 'pr-16': {paddingRight: 64}, -}); - -const paddingBottomNoneScaleStyles = StyleSheet.create({ - 'pb-0': {paddingBottom: 0}, - 'pb-0.5': {paddingBottom: 2}, - 'pb-1': {paddingBottom: 4}, - 'pb-1.5': {paddingBottom: 6}, - 'pb-2': {paddingBottom: 8}, - 'pb-2.5': {paddingBottom: 10}, - 'pb-3': {paddingBottom: 12}, - 'pb-3.5': {paddingBottom: 14}, - 'pb-4': {paddingBottom: 16}, - 'pb-5': {paddingBottom: 20}, - 'pb-6': {paddingBottom: 24}, - 'pb-7': {paddingBottom: 28}, - 'pb-8': {paddingBottom: 32}, - 'pb-9': {paddingBottom: 36}, - 'pb-10': {paddingBottom: 40}, - 'pb-11': {paddingBottom: 44}, - 'pb-12': {paddingBottom: 48}, - 'pb-14': {paddingBottom: 56}, - 'pb-16': {paddingBottom: 64}, -}); - -const paddingTopNoneScaleStyles = StyleSheet.create({ - 'pt-0': {paddingTop: 0}, - 'pt-0.5': {paddingTop: 2}, - 'pt-1': {paddingTop: 4}, - 'pt-1.5': {paddingTop: 6}, - 'pt-2': {paddingTop: 8}, - 'pt-2.5': {paddingTop: 10}, - 'pt-3': {paddingTop: 12}, - 'pt-3.5': {paddingTop: 14}, - 'pt-4': {paddingTop: 16}, - 'pt-5': {paddingTop: 20}, - 'pt-6': {paddingTop: 24}, - 'pt-7': {paddingTop: 28}, - 'pt-8': {paddingTop: 32}, - 'pt-9': {paddingTop: 36}, - 'pt-10': {paddingTop: 40}, - 'pt-11': {paddingTop: 44}, - 'pt-12': {paddingTop: 48}, - 'pt-14': {paddingTop: 56}, - 'pt-16': {paddingTop: 64}, -}); - -const paddingHorizontalNoneScaleStyles = StyleSheet.create({ - 'px-0': {paddingHorizontal: 0}, - 'px-0.5': {paddingHorizontal: 2}, - 'px-1': {paddingHorizontal: 4}, - 'px-1.5': {paddingHorizontal: 6}, - 'px-2': {paddingHorizontal: 8}, - 'px-2.5': {paddingHorizontal: 10}, - 'px-3': {paddingHorizontal: 12}, - 'px-3.5': {paddingHorizontal: 14}, - 'px-4': {paddingHorizontal: 16}, - 'px-5': {paddingHorizontal: 20}, - 'px-6': {paddingHorizontal: 24}, - 'px-7': {paddingHorizontal: 28}, - 'px-8': {paddingHorizontal: 32}, - 'px-9': {paddingHorizontal: 36}, - 'px-10': {paddingHorizontal: 40}, - 'px-11': {paddingHorizontal: 44}, - 'px-12': {paddingHorizontal: 48}, - 'px-14': {paddingHorizontal: 56}, - 'px-16': {paddingHorizontal: 64}, -}); - -const paddingVerticalNoneScaleStyles = StyleSheet.create({ - 'py-0': {paddingVertical: 0}, - 'py-0.5': {paddingVertical: 2}, - 'py-1': {paddingVertical: 4}, - 'py-1.5': {paddingVertical: 6}, - 'py-2': {paddingVertical: 8}, - 'py-2.5': {paddingVertical: 10}, - 'py-3': {paddingVertical: 12}, - 'py-3.5': {paddingVertical: 14}, - 'py-4': {paddingVertical: 16}, - 'py-5': {paddingVertical: 20}, - 'py-6': {paddingVertical: 24}, - 'py-7': {paddingVertical: 28}, - 'py-8': {paddingVertical: 32}, - 'py-9': {paddingVertical: 36}, - 'py-10': {paddingVertical: 40}, - 'py-11': {paddingVertical: 44}, - 'py-12': {paddingVertical: 48}, - 'py-14': {paddingVertical: 56}, - 'py-16': {paddingVertical: 64}, -}); - -export const classPaddingStyle = { - ...paddingStyles, - ...paddingLeftStyles, - ...paddingRightStyles, - ...paddingBottomStyles, - ...paddingTopStyles, - ...paddingHorizontalStyles, - ...paddingVerticalStyles, -}; - -export const classPaddingNoneScaleStyle = { - ...paddingNoneScaleStyles, - ...paddingLeftNoneScaleStyles, - ...paddingRightNoneScaleStyles, - ...paddingBottomNoneScaleStyles, - ...paddingTopNoneScaleStyles, - ...paddingHorizontalNoneScaleStyles, - ...paddingVerticalNoneScaleStyles, -}; diff --git a/src/styles/Position.styles.ts b/src/styles/Position.styles.ts index 77f7da3..5159f17 100644 --- a/src/styles/Position.styles.ts +++ b/src/styles/Position.styles.ts @@ -1,100 +1,8 @@ import {StyleSheet} from 'react-native'; -import {horizontalScale} from '../utils'; -const positionStyles = StyleSheet.create({ +export const positionStyles = StyleSheet.create({ absolute: {position: 'absolute'}, relative: {position: 'relative'}, -}); - -const topStyles = StyleSheet.create({ - 'top-0': {top: 0}, - 'top-0.5': {top: horizontalScale(2)}, - 'top-1': {top: horizontalScale(4)}, - 'top-1.5': {top: horizontalScale(6)}, - 'top-2': {top: horizontalScale(8)}, - 'top-2.5': {top: horizontalScale(10)}, - 'top-3': {top: horizontalScale(12)}, - 'top-3.5': {top: horizontalScale(14)}, - 'top-4': {top: horizontalScale(16)}, - 'top-5': {top: horizontalScale(20)}, - 'top-6': {top: horizontalScale(24)}, - 'top-7': {top: horizontalScale(28)}, - 'top-8': {top: horizontalScale(32)}, - 'top-9': {top: horizontalScale(36)}, - 'top-10': {top: horizontalScale(40)}, - 'top-11': {top: horizontalScale(44)}, - 'top-12': {top: horizontalScale(48)}, - 'top-14': {top: horizontalScale(56)}, - 'top-16': {top: horizontalScale(64)}, -}); - -const leftStyles = StyleSheet.create({ - 'left-0': {left: 0}, - 'left-0.5': {left: horizontalScale(2)}, - 'left-1': {left: horizontalScale(4)}, - 'left-1.5': {left: horizontalScale(6)}, - 'left-2': {left: horizontalScale(8)}, - 'left-2.5': {left: horizontalScale(10)}, - 'left-3': {left: horizontalScale(12)}, - 'left-3.5': {left: horizontalScale(14)}, - 'left-4': {left: horizontalScale(16)}, - 'left-5': {left: horizontalScale(20)}, - 'left-6': {left: horizontalScale(24)}, - 'left-7': {left: horizontalScale(28)}, - 'left-8': {left: horizontalScale(32)}, - 'left-9': {left: horizontalScale(36)}, - 'left-10': {left: horizontalScale(40)}, - 'left-11': {left: horizontalScale(44)}, - 'left-12': {left: horizontalScale(48)}, - 'left-14': {left: horizontalScale(56)}, - 'left-16': {left: horizontalScale(64)}, -}); - -const bottomStyles = StyleSheet.create({ - 'bottom-0': {bottom: 0}, - 'bottom-0.5': {bottom: horizontalScale(2)}, - 'bottom-1': {bottom: horizontalScale(4)}, - 'bottom-1.5': {bottom: horizontalScale(6)}, - 'bottom-2': {bottom: horizontalScale(8)}, - 'bottom-2.5': {bottom: horizontalScale(10)}, - 'bottom-3': {bottom: horizontalScale(12)}, - 'bottom-3.5': {bottom: horizontalScale(14)}, - 'bottom-4': {bottom: horizontalScale(16)}, - 'bottom-5': {bottom: horizontalScale(20)}, - 'bottom-6': {bottom: horizontalScale(24)}, - 'bottom-7': {bottom: horizontalScale(28)}, - 'bottom-8': {bottom: horizontalScale(32)}, - 'bottom-9': {bottom: horizontalScale(36)}, - 'bottom-10': {bottom: horizontalScale(40)}, - 'bottom-11': {bottom: horizontalScale(44)}, - 'bottom-12': {bottom: horizontalScale(48)}, - 'bottom-14': {bottom: horizontalScale(56)}, - 'bottom-16': {bottom: horizontalScale(64)}, -}); - -const rightStyles = StyleSheet.create({ - 'right-0': {right: 0}, - 'right-0.5': {right: horizontalScale(2)}, - 'right-1': {right: horizontalScale(4)}, - 'right-1.5': {right: horizontalScale(6)}, - 'right-2': {right: horizontalScale(8)}, - 'right-2.5': {right: horizontalScale(10)}, - 'right-3': {right: horizontalScale(12)}, - 'right-3.5': {right: horizontalScale(14)}, - 'right-4': {right: horizontalScale(16)}, - 'right-5': {right: horizontalScale(20)}, - 'right-6': {right: horizontalScale(24)}, - 'right-7': {right: horizontalScale(28)}, - 'right-8': {right: horizontalScale(32)}, - 'right-9': {right: horizontalScale(36)}, - 'right-10': {right: horizontalScale(40)}, - 'right-11': {right: horizontalScale(44)}, - 'right-12': {right: horizontalScale(48)}, - 'right-14': {right: horizontalScale(56)}, - 'right-16': {right: horizontalScale(64)}, -}); - -const zIndexStyles = StyleSheet.create({ '-z-1': {zIndex: -1}, '-z-2': {zIndex: -2}, '-z-3': {zIndex: -3}, @@ -108,110 +16,28 @@ const zIndexStyles = StyleSheet.create({ 'z-7': {zIndex: 7}, 'z-8': {zIndex: 8}, 'z-9': {zIndex: 9}, + 'z-99': {zIndex: 99}, + 'z-999': {zIndex: 999}, 'z-9999': {zIndex: 9999}, + 'opacity-0': {opacity: 0}, + 'opacity-5': {opacity: 0.05}, + 'opacity-10': {opacity: 0.1}, + 'opacity-15': {opacity: 0.15}, + 'opacity-20': {opacity: 0.2}, + 'opacity-25': {opacity: 0.25}, + 'opacity-30': {opacity: 0.3}, + 'opacity-35': {opacity: 0.35}, + 'opacity-40': {opacity: 0.4}, + 'opacity-45': {opacity: 0.45}, + 'opacity-50': {opacity: 0.5}, + 'opacity-55': {opacity: 0.55}, + 'opacity-60': {opacity: 0.6}, + 'opacity-65': {opacity: 0.65}, + 'opacity-70': {opacity: 0.7}, + 'opacity-75': {opacity: 0.75}, + 'opacity-80': {opacity: 0.8}, + 'opacity-85': {opacity: 0.85}, + 'opacity-90': {opacity: 0.9}, + 'opacity-95': {opacity: 0.95}, + 'opacity-100': {opacity: 0.1}, }); - -const topNoneScaleStyles = StyleSheet.create({ - 'top-0': {top: 0}, - 'top-0.5': {top: 2}, - 'top-1': {top: 4}, - 'top-1.5': {top: 6}, - 'top-2': {top: 8}, - 'top-2.5': {top: 10}, - 'top-3': {top: 12}, - 'top-3.5': {top: 14}, - 'top-4': {top: 16}, - 'top-5': {top: 20}, - 'top-6': {top: 24}, - 'top-7': {top: 28}, - 'top-8': {top: 32}, - 'top-9': {top: 36}, - 'top-10': {top: 40}, - 'top-11': {top: 44}, - 'top-12': {top: 48}, - 'top-14': {top: 56}, - 'top-16': {top: 64}, -}); - -const leftNoneScaleStyles = StyleSheet.create({ - 'left-0': {left: 0}, - 'left-0.5': {left: 2}, - 'left-1': {left: 4}, - 'left-1.5': {left: 6}, - 'left-2': {left: 8}, - 'left-2.5': {left: 10}, - 'left-3': {left: 12}, - 'left-3.5': {left: 14}, - 'left-4': {left: 16}, - 'left-5': {left: 20}, - 'left-6': {left: 24}, - 'left-7': {left: 28}, - 'left-8': {left: 32}, - 'left-9': {left: 36}, - 'left-10': {left: 40}, - 'left-11': {left: 44}, - 'left-12': {left: 48}, - 'left-14': {left: 56}, - 'left-16': {left: 64}, -}); - -const bottomNoneScaleStyles = StyleSheet.create({ - 'bottom-0': {bottom: 0}, - 'bottom-0.5': {bottom: 2}, - 'bottom-1': {bottom: 4}, - 'bottom-1.5': {bottom: 6}, - 'bottom-2': {bottom: 8}, - 'bottom-2.5': {bottom: 10}, - 'bottom-3': {bottom: 12}, - 'bottom-3.5': {bottom: 14}, - 'bottom-4': {bottom: 16}, - 'bottom-5': {bottom: 20}, - 'bottom-6': {bottom: 24}, - 'bottom-7': {bottom: 28}, - 'bottom-8': {bottom: 32}, - 'bottom-9': {bottom: 36}, - 'bottom-10': {bottom: 40}, - 'bottom-11': {bottom: 44}, - 'bottom-12': {bottom: 48}, - 'bottom-14': {bottom: 56}, - 'bottom-16': {bottom: 64}, -}); - -const rightNoneScaleStyles = StyleSheet.create({ - 'right-0': {right: 0}, - 'right-0.5': {right: 2}, - 'right-1': {right: 4}, - 'right-1.5': {right: 6}, - 'right-2': {right: 8}, - 'right-2.5': {right: 10}, - 'right-3': {right: 12}, - 'right-3.5': {right: 14}, - 'right-4': {right: 16}, - 'right-5': {right: 20}, - 'right-6': {right: 24}, - 'right-7': {right: 28}, - 'right-8': {right: 32}, - 'right-9': {right: 36}, - 'right-10': {right: 40}, - 'right-11': {right: 44}, - 'right-12': {right: 48}, - 'right-14': {right: 56}, - 'right-16': {right: 64}, -}); - -export const classPositionStyle = { - ...positionStyles, - ...rightStyles, - ...bottomStyles, - ...leftStyles, - ...topStyles, - ...zIndexStyles, -}; -export const classPositionNoneScaleStyle = { - ...positionStyles, - ...rightNoneScaleStyles, - ...bottomNoneScaleStyles, - ...leftNoneScaleStyles, - ...topNoneScaleStyles, - ...zIndexStyles, -}; diff --git a/src/styles/Size.styles.ts b/src/styles/Size.styles.ts index abf49de..fe4a0c2 100644 --- a/src/styles/Size.styles.ts +++ b/src/styles/Size.styles.ts @@ -1,113 +1,5 @@ import {StyleSheet} from 'react-native'; -import {device, horizontalScale} from '../utils'; - -const widthStyles = StyleSheet.create({ - w: {width: horizontalScale(1)}, - 'w-0': {width: 0}, - 'w-0.5': {width: horizontalScale(2)}, - 'w-1': {width: horizontalScale(4)}, - 'w-1.5': {width: horizontalScale(6)}, - 'w-2': {width: horizontalScale(8)}, - 'w-2.5': {width: horizontalScale(10)}, - 'w-3': {width: horizontalScale(12)}, - 'w-3.5': {width: horizontalScale(14)}, - 'w-4': {width: horizontalScale(16)}, - 'w-5': {width: horizontalScale(20)}, - 'w-6': {width: horizontalScale(24)}, - 'w-7': {width: horizontalScale(28)}, - 'w-8': {width: horizontalScale(32)}, - 'w-9': {width: horizontalScale(36)}, - 'w-10': {width: horizontalScale(40)}, - 'w-11': {width: horizontalScale(44)}, - 'w-12': {width: horizontalScale(48)}, - 'w-14': {width: horizontalScale(56)}, - 'w-16': {width: horizontalScale(64)}, - 'w-20': {width: horizontalScale(80)}, - 'w-24': {width: horizontalScale(96)}, - 'w-28': {width: horizontalScale(112)}, - 'w-32': {width: horizontalScale(128)}, - 'w-36': {width: horizontalScale(144)}, - 'w-40': {width: horizontalScale(160)}, - 'w-44': {width: horizontalScale(176)}, - 'w-48': {width: horizontalScale(192)}, - 'w-52': {width: horizontalScale(208)}, - 'w-56': {width: horizontalScale(224)}, - 'w-60': {width: horizontalScale(240)}, - 'w-64': {width: horizontalScale(256)}, - 'w-72': {width: horizontalScale(288)}, - 'w-80': {width: horizontalScale(320)}, - 'w-96': {width: horizontalScale(384)}, - 'min-w': {minWidth: horizontalScale(1)}, - 'min-w-0': {minWidth: 0}, - 'min-w-0.5': {minWidth: horizontalScale(2)}, - 'min-w-1': {minWidth: horizontalScale(4)}, - 'min-w-1.5': {minWidth: horizontalScale(6)}, - 'min-w-2': {minWidth: horizontalScale(8)}, - 'min-w-2.5': {minWidth: horizontalScale(10)}, - 'min-w-3': {minWidth: horizontalScale(12)}, - 'min-w-3.5': {minWidth: horizontalScale(14)}, - 'min-w-4': {minWidth: horizontalScale(16)}, - 'min-w-5': {minWidth: horizontalScale(20)}, - 'min-w-6': {minWidth: horizontalScale(24)}, - 'min-w-7': {minWidth: horizontalScale(28)}, - 'min-w-8': {minWidth: horizontalScale(32)}, - 'min-w-9': {minWidth: horizontalScale(36)}, - 'min-w-10': {minWidth: horizontalScale(40)}, - 'min-w-11': {minWidth: horizontalScale(44)}, - 'min-w-12': {minWidth: horizontalScale(48)}, - 'min-w-14': {minWidth: horizontalScale(56)}, - 'min-w-16': {minWidth: horizontalScale(64)}, - 'min-w-20': {minWidth: horizontalScale(80)}, - 'min-w-24': {minWidth: horizontalScale(96)}, - 'min-w-28': {minWidth: horizontalScale(112)}, - 'min-w-32': {minWidth: horizontalScale(128)}, - 'min-w-36': {minWidth: horizontalScale(144)}, - 'min-w-40': {minWidth: horizontalScale(160)}, - 'min-w-44': {minWidth: horizontalScale(176)}, - 'min-w-48': {minWidth: horizontalScale(192)}, - 'min-w-52': {minWidth: horizontalScale(208)}, - 'min-w-56': {minWidth: horizontalScale(224)}, - 'min-w-60': {minWidth: horizontalScale(240)}, - 'min-w-64': {minWidth: horizontalScale(256)}, - 'min-w-72': {minWidth: horizontalScale(288)}, - 'min-w-80': {minWidth: horizontalScale(320)}, - 'min-w-96': {minWidth: horizontalScale(384)}, - 'max-w': {maxWidth: horizontalScale(1)}, - 'max-w-0': {maxWidth: 0}, - 'max-w-0.5': {maxWidth: horizontalScale(2)}, - 'max-w-1': {maxWidth: horizontalScale(4)}, - 'max-w-1.5': {maxWidth: horizontalScale(6)}, - 'max-w-2': {maxWidth: horizontalScale(8)}, - 'max-w-2.5': {maxWidth: horizontalScale(10)}, - 'max-w-3': {maxWidth: horizontalScale(12)}, - 'max-w-3.5': {maxWidth: horizontalScale(14)}, - 'max-w-4': {maxWidth: horizontalScale(16)}, - 'max-w-5': {maxWidth: horizontalScale(20)}, - 'max-w-6': {maxWidth: horizontalScale(24)}, - 'max-w-7': {maxWidth: horizontalScale(28)}, - 'max-w-8': {maxWidth: horizontalScale(32)}, - 'max-w-9': {maxWidth: horizontalScale(36)}, - 'max-w-10': {maxWidth: horizontalScale(40)}, - 'max-w-11': {maxWidth: horizontalScale(44)}, - 'max-w-12': {maxWidth: horizontalScale(48)}, - 'max-w-14': {maxWidth: horizontalScale(56)}, - 'max-w-16': {maxWidth: horizontalScale(64)}, - 'max-w-20': {maxWidth: horizontalScale(80)}, - 'max-w-24': {maxWidth: horizontalScale(96)}, - 'max-w-28': {maxWidth: horizontalScale(112)}, - 'max-w-32': {maxWidth: horizontalScale(128)}, - 'max-w-36': {maxWidth: horizontalScale(144)}, - 'max-w-40': {maxWidth: horizontalScale(160)}, - 'max-w-44': {maxWidth: horizontalScale(176)}, - 'max-w-48': {maxWidth: horizontalScale(192)}, - 'max-w-52': {maxWidth: horizontalScale(208)}, - 'max-w-56': {maxWidth: horizontalScale(224)}, - 'max-w-60': {maxWidth: horizontalScale(240)}, - 'max-w-64': {maxWidth: horizontalScale(256)}, - 'max-w-72': {maxWidth: horizontalScale(288)}, - 'max-w-80': {maxWidth: horizontalScale(320)}, - 'max-w-96': {maxWidth: horizontalScale(384)}, -}); +import {device} from '../utils'; const widthRatioStyles = StyleSheet.create({ 'w-1/2': {width: '50%'}, @@ -181,362 +73,7 @@ const heightRatioStyles = StyleSheet.create({ 'max-h-screen': {maxHeight: device.height}, }); -const heightStyles = StyleSheet.create({ - h: {height: horizontalScale(1)}, - 'h-0': {height: 0}, - 'h-0.5': {height: horizontalScale(2)}, - 'h-1': {height: horizontalScale(4)}, - 'h-1.5': {height: horizontalScale(6)}, - 'h-2': {height: horizontalScale(8)}, - 'h-2.5': {height: horizontalScale(10)}, - 'h-3': {height: horizontalScale(12)}, - 'h-3.5': {height: horizontalScale(14)}, - 'h-4': {height: horizontalScale(16)}, - 'h-5': {height: horizontalScale(20)}, - 'h-6': {height: horizontalScale(24)}, - 'h-7': {height: horizontalScale(28)}, - 'h-8': {height: horizontalScale(32)}, - 'h-9': {height: horizontalScale(36)}, - 'h-10': {height: horizontalScale(40)}, - 'h-11': {height: horizontalScale(44)}, - 'h-12': {height: horizontalScale(48)}, - 'h-14': {height: horizontalScale(56)}, - 'h-16': {height: horizontalScale(64)}, - 'h-20': {height: horizontalScale(80)}, - 'h-24': {height: horizontalScale(96)}, - 'h-28': {height: horizontalScale(112)}, - 'h-32': {height: horizontalScale(128)}, - 'h-36': {height: horizontalScale(144)}, - 'h-40': {height: horizontalScale(160)}, - 'h-44': {height: horizontalScale(176)}, - 'h-48': {height: horizontalScale(192)}, - 'h-52': {height: horizontalScale(208)}, - 'h-56': {height: horizontalScale(224)}, - 'h-60': {height: horizontalScale(240)}, - 'h-64': {height: horizontalScale(256)}, - 'h-72': {height: horizontalScale(288)}, - 'h-80': {height: horizontalScale(320)}, - 'h-96': {height: horizontalScale(384)}, - 'min-h': {minHeight: horizontalScale(1)}, - 'min-h-0': {minHeight: 0}, - 'min-h-0.5': {minHeight: horizontalScale(2)}, - 'min-h-1': {minHeight: horizontalScale(4)}, - 'min-h-1.5': {minHeight: horizontalScale(6)}, - 'min-h-2': {minHeight: horizontalScale(8)}, - 'min-h-2.5': {minHeight: horizontalScale(10)}, - 'min-h-3': {minHeight: horizontalScale(12)}, - 'min-h-3.5': {minHeight: horizontalScale(14)}, - 'min-h-4': {minHeight: horizontalScale(16)}, - 'min-h-5': {minHeight: horizontalScale(20)}, - 'min-h-6': {minHeight: horizontalScale(24)}, - 'min-h-7': {minHeight: horizontalScale(28)}, - 'min-h-8': {minHeight: horizontalScale(32)}, - 'min-h-9': {minHeight: horizontalScale(36)}, - 'min-h-10': {minHeight: horizontalScale(40)}, - 'min-h-11': {minHeight: horizontalScale(44)}, - 'min-h-12': {minHeight: horizontalScale(48)}, - 'min-h-14': {minHeight: horizontalScale(56)}, - 'min-h-16': {minHeight: horizontalScale(64)}, - 'min-h-20': {minHeight: horizontalScale(80)}, - 'min-h-24': {minHeight: horizontalScale(96)}, - 'min-h-28': {minHeight: horizontalScale(112)}, - 'min-h-32': {minHeight: horizontalScale(128)}, - 'min-h-36': {minHeight: horizontalScale(144)}, - 'min-h-40': {minHeight: horizontalScale(160)}, - 'min-h-44': {minHeight: horizontalScale(176)}, - 'min-h-48': {minHeight: horizontalScale(192)}, - 'min-h-52': {minHeight: horizontalScale(208)}, - 'min-h-56': {minHeight: horizontalScale(224)}, - 'min-h-60': {minHeight: horizontalScale(240)}, - 'min-h-64': {minHeight: horizontalScale(256)}, - 'min-h-72': {minHeight: horizontalScale(288)}, - 'min-h-80': {minHeight: horizontalScale(320)}, - 'min-h-96': {minHeight: horizontalScale(384)}, - 'max-h': {maxHeight: horizontalScale(1)}, - 'max-h-0': {maxHeight: 0}, - 'max-h-0.5': {maxHeight: horizontalScale(2)}, - 'max-h-1': {maxHeight: horizontalScale(4)}, - 'max-h-1.5': {maxHeight: horizontalScale(6)}, - 'max-h-2': {maxHeight: horizontalScale(8)}, - 'max-h-2.5': {maxHeight: horizontalScale(10)}, - 'max-h-3': {maxHeight: horizontalScale(12)}, - 'max-h-3.5': {maxHeight: horizontalScale(14)}, - 'max-h-4': {maxHeight: horizontalScale(16)}, - 'max-h-5': {maxHeight: horizontalScale(20)}, - 'max-h-6': {maxHeight: horizontalScale(24)}, - 'max-h-7': {maxHeight: horizontalScale(28)}, - 'max-h-8': {maxHeight: horizontalScale(32)}, - 'max-h-9': {maxHeight: horizontalScale(36)}, - 'max-h-10': {maxHeight: horizontalScale(40)}, - 'max-h-11': {maxHeight: horizontalScale(44)}, - 'max-h-12': {maxHeight: horizontalScale(48)}, - 'max-h-14': {maxHeight: horizontalScale(56)}, - 'max-h-16': {maxHeight: horizontalScale(64)}, - 'max-h-20': {maxHeight: horizontalScale(80)}, - 'max-h-24': {maxHeight: horizontalScale(96)}, - 'max-h-28': {maxHeight: horizontalScale(112)}, - 'max-h-32': {maxHeight: horizontalScale(128)}, - 'max-h-36': {maxHeight: horizontalScale(144)}, - 'max-h-40': {maxHeight: horizontalScale(160)}, - 'max-h-44': {maxHeight: horizontalScale(176)}, - 'max-h-48': {maxHeight: horizontalScale(192)}, - 'max-h-52': {maxHeight: horizontalScale(208)}, - 'max-h-56': {maxHeight: horizontalScale(224)}, - 'max-h-60': {maxHeight: horizontalScale(240)}, - 'max-h-64': {maxHeight: horizontalScale(256)}, - 'max-h-72': {maxHeight: horizontalScale(288)}, - 'max-h-80': {maxHeight: horizontalScale(320)}, - 'max-h-96': {maxHeight: horizontalScale(384)}, -}); - -const widthNoneScaleStyles = StyleSheet.create({ - w: {width: 1}, - 'w-0': {width: 0}, - 'w-0.5': {width: 2}, - 'w-1': {width: 4}, - 'w-1.5': {width: 6}, - 'w-2': {width: 8}, - 'w-2.5': {width: 10}, - 'w-3': {width: 12}, - 'w-3.5': {width: 14}, - 'w-4': {width: 16}, - 'w-5': {width: 20}, - 'w-6': {width: 24}, - 'w-7': {width: 28}, - 'w-8': {width: 32}, - 'w-9': {width: 36}, - 'w-10': {width: 40}, - 'w-11': {width: 44}, - 'w-12': {width: 48}, - 'w-14': {width: 56}, - 'w-16': {width: 64}, - 'w-20': {width: 80}, - 'w-24': {width: 96}, - 'w-28': {width: 112}, - 'w-32': {width: 128}, - 'w-36': {width: 144}, - 'w-40': {width: 160}, - 'w-44': {width: 176}, - 'w-48': {width: 192}, - 'w-52': {width: 208}, - 'w-56': {width: 224}, - 'w-60': {width: 240}, - 'w-64': {width: 256}, - 'w-72': {width: 288}, - 'w-80': {width: 320}, - 'w-96': {width: 384}, - 'w-1/2': {width: '50%'}, - 'w-1/3': {width: '33.333333%'}, - 'w-2/3': {width: '66.666667%'}, - 'w-1/4': {width: '25%'}, - 'w-3/4': {width: '75%'}, - 'w-1/5': {width: '20%'}, - 'w-2/5': {width: '40%'}, - 'w-3/5': {width: '60%'}, - 'w-4/5': {width: '80%'}, - 'w-full': {width: '100%'}, - 'w-screen': {width: device.width}, - 'min-w': {minWidth: 1}, - 'min-w-0': {minWidth: 0}, - 'min-w-0.5': {minWidth: 2}, - 'min-w-1': {minWidth: 4}, - 'min-w-1.5': {minWidth: 6}, - 'min-w-2': {minWidth: 8}, - 'min-w-2.5': {minWidth: 10}, - 'min-w-3': {minWidth: 12}, - 'min-w-3.5': {minWidth: 14}, - 'min-w-4': {minWidth: 16}, - 'min-w-5': {minWidth: 20}, - 'min-w-6': {minWidth: 24}, - 'min-w-7': {minWidth: 28}, - 'min-w-8': {minWidth: 32}, - 'min-w-9': {minWidth: 36}, - 'min-w-10': {minWidth: 40}, - 'min-w-11': {minWidth: 44}, - 'min-w-12': {minWidth: 48}, - 'min-w-14': {minWidth: 56}, - 'min-w-16': {minWidth: 64}, - 'min-w-20': {minWidth: 80}, - 'min-w-24': {minWidth: 96}, - 'min-w-28': {minWidth: 112}, - 'min-w-32': {minWidth: 128}, - 'min-w-36': {minWidth: 144}, - 'min-w-40': {minWidth: 160}, - 'min-w-44': {minWidth: 176}, - 'min-w-48': {minWidth: 192}, - 'min-w-52': {minWidth: 208}, - 'min-w-56': {minWidth: 224}, - 'min-w-60': {minWidth: 240}, - 'min-w-64': {minWidth: 256}, - 'min-w-72': {minWidth: 288}, - 'min-w-80': {minWidth: 320}, - 'min-w-96': {minWidth: 384}, - 'min-w-1/2': {minWidth: '50%'}, - 'min-w-1/3': {minWidth: '33.333333%'}, - 'min-w-2/3': {minWidth: '66.666667%'}, - 'min-w-1/4': {minWidth: '25%'}, - 'min-w-3/4': {minWidth: '75%'}, - 'min-w-1/5': {minWidth: '20%'}, - 'min-w-2/5': {minWidth: '40%'}, - 'min-w-3/5': {minWidth: '60%'}, - 'min-w-4/5': {minWidth: '80%'}, - 'min-w-full': {minWidth: '100%'}, - 'min-w-screen': {minWidth: device.width}, - 'max-w': {maxWidth: 1}, - 'max-w-0': {maxWidth: 0}, - 'max-w-0.5': {maxWidth: 2}, - 'max-w-1': {maxWidth: 4}, - 'max-w-1.5': {maxWidth: 6}, - 'max-w-2': {maxWidth: 8}, - 'max-w-2.5': {maxWidth: 10}, - 'max-w-3': {maxWidth: 12}, - 'max-w-3.5': {maxWidth: 14}, - 'max-w-4': {maxWidth: 16}, - 'max-w-5': {maxWidth: 20}, - 'max-w-6': {maxWidth: 24}, - 'max-w-7': {maxWidth: 28}, - 'max-w-8': {maxWidth: 32}, - 'max-w-9': {maxWidth: 36}, - 'max-w-10': {maxWidth: 40}, - 'max-w-11': {maxWidth: 44}, - 'max-w-12': {maxWidth: 48}, - 'max-w-14': {maxWidth: 56}, - 'max-w-16': {maxWidth: 64}, - 'max-w-20': {maxWidth: 80}, - 'max-w-24': {maxWidth: 96}, - 'max-w-28': {maxWidth: 112}, - 'max-w-32': {maxWidth: 128}, - 'max-w-36': {maxWidth: 144}, - 'max-w-40': {maxWidth: 160}, - 'max-w-44': {maxWidth: 176}, - 'max-w-48': {maxWidth: 192}, - 'max-w-52': {maxWidth: 208}, - 'max-w-56': {maxWidth: 224}, - 'max-w-60': {maxWidth: 240}, - 'max-w-64': {maxWidth: 256}, - 'max-w-72': {maxWidth: 288}, - 'max-w-80': {maxWidth: 320}, - 'max-w-96': {maxWidth: 384}, -}); - -const heightNoneScaleStyles = StyleSheet.create({ - h: {height: 1}, - 'h-0': {height: 0}, - 'h-0.5': {height: 2}, - 'h-1': {height: 4}, - 'h-1.5': {height: 6}, - 'h-2': {height: 8}, - 'h-2.5': {height: 10}, - 'h-3': {height: 12}, - 'h-3.5': {height: 14}, - 'h-4': {height: 16}, - 'h-5': {height: 20}, - 'h-6': {height: 24}, - 'h-7': {height: 28}, - 'h-8': {height: 32}, - 'h-9': {height: 36}, - 'h-10': {height: 40}, - 'h-11': {height: 44}, - 'h-12': {height: 48}, - 'h-14': {height: 56}, - 'h-16': {height: 64}, - 'h-20': {height: 80}, - 'h-24': {height: 96}, - 'h-28': {height: 112}, - 'h-32': {height: 128}, - 'h-36': {height: 144}, - 'h-40': {height: 160}, - 'h-44': {height: 176}, - 'h-48': {height: 192}, - 'h-52': {height: 208}, - 'h-56': {height: 224}, - 'h-60': {height: 240}, - 'h-64': {height: 256}, - 'h-72': {height: 288}, - 'h-80': {height: 320}, - 'h-96': {height: 384}, - 'min-h': {minHeight: 1}, - 'min-h-0': {minHeight: 0}, - 'min-h-0.5': {minHeight: 2}, - 'min-h-1': {minHeight: 4}, - 'min-h-1.5': {minHeight: 6}, - 'min-h-2': {minHeight: 8}, - 'min-h-2.5': {minHeight: 10}, - 'min-h-3': {minHeight: 12}, - 'min-h-3.5': {minHeight: 14}, - 'min-h-4': {minHeight: 16}, - 'min-h-5': {minHeight: 20}, - 'min-h-6': {minHeight: 24}, - 'min-h-7': {minHeight: 28}, - 'min-h-8': {minHeight: 32}, - 'min-h-9': {minHeight: 36}, - 'min-h-10': {minHeight: 40}, - 'min-h-11': {minHeight: 44}, - 'min-h-12': {minHeight: 48}, - 'min-h-14': {minHeight: 56}, - 'min-h-16': {minHeight: 64}, - 'min-h-20': {minHeight: 80}, - 'min-h-24': {minHeight: 96}, - 'min-h-28': {minHeight: 112}, - 'min-h-32': {minHeight: 128}, - 'min-h-36': {minHeight: 144}, - 'min-h-40': {minHeight: 160}, - 'min-h-44': {minHeight: 176}, - 'min-h-48': {minHeight: 192}, - 'min-h-52': {minHeight: 208}, - 'min-h-56': {minHeight: 224}, - 'min-h-60': {minHeight: 240}, - 'min-h-64': {minHeight: 256}, - 'min-h-72': {minHeight: 288}, - 'min-h-80': {minHeight: 320}, - 'min-h-96': {minHeight: 384}, - 'max-h': {maxHeight: 1}, - 'max-h-0': {maxHeight: 0}, - 'max-h-0.5': {maxHeight: 2}, - 'max-h-1': {maxHeight: 4}, - 'max-h-1.5': {maxHeight: 6}, - 'max-h-2': {maxHeight: 8}, - 'max-h-2.5': {maxHeight: 10}, - 'max-h-3': {maxHeight: 12}, - 'max-h-3.5': {maxHeight: 14}, - 'max-h-4': {maxHeight: 16}, - 'max-h-5': {maxHeight: 20}, - 'max-h-6': {maxHeight: 24}, - 'max-h-7': {maxHeight: 28}, - 'max-h-8': {maxHeight: 32}, - 'max-h-9': {maxHeight: 36}, - 'max-h-10': {maxHeight: 40}, - 'max-h-11': {maxHeight: 44}, - 'max-h-12': {maxHeight: 48}, - 'max-h-14': {maxHeight: 56}, - 'max-h-16': {maxHeight: 64}, - 'max-h-20': {maxHeight: 80}, - 'max-h-24': {maxHeight: 96}, - 'max-h-28': {maxHeight: 112}, - 'max-h-32': {maxHeight: 128}, - 'max-h-36': {maxHeight: 144}, - 'max-h-40': {maxHeight: 160}, - 'max-h-44': {maxHeight: 176}, - 'max-h-48': {maxHeight: 192}, - 'max-h-52': {maxHeight: 208}, - 'max-h-56': {maxHeight: 224}, - 'max-h-60': {maxHeight: 240}, - 'max-h-64': {maxHeight: 256}, - 'max-h-72': {maxHeight: 288}, - 'max-h-80': {maxHeight: 320}, - 'max-h-96': {maxHeight: 384}, -}); - export const classSizeStyle = { - ...widthStyles, - ...heightStyles, - ...heightRatioStyles, - ...widthRatioStyles, -}; - -export const classSizeNoneScaleStyle = { - ...widthNoneScaleStyles, - ...heightNoneScaleStyles, ...heightRatioStyles, ...widthRatioStyles, }; diff --git a/src/styles/Space.styles.ts b/src/styles/Space.styles.ts new file mode 100644 index 0000000..8d019b9 --- /dev/null +++ b/src/styles/Space.styles.ts @@ -0,0 +1,37 @@ +import {StyleSheet} from 'react-native'; +import {createSpaceStyles} from '../utils/styles'; +import {SIZE_SPACE} from '../config/Spaces'; + +export const sizeStylesType = { + gap: 'gap', + 'row-gap': 'rowGap', + 'col-gap': 'columnGap', + m: 'margin', + mt: 'marginTop', + ml: 'marginLeft', + mb: 'marginBottom', + mr: 'marginRight', + mx: 'marginHorizontal', + my: 'marginVertical', + p: 'padding', + pt: 'paddingTop', + pl: 'paddingLeft', + pb: 'paddingBottom', + pr: 'paddingRight', + px: 'paddingHorizontal', + py: 'paddingVertical', + w: 'width', + 'max-w': 'maxWidth', + 'min-w': 'minWidth', + h: 'height', + 'max-h': 'maxHeight', + 'min-h': 'minHeight', + top: 'top', + left: 'left', + right: 'right', + bottom: 'bottom', +}; + +export const spaceStyles = StyleSheet.create( + createSpaceStyles(SIZE_SPACE, sizeStylesType), +); diff --git a/src/styles/Text.styles.ts b/src/styles/Text.styles.ts index ef30dd2..b4ac02e 100644 --- a/src/styles/Text.styles.ts +++ b/src/styles/Text.styles.ts @@ -1,361 +1,6 @@ import {StyleSheet} from 'react-native'; -import {fontSize, moderateScale} from '../utils'; - -const textColorStyle = StyleSheet.create({ - 'text-black': {color: '#000000'}, - 'text-white': {color: '#ffffff'}, - 'text-transparent': {color: 'transparent'}, - 'text-amber-50': {color: '#FFFBEB'}, - 'text-amber-100': {color: '#FEF3C7'}, - 'text-amber-200': {color: '#FDE68A'}, - 'text-amber-300': {color: '#FCD34D'}, - 'text-amber-400': {color: '#FBBF24'}, - 'text-amber-500': {color: '#F59E0B'}, - 'text-amber-600': {color: '#D97706'}, - 'text-amber-700': {color: '#B45309'}, - 'text-amber-800': {color: '#92400E'}, - 'text-amber-900': {color: '#78350F'}, - 'text-amber-950': {color: '#451A03'}, - 'text-blue-50': {color: '#EFF6FF'}, - 'text-blue-100': {color: '#DBEAFE'}, - 'text-blue-200': {color: '#BFDBFE'}, - 'text-blue-300': {color: '#93C5FD'}, - 'text-blue-400': {color: '#60A5FA'}, - 'text-blue-500': {color: '#3B82F6'}, - 'text-blue-600': {color: '#2563EB'}, - 'text-blue-700': {color: '#1D4ED8'}, - 'text-blue-800': {color: '#1E40AF'}, - 'text-blue-900': {color: '#1E3A8A'}, - 'text-blue-950': {color: '#172554'}, - 'text-cyan-50': {color: '#ECFEFF'}, - 'text-cyan-100': {color: '#CFFAFE'}, - 'text-cyan-200': {color: '#A5F3FC'}, - 'text-cyan-300': {color: '#67E8F9'}, - 'text-cyan-400': {color: '#22D3EE'}, - 'text-cyan-500': {color: '#06B6D4'}, - 'text-cyan-600': {color: '#0891B2'}, - 'text-cyan-700': {color: '#0E7490'}, - 'text-cyan-800': {color: '#155E75'}, - 'text-cyan-900': {color: '#164E63'}, - 'text-cyan-950': {color: '#083344'}, - 'text-emerald-50': {color: '#ECFDF5'}, - 'text-emerald-100': {color: '#D1FAE5'}, - 'text-emerald-200': {color: '#A7F3D0'}, - 'text-emerald-300': {color: '#6EE7B7'}, - 'text-emerald-400': {color: '#34D399'}, - 'text-emerald-500': {color: '#10B981'}, - 'text-emerald-600': {color: '#059669'}, - 'text-emerald-700': {color: '#047857'}, - 'text-emerald-800': {color: '#065F46'}, - 'text-emerald-900': {color: '#064E3B'}, - 'text-emerald-950': {color: '#022C22'}, - 'text-fuchsia-50': {color: '#FDF4FF'}, - 'text-fuchsia-100': {color: '#FAE8FF'}, - 'text-fuchsia-200': {color: '#F5D0FE'}, - 'text-fuchsia-300': {color: '#F0ABFC'}, - 'text-fuchsia-400': {color: '#E879F9'}, - 'text-fuchsia-500': {color: '#D946EF'}, - 'text-fuchsia-600': {color: '#C026D3'}, - 'text-fuchsia-700': {color: '#A21CAF'}, - 'text-fuchsia-800': {color: '#86198F'}, - 'text-fuchsia-900': {color: '#701A75'}, - 'text-fuchsia-950': {color: '#4A044E'}, - 'text-gray-50': {color: '#F9FAFB'}, - 'text-gray-100': {color: '#F3F4F6'}, - 'text-gray-200': {color: '#E5E7EB'}, - 'text-gray-300': {color: '#D1D5DB'}, - 'text-gray-400': {color: '#9CA3AF'}, - 'text-gray-500': {color: '#6B7280'}, - 'text-gray-600': {color: '#4B5563'}, - 'text-gray-700': {color: '#374151'}, - 'text-gray-800': {color: '#1F2937'}, - 'text-gray-900': {color: '#111827'}, - 'text-gray-950': {color: '#030712'}, - 'text-green-50': {color: '#F0FDF4'}, - 'text-green-100': {color: '#DCFCE7'}, - 'text-green-200': {color: '#BBF7D0'}, - 'text-green-300': {color: '#86EFAC'}, - 'text-green-400': {color: '#4ADE80'}, - 'text-green-500': {color: '#22C55E'}, - 'text-green-600': {color: '#16A34A'}, - 'text-green-700': {color: '#15803D'}, - 'text-green-800': {color: '#166534'}, - 'text-green-900': {color: '#14532D'}, - 'text-green-950': {color: '#052E16'}, - 'text-indigo-50': {color: '#E7E8FF'}, - 'text-indigo-100': {color: '#D6DAFF'}, - 'text-indigo-200': {color: '#B5B6FC'}, - 'text-indigo-300': {color: '#9394F8'}, - 'text-indigo-400': {color: '#7A7DFE'}, - 'text-indigo-500': {color: '#6366F1'}, - 'text-indigo-600': {color: '#4F46E5'}, - 'text-indigo-700': {color: '#4338CA'}, - 'text-indigo-800': {color: '#3730A3'}, - 'text-indigo-900': {color: '#312E81'}, - 'text-indigo-950': {color: '#241E55'}, - 'text-lime-50': {color: '#F7FEE7'}, - 'text-lime-100': {color: '#ECFCCB'}, - 'text-lime-200': {color: '#D9F99D'}, - 'text-lime-300': {color: '#BEF264'}, - 'text-lime-400': {color: '#A3E635'}, - 'text-lime-500': {color: '#84CC16'}, - 'text-lime-600': {color: '#65A30D'}, - 'text-lime-700': {color: '#4D7C0F'}, - 'text-lime-800': {color: '#3F6212'}, - 'text-lime-900': {color: '#365314'}, - 'text-lime-950': {color: '#1A2E05'}, - 'text-neutral-50': {color: '#FAFAFA'}, - 'text-neutral-100': {color: '#F5F5F5'}, - 'text-neutral-200': {color: '#E5E5E5'}, - 'text-neutral-300': {color: '#D4D4D4'}, - 'text-neutral-400': {color: '#A3A3A3'}, - 'text-neutral-500': {color: '#737373'}, - 'text-neutral-600': {color: '#525252'}, - 'text-neutral-700': {color: '#404040'}, - 'text-neutral-800': {color: '#262626'}, - 'text-neutral-900': {color: '#171717'}, - 'text-neutral-950': {color: '#0A0A0A'}, - 'text-orange-50': {color: '#FFF7ED'}, - 'text-orange-100': {color: '#FFEDD5'}, - 'text-orange-200': {color: '#FED7AA'}, - 'text-orange-300': {color: '#FDBA74'}, - 'text-orange-400': {color: '#FB923C'}, - 'text-orange-500': {color: '#F97316'}, - 'text-orange-600': {color: '#EA580C'}, - 'text-orange-700': {color: '#C2410C'}, - 'text-orange-800': {color: '#9A3412'}, - 'text-orange-900': {color: '#7C2D12'}, - 'text-orange-950': {color: '#431407'}, - 'text-pink-50': {color: '#FEE2E2'}, - 'text-pink-100': {color: '#FBD9D9'}, - 'text-pink-200': {color: '#F9B5B5'}, - 'text-pink-300': {color: '#F69292'}, - 'text-pink-400': {color: '#F472B6'}, - 'text-pink-500': {color: '#EC4899'}, - 'text-pink-600': {color: '#DB2777'}, - 'text-pink-700': {color: '#BE185D'}, - 'text-pink-800': {color: '#9D174D'}, - 'text-pink-900': {color: '#831843'}, - 'text-pink-950': {color: '#500724'}, - 'text-purple-50': {color: '#F5F3FF'}, - 'text-purple-100': {color: '#EDE9FE'}, - 'text-purple-200': {color: '#DDD6FE'}, - 'text-purple-300': {color: '#C4B5FD'}, - 'text-purple-400': {color: '#A78BFA'}, - 'text-purple-500': {color: '#8B5CF6'}, - 'text-purple-600': {color: '#7C3AED'}, - 'text-purple-700': {color: '#6D28D9'}, - 'text-purple-800': {color: '#5B21B6'}, - 'text-purple-900': {color: '#4C1D95'}, - 'text-purple-950': {color: '#2E1065'}, - 'text-red-50': {color: '#FEF2F2'}, - 'text-red-100': {color: '#FEE2E2'}, - 'text-red-200': {color: '#FECACA'}, - 'text-red-300': {color: '#FCA5A5'}, - 'text-red-400': {color: '#F87171'}, - 'text-red-500': {color: '#EF4444'}, - 'text-red-600': {color: '#DC2626'}, - 'text-red-700': {color: '#B91C1C'}, - 'text-red-800': {color: '#991B1B'}, - 'text-red-900': {color: '#7F1D1D'}, - 'text-red-950': {color: '#450A0A'}, - 'text-rose-50': {color: '#FFF1F2'}, - 'text-rose-100': {color: '#FFE4E6'}, - 'text-rose-200': {color: '#FECDD3'}, - 'text-rose-300': {color: '#FDA4AF'}, - 'text-rose-400': {color: '#FB7185'}, - 'text-rose-500': {color: '#F43F5E'}, - 'text-rose-600': {color: '#E11D48'}, - 'text-rose-700': {color: '#BE123C'}, - 'text-rose-800': {color: '#9F1239'}, - 'text-rose-900': {color: '#881337'}, - 'text-rose-950': {color: '#4C0D19'}, - 'text-sky-50': {color: '#F0F9FF'}, - 'text-sky-100': {color: '#E0F2FE'}, - 'text-sky-200': {color: '#BAE6FD'}, - 'text-sky-300': {color: '#7DD3FC'}, - 'text-sky-400': {color: '#38BDF8'}, - 'text-sky-500': {color: '#0EA5E9'}, - 'text-sky-600': {color: '#0284C7'}, - 'text-sky-700': {color: '#0369A1'}, - 'text-sky-800': {color: '#075985'}, - 'text-sky-900': {color: '#0C4A6E'}, - 'text-sky-950': {color: '#082F49'}, - 'text-slate-50': {color: '#F8FAFC'}, - 'text-slate-100': {color: '#F1F5F9'}, - 'text-slate-200': {color: '#E2E8F0'}, - 'text-slate-300': {color: '#CBD5E1'}, - 'text-slate-400': {color: '#94A3B8'}, - 'text-slate-500': {color: '#64748B'}, - 'text-slate-600': {color: '#475569'}, - 'text-slate-700': {color: '#334155'}, - 'text-slate-800': {color: '#1E293B'}, - 'text-slate-900': {color: '#0F172A'}, - 'text-slate-950': {color: '#020617'}, - 'text-stone-50': {color: '#FAFAF9'}, - 'text-stone-100': {color: '#F5F5F4'}, - 'text-stone-200': {color: '#E7E5E4'}, - 'text-stone-300': {color: '#D6D3D1'}, - 'text-stone-400': {color: '#A8A29E'}, - 'text-stone-500': {color: '#78716C'}, - 'text-stone-600': {color: '#57534E'}, - 'text-stone-700': {color: '#44403C'}, - 'text-stone-800': {color: '#292524'}, - 'text-stone-900': {color: '#1C1917'}, - 'text-stone-950': {color: '#0F0E0D'}, - 'text-teal-50': {color: '#F0FDFA'}, - 'text-teal-100': {color: '#CCFBF1'}, - 'text-teal-200': {color: '#99F6E4'}, - 'text-teal-300': {color: '#5EEAD4'}, - 'text-teal-400': {color: '#2DD4BF'}, - 'text-teal-500': {color: '#14B8A6'}, - 'text-teal-600': {color: '#0D9488'}, - 'text-teal-700': {color: '#0F766E'}, - 'text-teal-800': {color: '#115E59'}, - 'text-teal-900': {color: '#134E4A'}, - 'text-teal-950': {color: '#042F2E'}, - 'text-violet-50': {color: '#F5F3FF'}, - 'text-violet-100': {color: '#EDE9FE'}, - 'text-violet-200': {color: '#DDD6FE'}, - 'text-violet-300': {color: '#C4B5FD'}, - 'text-violet-400': {color: '#A78BFA'}, - 'text-violet-500': {color: '#8B5CF6'}, - 'text-violet-600': {color: '#7C3AED'}, - 'text-violet-700': {color: '#6D28D9'}, - 'text-violet-800': {color: '#5B21B6'}, - 'text-violet-900': {color: '#4C1D95'}, - 'text-violet-950': {color: '#2E1065'}, - 'text-yellow-50': {color: '#FEFCE8'}, - 'text-yellow-100': {color: '#FEF9C3'}, - 'text-yellow-200': {color: '#FEF08A'}, - 'text-yellow-300': {color: '#FDE047'}, - 'text-yellow-400': {color: '#FACC15'}, - 'text-yellow-500': {color: '#EAB308'}, - 'text-yellow-600': {color: '#CA8A04'}, - 'text-yellow-700': {color: '#A16207'}, - 'text-yellow-800': {color: '#854D0E'}, - 'text-yellow-900': {color: '#713F12'}, - 'text-yellow-950': {color: '#422006'}, - 'text-zinc-50': {color: '#FAFAFA'}, - 'text-zinc-100': {color: '#F4F4F5'}, - 'text-zinc-200': {color: '#E4E4E7'}, - 'text-zinc-300': {color: '#D4D4D8'}, - 'text-zinc-400': {color: '#A1A1AA'}, - 'text-zinc-500': {color: '#71717A'}, - 'text-zinc-600': {color: '#52525B'}, - 'text-zinc-700': {color: '#3F3F46'}, - 'text-zinc-800': {color: '#27272A'}, - 'text-zinc-900': {color: '#18181B'}, - 'text-zinc-950': {color: '#09090B'}, -}); - -export const textFontSizeStyle = StyleSheet.create({ - 'text-xs': { - fontSize: fontSize(10), - lineHeight: moderateScale(18), - }, - 'text-sm': { - fontSize: fontSize(12), - lineHeight: moderateScale(20), - }, - 'text-base': { - fontSize: fontSize(14), - lineHeight: moderateScale(22), - }, - 'text-md': { - fontSize: fontSize(16), - lineHeight: moderateScale(24), - }, - 'text-lg': { - fontSize: fontSize(18), - lineHeight: moderateScale(26), - }, - 'text-xl': { - fontSize: fontSize(20), - lineHeight: moderateScale(26), - }, - 'text-2xl': { - fontSize: fontSize(24), - lineHeight: moderateScale(32), - }, - 'text-3xl': { - fontSize: fontSize(30), - lineHeight: moderateScale(36), - }, - 'text-4xl': { - fontSize: fontSize(36), - lineHeight: moderateScale(40), - }, - 'text-5xl': { - fontSize: fontSize(48), - }, - 'text-6xl': { - fontSize: fontSize(60), - }, - 'text-7xl': { - fontSize: fontSize(72), - }, - 'text-8xl': { - fontSize: fontSize(96), - }, - 'text-9xl': { - fontSize: fontSize(128), - }, -}); - -export const textFontSizeNoneScaleStyle = StyleSheet.create({ - 'text-xs': { - fontSize: 10, - lineHeight: 18, - }, - 'text-sm': { - fontSize: 12, - lineHeight: 20, - }, - 'text-base': { - fontSize: 14, - lineHeight: 22, - }, - 'text-md': { - fontSize: 16, - lineHeight: 24, - }, - 'text-lg': { - fontSize: 18, - lineHeight: 26, - }, - 'text-xl': { - fontSize: 20, - lineHeight: 26, - }, - 'text-2xl': { - fontSize: 24, - lineHeight: 32, - }, - 'text-3xl': { - fontSize: 30, - lineHeight: 36, - }, - 'text-4xl': { - fontSize: 36, - lineHeight: 40, - }, - 'text-5xl': { - fontSize: 48, - }, - 'text-6xl': { - fontSize: 60, - }, - 'text-7xl': { - fontSize: 72, - }, - 'text-8xl': { - fontSize: 96, - }, - 'text-9xl': { - fontSize: 128, - }, -}); +import {LINE_HEIGHT_SIZE, TEXT_SIZE} from '../config/Spaces'; +import {createSpaceStyles} from '../utils/styles'; const textFontStyle = StyleSheet.create({ 'text-center': { @@ -400,10 +45,45 @@ const textFontStyle = StyleSheet.create({ 'font-black': { fontWeight: '900', }, + underline: { + textDecorationLine: 'underline', + }, + 'text-italic': { + fontStyle: 'italic', + }, + 'underline-solid': { + textDecorationLine: 'underline', + textDecorationStyle: 'solid', + }, + 'underline-double': { + textDecorationLine: 'underline', + textDecorationStyle: 'double', + }, + 'underline-dotted': { + textDecorationLine: 'underline', + textDecorationStyle: 'dotted', + }, + 'underline-dashed': { + textDecorationLine: 'underline', + textDecorationStyle: 'dashed', + }, + 'underline-through': { + textDecorationLine: 'line-through', + }, + 'underline-underline-through': { + textDecorationLine: 'underline line-through', + }, + 'no-underline': { + textDecorationLine: 'none', + }, }); export const textStyles = { - ...textColorStyle, - ...textFontSizeStyle, ...textFontStyle, + ...createSpaceStyles(TEXT_SIZE, { + text: 'fontSize', + }), + ...createSpaceStyles(LINE_HEIGHT_SIZE, { + 'line-height': 'lineHeight', + }), }; diff --git a/src/styles/Theme.styles.ts b/src/styles/Theme.styles.ts new file mode 100644 index 0000000..1fea448 --- /dev/null +++ b/src/styles/Theme.styles.ts @@ -0,0 +1,51 @@ +import {StyleSheet} from 'react-native'; +import {CONFIG_BOX} from '../config'; + +export const styleConfig = StyleSheet.create({ + 'bg-primary': {backgroundColor: CONFIG_BOX.colors.primary}, + 'bg-secondary': {backgroundColor: CONFIG_BOX.colors.secondary}, + 'bg-light': {backgroundColor: CONFIG_BOX.colors.light}, + 'bg-dark': {backgroundColor: CONFIG_BOX.colors.dark}, + 'bg-danger': {backgroundColor: CONFIG_BOX.colors.danger}, + 'bg-warning': {backgroundColor: CONFIG_BOX.colors.warning}, + 'bg-success': {backgroundColor: CONFIG_BOX.colors.success}, + 'bg-primary-light': {backgroundColor: CONFIG_BOX.colors['primary-light']}, + 'bg-secondary-light': { + backgroundColor: CONFIG_BOX.colors['secondary-light'], + }, + 'bg-danger-light': {backgroundColor: CONFIG_BOX.colors['danger-light']}, + 'bg-warning-light': {backgroundColor: CONFIG_BOX.colors['warning-light']}, + 'bg-success-light': {backgroundColor: CONFIG_BOX.colors['success-light']}, + 'bg-primary-dark': {backgroundColor: CONFIG_BOX.colors['primary-dark']}, + 'bg-secondary-dark': {backgroundColor: CONFIG_BOX.colors['secondary-dark']}, + 'bg-checked': {backgroundColor: CONFIG_BOX.colors.checked}, + 'bg-unchecked': {backgroundColor: CONFIG_BOX.colors.unchecked}, + 'text-primary': {color: CONFIG_BOX.colors.primary}, + 'text-secondary': {color: CONFIG_BOX.colors.secondary}, + 'text-light': {color: CONFIG_BOX.colors.light}, + 'text-dark': {color: CONFIG_BOX.colors.dark}, + 'text-danger': {color: CONFIG_BOX.colors.danger}, + 'text-warning': {color: CONFIG_BOX.colors.warning}, + 'text-success': {color: CONFIG_BOX.colors.success}, + 'text-primary-light': {color: CONFIG_BOX.colors['primary-light']}, + 'text-secondary-light': {color: CONFIG_BOX.colors['secondary-light']}, + 'text-danger-light': {color: CONFIG_BOX.colors['danger-light']}, + 'text-warning-light': {color: CONFIG_BOX.colors['warning-light']}, + 'text-success-light': {color: CONFIG_BOX.colors['success-light']}, + 'border-primary': {borderColor: CONFIG_BOX.colors.primary}, + 'border-secondary': {borderColor: CONFIG_BOX.colors.secondary}, + 'border-light': {borderColor: CONFIG_BOX.colors.light}, + 'border-dark': {borderColor: CONFIG_BOX.colors.dark}, + 'border-checked': {borderColor: CONFIG_BOX.colors.checked}, + 'border-unchecked': {borderColor: CONFIG_BOX.colors.unchecked}, + 'border-danger': {borderColor: CONFIG_BOX.colors.danger}, + 'border-warning': {borderColor: CONFIG_BOX.colors.warning}, + 'border-success': {borderColor: CONFIG_BOX.colors.success}, + 'border-primary-light': {borderColor: CONFIG_BOX.colors['primary-light']}, + 'border-secondary-light': { + borderColor: CONFIG_BOX.colors['secondary-light'], + }, + 'border-danger-light': {borderColor: CONFIG_BOX.colors['danger-light']}, + 'border-warning-light': {borderColor: CONFIG_BOX.colors['warning-light']}, + 'border-success-light': {borderColor: CONFIG_BOX.colors['success-light']}, +}); diff --git a/src/styles/background.styles.ts b/src/styles/background.styles.ts deleted file mode 100644 index 9850801..0000000 --- a/src/styles/background.styles.ts +++ /dev/null @@ -1,273 +0,0 @@ -import {StyleSheet} from 'react-native'; - -export const backgroundColorStyle = StyleSheet.create({ - 'bg-black': {backgroundColor: '#000000'}, - 'bg-white': {backgroundColor: '#ffffff'}, - 'bg-transparent': {backgroundColor: 'transparent'}, - 'bg-amber-50': {backgroundColor: '#FFFBEB'}, - 'bg-amber-100': {backgroundColor: '#FEF3C7'}, - 'bg-amber-200': {backgroundColor: '#FDE68A'}, - 'bg-amber-300': {backgroundColor: '#FCD34D'}, - 'bg-amber-400': {backgroundColor: '#FBBF24'}, - 'bg-amber-500': {backgroundColor: '#F59E0B'}, - 'bg-amber-600': {backgroundColor: '#D97706'}, - 'bg-amber-700': {backgroundColor: '#B45309'}, - 'bg-amber-800': {backgroundColor: '#92400E'}, - 'bg-amber-900': {backgroundColor: '#78350F'}, - 'bg-amber-950': {backgroundColor: '#451A03'}, - 'bg-blue-50': {backgroundColor: '#EFF6FF'}, - 'bg-blue-100': {backgroundColor: '#DBEAFE'}, - 'bg-blue-200': {backgroundColor: '#BFDBFE'}, - 'bg-blue-300': {backgroundColor: '#93C5FD'}, - 'bg-blue-400': {backgroundColor: '#60A5FA'}, - 'bg-blue-500': {backgroundColor: '#3B82F6'}, - 'bg-blue-600': {backgroundColor: '#2563EB'}, - 'bg-blue-700': {backgroundColor: '#1D4ED8'}, - 'bg-blue-800': {backgroundColor: '#1E40AF'}, - 'bg-blue-900': {backgroundColor: '#1E3A8A'}, - 'bg-blue-950': {backgroundColor: '#172554'}, - 'bg-cyan-50': {backgroundColor: '#ECFEFF'}, - 'bg-cyan-100': {backgroundColor: '#CFFAFE'}, - 'bg-cyan-200': {backgroundColor: '#A5F3FC'}, - 'bg-cyan-300': {backgroundColor: '#67E8F9'}, - 'bg-cyan-400': {backgroundColor: '#22D3EE'}, - 'bg-cyan-500': {backgroundColor: '#06B6D4'}, - 'bg-cyan-600': {backgroundColor: '#0891B2'}, - 'bg-cyan-700': {backgroundColor: '#0E7490'}, - 'bg-cyan-800': {backgroundColor: '#155E75'}, - 'bg-cyan-900': {backgroundColor: '#164E63'}, - 'bg-cyan-950': {backgroundColor: '#083344'}, - 'bg-emerald-50': {backgroundColor: '#ECFDF5'}, - 'bg-emerald-100': {backgroundColor: '#D1FAE5'}, - 'bg-emerald-200': {backgroundColor: '#A7F3D0'}, - 'bg-emerald-300': {backgroundColor: '#6EE7B7'}, - 'bg-emerald-400': {backgroundColor: '#34D399'}, - 'bg-emerald-500': {backgroundColor: '#10B981'}, - 'bg-emerald-600': {backgroundColor: '#059669'}, - 'bg-emerald-700': {backgroundColor: '#047857'}, - 'bg-emerald-800': {backgroundColor: '#065F46'}, - 'bg-emerald-900': {backgroundColor: '#064E3B'}, - 'bg-emerald-950': {backgroundColor: '#022C22'}, - 'bg-fuchsia-50': {backgroundColor: '#FDF4FF'}, - 'bg-fuchsia-100': {backgroundColor: '#FAE8FF'}, - 'bg-fuchsia-200': {backgroundColor: '#F5D0FE'}, - 'bg-fuchsia-300': {backgroundColor: '#F0ABFC'}, - 'bg-fuchsia-400': {backgroundColor: '#E879F9'}, - 'bg-fuchsia-500': {backgroundColor: '#D946EF'}, - 'bg-fuchsia-600': {backgroundColor: '#C026D3'}, - 'bg-fuchsia-700': {backgroundColor: '#A21CAF'}, - 'bg-fuchsia-800': {backgroundColor: '#86198F'}, - 'bg-fuchsia-900': {backgroundColor: '#701A75'}, - 'bg-fuchsia-950': {backgroundColor: '#4A044E'}, - 'bg-gray-50': {backgroundColor: '#F9FAFB'}, - 'bg-gray-100': {backgroundColor: '#F3F4F6'}, - 'bg-gray-200': {backgroundColor: '#E5E7EB'}, - 'bg-gray-300': {backgroundColor: '#D1D5DB'}, - 'bg-gray-400': {backgroundColor: '#9CA3AF'}, - 'bg-gray-500': {backgroundColor: '#6B7280'}, - 'bg-gray-600': {backgroundColor: '#4B5563'}, - 'bg-gray-700': {backgroundColor: '#374151'}, - 'bg-gray-800': {backgroundColor: '#1F2937'}, - 'bg-gray-900': {backgroundColor: '#111827'}, - 'bg-gray-950': {backgroundColor: '#030712'}, - 'bg-green-50': {backgroundColor: '#F0FDF4'}, - 'bg-green-100': {backgroundColor: '#DCFCE7'}, - 'bg-green-200': {backgroundColor: '#BBF7D0'}, - 'bg-green-300': {backgroundColor: '#86EFAC'}, - 'bg-green-400': {backgroundColor: '#4ADE80'}, - 'bg-green-500': {backgroundColor: '#22C55E'}, - 'bg-green-600': {backgroundColor: '#16A34A'}, - 'bg-green-700': {backgroundColor: '#15803D'}, - 'bg-green-800': {backgroundColor: '#166534'}, - 'bg-green-900': {backgroundColor: '#14532D'}, - 'bg-green-950': {backgroundColor: '#052E16'}, - 'bg-indigo-50': {backgroundColor: '#E7E8FF'}, - 'bg-indigo-100': {backgroundColor: '#D6DAFF'}, - 'bg-indigo-200': {backgroundColor: '#B5B6FC'}, - 'bg-indigo-300': {backgroundColor: '#9394F8'}, - 'bg-indigo-400': {backgroundColor: '#7A7DFE'}, - 'bg-indigo-500': {backgroundColor: '#6366F1'}, - 'bg-indigo-600': {backgroundColor: '#4F46E5'}, - 'bg-indigo-700': {backgroundColor: '#4338CA'}, - 'bg-indigo-800': {backgroundColor: '#3730A3'}, - 'bg-indigo-900': {backgroundColor: '#312E81'}, - 'bg-indigo-950': {backgroundColor: '#241E55'}, - 'bg-lime-50': {backgroundColor: '#F7FEE7'}, - 'bg-lime-100': {backgroundColor: '#ECFCCB'}, - 'bg-lime-200': {backgroundColor: '#D9F99D'}, - 'bg-lime-300': {backgroundColor: '#BEF264'}, - 'bg-lime-400': {backgroundColor: '#A3E635'}, - 'bg-lime-500': {backgroundColor: '#84CC16'}, - 'bg-lime-600': {backgroundColor: '#65A30D'}, - 'bg-lime-700': {backgroundColor: '#4D7C0F'}, - 'bg-lime-800': {backgroundColor: '#3F6212'}, - 'bg-lime-900': {backgroundColor: '#365314'}, - 'bg-lime-950': {backgroundColor: '#1A2E05'}, - 'bg-neutral-50': {backgroundColor: '#FAFAFA'}, - 'bg-neutral-100': {backgroundColor: '#F5F5F5'}, - 'bg-neutral-200': {backgroundColor: '#E5E5E5'}, - 'bg-neutral-300': {backgroundColor: '#D4D4D4'}, - 'bg-neutral-400': {backgroundColor: '#A3A3A3'}, - 'bg-neutral-500': {backgroundColor: '#737373'}, - 'bg-neutral-600': {backgroundColor: '#525252'}, - 'bg-neutral-700': {backgroundColor: '#404040'}, - 'bg-neutral-800': {backgroundColor: '#262626'}, - 'bg-neutral-900': {backgroundColor: '#171717'}, - 'bg-neutral-950': {backgroundColor: '#0A0A0A'}, - 'bg-orange-50': {backgroundColor: '#FFF7ED'}, - 'bg-orange-100': {backgroundColor: '#FFEDD5'}, - 'bg-orange-200': {backgroundColor: '#FED7AA'}, - 'bg-orange-300': {backgroundColor: '#FDBA74'}, - 'bg-orange-400': {backgroundColor: '#FB923C'}, - 'bg-orange-500': {backgroundColor: '#F97316'}, - 'bg-orange-600': {backgroundColor: '#EA580C'}, - 'bg-orange-700': {backgroundColor: '#C2410C'}, - 'bg-orange-800': {backgroundColor: '#9A3412'}, - 'bg-orange-900': {backgroundColor: '#7C2D12'}, - 'bg-orange-950': {backgroundColor: '#431407'}, - 'bg-pink-50': {backgroundColor: '#FEE2E2'}, - 'bg-pink-100': {backgroundColor: '#FBD9D9'}, - 'bg-pink-200': {backgroundColor: '#F9B5B5'}, - 'bg-pink-300': {backgroundColor: '#F69292'}, - 'bg-pink-400': {backgroundColor: '#F472B6'}, - 'bg-pink-500': {backgroundColor: '#EC4899'}, - 'bg-pink-600': {backgroundColor: '#DB2777'}, - 'bg-pink-700': {backgroundColor: '#BE185D'}, - 'bg-pink-800': {backgroundColor: '#9D174D'}, - 'bg-pink-900': {backgroundColor: '#831843'}, - 'bg-pink-950': {backgroundColor: '#500724'}, - 'bg-purple-50': {backgroundColor: '#F5F3FF'}, - 'bg-purple-100': {backgroundColor: '#EDE9FE'}, - 'bg-purple-200': {backgroundColor: '#DDD6FE'}, - 'bg-purple-300': {backgroundColor: '#C4B5FD'}, - 'bg-purple-400': {backgroundColor: '#A78BFA'}, - 'bg-purple-500': {backgroundColor: '#8B5CF6'}, - 'bg-purple-600': {backgroundColor: '#7C3AED'}, - 'bg-purple-700': {backgroundColor: '#6D28D9'}, - 'bg-purple-800': {backgroundColor: '#5B21B6'}, - 'bg-purple-900': {backgroundColor: '#4C1D95'}, - 'bg-purple-950': {backgroundColor: '#2E1065'}, - 'bg-red-50': {backgroundColor: '#FEF2F2'}, - 'bg-red-100': {backgroundColor: '#FEE2E2'}, - 'bg-red-200': {backgroundColor: '#FECACA'}, - 'bg-red-300': {backgroundColor: '#FCA5A5'}, - 'bg-red-400': {backgroundColor: '#F87171'}, - 'bg-red-500': {backgroundColor: '#EF4444'}, - 'bg-red-600': {backgroundColor: '#DC2626'}, - 'bg-red-700': {backgroundColor: '#B91C1C'}, - 'bg-red-800': {backgroundColor: '#991B1B'}, - 'bg-red-900': {backgroundColor: '#7F1D1D'}, - 'bg-red-950': {backgroundColor: '#450A0A'}, - 'bg-rose-50': {backgroundColor: '#FFF1F2'}, - 'bg-rose-100': {backgroundColor: '#FFE4E6'}, - 'bg-rose-200': {backgroundColor: '#FECDD3'}, - 'bg-rose-300': {backgroundColor: '#FDA4AF'}, - 'bg-rose-400': {backgroundColor: '#FB7185'}, - 'bg-rose-500': {backgroundColor: '#F43F5E'}, - 'bg-rose-600': {backgroundColor: '#E11D48'}, - 'bg-rose-700': {backgroundColor: '#BE123C'}, - 'bg-rose-800': {backgroundColor: '#9F1239'}, - 'bg-rose-900': {backgroundColor: '#881337'}, - 'bg-rose-950': {backgroundColor: '#4C0D19'}, - 'bg-sky-50': {backgroundColor: '#F0F9FF'}, - 'bg-sky-100': {backgroundColor: '#E0F2FE'}, - 'bg-sky-200': {backgroundColor: '#BAE6FD'}, - 'bg-sky-300': {backgroundColor: '#7DD3FC'}, - 'bg-sky-400': {backgroundColor: '#38BDF8'}, - 'bg-sky-500': {backgroundColor: '#0EA5E9'}, - 'bg-sky-600': {backgroundColor: '#0284C7'}, - 'bg-sky-700': {backgroundColor: '#0369A1'}, - 'bg-sky-800': {backgroundColor: '#075985'}, - 'bg-sky-900': {backgroundColor: '#0C4A6E'}, - 'bg-sky-950': {backgroundColor: '#082F49'}, - 'bg-slate-50': {backgroundColor: '#F8FAFC'}, - 'bg-slate-100': {backgroundColor: '#F1F5F9'}, - 'bg-slate-200': {backgroundColor: '#E2E8F0'}, - 'bg-slate-300': {backgroundColor: '#CBD5E1'}, - 'bg-slate-400': {backgroundColor: '#94A3B8'}, - 'bg-slate-500': {backgroundColor: '#64748B'}, - 'bg-slate-600': {backgroundColor: '#475569'}, - 'bg-slate-700': {backgroundColor: '#334155'}, - 'bg-slate-800': {backgroundColor: '#1E293B'}, - 'bg-slate-900': {backgroundColor: '#0F172A'}, - 'bg-slate-950': {backgroundColor: '#020617'}, - 'bg-stone-50': {backgroundColor: '#FAFAF9'}, - 'bg-stone-100': {backgroundColor: '#F5F5F4'}, - 'bg-stone-200': {backgroundColor: '#E7E5E4'}, - 'bg-stone-300': {backgroundColor: '#D6D3D1'}, - 'bg-stone-400': {backgroundColor: '#A8A29E'}, - 'bg-stone-500': {backgroundColor: '#78716C'}, - 'bg-stone-600': {backgroundColor: '#57534E'}, - 'bg-stone-700': {backgroundColor: '#44403C'}, - 'bg-stone-800': {backgroundColor: '#292524'}, - 'bg-stone-900': {backgroundColor: '#1C1917'}, - 'bg-stone-950': {backgroundColor: '#0F0E0D'}, - 'bg-teal-50': {backgroundColor: '#F0FDFA'}, - 'bg-teal-100': {backgroundColor: '#CCFBF1'}, - 'bg-teal-200': {backgroundColor: '#99F6E4'}, - 'bg-teal-300': {backgroundColor: '#5EEAD4'}, - 'bg-teal-400': {backgroundColor: '#2DD4BF'}, - 'bg-teal-500': {backgroundColor: '#14B8A6'}, - 'bg-teal-600': {backgroundColor: '#0D9488'}, - 'bg-teal-700': {backgroundColor: '#0F766E'}, - 'bg-teal-800': {backgroundColor: '#115E59'}, - 'bg-teal-900': {backgroundColor: '#134E4A'}, - 'bg-teal-950': {backgroundColor: '#042F2E'}, - 'bg-violet-50': {backgroundColor: '#F5F3FF'}, - 'bg-violet-100': {backgroundColor: '#EDE9FE'}, - 'bg-violet-200': {backgroundColor: '#DDD6FE'}, - 'bg-violet-300': {backgroundColor: '#C4B5FD'}, - 'bg-violet-400': {backgroundColor: '#A78BFA'}, - 'bg-violet-500': {backgroundColor: '#8B5CF6'}, - 'bg-violet-600': {backgroundColor: '#7C3AED'}, - 'bg-violet-700': {backgroundColor: '#6D28D9'}, - 'bg-violet-800': {backgroundColor: '#5B21B6'}, - 'bg-violet-900': {backgroundColor: '#4C1D95'}, - 'bg-violet-950': {backgroundColor: '#2E1065'}, - 'bg-yellow-50': {backgroundColor: '#FEFCE8'}, - 'bg-yellow-100': {backgroundColor: '#FEF9C3'}, - 'bg-yellow-200': {backgroundColor: '#FEF08A'}, - 'bg-yellow-300': {backgroundColor: '#FDE047'}, - 'bg-yellow-400': {backgroundColor: '#FACC15'}, - 'bg-yellow-500': {backgroundColor: '#EAB308'}, - 'bg-yellow-600': {backgroundColor: '#CA8A04'}, - 'bg-yellow-700': {backgroundColor: '#A16207'}, - 'bg-yellow-800': {backgroundColor: '#854D0E'}, - 'bg-yellow-900': {backgroundColor: '#713F12'}, - 'bg-yellow-950': {backgroundColor: '#422006'}, - 'bg-zinc-50': {backgroundColor: '#FAFAFA'}, - 'bg-zinc-100': {backgroundColor: '#F4F4F5'}, - 'bg-zinc-200': {backgroundColor: '#E4E4E7'}, - 'bg-zinc-300': {backgroundColor: '#D4D4D8'}, - 'bg-zinc-400': {backgroundColor: '#A1A1AA'}, - 'bg-zinc-500': {backgroundColor: '#71717A'}, - 'bg-zinc-600': {backgroundColor: '#52525B'}, - 'bg-zinc-700': {backgroundColor: '#3F3F46'}, - 'bg-zinc-800': {backgroundColor: '#27272A'}, - 'bg-zinc-900': {backgroundColor: '#18181B'}, - 'bg-zinc-950': {backgroundColor: '#09090B'}, -}); - -export const opacityStyles = StyleSheet.create({ - 'opacity-0': {opacity: 0}, - 'opacity-5': {opacity: 0.05}, - 'opacity-10': {opacity: 0.1}, - 'opacity-15': {opacity: 0.15}, - 'opacity-20': {opacity: 0.2}, - 'opacity-25': {opacity: 0.25}, - 'opacity-30': {opacity: 0.3}, - 'opacity-35': {opacity: 0.35}, - 'opacity-40': {opacity: 0.4}, - 'opacity-45': {opacity: 0.45}, - 'opacity-50': {opacity: 0.5}, - 'opacity-55': {opacity: 0.55}, - 'opacity-60': {opacity: 0.6}, - 'opacity-65': {opacity: 0.65}, - 'opacity-70': {opacity: 0.7}, - 'opacity-75': {opacity: 0.75}, - 'opacity-80': {opacity: 0.8}, - 'opacity-85': {opacity: 0.85}, - 'opacity-90': {opacity: 0.9}, - 'opacity-95': {opacity: 0.95}, - 'opacity-100': {opacity: 0.1}, -}); diff --git a/src/utils/Color.util.ts b/src/utils/Color.util.ts deleted file mode 100644 index eca40d1..0000000 --- a/src/utils/Color.util.ts +++ /dev/null @@ -1,11 +0,0 @@ -export class ColorBox { - static dark: string = '#000000'; - static light: string = '#ffffff'; - static secondary: string = '#f5f5f5'; - static black: string = '#000000'; - static white: string = '#ffffff'; - static error: string = 'red'; - static success: string = 'green'; - static warning: string = 'yellow'; - static transparent: string = 'transparent'; -} diff --git a/src/utils/helper.util.ts b/src/utils/helper.util.ts index f572a62..9ccaeb7 100644 --- a/src/utils/helper.util.ts +++ b/src/utils/helper.util.ts @@ -1,23 +1 @@ -import {Varian} from '../model'; - -export const getClassNameVarian = (varian?: Varian) => { - switch (varian) { - case 'outline': - return 'rounded border border-blue-500 px-4 py-2'; - case 'primary': - return 'rounded bg-blue-500 px-4 py-2'; - default: - return ''; - } -}; - -export const getClassNameTextVarian = (varian?: Varian) => { - switch (varian) { - case 'outline': - return 'text-blue-500 font-bold'; - case 'primary': - return 'text-white font-bold'; - default: - return 'text-black'; - } -}; +export const classNames = (...classes: string[]): string => classes.join(' '); diff --git a/src/utils/styles.ts b/src/utils/styles.ts new file mode 100644 index 0000000..f17bc87 --- /dev/null +++ b/src/utils/styles.ts @@ -0,0 +1,98 @@ +import {CONFIG_BOX} from '../config'; +import {ScaleType} from '../model'; +import {roundedStylesType} from '../styles/Border.styles'; +import {sizeStylesType} from '../styles/Space.styles'; +import { + fontSize, + horizontalScale, + moderateScale, + verticalScale, +} from './resize.util'; + +export const createSpaceStyles = ( + stylesOptions: {[key: string]: number}, + propertiesOptions: {[key: string]: string}, + hasSlice?: boolean, +) => { + const styles: {[key: string]: {[key: string]: number}} = {}; + for (const options in stylesOptions) { + let value = stylesOptions[options]; + for (const property in propertiesOptions) { + const styleProperty = + options === 'default' ? property : `${property}-${options}`; + const scaleType: ScaleType = + CONFIG_BOX.scaleOptions?.options?.[ + property as keyof typeof CONFIG_BOX.scaleOptions.options + ] ?? CONFIG_BOX.scaleOptions.default; + if (scaleType !== ScaleType.NONE) { + const fnScale = { + [ScaleType.HORIZONTAL]: horizontalScale, + [ScaleType.VERTICAL]: verticalScale, + [ScaleType.MODERATE]: moderateScale, + [ScaleType.FONTSIZE]: fontSize, + }; + value = fnScale[scaleType](value); + } + const keyStyle = propertiesOptions[property]?.toString(); + if (hasSlice) { + const keysStyle = keyStyle.split(' '); + if (keysStyle.length > 1) { + keysStyle.forEach(item => { + styles[styleProperty] = { + [item]: value, + }; + }); + } else { + styles[styleProperty] = { + [keyStyle]: value, + }; + } + } else { + styles[styleProperty] = { + [keyStyle]: value, + }; + } + } + } + return styles; +}; + +export const createSizeCustomStyles = (value: number, keyStyle: string) => { + const customsSpaceKey = { + ...sizeStylesType, + ...roundedStylesType, + border: 'borderWidth', + 'border-l': 'borderLeftWidth', + 'border-r': 'borderRightWidth', + 'border-t': 'borderTopWidth', + 'border-b': 'borderBottomWidth', + 'border-x': 'borderLeftWidth borderRightWidth', + 'border-y': 'borderTopWidth borderBottomWidth', + }; + let styles: {[key: string]: number} = {}; + const scaleType: ScaleType = + CONFIG_BOX.scaleOptions?.options?.[ + keyStyle as keyof typeof CONFIG_BOX.scaleOptions.options + ] ?? CONFIG_BOX.scaleOptions.default; + if (scaleType !== ScaleType.NONE) { + const fnScale = { + [ScaleType.HORIZONTAL]: horizontalScale, + [ScaleType.VERTICAL]: verticalScale, + [ScaleType.MODERATE]: moderateScale, + [ScaleType.FONTSIZE]: fontSize, + }; + value = fnScale[scaleType](value); + } + const keyCustom = customsSpaceKey[keyStyle as keyof typeof customsSpaceKey]; + const keysStyle = keyCustom.split(' '); + if (keysStyle.length > 1) { + keysStyle.forEach(item => { + styles[item] = value; + }); + } else { + styles = { + [keyCustom]: value, + }; + } + return styles; +}; diff --git a/yarn.lock b/yarn.lock index 16f376f..b261878 100644 --- a/yarn.lock +++ b/yarn.lock @@ -5539,6 +5539,11 @@ react-is@^17.0.1: resolved "https://registry.yarnpkg.com/react-is/-/react-is-17.0.2.tgz#e691d4a8e9c789365655539ab372762b0efb54f0" integrity sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w== +react-native-fast-image@^8.6.3: + version "8.6.3" + resolved "https://registry.yarnpkg.com/react-native-fast-image/-/react-native-fast-image-8.6.3.tgz#6edc3f9190092a909d636d93eecbcc54a8822255" + integrity sha512-Sdw4ESidXCXOmQ9EcYguNY2swyoWmx53kym2zRsvi+VeFCHEdkO+WG1DK+6W81juot40bbfLNhkc63QnWtesNg== + react-native@0.73.6: version "0.73.6" resolved "https://registry.yarnpkg.com/react-native/-/react-native-0.73.6.tgz#ed4c675e205a34bd62c4ce8b9bd1ca5c85126d5b" From 02986d42111c47e84bc4cb4e93a92e6dc402ce30 Mon Sep 17 00:00:00 2001 From: sangyuo Date: Sun, 4 Aug 2024 11:57:16 +0700 Subject: [PATCH 06/23] refactor(model): move index --- src/components/box/index.tsx | 9 ++-- src/components/button/index.tsx | 11 +---- src/components/checkbox/index.tsx | 25 +--------- src/components/image/index.tsx | 13 ++--- src/components/index.ts | 1 + src/components/radioButton/index.tsx | 16 +------ src/components/text/index.tsx | 7 +-- src/model/component.ts | 72 ++++++++++++++++++++++++++++ src/model/index.ts | 1 + 9 files changed, 86 insertions(+), 69 deletions(-) create mode 100644 src/model/component.ts diff --git a/src/components/box/index.tsx b/src/components/box/index.tsx index 6a04d58..b6be4d7 100644 --- a/src/components/box/index.tsx +++ b/src/components/box/index.tsx @@ -1,12 +1,9 @@ import React from 'react'; -import {StyleSheet, View, ViewProps} from 'react-native'; +import {StyleSheet, View} from 'react-native'; import {useClassName} from '../../hook'; +import {BoxProps} from '../../model'; -export interface PropsBox extends ViewProps { - className?: string; -} - -const Box = (props: PropsBox) => { +const Box = (props: BoxProps) => { const {style, className, ...rest} = props; const stylesCustom = useClassName(className); const styleCard = StyleSheet.compose(stylesCustom, style); diff --git a/src/components/button/index.tsx b/src/components/button/index.tsx index a0e5f7e..f03765d 100644 --- a/src/components/button/index.tsx +++ b/src/components/button/index.tsx @@ -3,21 +3,12 @@ import { GestureResponderEvent, StyleSheet, TouchableOpacity, - TouchableOpacityProps, } from 'react-native'; import {useClassName, useClassNameButton} from '../../hook'; import {Text} from '..'; -import {Varian} from '../../model'; import {classNames} from '../../utils'; +import {ButtonComponentProps} from '../../model'; -export interface ButtonComponentProps extends TouchableOpacityProps { - className?: string; - classNameText?: string; - isDebounce?: boolean; - delayDebounce?: number; - varian?: Varian; - title?: string; -} const Button = (props: ButtonComponentProps) => { const { style, diff --git a/src/components/checkbox/index.tsx b/src/components/checkbox/index.tsx index bf2028d..d747ca6 100644 --- a/src/components/checkbox/index.tsx +++ b/src/components/checkbox/index.tsx @@ -1,33 +1,12 @@ -import React, {ReactNode} from 'react'; +import React from 'react'; import Box from '../box'; import Text from '../text'; import Button from '../button'; -import {ImageSourcePropType, ImageResizeMode} from 'react-native'; import {classNames, ImageBox} from '../..'; import Checked from '../../assets/image/checked.png'; -import {VarianCheckbox} from '../../model'; +import {CheckBoxProps} from '../../model'; import {useVarianCheckbox} from '../../hook'; -export interface CheckBoxProps { - className?: string; - classNameParent?: string; - classNameChildren?: string; - classNameLabel?: string; - checked?: boolean; - value?: ItemT; - label?: string; - size?: number; - iconColor?: string; - iconChecked?: ImageSourcePropType; - iconSize?: number; - isDebounce?: boolean; - delayDebounce?: number; - resizeMode?: ImageResizeMode; - varian?: VarianCheckbox; - renderIconChecked?: (checked?: boolean) => ReactNode; - onPress?: (value?: ItemT) => void; -} - CheckboxComponent.defaultProps = { checked: false, classNameParent: '', diff --git a/src/components/image/index.tsx b/src/components/image/index.tsx index 7779bee..02da8b0 100644 --- a/src/components/image/index.tsx +++ b/src/components/image/index.tsx @@ -7,24 +7,17 @@ import { StyleSheet, } from 'react-native'; import {useClassName} from '../../hook'; -import {ImageType} from '../../model'; -import FastImage, {ResizeMode, Source} from 'react-native-fast-image'; +import {ImageBoxProps, ImageType} from '../../model'; +import FastImage, {ResizeMode} from 'react-native-fast-image'; import {classNames} from '../../utils'; -interface Props { - source: ImageRequireSource | Source; - className: string; - imageType?: ImageType; - style?: StyleProp; - resizeMode?: ImageStyle['resizeMode']; -} function ImageComponent({ className, imageType, source, style, resizeMode, -}: Props) { +}: ImageBoxProps) { const stylesCustom = useClassName(classNames('w-full h-full', className)); const styleCard: StyleProp = StyleSheet.compose( stylesCustom, diff --git a/src/components/index.ts b/src/components/index.ts index d0f7c47..05c16e7 100644 --- a/src/components/index.ts +++ b/src/components/index.ts @@ -4,4 +4,5 @@ import Box from './box'; import RadioButton from './radioButton'; import Checkbox from './checkbox'; import ImageBox from './image'; + export {Text, Button, Box, RadioButton, Checkbox, ImageBox}; diff --git a/src/components/radioButton/index.tsx b/src/components/radioButton/index.tsx index c76e06a..8fbc3a0 100644 --- a/src/components/radioButton/index.tsx +++ b/src/components/radioButton/index.tsx @@ -3,21 +3,7 @@ import Box from '../box'; import Text from '../text'; import Button from '../button'; import {classNames} from '../../utils'; - -export interface RadioButtonBox { - className?: string; - classNameParent?: string; - classNameChildren?: string; - classNameLabel?: string; - checked?: boolean; - value?: ItemT; - label?: string; - size?: number; - sizeChildren?: number; - isDebounce?: boolean; - delayDebounce?: number; - onPress?: (value?: ItemT) => void; -} +import {RadioButtonBox} from '../../model'; function RadioButton(props: RadioButtonBox) { const { diff --git a/src/components/text/index.tsx b/src/components/text/index.tsx index 963e9a3..5665b0f 100644 --- a/src/components/text/index.tsx +++ b/src/components/text/index.tsx @@ -1,10 +1,7 @@ import React from 'react'; -import {StyleSheet, Text, TextProps} from 'react-native'; +import {StyleSheet, Text} from 'react-native'; import {useClassName} from '../../hook'; - -export interface TextComponentProps extends TextProps { - className?: string; -} +import {TextComponentProps} from '../../model'; const TextComponent = ({className, style, ...rest}: TextComponentProps) => { const stylesCustom = useClassName(className); diff --git a/src/model/component.ts b/src/model/component.ts new file mode 100644 index 0000000..01caaff --- /dev/null +++ b/src/model/component.ts @@ -0,0 +1,72 @@ +import { + ImageRequireSource, + ImageResizeMode, + ImageSourcePropType, + ImageStyle, + StyleProp, + TextProps, + TouchableOpacityProps, + ViewProps, +} from 'react-native'; +import {ImageType, Varian, VarianCheckbox} from '.'; +import {ReactNode} from 'react'; +import {Source} from 'react-native-fast-image'; + +export interface BoxProps extends ViewProps { + className?: string; +} +export interface ButtonComponentProps extends TouchableOpacityProps { + className?: string; + classNameText?: string; + isDebounce?: boolean; + delayDebounce?: number; + varian?: Varian; + title?: string; +} + +export interface CheckBoxProps { + className?: string; + classNameParent?: string; + classNameChildren?: string; + classNameLabel?: string; + checked?: boolean; + value?: ItemT; + label?: string; + size?: number; + iconColor?: string; + iconChecked?: ImageSourcePropType; + iconSize?: number; + isDebounce?: boolean; + delayDebounce?: number; + resizeMode?: ImageResizeMode; + varian?: VarianCheckbox; + renderIconChecked?: (checked?: boolean) => ReactNode; + onPress?: (value?: ItemT) => void; +} + +export interface RadioButtonBox { + className?: string; + classNameParent?: string; + classNameChildren?: string; + classNameLabel?: string; + checked?: boolean; + value?: ItemT; + label?: string; + size?: number; + sizeChildren?: number; + isDebounce?: boolean; + delayDebounce?: number; + onPress?: (value?: ItemT) => void; +} + +export interface ImageBoxProps { + source: ImageRequireSource | Source; + className: string; + imageType?: ImageType; + style?: StyleProp; + resizeMode?: ImageStyle['resizeMode']; +} + +export interface TextComponentProps extends TextProps { + className?: string; +} diff --git a/src/model/index.ts b/src/model/index.ts index c7882b2..de6af62 100644 --- a/src/model/index.ts +++ b/src/model/index.ts @@ -1,4 +1,5 @@ export * from './classStyle'; +export * from './component'; export type Varian = 'primary' | 'outline' | 'dark' | 'light'; From eb230b4cedf487e74c17ef5c8063bbd31d74fc91 Mon Sep 17 00:00:00 2001 From: sangyuo Date: Tue, 6 Aug 2024 22:01:27 +0700 Subject: [PATCH 07/23] update(checked): custom varian and color --- src/components/checkbox/index.tsx | 9 +- src/components/radioButton/index.tsx | 14 +- src/config/index.ts | 53 ++++-- src/hook/index.ts | 3 +- src/hook/useVarianCheckbox.tsx | 25 ++- src/hook/useVarianColor.tsx | 24 +++ src/model/component.ts | 12 +- src/model/index.ts | 8 +- src/styles/Border.styles.ts | 263 +++++++++++++++++++++++++-- src/styles/ClassStyles.ts | 8 +- src/styles/Colors.styles.ts | 257 ++++++++++++++++++++++++++ src/styles/Size.styles.ts | 10 +- src/styles/Space.styles.ts | 37 ---- src/styles/Text.styles.ts | 8 - src/styles/Theme.styles.ts | 109 ++++++----- src/utils/styles.ts | 38 +++- 16 files changed, 719 insertions(+), 159 deletions(-) create mode 100644 src/hook/useVarianColor.tsx delete mode 100644 src/styles/Space.styles.ts diff --git a/src/components/checkbox/index.tsx b/src/components/checkbox/index.tsx index d747ca6..eb6ff91 100644 --- a/src/components/checkbox/index.tsx +++ b/src/components/checkbox/index.tsx @@ -23,6 +23,7 @@ function CheckboxComponent(props: CheckBoxProps) { iconSize, classNameLabel, classNameParent, + classNameStatus, iconChecked, iconColor, delayDebounce, @@ -60,6 +61,10 @@ function CheckboxComponent(props: CheckBoxProps) { ); }; + const colorChecked = classNameStatus?.checked || classCustom.checked; + const colorUnchecked = + classNameStatus?.unchecked || 'border-2 border-gray-400'; + return ( + + ); +}; + +SwitchBox.defaultProps = { + value: false, + className: '', + varian: 'primary', + classThumb: '', + classLabel: '', +}; + +export default SwitchBox; diff --git a/src/config/Spaces.ts b/src/config/Spaces.ts index abaed4a..b7c642f 100644 --- a/src/config/Spaces.ts +++ b/src/config/Spaces.ts @@ -53,15 +53,15 @@ export const TEXT_SIZE = { }; export const LINE_HEIGHT_SIZE = { - xs: 12, - sm: 15, - base: 22, - md: 24, - lg: 26, - xl: 32, - '2xl': 36, - '3xl': 40, - '4xl': 44, + xs: 10, + sm: 12, + base: 14, + md: 16, + lg: 18, + xl: 20, + '2xl': 24, + '3xl': 30, + '4xl': 36, '5xl': 48, '6xl': 60, '7xl': 72, diff --git a/src/utils/styles.ts b/src/utils/styles.ts index fc571f9..b9a7801 100644 --- a/src/utils/styles.ts +++ b/src/utils/styles.ts @@ -67,6 +67,7 @@ export const createSizeCustomStyles = (value: number, keyStyle: string) => { 'border-b': 'borderBottomWidth', 'border-x': 'borderLeftWidth borderRightWidth', 'border-y': 'borderTopWidth borderBottomWidth', + 'line-height': 'lineHeight', }; let styles: {[key: string]: number} = {}; const scaleType: ScaleType = From f9dd1de4e07d89c323343b5002bd8cdfd0dea7ab Mon Sep 17 00:00:00 2001 From: sangyuo Date: Mon, 12 Aug 2024 22:17:39 +0700 Subject: [PATCH 09/23] feat(progress): base lib --- App.tsx | 42 +++++++++++------------- package.json | 3 +- yarn.lock | 90 ++++++++++++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 110 insertions(+), 25 deletions(-) diff --git a/App.tsx b/App.tsx index caf8b66..54c70c1 100644 --- a/App.tsx +++ b/App.tsx @@ -2,40 +2,34 @@ import React from 'react'; import {SafeAreaView, ScrollView, useColorScheme} from 'react-native'; import {Colors} from 'react-native/Libraries/NewAppScreen'; -import {Box, Text} from './src/components'; +import {Box, Button, ProgressBar, ProgressCircle} from './src/components'; function App(): React.JSX.Element { const isDarkMode = useColorScheme() === 'dark'; const backgroundStyle = { backgroundColor: isDarkMode ? Colors.darker : Colors.lighter, }; + const [value, setValue] = React.useState(0); return ( - - hahaha - - - hahaha - - - hahaha - - - hahaha - - - hahaha - - - hahaha - - - hahaha - - - hahaha + + + + + ); + } + return null; + }; + + return ( + + + {renderItem()} + + {renderPagination()} + {renderControl()} + + ); +}; + +SliderBox.defaultProps = { + currentIndex: 0, + space: 0, + spaceEndReach: 0, + classBox: '', + classSlider: '', + classSliderItem: '', + classPageItem: '', + classPagination: '', + horizontal: true, + enableAnimation: true, + showPagination: true, + showsHorizontalScrollIndicator: false, + showsVerticalScrollIndicator: false, + enableControl: false, + pagingEnabled: true, + centerContent: true, +}; + +export default SliderBox; diff --git a/src/config/index.ts b/src/config/index.ts index d6611e8..8878988 100644 --- a/src/config/index.ts +++ b/src/config/index.ts @@ -53,6 +53,7 @@ const DEFAULT_THEME: DefaultTheme = { danger: '#F87171', warning: '#FACC15', success: '#4ADE80', + overlay: 'rgba(0, 0, 0, 0.22)', 'primary-light': '#AFD1FC', 'secondary-light': '#E1BEE7', 'danger-light': '#F87171', diff --git a/src/hook/useActionSliderBox.tsx b/src/hook/useActionSliderBox.tsx new file mode 100644 index 0000000..efed5e8 --- /dev/null +++ b/src/hook/useActionSliderBox.tsx @@ -0,0 +1,61 @@ +import {useEffect, useMemo, useRef, useState} from 'react'; +import {ScrollView} from 'react-native'; + +interface Props { + spaceItem: number; + sliderItemWidth: number; + centerContent?: boolean; + horizontal?: boolean | null; + data: any[]; + defaultIndex: number; +} + +export default function useActionSliderBox({ + sliderItemWidth, + spaceItem, + horizontal, + defaultIndex, + data, +}: Props) { + const [activeIndex, setActiveIndex] = useState(0); + const sliderRef = useRef(null); + const maxIndex = useMemo(() => data?.length - 1 ?? 0, [data]); + + useEffect(() => { + if (defaultIndex) { + setTimeout(() => { + handleScrollToIndex(defaultIndex); + }, 0); + } + }, [defaultIndex]); + + const handleControl = (type: 'next' | 'prev') => { + if (sliderRef?.current) { + const nextIndex = + type === 'next' + ? Math.min(activeIndex + 1, maxIndex) + : Math.max(activeIndex - 1, 0); + handleScrollToIndex(nextIndex); + } + }; + + const handleScrollToIndex = (index: number) => { + if (sliderRef?.current) { + const nextIndex = index * (sliderItemWidth + spaceItem); + const offset = horizontal ? {y: 0, x: nextIndex} : {y: nextIndex, x: 0}; + sliderRef.current.scrollTo({ + ...offset, + animated: true, + }); + } + }; + + return { + activeIndex, + maxIndex, + sliderRef, + handleControl, + handleScrollToIndex, + setActiveIndex, + }; +} diff --git a/src/hook/useAnimationProgress.tsx b/src/hook/useAnimationProgress.tsx new file mode 100644 index 0000000..210c036 --- /dev/null +++ b/src/hook/useAnimationProgress.tsx @@ -0,0 +1,22 @@ +import {useEffect, useRef} from 'react'; +import {Animated, Easing} from 'react-native'; + +interface Props extends Animated.TimingAnimationConfig {} +const useAnimationProgress = ({toValue, ...rest}: Props) => { + const progress = useRef(new Animated.Value(0)).current; + useEffect(() => { + Animated.timing(progress, { + ...rest, + toValue, + }).start(); + }, [toValue]); + return progress; +}; + +useAnimationProgress.defaultProps = { + useNativeDriver: false, + easing: Easing.linear, + duration: 1000, +}; + +export default useAnimationProgress; diff --git a/src/hook/useSpecsSliderBox.tsx b/src/hook/useSpecsSliderBox.tsx new file mode 100644 index 0000000..b954dbf --- /dev/null +++ b/src/hook/useSpecsSliderBox.tsx @@ -0,0 +1,34 @@ +import {useMemo} from 'react'; + +interface Props { + sliderWidth: number; + space?: number; + itemWidth?: number; + pagingEnabled?: boolean; + centerContent?: boolean; +} + +export default function useSpecsSliderBox({ + itemWidth, + sliderWidth, + pagingEnabled, + space, +}: Props) { + return useMemo(() => { + let spaceItem = space ?? 0; + let sliderItemWidth = itemWidth ?? sliderWidth; + if (pagingEnabled) { + if (itemWidth) { + spaceItem = sliderWidth - itemWidth; + } + if (space && !itemWidth) { + sliderItemWidth -= space; + } + } else { + if (space && !itemWidth) { + sliderItemWidth -= space; + } + } + return {spaceItem, sliderItemWidth}; + }, [itemWidth, sliderWidth, pagingEnabled]); +} diff --git a/src/model/component.ts b/src/model/component.ts index 8a13790..cee7f73 100644 --- a/src/model/component.ts +++ b/src/model/component.ts @@ -3,6 +3,8 @@ import { ImageResizeMode, ImageSourcePropType, ImageStyle, + NativeScrollEvent, + ScrollViewProps, StyleProp, TextProps, TouchableOpacityProps, @@ -23,7 +25,7 @@ export interface BoxProps extends ViewProps { export interface ButtonComponentProps extends TouchableOpacityProps { className?: string; classNameText?: string; - isDebounce?: boolean; + enableDebounce?: boolean; delayDebounce?: number; varian?: Varian; title?: string; @@ -42,7 +44,7 @@ export interface CheckBoxProps { iconColor?: string; iconChecked?: ImageSourcePropType; iconSize?: number; - isDebounce?: boolean; + enableDebounce?: boolean; delayDebounce?: number; resizeMode?: ImageResizeMode; varian?: VarianCheckbox; @@ -63,7 +65,7 @@ export interface RadioButtonBox { label?: string; size?: number; sizeChildren?: number; - isDebounce?: boolean; + enableDebounce?: boolean; delayDebounce?: number; varian?: VarianColor; onPress?: (value?: ItemT) => void; @@ -101,3 +103,32 @@ export interface ProgressCircleProps extends ProgressBaseProps { colorProgress?: string; colorBackground?: string; } + +export interface SliderBoxProps extends ScrollViewProps { + classBox: string; + classSlider: string; + classSliderItem: string; + classPageItem: string; + classPagination: string; + data: ItemT[]; + showPagination: boolean; + currentIndex: number; + width?: number; + itemWidth?: number; + sliderWidth?: number; + enableAnimation: boolean; + enableControl: boolean; + space: number; + iconNext?: ReactNode; + iconPrev?: ReactNode; + iconColor?: string; + renderSliderItem: (item: ItemT, index: number) => ReactNode; + renderPageItem?: (item: ItemT, index: number) => ReactNode; + onIndexChanged?: (index: number) => void; + onEndReached?: () => void; +} +export interface OnEndReachedProps extends NativeScrollEvent { + space: number; + itemWidth: number; + horizontal?: boolean | null; +} diff --git a/src/styles/ClassStyles.ts b/src/styles/ClassStyles.ts index fb2868e..d242028 100644 --- a/src/styles/ClassStyles.ts +++ b/src/styles/ClassStyles.ts @@ -17,7 +17,7 @@ const classStyles = { ...textStyles, }; -export const getClassNameStyles = (className: string) => { +export const getClassNameStyles = (className: string): Object => { try { if (className.length > 0) { const listClass = className?.split(' '); diff --git a/src/utils/helper.util.ts b/src/utils/helper.util.ts index 9ccaeb7..a30724e 100644 --- a/src/utils/helper.util.ts +++ b/src/utils/helper.util.ts @@ -1 +1,19 @@ -export const classNames = (...classes: string[]): string => classes.join(' '); +import {OnEndReachedProps} from '../model'; + +export const classNames = (...classes: (string | undefined)[]): string => + classes.filter(Boolean).join(' '); + +export const isEndReachedScroll = ({ + layoutMeasurement, + contentOffset, + contentSize, + space, + horizontal, +}: OnEndReachedProps) => { + const offset = horizontal ? contentOffset.x : contentOffset.y; + const layoutSize = horizontal + ? layoutMeasurement.width + : layoutMeasurement.height; + const content = horizontal ? contentSize.width : contentSize.height; + return layoutSize + offset >= content - space; +}; From a128a8bdb4da9c2a21bfd819c4cc6720d2b1950b Mon Sep 17 00:00:00 2001 From: sangyuo Date: Thu, 19 Sep 2024 15:22:18 +0700 Subject: [PATCH 12/23] feat: group radio and update fast image --- android/gradlew | 0 package.json | 2 +- src/components/button/index.tsx | 4 +- src/components/checkbox/index.tsx | 22 +++---- src/components/groups/CheckboxGroup.tsx | 29 +++++++++ src/components/groups/RadioGroup.tsx | 28 +++++++++ src/components/groups/index.ts | 2 + src/components/image/index.tsx | 34 +++------- src/components/index.ts | 5 +- src/components/radioButton/index.tsx | 20 +++--- .../{sliderBox => swipeBox}/index.tsx | 18 +++--- ...ionSliderBox.tsx => useActionSwipeBox.tsx} | 2 +- src/hook/useLoadModuleFastImage.tsx | 23 +++++++ ...pecsSliderBox.tsx => useSpecsSwipeBox.tsx} | 2 +- src/model/component.ts | 62 ++++++++++++------- src/model/index.ts | 2 +- yarn.lock | 10 +-- 17 files changed, 173 insertions(+), 92 deletions(-) mode change 100644 => 100755 android/gradlew create mode 100644 src/components/groups/CheckboxGroup.tsx create mode 100644 src/components/groups/RadioGroup.tsx create mode 100644 src/components/groups/index.ts rename src/components/{sliderBox => swipeBox}/index.tsx (95%) rename src/hook/{useActionSliderBox.tsx => useActionSwipeBox.tsx} (96%) create mode 100644 src/hook/useLoadModuleFastImage.tsx rename src/hook/{useSpecsSliderBox.tsx => useSpecsSwipeBox.tsx} (94%) diff --git a/android/gradlew b/android/gradlew old mode 100644 new mode 100755 diff --git a/package.json b/package.json index 4d497fb..834c458 100644 --- a/package.json +++ b/package.json @@ -9,9 +9,9 @@ "test": "jest" }, "dependencies": { + "@d11/react-native-fast-image": "^8.6.12", "react": "18.2.0", "react-native": "0.73.6", - "react-native-fast-image": "^8.6.3", "react-native-svg": "^15.5.0" }, "devDependencies": { diff --git a/src/components/button/index.tsx b/src/components/button/index.tsx index 3a1661a..e5d1476 100644 --- a/src/components/button/index.tsx +++ b/src/components/button/index.tsx @@ -25,7 +25,7 @@ const Button = (props: ButtonComponentProps) => { const timerDebounceRef = useRef(); const classButton = useClassNameButton(varian); const stylesCustom = useClassName( - classNames(classButton.container, className || ''), + classNames(classButton.container, className), ); const styleCard = StyleSheet.compose(stylesCustom, style); @@ -53,7 +53,7 @@ const Button = (props: ButtonComponentProps) => { return ( {title ? ( - + {title} ) : null} diff --git a/src/components/checkbox/index.tsx b/src/components/checkbox/index.tsx index a653b1a..70fbd79 100644 --- a/src/components/checkbox/index.tsx +++ b/src/components/checkbox/index.tsx @@ -4,17 +4,17 @@ import Text from '../text'; import Button from '../button'; import {classNames, ImageBox} from '../..'; import Checked from '../../assets/image/checked.png'; -import {CheckBoxProps} from '../../model'; +import {CheckboxProps} from '../../model'; import {useVarianCheckbox} from '../../hook'; -CheckboxComponent.defaultProps = { +Checkbox.defaultProps = { checked: false, - classNameParent: '', + classNameBox: '', classNameLabel: '', classNameChildren: '', }; -function CheckboxComponent(props: CheckBoxProps) { +function Checkbox(props: CheckboxProps) { const { className, size, @@ -22,7 +22,7 @@ function CheckboxComponent(props: CheckBoxProps) { checked, iconSize, classNameLabel, - classNameParent, + classNameBox, classNameStatus, iconChecked, iconColor, @@ -72,24 +72,20 @@ function CheckboxComponent(props: CheckBoxProps) { onPress={() => { onPress && onPress(value); }} - className={classNames('row-center gap-2', className || '')}> + className={classNames('row-center gap-2', className)}> {renderChecked()} - + {label} ); } -export default CheckboxComponent; +export default Checkbox; diff --git a/src/components/groups/CheckboxGroup.tsx b/src/components/groups/CheckboxGroup.tsx new file mode 100644 index 0000000..5528fcc --- /dev/null +++ b/src/components/groups/CheckboxGroup.tsx @@ -0,0 +1,29 @@ +import React from 'react'; +import Box from '../box'; +import {CheckBoxGroupProps} from '../../model'; +import Checkbox from '../checkbox'; +import {classNames} from '../../utils'; + +export default function CheckboxGroup({ + data, + classBox, + checkBoxItem, + pickKey = 'id', + pickLabel = 'name', + value, + onPress, +}: CheckBoxGroupProps) { + const renderItem = () => { + return data.map(item => ( + + )); + }; + return {renderItem()}; +} diff --git a/src/components/groups/RadioGroup.tsx b/src/components/groups/RadioGroup.tsx new file mode 100644 index 0000000..60235ec --- /dev/null +++ b/src/components/groups/RadioGroup.tsx @@ -0,0 +1,28 @@ +import React from 'react'; +import Box from '../box'; +import RadioButton from '../radioButton'; +import {RadioGroupProps} from '../../model'; +import {classNames} from '../../utils'; + +export default function RadioGroup({ + data, + classBox, + radioItem, + pickKey = 'id', + pickLabel = 'name', + value, + onPress, +}: RadioGroupProps) { + const renderItem = () => { + return data.map(item => ( + + )); + }; + return {renderItem()}; +} diff --git a/src/components/groups/index.ts b/src/components/groups/index.ts new file mode 100644 index 0000000..3ca40e5 --- /dev/null +++ b/src/components/groups/index.ts @@ -0,0 +1,2 @@ +export {default as RadioGroup} from './RadioGroup'; +export {default as CheckboxGroup} from './CheckboxGroup'; diff --git a/src/components/image/index.tsx b/src/components/image/index.tsx index 02da8b0..440c800 100644 --- a/src/components/image/index.tsx +++ b/src/components/image/index.tsx @@ -1,19 +1,13 @@ import React from 'react'; -import { - Image, - ImageRequireSource, - ImageStyle, - StyleProp, - StyleSheet, -} from 'react-native'; +import {Image, ImageStyle, StyleProp, StyleSheet} from 'react-native'; import {useClassName} from '../../hook'; -import {ImageBoxProps, ImageType} from '../../model'; -import FastImage, {ResizeMode} from 'react-native-fast-image'; +import {ImageBoxProps, ImageModuleType} from '../../model'; import {classNames} from '../../utils'; +import useLoadModuleFastImage from '../../hook/useLoadModuleFastImage'; function ImageComponent({ className, - imageType, + imageModuleType, source, style, resizeMode, @@ -24,27 +18,19 @@ function ImageComponent({ style, ); - if (imageType === ImageType.FastImage) { + const FastImage: any = useLoadModuleFastImage(imageModuleType); + + if (FastImage) { return ( - + ); } - return ( - - ); + return ; } ImageComponent.defaultProps = { className: '', - imageType: ImageType.Image, + imageType: ImageModuleType.Image, resizeMode: 'contain', }; export default ImageComponent; diff --git a/src/components/index.ts b/src/components/index.ts index f0bd60e..8e90324 100644 --- a/src/components/index.ts +++ b/src/components/index.ts @@ -7,7 +7,8 @@ import ImageBox from './image'; import SwitchBox from './switch'; import ProgressBar from './progressBar'; import ProgressCircle from './progressCircle'; -import SliderBox from './sliderBox'; +import SwipeBox from './swipeBox'; +export * from './groups'; export { Text, @@ -19,5 +20,5 @@ export { SwitchBox, ProgressBar, ProgressCircle, - SliderBox, + SwipeBox, }; diff --git a/src/components/radioButton/index.tsx b/src/components/radioButton/index.tsx index ee7ca10..4fe3353 100644 --- a/src/components/radioButton/index.tsx +++ b/src/components/radioButton/index.tsx @@ -3,10 +3,10 @@ import Box from '../box'; import Text from '../text'; import Button from '../button'; import {classNames} from '../../utils'; -import {RadioButtonBox} from '../../model'; +import {RadioButtonProps} from '../../model'; import {useVarianColor} from '../../hook'; -function RadioButton(props: RadioButtonBox) { +function RadioButton(props: RadioButtonProps) { const { className, size, @@ -14,7 +14,7 @@ function RadioButton(props: RadioButtonBox) { checked, sizeChildren, classNameLabel, - classNameParent, + classNameBox, classNameChildren, delayDebounce, enableDebounce, @@ -35,13 +35,13 @@ function RadioButton(props: RadioButtonBox) { onPress={() => { onPress && onPress(value); }} - className={classNames('row-center gap-2', className || '')}> + className={classNames('row-center gap-2', className)}> {checked && ( (props: RadioButtonBox) { : size ? `w-[${size * 0.5}] h-[${size * 0.5}]` : 'w-3 h-3', - classNameChildren || '', + classNameChildren, )} /> )} - + {label} @@ -71,7 +67,7 @@ function RadioButton(props: RadioButtonBox) { RadioButton.defaultProps = { checked: false, - classNameParent: '', + classNameBox: '', classNameLabel: '', classNameChildren: '', }; diff --git a/src/components/sliderBox/index.tsx b/src/components/swipeBox/index.tsx similarity index 95% rename from src/components/sliderBox/index.tsx rename to src/components/swipeBox/index.tsx index fa803e5..3deee22 100644 --- a/src/components/sliderBox/index.tsx +++ b/src/components/swipeBox/index.tsx @@ -4,7 +4,7 @@ import { Button, classNames, isEndReachedScroll, - SliderBoxProps, + SwipeBoxProps, useClassName, } from '../..'; import { @@ -14,11 +14,11 @@ import { ScrollView, } from 'react-native'; import {Path, Svg} from 'react-native-svg'; -import useSpecsSliderBox from '../../hook/useSpecsSliderBox'; -import useActionSliderBox from '../../hook/useActionSliderBox'; +import useSpecsSwipeBox from '../../hook/useSpecsSwipeBox'; +import useActionSwipeBox from '../../hook/useActionSwipeBox'; import {CONFIG_BOX} from '../../config'; -const SliderBox = ({ +const SwipeBox = ({ data, classBox, horizontal, @@ -42,7 +42,7 @@ const SliderBox = ({ onScroll, onEndReached, ...rest -}: SliderBoxProps) => { +}: SwipeBoxProps) => { const [sliderOffset, setSliderOffset] = useState({ sliderWidth: width ?? 0, sliderHeight: 0, @@ -53,7 +53,7 @@ const SliderBox = ({ const classControl = 'absolute top-0 bottom-0 w-8 h-10 bg-overlay rounded center'; - const {sliderItemWidth, spaceItem} = useSpecsSliderBox({ + const {sliderItemWidth, spaceItem} = useSpecsSwipeBox({ itemWidth, sliderWidth: sliderOffset.sliderWidth, pagingEnabled, @@ -62,7 +62,7 @@ const SliderBox = ({ }); const {activeIndex, sliderRef, maxIndex, handleControl, setActiveIndex} = - useActionSliderBox({ + useActionSwipeBox({ sliderItemWidth, spaceItem, horizontal, @@ -242,7 +242,7 @@ const SliderBox = ({ ); }; -SliderBox.defaultProps = { +SwipeBox.defaultProps = { currentIndex: 0, space: 0, spaceEndReach: 0, @@ -261,4 +261,4 @@ SliderBox.defaultProps = { centerContent: true, }; -export default SliderBox; +export default SwipeBox; diff --git a/src/hook/useActionSliderBox.tsx b/src/hook/useActionSwipeBox.tsx similarity index 96% rename from src/hook/useActionSliderBox.tsx rename to src/hook/useActionSwipeBox.tsx index efed5e8..460adc7 100644 --- a/src/hook/useActionSliderBox.tsx +++ b/src/hook/useActionSwipeBox.tsx @@ -10,7 +10,7 @@ interface Props { defaultIndex: number; } -export default function useActionSliderBox({ +export default function useActionSwipeBox({ sliderItemWidth, spaceItem, horizontal, diff --git a/src/hook/useLoadModuleFastImage.tsx b/src/hook/useLoadModuleFastImage.tsx new file mode 100644 index 0000000..d17f7ab --- /dev/null +++ b/src/hook/useLoadModuleFastImage.tsx @@ -0,0 +1,23 @@ +import React, {useEffect, useState} from 'react'; +import {ImageModuleType} from '../model'; + +export default function useLoadModuleFastImage( + imageModuleType?: ImageModuleType, +) { + const [FastImage, setFastImage] = useState(null); + + useEffect(() => { + if (imageModuleType === ImageModuleType.FastImage) { + const loadFastImage = async () => { + try { + const {default: FastImageModule} = + await require('@d11/react-native-fast-image'); + setFastImage(FastImageModule); + } catch (error) {} + }; + loadFastImage(); + } + }, [imageModuleType]); + + return FastImage; +} diff --git a/src/hook/useSpecsSliderBox.tsx b/src/hook/useSpecsSwipeBox.tsx similarity index 94% rename from src/hook/useSpecsSliderBox.tsx rename to src/hook/useSpecsSwipeBox.tsx index b954dbf..3c58463 100644 --- a/src/hook/useSpecsSliderBox.tsx +++ b/src/hook/useSpecsSwipeBox.tsx @@ -8,7 +8,7 @@ interface Props { centerContent?: boolean; } -export default function useSpecsSliderBox({ +export default function useSpecsSwipeBox({ itemWidth, sliderWidth, pagingEnabled, diff --git a/src/model/component.ts b/src/model/component.ts index cee7f73..5847273 100644 --- a/src/model/component.ts +++ b/src/model/component.ts @@ -1,5 +1,4 @@ import { - ImageRequireSource, ImageResizeMode, ImageSourcePropType, ImageStyle, @@ -10,9 +9,8 @@ import { TouchableOpacityProps, ViewProps, } from 'react-native'; -import {ImageType, Varian, VarianCheckbox, VarianColor} from '.'; +import {ImageModuleType, Varian, VarianCheckbox, VarianColor} from '.'; import {ReactNode} from 'react'; -import {Source} from 'react-native-fast-image'; interface checkedType { checked?: string; @@ -31,50 +29,46 @@ export interface ButtonComponentProps extends TouchableOpacityProps { title?: string; } -export interface CheckBoxProps { +interface CheckboxItemBaseProps { className?: string; - classNameParent?: string; + classNameBox?: string; classNameChildren?: string; classNameLabel?: string; classNameStatus?: checkedType; + size?: number; + enableDebounce?: boolean; + delayDebounce?: number; + resizeMode?: ImageResizeMode; + varian?: VarianCheckbox; +} + +export interface CheckboxProps extends CheckboxItemBaseProps { checked?: boolean; value?: ItemT; label?: string; - size?: number; iconColor?: string; iconChecked?: ImageSourcePropType; iconSize?: number; - enableDebounce?: boolean; - delayDebounce?: number; - resizeMode?: ImageResizeMode; - varian?: VarianCheckbox; renderIconChecked?: (checked?: boolean) => ReactNode; onPress?: (value?: ItemT) => void; } -export interface RadioButtonBox { - className?: string; - classNameParent?: string; - classNameChildren?: string; - classNameLabel?: string; +export interface RadioButtonProps extends CheckboxItemBaseProps { classNameStatus?: checkedType & { borderChecked?: string; }; checked?: boolean; value?: ItemT; label?: string; - size?: number; sizeChildren?: number; - enableDebounce?: boolean; - delayDebounce?: number; varian?: VarianColor; onPress?: (value?: ItemT) => void; } export interface ImageBoxProps { - source: ImageRequireSource | Source; + source: ImageSourcePropType; className: string; - imageType?: ImageType; + imageModuleType?: ImageModuleType; style?: StyleProp; resizeMode?: ImageStyle['resizeMode']; } @@ -104,7 +98,7 @@ export interface ProgressCircleProps extends ProgressBaseProps { colorBackground?: string; } -export interface SliderBoxProps extends ScrollViewProps { +export interface SwipeBoxProps extends ScrollViewProps { classBox: string; classSlider: string; classSliderItem: string; @@ -132,3 +126,29 @@ export interface OnEndReachedProps extends NativeScrollEvent { itemWidth: number; horizontal?: boolean | null; } + +interface GroupPropsBase { + data: ItemT[]; + classBox?: string; + pickKey?: keyof ItemT; + pickLabel?: keyof ItemT; + onPress?: (value?: ItemT) => void; +} + +export interface RadioGroupProps extends GroupPropsBase { + value?: number | string; + radioItem?: CheckboxItemBaseProps & { + size?: number; + sizeChildren?: number; + varian?: VarianColor; + }; +} + +export interface CheckBoxGroupProps extends GroupPropsBase { + value?: (number | string)[]; + checkBoxItem?: CheckboxItemBaseProps & { + iconColor?: string; + iconChecked?: ImageSourcePropType; + iconSize?: number; + }; +} diff --git a/src/model/index.ts b/src/model/index.ts index 9abfc52..ff5b5af 100644 --- a/src/model/index.ts +++ b/src/model/index.ts @@ -11,7 +11,7 @@ export type VarianCheckbox = export type VarianColor = 'primary' | 'secondary'; -export enum ImageType { +export enum ImageModuleType { Image, FastImage, } diff --git a/yarn.lock b/yarn.lock index 6c497d9..3807946 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1159,6 +1159,11 @@ resolved "https://registry.yarnpkg.com/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz#75a2e8b51cb758a7553d6804a5932d7aace75c39" integrity sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw== +"@d11/react-native-fast-image@^8.6.12": + version "8.6.12" + resolved "https://registry.yarnpkg.com/@d11/react-native-fast-image/-/react-native-fast-image-8.6.12.tgz#4cc5adb594bef7508d8a15a7d7e3f9d3d65c4767" + integrity sha512-dKrSM42OWpQJ576hRrZVXnr7VONHf1wqTTLiDmGFfpZSfweg9PzzazNyOQRtcF7RXi4+yxYBTZjp8L3DJ7TBAA== + "@eslint-community/eslint-utils@^4.2.0": version "4.4.0" resolved "https://registry.yarnpkg.com/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz#a23514e8fb9af1269d5f7788aa556798d61c6b59" @@ -5615,11 +5620,6 @@ react-is@^17.0.1: resolved "https://registry.yarnpkg.com/react-is/-/react-is-17.0.2.tgz#e691d4a8e9c789365655539ab372762b0efb54f0" integrity sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w== -react-native-fast-image@^8.6.3: - version "8.6.3" - resolved "https://registry.yarnpkg.com/react-native-fast-image/-/react-native-fast-image-8.6.3.tgz#6edc3f9190092a909d636d93eecbcc54a8822255" - integrity sha512-Sdw4ESidXCXOmQ9EcYguNY2swyoWmx53kym2zRsvi+VeFCHEdkO+WG1DK+6W81juot40bbfLNhkc63QnWtesNg== - react-native-svg@^15.5.0: version "15.5.0" resolved "https://registry.yarnpkg.com/react-native-svg/-/react-native-svg-15.5.0.tgz#208647f2f1266a0a214f16e1b807fdc3ee7c0869" From 00dd44e34a88eb7bbcf23416908655441111ad3d Mon Sep 17 00:00:00 2001 From: kiai-huusang Date: Mon, 23 Sep 2024 17:35:37 +0700 Subject: [PATCH 13/23] feat(dropdown): add ui --- package.json | 2 +- src/components/box/index.tsx | 4 - src/components/button/index.tsx | 5 +- src/components/checkbox/index.tsx | 11 +- src/components/dropdowns/index.tsx | 360 ++++++++++++++++++++++++ src/components/groups/CheckboxGroup.tsx | 4 +- src/components/groups/RadioGroup.tsx | 4 +- src/components/image/index.tsx | 10 +- src/components/index.ts | 1 + src/components/progressBar/index.tsx | 13 +- src/components/progressCircle/index.tsx | 17 +- src/components/radioButton/index.tsx | 11 +- src/components/svgBox/ArrowDown.tsx | 19 ++ src/components/svgBox/ArrowLeft.tsx | 19 ++ src/components/svgBox/ArrowRight.tsx | 19 ++ src/components/svgBox/ArrowUp.tsx | 19 ++ src/components/svgBox/IconClose.tsx | 19 ++ src/components/svgBox/IconSearch.tsx | 19 ++ src/components/svgBox/SvgProvider.tsx | 60 ++++ src/components/svgBox/Tick.tsx | 19 ++ src/components/swipeBox/index.tsx | 65 ++--- src/components/switch/index.tsx | 51 +--- src/components/textInput/TextInput.tsx | 38 +++ src/components/textInput/index.ts | 1 + src/hook/index.ts | 2 + src/hook/useAnimationProgress.tsx | 17 +- src/hook/useClassNameDropdown.tsx | 95 +++++++ src/hook/useStateVisible.tsx | 9 + src/hook/useVarianColor.tsx | 24 +- src/model/component.ts | 76 +++-- src/styles/Position.styles.ts | 32 +-- src/styles/Size.styles.ts | 6 + src/utils/helper.util.ts | 2 + src/utils/styles.ts | 1 + yarn.lock | 8 +- 35 files changed, 868 insertions(+), 194 deletions(-) create mode 100644 src/components/dropdowns/index.tsx create mode 100644 src/components/svgBox/ArrowDown.tsx create mode 100644 src/components/svgBox/ArrowLeft.tsx create mode 100644 src/components/svgBox/ArrowRight.tsx create mode 100644 src/components/svgBox/ArrowUp.tsx create mode 100644 src/components/svgBox/IconClose.tsx create mode 100644 src/components/svgBox/IconSearch.tsx create mode 100644 src/components/svgBox/SvgProvider.tsx create mode 100644 src/components/svgBox/Tick.tsx create mode 100644 src/components/textInput/TextInput.tsx create mode 100644 src/components/textInput/index.ts create mode 100644 src/hook/useClassNameDropdown.tsx create mode 100644 src/hook/useStateVisible.tsx diff --git a/package.json b/package.json index 834c458..8731891 100644 --- a/package.json +++ b/package.json @@ -12,7 +12,7 @@ "@d11/react-native-fast-image": "^8.6.12", "react": "18.2.0", "react-native": "0.73.6", - "react-native-svg": "^15.5.0" + "react-native-svg": "^15.7.1" }, "devDependencies": { "@babel/core": "^7.20.0", diff --git a/src/components/box/index.tsx b/src/components/box/index.tsx index 777596d..b6be4d7 100644 --- a/src/components/box/index.tsx +++ b/src/components/box/index.tsx @@ -11,8 +11,4 @@ const Box = (props: BoxProps) => { return ; }; -Box.defaultProps = { - className: '', -}; - export default Box; diff --git a/src/components/button/index.tsx b/src/components/button/index.tsx index e5d1476..c9ef0da 100644 --- a/src/components/button/index.tsx +++ b/src/components/button/index.tsx @@ -19,6 +19,7 @@ const Button = (props: ButtonComponentProps) => { varian, title, children, + numberOfLines, onPress, ...rest } = props; @@ -53,7 +54,9 @@ const Button = (props: ButtonComponentProps) => { return ( {title ? ( - + {title} ) : null} diff --git a/src/components/checkbox/index.tsx b/src/components/checkbox/index.tsx index 70fbd79..15be6b9 100644 --- a/src/components/checkbox/index.tsx +++ b/src/components/checkbox/index.tsx @@ -7,13 +7,6 @@ import Checked from '../../assets/image/checked.png'; import {CheckboxProps} from '../../model'; import {useVarianCheckbox} from '../../hook'; -Checkbox.defaultProps = { - checked: false, - classNameBox: '', - classNameLabel: '', - classNameChildren: '', -}; - function Checkbox(props: CheckboxProps) { const { className, @@ -32,7 +25,7 @@ function Checkbox(props: CheckboxProps) { value, varian, renderIconChecked, - onPress, + onChange, } = props; const classCustom = useVarianCheckbox({varian}); const renderChecked = () => { @@ -70,7 +63,7 @@ function Checkbox(props: CheckboxProps) { enableDebounce={enableDebounce} delayDebounce={delayDebounce} onPress={() => { - onPress && onPress(value); + onChange && onChange(value); }} className={classNames('row-center gap-2', className)}> void; + onOpen?: () => void; +} + +interface RenderOptionItem { + selected: boolean; + index: number; +} + +interface Props { + data: ItemT[]; + offset?: OffsetType; + buttonDropdown?: ButtonComponentProps & { + hidden?: boolean; + placeholder?: string; + classPlaceholderColor?: string; + classValueColor?: string; + }; + maxWidthOption?: number; + classBox?: string; + classOption?: string; + classOptionItem?: string; + classOptionLabel?: string; + enableRightToLeft?: boolean; + enableSearch?: boolean; + height?: number; + width?: number; + value?: number | string; + pickKey?: keyof ItemT; + pickLabel?: keyof ItemT; + enableScroll?: boolean; + varian?: VarianColor; + iconColor?: string; + numberOfLinesOption?: number; + saveKeywordType?: 'none' | 'auto' | 'submit'; + searchType?: 'auto' | 'submit'; + inputSearch?: { + value?: string; + classInput?: string; + leftContent?: ReactNode; + rightContent?: ReactNode; + placeholder?: string; + onSearch?: (keyword: string) => void; + }; + renderButtonAction?: (params: RenderButtonProps) => ReactNode; + renderOptionItem?: ( + props: RenderOptionItem & { + item: ItemT; + }, + ) => ReactNode; + onChange?: (value: ItemT) => void; +} + +export default function DropdownBox({ + data, + pickKey = 'id' as keyof ItemT, + pickLabel = 'name' as keyof ItemT, + value, + buttonDropdown, + classBox, + classOption, + classOptionItem, + classOptionLabel, + width, + height, + offset, + enableScroll, + varian, + iconColor, + enableRightToLeft, + maxWidthOption = device.width, + enableSearch, + numberOfLinesOption, + inputSearch, + saveKeywordType = 'auto', + searchType = 'auto', + renderButtonAction, + renderOptionItem, + onChange, +}: Props) { + const {isVisible, onClose, onOpen, setVisible} = useStateVisible(); + const [keyword, setKeyword] = useState(''); + const [dataFilter, setDataFilter] = useState([]); + const theme = useVarianColor({varian, enableNull: true}); + const { + className, + title, + placeholder, + classNameText, + classPlaceholderColor, + classValueColor, + ...rest + } = buttonDropdown || {}; + const [offsetLayout, setOffsetLayout] = useState({ + left: 0, + top: 0, + width: 0, + }); + const [maxContent, setMaxContent] = useState({ + height: 0, + width: 0, + }); + const refTimeUpdate = useRef>(); + const refTimeMaxContent = useRef>(); + const refKw = useRef(''); + + const offsetOption = useRef(0); + + const classDropOption = useClassNameDropdown({ + classOption, + offset, + offsetLayout, + enableScroll, + classTheme: theme.border, + enableRightToLeft, + maxWidthOption, + maxContent, + }); + + useEffect(() => { + return () => { + if (isVisible) { + switch (saveKeywordType) { + case 'auto': + break; + case 'none': + handleClear(); + break; + case 'submit': + if (keyword !== refKw.current) { + setKeyword(refKw.current); + } + break; + default: + break; + } + } + }; + }, [isVisible]); + + const renderButton = () => { + if (buttonDropdown?.hidden) { + return null; + } + let titleBtn = placeholder ?? 'Select data'; + let classTitle = classPlaceholderColor ?? 'text-gray-400'; + if (value || isNumber(value)) { + const itemSelect = data?.find(x => x?.[pickKey] === value); + if (itemSelect) { + titleBtn = itemSelect[pickLabel] as string; + classTitle = classValueColor ?? 'text-black'; + } + } + if (renderButtonAction) { + return renderButtonAction({ + label: titleBtn, + selected: value ? true : false, + onClose, + onOpen, + }); + } + + return ( + + ); + }; + + const renderOption = () => { + const option = dataFilter?.map((item, index) => { + const selected = item?.[pickKey] === value; + if (renderOptionItem) { + return renderOptionItem({item, selected, index}); + } + return ( + + ) : null} + + + ) + } + /> + )} + {renderOption()} + + + )} + + ); +} diff --git a/src/components/groups/CheckboxGroup.tsx b/src/components/groups/CheckboxGroup.tsx index 5528fcc..52f1cff 100644 --- a/src/components/groups/CheckboxGroup.tsx +++ b/src/components/groups/CheckboxGroup.tsx @@ -11,7 +11,7 @@ export default function CheckboxGroup({ pickKey = 'id', pickLabel = 'name', value, - onPress, + onChange, }: CheckBoxGroupProps) { const renderItem = () => { return data.map(item => ( @@ -20,7 +20,7 @@ export default function CheckboxGroup({ key={item?.[pickKey]} value={item} checked={value?.includes(item?.[pickKey])} - onPress={onPress} + onChange={onChange} label={item?.[pickLabel] ?? ''} /> )); diff --git a/src/components/groups/RadioGroup.tsx b/src/components/groups/RadioGroup.tsx index 60235ec..1464094 100644 --- a/src/components/groups/RadioGroup.tsx +++ b/src/components/groups/RadioGroup.tsx @@ -11,7 +11,7 @@ export default function RadioGroup({ pickKey = 'id', pickLabel = 'name', value, - onPress, + onChange, }: RadioGroupProps) { const renderItem = () => { return data.map(item => ( @@ -19,7 +19,7 @@ export default function RadioGroup({ {...radioItem} value={item} checked={item[pickKey] === value} - onPress={onPress} + onChange={onChange} label={item[pickLabel]} /> )); diff --git a/src/components/image/index.tsx b/src/components/image/index.tsx index 440c800..060dfae 100644 --- a/src/components/image/index.tsx +++ b/src/components/image/index.tsx @@ -8,9 +8,9 @@ import useLoadModuleFastImage from '../../hook/useLoadModuleFastImage'; function ImageComponent({ className, imageModuleType, - source, + source = ImageModuleType.Image, style, - resizeMode, + resizeMode = 'contain', }: ImageBoxProps) { const stylesCustom = useClassName(classNames('w-full h-full', className)); const styleCard: StyleProp = StyleSheet.compose( @@ -28,9 +28,5 @@ function ImageComponent({ return ; } -ImageComponent.defaultProps = { - className: '', - imageType: ImageModuleType.Image, - resizeMode: 'contain', -}; + export default ImageComponent; diff --git a/src/components/index.ts b/src/components/index.ts index 8e90324..cb9e315 100644 --- a/src/components/index.ts +++ b/src/components/index.ts @@ -9,6 +9,7 @@ import ProgressBar from './progressBar'; import ProgressCircle from './progressCircle'; import SwipeBox from './swipeBox'; export * from './groups'; +export * from './textInput'; export { Text, diff --git a/src/components/progressBar/index.tsx b/src/components/progressBar/index.tsx index e9f28a5..a2463da 100644 --- a/src/components/progressBar/index.tsx +++ b/src/components/progressBar/index.tsx @@ -11,8 +11,8 @@ import {Animated} from 'react-native'; import useAnimationProgress from '../../hook/useAnimationProgress'; const ProgressBar = ({ - value, - varian, + value = 0, + varian = 'primary', label, classBox, className, @@ -68,13 +68,4 @@ const ProgressBar = ({ ); }; -ProgressBar.defaultProps = { - value: 0, - className: '', - classProgress: '', - varian: 'primary', - classLabel: '', - classBox: '', -}; - export default ProgressBar; diff --git a/src/components/progressCircle/index.tsx b/src/components/progressCircle/index.tsx index 43a90cf..9bb802d 100644 --- a/src/components/progressCircle/index.tsx +++ b/src/components/progressCircle/index.tsx @@ -13,16 +13,16 @@ import {COLORS} from '../../config/Colors'; import useAnimationProgress from '../../hook/useAnimationProgress'; const ProgressCircle = ({ - value, - varian, + value = 0, + varian = 'primary', label, className, classLabel, showLabel, - size, + size = 50, colorBackground, colorProgress, - strokeWidth, + strokeWidth = 8, renderLabel, ...rest }: ProgressCircleProps) => { @@ -92,13 +92,4 @@ const ProgressCircle = ({ ); }; -ProgressCircle.defaultProps = { - value: 0, - className: '', - varian: 'primary', - classLabel: '', - size: 50, - strokeWidth: 8, -}; - export default ProgressCircle; diff --git a/src/components/radioButton/index.tsx b/src/components/radioButton/index.tsx index 4fe3353..0513ff1 100644 --- a/src/components/radioButton/index.tsx +++ b/src/components/radioButton/index.tsx @@ -21,7 +21,7 @@ function RadioButton(props: RadioButtonProps) { value, varian, classNameStatus, - onPress, + onChange, } = props; const styleCustom = useVarianColor({varian}); @@ -33,7 +33,7 @@ function RadioButton(props: RadioButtonProps) { enableDebounce={enableDebounce} delayDebounce={delayDebounce} onPress={() => { - onPress && onPress(value); + onChange && onChange(value); }} className={classNames('row-center gap-2', className)}> (props: RadioButtonProps) { ); } -RadioButton.defaultProps = { - checked: false, - classNameBox: '', - classNameLabel: '', - classNameChildren: '', -}; - export default RadioButton; diff --git a/src/components/svgBox/ArrowDown.tsx b/src/components/svgBox/ArrowDown.tsx new file mode 100644 index 0000000..b952640 --- /dev/null +++ b/src/components/svgBox/ArrowDown.tsx @@ -0,0 +1,19 @@ +import React from 'react'; +import {Path, SvgProps} from 'react-native-svg'; +import {SvgProvider} from './SvgProvider'; + +export const ArrowDown = ({ + ...props +}: SvgProps & { + width?: number; +}) => { + return ( + + + + ); +}; diff --git a/src/components/svgBox/ArrowLeft.tsx b/src/components/svgBox/ArrowLeft.tsx new file mode 100644 index 0000000..482202a --- /dev/null +++ b/src/components/svgBox/ArrowLeft.tsx @@ -0,0 +1,19 @@ +import React from 'react'; +import {Path, SvgProps} from 'react-native-svg'; +import {SvgProvider} from './SvgProvider'; + +export const ArrowLeft = ({ + ...props +}: SvgProps & { + width?: number; +}) => { + return ( + + + + ); +}; diff --git a/src/components/svgBox/ArrowRight.tsx b/src/components/svgBox/ArrowRight.tsx new file mode 100644 index 0000000..b7dbbad --- /dev/null +++ b/src/components/svgBox/ArrowRight.tsx @@ -0,0 +1,19 @@ +import React from 'react'; +import {Path, SvgProps} from 'react-native-svg'; +import {SvgProvider} from './SvgProvider'; + +export const ArrowRight = ({ + ...props +}: SvgProps & { + width?: number; +}) => { + return ( + + + + ); +}; diff --git a/src/components/svgBox/ArrowUp.tsx b/src/components/svgBox/ArrowUp.tsx new file mode 100644 index 0000000..3f2241d --- /dev/null +++ b/src/components/svgBox/ArrowUp.tsx @@ -0,0 +1,19 @@ +import React from 'react'; +import {Path, SvgProps} from 'react-native-svg'; +import {SvgProvider} from './SvgProvider'; + +export const ArrowUp = ({ + ...props +}: SvgProps & { + width?: number; +}) => { + return ( + + + + ); +}; diff --git a/src/components/svgBox/IconClose.tsx b/src/components/svgBox/IconClose.tsx new file mode 100644 index 0000000..a024775 --- /dev/null +++ b/src/components/svgBox/IconClose.tsx @@ -0,0 +1,19 @@ +import React from 'react'; +import {Path, SvgProps} from 'react-native-svg'; +import {SvgProvider} from './SvgProvider'; + +export const IconClose = ({ + ...props +}: SvgProps & { + width?: number; +}) => { + return ( + + + + ); +}; diff --git a/src/components/svgBox/IconSearch.tsx b/src/components/svgBox/IconSearch.tsx new file mode 100644 index 0000000..b729a48 --- /dev/null +++ b/src/components/svgBox/IconSearch.tsx @@ -0,0 +1,19 @@ +import React from 'react'; +import {Path, SvgProps} from 'react-native-svg'; +import {SvgProvider} from './SvgProvider'; + +export const IconSearch = ({ + ...props +}: SvgProps & { + width?: number; +}) => { + return ( + + + + ); +}; diff --git a/src/components/svgBox/SvgProvider.tsx b/src/components/svgBox/SvgProvider.tsx new file mode 100644 index 0000000..363206e --- /dev/null +++ b/src/components/svgBox/SvgProvider.tsx @@ -0,0 +1,60 @@ +import React, {useMemo} from 'react'; +import {Svg, SvgProps} from 'react-native-svg'; +import {VarianColor} from '../../model'; +import {useVarianColor} from '../../hook'; +import {Box} from '..'; +const ICON_WIDTH = 24; +const ICON_HEIGHT = 24; +interface SvgProviderProps extends SvgProps { + varian?: VarianColor; + autoResize?: boolean; + aspectRatio?: number; + originalWidth?: number; + originalHeight?: number; + width?: number; +} + +export const SvgProvider = ({ + children, + height, + width, + varian, + fill, + originalWidth = ICON_WIDTH, + originalHeight = ICON_HEIGHT, + ...rest +}: SvgProviderProps) => { + const theme = useVarianColor({varian, enableNull: true}); + const widthIcon = useMemo( + () => width ?? originalWidth, + [width, originalWidth], + ) as number; + + const aspectRatio = useMemo( + () => originalWidth / originalHeight, + [originalWidth, originalHeight], + ); + const heightIcon = useMemo(() => { + if (height) { + return height; + } + if (width) { + return Math.floor(width * (width / originalWidth)); + } + return originalHeight; + }, [height, originalWidth, originalHeight, width]); + + return ( + + + {children} + + + ); +}; diff --git a/src/components/svgBox/Tick.tsx b/src/components/svgBox/Tick.tsx new file mode 100644 index 0000000..6163e29 --- /dev/null +++ b/src/components/svgBox/Tick.tsx @@ -0,0 +1,19 @@ +import React from 'react'; +import {Path, SvgProps} from 'react-native-svg'; +import {SvgProvider} from './SvgProvider'; + +export const Tick = ({ + ...props +}: SvgProps & { + width?: number; +}) => { + return ( + + + + ); +}; diff --git a/src/components/swipeBox/index.tsx b/src/components/swipeBox/index.tsx index 3deee22..048b5d4 100644 --- a/src/components/swipeBox/index.tsx +++ b/src/components/swipeBox/index.tsx @@ -13,34 +13,37 @@ import { NativeSyntheticEvent, ScrollView, } from 'react-native'; -import {Path, Svg} from 'react-native-svg'; import useSpecsSwipeBox from '../../hook/useSpecsSwipeBox'; import useActionSwipeBox from '../../hook/useActionSwipeBox'; -import {CONFIG_BOX} from '../../config'; +import {ArrowLeft} from '../svgBox/ArrowLeft'; +import {ArrowRight} from '../svgBox/ArrowRight'; const SwipeBox = ({ data, classBox, - horizontal, - showPagination, + horizontal = true, + showPagination = true, classPageItem, classPagination, classSliderItem, itemWidth, - enableAnimation, + enableAnimation = true, classSlider, width, style, - currentIndex, + currentIndex = 0, enableControl, - pagingEnabled, - space, - centerContent, + pagingEnabled = true, + space = 0, + centerContent = true, + showsHorizontalScrollIndicator = false, + showsVerticalScrollIndicator = false, renderPageItem, renderSliderItem, onIndexChanged, onScroll, onEndReached, + renderControl, ...rest }: SwipeBoxProps) => { const [sliderOffset, setSliderOffset] = useState({ @@ -180,7 +183,10 @@ const SwipeBox = ({ return null; }; - const renderControl = () => { + const renderControlItem = () => { + if (renderControl) { + return renderControl(); + } if (enableControl) { return ( <> @@ -192,13 +198,7 @@ const SwipeBox = ({ }} onPress={() => handleControl('prev')} className={classNames(classControl, 'left-2')}> - - - + ); @@ -233,32 +227,15 @@ const SwipeBox = ({ style={[styleSlider, style]} horizontal={horizontal} onScroll={onScrollListener} + showsHorizontalScrollIndicator={showsHorizontalScrollIndicator} + showsVerticalScrollIndicator={showsVerticalScrollIndicator} pagingEnabled={pagingEnabled}> {renderItem()} {renderPagination()} - {renderControl()} + {renderControlItem()} ); }; -SwipeBox.defaultProps = { - currentIndex: 0, - space: 0, - spaceEndReach: 0, - classBox: '', - classSlider: '', - classSliderItem: '', - classPageItem: '', - classPagination: '', - horizontal: true, - enableAnimation: true, - showPagination: true, - showsHorizontalScrollIndicator: false, - showsVerticalScrollIndicator: false, - enableControl: false, - pagingEnabled: true, - centerContent: true, -}; - export default SwipeBox; diff --git a/src/components/switch/index.tsx b/src/components/switch/index.tsx index 7b0bee3..d6d3a55 100644 --- a/src/components/switch/index.tsx +++ b/src/components/switch/index.tsx @@ -1,27 +1,12 @@ -import React, {ReactNode, useState} from 'react'; +import React from 'react'; import Button from '../button'; import Box from '../box'; -import {classNames, Text, useVarianColor, VarianColor} from '../..'; +import {classNames, SwitchBoxProps, Text, useVarianColor} from '../..'; -interface Props { - value: boolean; - varian: VarianColor; - className: string; - classThumb: string; - classLabel: string; - disabled?: boolean; - label?: { - on?: string; - off?: string; - }; - renderLabel?: (value: boolean) => ReactNode; - renderThumb?: (value: boolean) => ReactNode; - onChange?: (value: boolean) => void; -} const SwitchBox = ({ - value, + value = false, label, - varian, + varian = 'primary', classThumb, className, classLabel, @@ -29,13 +14,11 @@ const SwitchBox = ({ renderThumb, renderLabel, onChange, -}: Props) => { - const [active, setActive] = useState(value); +}: SwitchBoxProps) => { const classVarian = useVarianColor({varian}); const toggleActive = () => { - onChange && onChange(!active); - setActive(pre => !pre); + onChange && onChange(!value); }; const renderCustomLabel = () => { @@ -43,23 +26,23 @@ const SwitchBox = ({ return ( - {active ? label?.on : label?.off} + {value ? label?.on : label?.off} ); } if (renderLabel) { - return renderLabel(active); + return renderLabel(value); } return null; }; const renderCustomThumb = () => { if (renderThumb) { - return renderThumb(active); + return renderThumb(value); } return ( {renderCustomThumb()} @@ -89,12 +72,4 @@ const SwitchBox = ({ ); }; -SwitchBox.defaultProps = { - value: false, - className: '', - varian: 'primary', - classThumb: '', - classLabel: '', -}; - export default SwitchBox; diff --git a/src/components/textInput/TextInput.tsx b/src/components/textInput/TextInput.tsx new file mode 100644 index 0000000..8deaa41 --- /dev/null +++ b/src/components/textInput/TextInput.tsx @@ -0,0 +1,38 @@ +import React from 'react'; +import {TextInput} from 'react-native'; +import Box from '../box'; +import {classNames} from '../../utils'; +import {Text, TextInputBoxProps, useClassName} from '../..'; + +export default function TextInputBox({ + leftContent, + rightContent, + classInput, + classInputBase, + classBox, + classLabel, + label, + style, + ...rest +}: TextInputBoxProps) { + const stylesClassInputBase = useClassName( + classNames('text-black px-1 flex-1', classInputBase), + ); + + return ( + + {label ? ( + {label} + ) : null} + + {leftContent} + + {rightContent} + + + ); +} diff --git a/src/components/textInput/index.ts b/src/components/textInput/index.ts new file mode 100644 index 0000000..7e62766 --- /dev/null +++ b/src/components/textInput/index.ts @@ -0,0 +1 @@ +export {default as TextInputBox} from './TextInput'; diff --git a/src/hook/index.ts b/src/hook/index.ts index 5fa776f..de3a2c5 100644 --- a/src/hook/index.ts +++ b/src/hook/index.ts @@ -3,6 +3,7 @@ import useClassNameButton from './useClassNameButton'; import useVarianCheckbox from './useVarianCheckbox'; import useVarianColor from './useVarianColor'; import useCircleSpecs from './useCircleSpecs'; +import useStateVisible from './useStateVisible'; export { useClassName, @@ -10,4 +11,5 @@ export { useVarianCheckbox, useVarianColor, useCircleSpecs, + useStateVisible, }; diff --git a/src/hook/useAnimationProgress.tsx b/src/hook/useAnimationProgress.tsx index 210c036..9c5ead6 100644 --- a/src/hook/useAnimationProgress.tsx +++ b/src/hook/useAnimationProgress.tsx @@ -2,21 +2,24 @@ import {useEffect, useRef} from 'react'; import {Animated, Easing} from 'react-native'; interface Props extends Animated.TimingAnimationConfig {} -const useAnimationProgress = ({toValue, ...rest}: Props) => { +const useAnimationProgress = ({ + toValue, + useNativeDriver = false, + easing = Easing.linear, + duration = 1000, + ...rest +}: Props) => { const progress = useRef(new Animated.Value(0)).current; useEffect(() => { Animated.timing(progress, { ...rest, + useNativeDriver, + easing, + duration, toValue, }).start(); }, [toValue]); return progress; }; -useAnimationProgress.defaultProps = { - useNativeDriver: false, - easing: Easing.linear, - duration: 1000, -}; - export default useAnimationProgress; diff --git a/src/hook/useClassNameDropdown.tsx b/src/hook/useClassNameDropdown.tsx new file mode 100644 index 0000000..fa00bc3 --- /dev/null +++ b/src/hook/useClassNameDropdown.tsx @@ -0,0 +1,95 @@ +import {useMemo} from 'react'; +import {classNames, isNumber} from '../utils'; + +interface OffsetType { + top?: number; + left?: number; + right?: number; + bottom?: number; + width?: number; + height?: number; +} + +interface Props { + offset?: OffsetType; + offsetLayout?: OffsetType; + classOption?: string; + enableScroll?: boolean; + classTheme?: string; + enableRightToLeft?: boolean; + maxWidthOption: number; + maxContent?: OffsetType; +} + +export default function useClassNameDropdown({ + classOption, + offset, + offsetLayout, + enableScroll, + classTheme, + enableRightToLeft, + maxWidthOption, + maxContent, +}: Props) { + const className = useMemo(() => { + const classDefault = 'absolute z-9 bg-white rounded-md border gap-1 py-2'; + let width = offset?.width || offsetLayout?.width; + const heightClass = offset?.height ? `h-[${offset?.height}]` : 'h-auto'; + const positionTop = offset?.top ?? offsetLayout?.top; + const bottomPositionClass = isNumber(offset?.bottom) + ? `bottom-[${offset?.bottom}]` + : ''; + let maxHeight = maxContent?.height || 0; + let maxWidth = maxContent?.width || 0; + if (positionTop) { + maxHeight -= positionTop; + } + + const positionLeft = offset?.left ?? offsetLayout?.left ?? 0; + const positionLeftClass = `left-[${positionLeft}]`; + + let positionRight = offset?.right; + if (enableRightToLeft && !positionRight) { + positionRight = Math.floor( + maxWidthOption - + ((offset?.left ?? offsetLayout?.left ?? 0) + + (offsetLayout?.width ?? 0)), + ); + maxWidth -= positionRight; + } else { + maxWidth -= positionLeft; + } + const rightPositionClass = positionRight ? `right-[${positionRight}]` : ''; + if (classOption?.includes('w-full')) { + classOption = classOption.replace('w-full', ''); + if (enableRightToLeft && positionRight) { + width = maxWidthOption - positionRight; + } else { + width = maxWidthOption - (positionLeft ?? 0); + } + width = Math.floor(width); + } + + return classNames( + classDefault, + `w-[${width}]`, + `top-[${positionTop}]`, + `max-h-[${maxHeight}]`, + `max-w-[${maxWidth}]`, + heightClass, + bottomPositionClass, + classTheme, + classOption, + enableRightToLeft ? rightPositionClass : positionLeftClass, + ); + }, [ + classOption, + offset, + offsetLayout, + enableScroll, + enableRightToLeft, + maxContent, + ]); + + return className; +} diff --git a/src/hook/useStateVisible.tsx b/src/hook/useStateVisible.tsx new file mode 100644 index 0000000..5f8ddfb --- /dev/null +++ b/src/hook/useStateVisible.tsx @@ -0,0 +1,9 @@ +import {useState} from 'react'; + +export default function useStateVisible(valueDefault = false) { + const [isVisible, setVisible] = useState(valueDefault); + const onClose = () => setVisible(false); + const onOpen = () => setVisible(true); + + return {isVisible, setVisible, onOpen, onClose}; +} diff --git a/src/hook/useVarianColor.tsx b/src/hook/useVarianColor.tsx index ad21e0a..2094513 100644 --- a/src/hook/useVarianColor.tsx +++ b/src/hook/useVarianColor.tsx @@ -1,12 +1,14 @@ import {useMemo} from 'react'; import {VarianColor} from '../model'; import {CONFIG_BOX} from '../config'; +import {COLORS} from '../config/Colors'; type Props = { varian?: VarianColor; + enableNull?: boolean; }; -export default function useVarianColor({varian}: Props) { +export default function useVarianColor({varian, enableNull}: Props) { const styleDirection = useMemo(() => { if (varian === 'secondary') { return { @@ -16,12 +18,22 @@ export default function useVarianColor({varian}: Props) { color: CONFIG_BOX.colors.secondary, }; } + + if (varian === 'primary' || !enableNull) { + return { + border: 'border-primary', + bg: 'bg-primary', + text: 'text-primary', + color: CONFIG_BOX.colors.primary, + }; + } + return { - border: 'border-primary', - bg: 'bg-primary', - text: 'text-primary', - color: CONFIG_BOX.colors.primary, + border: 'border-black', + bg: 'bg-black', + text: 'text-black', + color: COLORS.black, }; - }, [varian]); + }, [varian, enableNull]); return styleDirection; } diff --git a/src/model/component.ts b/src/model/component.ts index 5847273..0a64bec 100644 --- a/src/model/component.ts +++ b/src/model/component.ts @@ -5,6 +5,7 @@ import { NativeScrollEvent, ScrollViewProps, StyleProp, + TextInputProps, TextProps, TouchableOpacityProps, ViewProps, @@ -17,7 +18,7 @@ interface checkedType { unchecked?: string; } export interface BoxProps extends ViewProps { - className: string; + className?: string; } export interface ButtonComponentProps extends TouchableOpacityProps { @@ -27,6 +28,7 @@ export interface ButtonComponentProps extends TouchableOpacityProps { delayDebounce?: number; varian?: Varian; title?: string; + numberOfLines?: number; } interface CheckboxItemBaseProps { @@ -50,7 +52,7 @@ export interface CheckboxProps extends CheckboxItemBaseProps { iconChecked?: ImageSourcePropType; iconSize?: number; renderIconChecked?: (checked?: boolean) => ReactNode; - onPress?: (value?: ItemT) => void; + onChange?: (value?: ItemT) => void; } export interface RadioButtonProps extends CheckboxItemBaseProps { @@ -62,12 +64,12 @@ export interface RadioButtonProps extends CheckboxItemBaseProps { label?: string; sizeChildren?: number; varian?: VarianColor; - onPress?: (value?: ItemT) => void; + onChange?: (value?: ItemT) => void; } export interface ImageBoxProps { source: ImageSourcePropType; - className: string; + className?: string; imageModuleType?: ImageModuleType; style?: StyleProp; resizeMode?: ImageStyle['resizeMode']; @@ -82,42 +84,43 @@ interface ProgressBaseProps extends BoxProps { label?: string; varian: VarianColor; showLabel?: boolean; - classLabel: string; + classLabel?: string; renderLabel?: (value: number) => ReactNode; } export interface ProgressBarProps extends ProgressBaseProps { - classBox: string; - classProgress: string; + classBox?: string; + classProgress?: string; } export interface ProgressCircleProps extends ProgressBaseProps { - size: number; - strokeWidth: number; + size?: number; + strokeWidth?: number; colorProgress?: string; colorBackground?: string; } export interface SwipeBoxProps extends ScrollViewProps { - classBox: string; - classSlider: string; - classSliderItem: string; - classPageItem: string; - classPagination: string; + classBox?: string; + classSlider?: string; + classSliderItem?: string; + classPageItem?: string; + classPagination?: string; data: ItemT[]; - showPagination: boolean; - currentIndex: number; + showPagination?: boolean; + currentIndex?: number; width?: number; itemWidth?: number; sliderWidth?: number; - enableAnimation: boolean; - enableControl: boolean; - space: number; + enableAnimation?: boolean; + enableControl?: boolean; + space?: number; iconNext?: ReactNode; iconPrev?: ReactNode; iconColor?: string; renderSliderItem: (item: ItemT, index: number) => ReactNode; renderPageItem?: (item: ItemT, index: number) => ReactNode; + renderControl?: () => ReactNode; onIndexChanged?: (index: number) => void; onEndReached?: () => void; } @@ -132,7 +135,7 @@ interface GroupPropsBase { classBox?: string; pickKey?: keyof ItemT; pickLabel?: keyof ItemT; - onPress?: (value?: ItemT) => void; + onChange?: (value?: ItemT) => void; } export interface RadioGroupProps extends GroupPropsBase { @@ -152,3 +155,36 @@ export interface CheckBoxGroupProps extends GroupPropsBase { iconSize?: number; }; } + +export interface TextInputBoxProps extends TextInputProps { + leftContent?: ReactNode; + rightContent?: ReactNode; + classInput?: string; + classInputBase?: string; + classBox?: string; + label?: string; + classLabel?: string; +} + +export interface SwitchBoxProps { + value?: boolean; + varian?: VarianColor; + className?: string; + classThumb?: string; + classLabel?: string; + disabled?: boolean; + label?: { + on?: string; + off?: string; + }; + renderLabel?: (value: boolean) => ReactNode; + renderThumb?: (value: boolean) => ReactNode; + onChange?: (value: boolean) => void; +} + +export interface SvgProps { + children: ReactNode; + width?: string; + height?: string; + viewBox?: string; +} diff --git a/src/styles/Position.styles.ts b/src/styles/Position.styles.ts index 5159f17..021c352 100644 --- a/src/styles/Position.styles.ts +++ b/src/styles/Position.styles.ts @@ -3,22 +3,22 @@ import {StyleSheet} from 'react-native'; export const positionStyles = StyleSheet.create({ absolute: {position: 'absolute'}, relative: {position: 'relative'}, - '-z-1': {zIndex: -1}, - '-z-2': {zIndex: -2}, - '-z-3': {zIndex: -3}, - 'z-0': {zIndex: 0}, - 'z-1': {zIndex: 1}, - 'z-2': {zIndex: 2}, - 'z-3': {zIndex: 3}, - 'z-4': {zIndex: 4}, - 'z-5': {zIndex: 5}, - 'z-6': {zIndex: 6}, - 'z-7': {zIndex: 7}, - 'z-8': {zIndex: 8}, - 'z-9': {zIndex: 9}, - 'z-99': {zIndex: 99}, - 'z-999': {zIndex: 999}, - 'z-9999': {zIndex: 9999}, + '-z-1': {zIndex: -1, elevation: -1}, + '-z-2': {zIndex: -2, elevation: -2}, + '-z-3': {zIndex: -3, elevation: -3}, + 'z-0': {zIndex: 0, elevation: -0}, + 'z-1': {zIndex: 1, elevation: 1}, + 'z-2': {zIndex: 2, elevation: 2}, + 'z-3': {zIndex: 3, elevation: 3}, + 'z-4': {zIndex: 4, elevation: 4}, + 'z-5': {zIndex: 5, elevation: 5}, + 'z-6': {zIndex: 6, elevation: 6}, + 'z-7': {zIndex: 7, elevation: 7}, + 'z-8': {zIndex: 8, elevation: 8}, + 'z-9': {zIndex: 9, elevation: 9}, + 'z-99': {zIndex: 99, elevation: 99}, + 'z-999': {zIndex: 999, elevation: 999}, + 'z-9999': {zIndex: 9999, elevation: 9999}, 'opacity-0': {opacity: 0}, 'opacity-5': {opacity: 0.05}, 'opacity-10': {opacity: 0.1}, diff --git a/src/styles/Size.styles.ts b/src/styles/Size.styles.ts index 623fbb4..e117879 100644 --- a/src/styles/Size.styles.ts +++ b/src/styles/Size.styles.ts @@ -2,6 +2,7 @@ import {StyleSheet} from 'react-native'; import {device} from '../utils'; export const sizeRatioStyles = StyleSheet.create({ + 'w-auto': {width: 'auto'}, 'w-1/2': {width: '50%'}, 'w-1/3': {width: '33.333333%'}, 'w-2/3': {width: '66.666667%'}, @@ -13,6 +14,7 @@ export const sizeRatioStyles = StyleSheet.create({ 'w-4/5': {width: '80%'}, 'w-full': {width: '100%'}, 'w-screen': {width: device.width}, + 'min-w-auto': {minWidth: 'auto'}, 'min-w-1/2': {minWidth: '50%'}, 'min-w-1/3': {minWidth: '33.333333%'}, 'min-w-2/3': {minWidth: '66.666667%'}, @@ -24,6 +26,7 @@ export const sizeRatioStyles = StyleSheet.create({ 'min-w-4/5': {minWidth: '80%'}, 'min-w-full': {minWidth: '100%'}, 'min-w-screen': {minWidth: device.width}, + 'max-w-auto': {maxWidth: 'auto'}, 'max-w-1/2': {maxWidth: '50%'}, 'max-w-1/3': {maxWidth: '33.333333%'}, 'max-w-2/3': {maxWidth: '66.666667%'}, @@ -35,6 +38,7 @@ export const sizeRatioStyles = StyleSheet.create({ 'max-w-4/5': {maxWidth: '80%'}, 'max-w-full': {maxWidth: '100%'}, 'max-w-screen': {maxWidth: device.width}, + 'h-auto': {height: 'auto'}, 'h-1/2': {height: '50%'}, 'h-1/3': {height: '33.333333%'}, 'h-2/3': {height: '66.666667%'}, @@ -46,6 +50,7 @@ export const sizeRatioStyles = StyleSheet.create({ 'h-4/5': {height: '80%'}, 'h-full': {height: '100%'}, 'h-screen': {height: device.height}, + 'min-h-auto': {minHeight: 'auto'}, 'min-h-1/2': {minHeight: '50%'}, 'min-h-1/3': {minHeight: '33.333333%'}, 'min-h-2/3': {minHeight: '66.666667%'}, @@ -57,6 +62,7 @@ export const sizeRatioStyles = StyleSheet.create({ 'min-h-4/5': {minHeight: '80%'}, 'min-h-full': {minHeight: '100%'}, 'min-h-screen': {minHeight: device.height}, + 'max-h-auto': {maxHeight: 'auto'}, 'max-h-1/2': {maxHeight: '50%'}, 'max-h-1/3': {maxHeight: '33.333333%'}, 'max-h-2/3': {maxHeight: '66.666667%'}, diff --git a/src/utils/helper.util.ts b/src/utils/helper.util.ts index a30724e..33d12a7 100644 --- a/src/utils/helper.util.ts +++ b/src/utils/helper.util.ts @@ -17,3 +17,5 @@ export const isEndReachedScroll = ({ const content = horizontal ? contentSize.width : contentSize.height; return layoutSize + offset >= content - space; }; + +export const isNumber = (value: any) => typeof value === 'number'; diff --git a/src/utils/styles.ts b/src/utils/styles.ts index b9a7801..83bd10c 100644 --- a/src/utils/styles.ts +++ b/src/utils/styles.ts @@ -68,6 +68,7 @@ export const createSizeCustomStyles = (value: number, keyStyle: string) => { 'border-x': 'borderLeftWidth borderRightWidth', 'border-y': 'borderTopWidth borderBottomWidth', 'line-height': 'lineHeight', + aspectRatio: 'aspectRatio', }; let styles: {[key: string]: number} = {}; const scaleType: ScaleType = diff --git a/yarn.lock b/yarn.lock index 3807946..eec4302 100644 --- a/yarn.lock +++ b/yarn.lock @@ -5620,10 +5620,10 @@ react-is@^17.0.1: resolved "https://registry.yarnpkg.com/react-is/-/react-is-17.0.2.tgz#e691d4a8e9c789365655539ab372762b0efb54f0" integrity sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w== -react-native-svg@^15.5.0: - version "15.5.0" - resolved "https://registry.yarnpkg.com/react-native-svg/-/react-native-svg-15.5.0.tgz#208647f2f1266a0a214f16e1b807fdc3ee7c0869" - integrity sha512-/DUPfmSf3eXt59WjG8hlRKVPzqVjM7duG9vJH6UYAJesj3NtYcyFsO5sYpSkovlOwagk84PibcVb92bBwMSmng== +react-native-svg@^15.7.1: + version "15.7.1" + resolved "https://registry.yarnpkg.com/react-native-svg/-/react-native-svg-15.7.1.tgz#299bf5ff21fb355a0f4bedd4cb8f9f520725c4fe" + integrity sha512-Xc11L4t6/DtmUwrQqHR7S45Qy3cIWpcfGlmEatVeZ9c1N8eAK79heJmGRgCOVrXESrrLEHfP/AYGf0BGyrvV6A== dependencies: css-select "^5.1.0" css-tree "^1.1.3" From 21e2a7dbb5b871763d4aa62b6665bf698ff04f67 Mon Sep 17 00:00:00 2001 From: sangyuo Date: Mon, 7 Oct 2024 17:50:51 +0700 Subject: [PATCH 14/23] Feat(multiSelectDropdown): Add UI --- src/components/button/index.tsx | 4 + src/components/dropdowns/index.tsx | 137 +++++------------ src/components/flatListBox/index.tsx | 30 ++++ src/components/groups/CheckboxGroup.tsx | 14 +- src/components/groups/RadioGroup.tsx | 12 +- src/components/index.ts | 8 + src/components/multiSelectDropdown/index.tsx | 152 +++++++++++++++++++ src/components/scrollViewBox/index.tsx | 30 ++++ src/components/sectionListBox/index.tsx | 30 ++++ src/components/swipeBox/index.tsx | 12 +- src/components/virtualizedListBox/index.tsx | 31 ++++ src/model/component.ts | 88 ++++++++++- 12 files changed, 430 insertions(+), 118 deletions(-) create mode 100644 src/components/flatListBox/index.tsx create mode 100644 src/components/multiSelectDropdown/index.tsx create mode 100644 src/components/scrollViewBox/index.tsx create mode 100644 src/components/sectionListBox/index.tsx create mode 100644 src/components/virtualizedListBox/index.tsx diff --git a/src/components/button/index.tsx b/src/components/button/index.tsx index c9ef0da..c88f47e 100644 --- a/src/components/button/index.tsx +++ b/src/components/button/index.tsx @@ -20,6 +20,8 @@ const Button = (props: ButtonComponentProps) => { title, children, numberOfLines, + leftContent, + rightContent, onPress, ...rest } = props; @@ -53,6 +55,7 @@ const Button = (props: ButtonComponentProps) => { return ( + {leftContent} {title ? ( { ) : null} {children} + {rightContent} ); }; diff --git a/src/components/dropdowns/index.tsx b/src/components/dropdowns/index.tsx index cd63679..31d86d6 100644 --- a/src/components/dropdowns/index.tsx +++ b/src/components/dropdowns/index.tsx @@ -1,8 +1,8 @@ -import React, {ReactNode, useEffect, useRef, useState} from 'react'; +import React, {useEffect, useRef, useState} from 'react'; import Box from '../box'; import {ScrollView, TouchableWithoutFeedback} from 'react-native'; import Button from '../button'; -import {ButtonComponentProps, VarianColor} from '../../model'; +import {DropDownProps} from '../../model'; import {classNames, device, isNumber} from '../../utils'; import useClassNameDropdown from '../../hook/useClassNameDropdown'; import {useStateVisible, useVarianColor} from '../../hook'; @@ -10,70 +10,7 @@ import {ArrowDown} from '../svgBox/ArrowDown'; import {TextInputBox} from '../..'; import {IconSearch} from '../svgBox/IconSearch'; import {IconClose} from '../svgBox/IconClose'; - -interface OffsetType { - top?: number; - left?: number; - right?: number; - width?: number; - height?: number; -} - -interface RenderButtonProps { - selected?: boolean; - label?: string | number; - onClose?: () => void; - onOpen?: () => void; -} - -interface RenderOptionItem { - selected: boolean; - index: number; -} - -interface Props { - data: ItemT[]; - offset?: OffsetType; - buttonDropdown?: ButtonComponentProps & { - hidden?: boolean; - placeholder?: string; - classPlaceholderColor?: string; - classValueColor?: string; - }; - maxWidthOption?: number; - classBox?: string; - classOption?: string; - classOptionItem?: string; - classOptionLabel?: string; - enableRightToLeft?: boolean; - enableSearch?: boolean; - height?: number; - width?: number; - value?: number | string; - pickKey?: keyof ItemT; - pickLabel?: keyof ItemT; - enableScroll?: boolean; - varian?: VarianColor; - iconColor?: string; - numberOfLinesOption?: number; - saveKeywordType?: 'none' | 'auto' | 'submit'; - searchType?: 'auto' | 'submit'; - inputSearch?: { - value?: string; - classInput?: string; - leftContent?: ReactNode; - rightContent?: ReactNode; - placeholder?: string; - onSearch?: (keyword: string) => void; - }; - renderButtonAction?: (params: RenderButtonProps) => ReactNode; - renderOptionItem?: ( - props: RenderOptionItem & { - item: ItemT; - }, - ) => ReactNode; - onChange?: (value: ItemT) => void; -} +import {Tick} from '../svgBox/Tick'; export default function DropdownBox({ data, @@ -98,11 +35,16 @@ export default function DropdownBox({ inputSearch, saveKeywordType = 'auto', searchType = 'auto', + classOptionItemSelected, + classOptionLabelSelected, + styleSelectType = 'color', + iconSelected, + iconSelectedColor, renderButtonAction, renderOptionItem, onChange, -}: Props) { - const {isVisible, onClose, onOpen, setVisible} = useStateVisible(); +}: DropDownProps) { + const {isVisible, onClose, setVisible} = useStateVisible(); const [keyword, setKeyword] = useState(''); const [dataFilter, setDataFilter] = useState([]); const theme = useVarianColor({varian, enableNull: true}); @@ -128,8 +70,6 @@ export default function DropdownBox({ const refTimeMaxContent = useRef>(); const refKw = useRef(''); - const offsetOption = useRef(0); - const classDropOption = useClassNameDropdown({ classOption, offset, @@ -168,8 +108,9 @@ export default function DropdownBox({ } let titleBtn = placeholder ?? 'Select data'; let classTitle = classPlaceholderColor ?? 'text-gray-400'; + let itemSelect: ItemT | null = null; if (value || isNumber(value)) { - const itemSelect = data?.find(x => x?.[pickKey] === value); + itemSelect = data?.find(x => x?.[pickKey] === value) ?? null; if (itemSelect) { titleBtn = itemSelect[pickLabel] as string; classTitle = classValueColor ?? 'text-black'; @@ -177,10 +118,10 @@ export default function DropdownBox({ } if (renderButtonAction) { return renderButtonAction({ - label: titleBtn, - selected: value ? true : false, - onClose, - onOpen, + dataSelected: itemSelect, + onPress: () => { + setVisible(pre => !pre); + }, }); } @@ -211,17 +152,32 @@ export default function DropdownBox({ + ))} + + )} + + + ); + }; + + const renderOptionItemMulti = ({item, index}: RenderOptionItem) => { + const selected = value?.includes(item?.[pickKey]); + if (renderOptionItem) { + return renderOptionItem({index, item, selected}); + } + return ( + + + ); } export default Checkbox; diff --git a/src/components/dropdowns/index.tsx b/src/components/dropdowns/index.tsx index 31d86d6..9006440 100644 --- a/src/components/dropdowns/index.tsx +++ b/src/components/dropdowns/index.tsx @@ -1,13 +1,11 @@ import React, {useEffect, useRef, useState} from 'react'; -import Box from '../box'; import {ScrollView, TouchableWithoutFeedback} from 'react-native'; -import Button from '../button'; import {DropDownProps} from '../../model'; import {classNames, device, isNumber} from '../../utils'; import useClassNameDropdown from '../../hook/useClassNameDropdown'; import {useStateVisible, useVarianColor} from '../../hook'; import {ArrowDown} from '../svgBox/ArrowDown'; -import {TextInputBox} from '../..'; +import {Box, ButtonBox, TextInputBox} from '../..'; import {IconSearch} from '../svgBox/IconSearch'; import {IconClose} from '../svgBox/IconClose'; import {Tick} from '../svgBox/Tick'; @@ -47,7 +45,7 @@ export default function DropdownBox({ const {isVisible, onClose, setVisible} = useStateVisible(); const [keyword, setKeyword] = useState(''); const [dataFilter, setDataFilter] = useState([]); - const theme = useVarianColor({varian, enableNull: true}); + const theme = useVarianColor({varian, enableNull: true, isDropdown: true}); const { className, title, @@ -126,7 +124,7 @@ export default function DropdownBox({ } return ( - + ); }; @@ -149,7 +147,7 @@ export default function DropdownBox({ return renderOptionItem({item, selected, index}); } return ( - + ) : null} - + ) } diff --git a/src/components/flatListBox/index.tsx b/src/components/flatListBox/index.tsx deleted file mode 100644 index bce2390..0000000 --- a/src/components/flatListBox/index.tsx +++ /dev/null @@ -1,30 +0,0 @@ -import React from 'react'; -import {FlatList, FlatListProps} from 'react-native'; -import {useClassName} from '../../hook'; - -interface FlatListBoxProps extends FlatListProps { - classBox?: string; - classContent?: string; -} -export default function FlatListBox({ - classBox, - classContent, - style, - contentContainerStyle, - showsHorizontalScrollIndicator = false, - showsVerticalScrollIndicator = false, - ...rest -}: FlatListBoxProps) { - const styleBox = useClassName(classBox); - const styleContent = useClassName(classContent); - - return ( - - ); -} diff --git a/src/components/groups/CheckboxGroup.tsx b/src/components/groups/CheckboxGroup.tsx index 4275996..d05234d 100644 --- a/src/components/groups/CheckboxGroup.tsx +++ b/src/components/groups/CheckboxGroup.tsx @@ -1,8 +1,8 @@ import React from 'react'; -import Box from '../box'; import {CheckBoxGroupProps} from '../../model'; import Checkbox from '../checkbox'; import {classNames} from '../../utils'; +import {Box} from '../..'; export default function CheckboxGroup({ data, @@ -20,7 +20,7 @@ export default function CheckboxGroup({ key={item?.[pickKey] as string} value={item} checked={value?.includes(item?.[pickKey] as string | number)} - onChange={onChange} + onChange={() => onChange && onChange(item)} label={(item?.[pickLabel] as string) ?? ''} /> )); diff --git a/src/components/groups/RadioGroup.tsx b/src/components/groups/RadioGroup.tsx index 054a7cf..11bd547 100644 --- a/src/components/groups/RadioGroup.tsx +++ b/src/components/groups/RadioGroup.tsx @@ -1,8 +1,8 @@ import React from 'react'; -import Box from '../box'; import RadioButton from '../radioButton'; import {RadioGroupProps} from '../../model'; import {classNames} from '../../utils'; +import {Box} from '../box'; export default function RadioGroup({ data, @@ -19,7 +19,7 @@ export default function RadioGroup({ {...radioItem} value={item} checked={item?.[pickKey] === value} - onChange={onChange} + onChange={() => onChange && onChange(item)} label={item?.[pickLabel] as string} /> )); diff --git a/src/components/image/index.tsx b/src/components/image/index.tsx index 060dfae..48c6d33 100644 --- a/src/components/image/index.tsx +++ b/src/components/image/index.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import {Image, ImageStyle, StyleProp, StyleSheet} from 'react-native'; +import {Image} from 'react-native'; import {useClassName} from '../../hook'; import {ImageBoxProps, ImageModuleType} from '../../model'; import {classNames} from '../../utils'; @@ -13,20 +13,25 @@ function ImageComponent({ resizeMode = 'contain', }: ImageBoxProps) { const stylesCustom = useClassName(classNames('w-full h-full', className)); - const styleCard: StyleProp = StyleSheet.compose( - stylesCustom, - style, - ); - const FastImage: any = useLoadModuleFastImage(imageModuleType); if (FastImage) { return ( - + ); } - return ; + return ( + + ); } export default ImageComponent; diff --git a/src/components/index.ts b/src/components/index.ts index ad3ce5d..6cfd866 100644 --- a/src/components/index.ts +++ b/src/components/index.ts @@ -1,6 +1,3 @@ -import Text from './text'; -import Button from './button'; -import Box from './box'; import RadioButton from './radioButton'; import Checkbox from './checkbox'; import ImageBox from './image'; @@ -10,24 +7,18 @@ import ProgressCircle from './progressCircle'; import SwipeBox from './swipeBox'; import DropdownBox from './dropdowns'; import MultiSelectDropdown from './multiSelectDropdown'; -import ScrollViewBox from './scrollViewBox'; -import FlatListBox from './flatListBox'; export * from './groups'; export * from './textInput'; - +export * from './box'; +export * from './button'; export { - Text, - Button, RadioButton, Checkbox, ImageBox, - Box, SwitchBox, ProgressBar, ProgressCircle, SwipeBox, DropdownBox, MultiSelectDropdown, - ScrollViewBox, - FlatListBox, }; diff --git a/src/components/multiSelectDropdown/index.tsx b/src/components/multiSelectDropdown/index.tsx index b18a6e7..f0fe9ad 100644 --- a/src/components/multiSelectDropdown/index.tsx +++ b/src/components/multiSelectDropdown/index.tsx @@ -1,15 +1,15 @@ import React from 'react'; -import Button from '../button'; import { MultiDropDownProps, RenderButtonProps, RenderOptionItem, } from '../../model'; import {classNames} from '../../utils'; -import {useVarianColor} from '../../hook'; +import {useClassVirtualizedList, useVarianColor} from '../../hook'; import {ArrowDown} from '../svgBox/ArrowDown'; -import {Box, DropdownBox, ScrollViewBox, Text} from '../..'; +import {Box, ButtonBox, DropdownBox, TextBox} from '../..'; import {Tick} from '../svgBox/Tick'; +import {ScrollView} from 'react-native'; export default function MultiSelectDropdown({ data, @@ -23,6 +23,7 @@ export default function MultiSelectDropdown({ styleSelectType = 'icon', iconSelected, iconSelectedColor, + classContentSelected, onPressSelectedItem, renderButtonAction, onChange, @@ -45,7 +46,11 @@ export default function MultiSelectDropdown({ pickLabel = 'name' as keyof ItemT, } = rest; - const theme = useVarianColor({varian, enableNull: true}); + const theme = useVarianColor({varian, enableNull: true, isDropdown: true}); + const styleScroll = useClassVirtualizedList({ + ...classContentSelected, + classContent: classNames('gap-2', classContentSelected?.classContent), + }); const renderButtonActionMulti = ({onPress}: RenderButtonProps) => { if (buttonDropdown?.hidden) { @@ -68,7 +73,7 @@ export default function MultiSelectDropdown({ } return ( - + + ))} - + )} - + ); }; @@ -108,7 +113,7 @@ export default function MultiSelectDropdown({ return renderOptionItem({index, item, selected}); } return ( - + + ); } diff --git a/src/components/scrollViewBox/index.tsx b/src/components/scrollViewBox/index.tsx deleted file mode 100644 index 01c0915..0000000 --- a/src/components/scrollViewBox/index.tsx +++ /dev/null @@ -1,30 +0,0 @@ -import React from 'react'; -import {ScrollView, ScrollViewProps} from 'react-native'; -import {useClassName} from '../../hook'; - -interface ScrollViewBoxProps extends ScrollViewProps { - classBox?: string; - classContent?: string; -} -export default function ScrollViewBox({ - classBox, - classContent, - style, - contentContainerStyle, - showsHorizontalScrollIndicator = false, - showsVerticalScrollIndicator = false, - ...rest -}: ScrollViewBoxProps) { - const styleBox = useClassName(classBox); - const styleContent = useClassName(classContent); - - return ( - - ); -} diff --git a/src/components/sectionListBox/index.tsx b/src/components/sectionListBox/index.tsx deleted file mode 100644 index 9908f86..0000000 --- a/src/components/sectionListBox/index.tsx +++ /dev/null @@ -1,30 +0,0 @@ -import React from 'react'; -import {SectionList, SectionListProps} from 'react-native'; -import {useClassName} from '../../hook'; - -interface SectionListBoxProps extends SectionListProps { - classBox?: string; - classContent?: string; -} -export default function SectionListBox({ - classBox, - classContent, - style, - contentContainerStyle, - showsHorizontalScrollIndicator = false, - showsVerticalScrollIndicator = false, - ...rest -}: SectionListBoxProps) { - const styleBox = useClassName(classBox); - const styleContent = useClassName(classContent); - - return ( - - ); -} diff --git a/src/components/swipeBox/index.tsx b/src/components/swipeBox/index.tsx index 19fab70..d89a4b4 100644 --- a/src/components/swipeBox/index.tsx +++ b/src/components/swipeBox/index.tsx @@ -1,9 +1,10 @@ import React, {useMemo, useRef, useState} from 'react'; -import Box from '../box'; import { - Button, + Box, + ButtonBox, classNames, isEndReachedScroll, + ScrollBox, SwipeBoxProps, useClassName, } from '../..'; @@ -11,7 +12,6 @@ import { LayoutChangeEvent, NativeScrollEvent, NativeSyntheticEvent, - ScrollView, } from 'react-native'; import useSpecsSwipeBox from '../../hook/useSpecsSwipeBox'; import useActionSwipeBox from '../../hook/useActionSwipeBox'; @@ -72,6 +72,7 @@ export default function SwipeBox({ data, defaultIndex: currentIndex, }); + console.log('sliderRef', sliderRef); const onScrollListener = (event: NativeSyntheticEvent) => { onScroll && onScroll(event); @@ -190,7 +191,7 @@ export default function SwipeBox({ if (enableControl) { return ( <> - - + ); } @@ -221,7 +222,7 @@ export default function SwipeBox({ className={classNames('relative', classBox)} style={width ? {width} : {}} onLayout={onLayoutSlider}> - ({ showsVerticalScrollIndicator={showsVerticalScrollIndicator} pagingEnabled={pagingEnabled}> {renderItem()} - + {renderPagination()} {renderControlItem()} diff --git a/src/components/switch/index.tsx b/src/components/switch/index.tsx index d6d3a55..096ef42 100644 --- a/src/components/switch/index.tsx +++ b/src/components/switch/index.tsx @@ -1,7 +1,12 @@ import React from 'react'; -import Button from '../button'; -import Box from '../box'; -import {classNames, SwitchBoxProps, Text, useVarianColor} from '../..'; +import { + Box, + ButtonBox, + classNames, + SwitchBoxProps, + TextBox, + useVarianColor, +} from '../..'; const SwitchBox = ({ value = false, @@ -24,14 +29,14 @@ const SwitchBox = ({ const renderCustomLabel = () => { if (label) { return ( - {value ? label?.on : label?.off} - + ); } if (renderLabel) { @@ -56,7 +61,7 @@ const SwitchBox = ({ return ( <> - + ); }; diff --git a/src/components/text/index.tsx b/src/components/text/index.tsx deleted file mode 100644 index 5665b0f..0000000 --- a/src/components/text/index.tsx +++ /dev/null @@ -1,13 +0,0 @@ -import React from 'react'; -import {StyleSheet, Text} from 'react-native'; -import {useClassName} from '../../hook'; -import {TextComponentProps} from '../../model'; - -const TextComponent = ({className, style, ...rest}: TextComponentProps) => { - const stylesCustom = useClassName(className); - const styleText = StyleSheet.compose(stylesCustom, style); - - return ; -}; - -export default TextComponent; diff --git a/src/components/textInput/TextInput.tsx b/src/components/textInput/TextInput.tsx index 8deaa41..bcc717c 100644 --- a/src/components/textInput/TextInput.tsx +++ b/src/components/textInput/TextInput.tsx @@ -1,8 +1,6 @@ import React from 'react'; -import {TextInput} from 'react-native'; -import Box from '../box'; import {classNames} from '../../utils'; -import {Text, TextInputBoxProps, useClassName} from '../..'; +import {Box, TextBox, TextInputBoxBase, TextInputBoxProps} from '../..'; export default function TextInputBox({ leftContent, @@ -12,22 +10,19 @@ export default function TextInputBox({ classBox, classLabel, label, - style, ...rest }: TextInputBoxProps) { - const stylesClassInputBase = useClassName( - classNames('text-black px-1 flex-1', classInputBase), - ); - return ( {label ? ( - {label} + + {label} + ) : null} {leftContent} - diff --git a/src/components/virtualizedListBox/index.tsx b/src/components/virtualizedListBox/index.tsx deleted file mode 100644 index 09dbb73..0000000 --- a/src/components/virtualizedListBox/index.tsx +++ /dev/null @@ -1,31 +0,0 @@ -import React from 'react'; -import {VirtualizedList, VirtualizedListProps} from 'react-native'; -import {useClassName} from '../../hook'; - -interface VirtualizedListBoxProps - extends VirtualizedListProps { - classBox?: string; - classContent?: string; -} -export default function VirtualizedListBox({ - classBox, - classContent, - style, - contentContainerStyle, - showsHorizontalScrollIndicator = false, - showsVerticalScrollIndicator = false, - ...rest -}: VirtualizedListBoxProps) { - const styleBox = useClassName(classBox); - const styleContent = useClassName(classContent); - - return ( - - ); -} diff --git a/src/hoc/index.ts b/src/hoc/index.ts new file mode 100644 index 0000000..219df2a --- /dev/null +++ b/src/hoc/index.ts @@ -0,0 +1,2 @@ +export {default as withElementBox} from './withElementBox'; +export {default as withButtonBox} from './withButtonBox'; diff --git a/src/hoc/withButtonBox.tsx b/src/hoc/withButtonBox.tsx new file mode 100644 index 0000000..a6719a5 --- /dev/null +++ b/src/hoc/withButtonBox.tsx @@ -0,0 +1,86 @@ +import React, {forwardRef, useCallback, useRef} from 'react'; +import {useClassName, useClassNameButton} from '../hook'; +import {ButtonComponentProps} from '../model'; +import {classNames, TextBox} from '..'; +import {GestureResponderEvent} from 'react-native'; + +const withButtonBox = ( + WrappedComponent: React.JSXElementConstructor, +) => { + return forwardRef((props, ref) => { + const { + style, + enableDebounce, + delayDebounce, + className, + classNameText, + varian, + title, + children, + numberOfLines, + leftContent, + rightContent, + onPress, + ...rest + } = props; + const timerDebounceRef = useRef(); + const classButton = useClassNameButton(varian); + const stylesCustom = useClassName( + classNames(classButton.container, className), + ); + + //handle multiple click + const handler = useCallback( + (e: GestureResponderEvent) => { + if (timerDebounceRef.current) { + clearTimeout(timerDebounceRef.current); + } + timerDebounceRef.current = setTimeout(() => { + onPress && onPress(e); + }, delayDebounce || 500); + }, + [onPress], + ); + + const handlePress = (e: GestureResponderEvent) => { + if (enableDebounce) { + handler(e); + } else { + onPress && onPress(e); + } + }; + + if (!leftContent && !title && !rightContent) { + return ( + + {children} + + ); + } + + return ( + + {leftContent} + {title ? ( + + {title} + + ) : null} + {children} + {rightContent} + + ); + }); +}; + +export default withButtonBox; diff --git a/src/hoc/withElementBox.tsx b/src/hoc/withElementBox.tsx new file mode 100644 index 0000000..7c2e700 --- /dev/null +++ b/src/hoc/withElementBox.tsx @@ -0,0 +1,22 @@ +import React, {forwardRef} from 'react'; +import {useClassName} from '../hook'; + +const withElementBox = ( + WrappedComponent: React.JSXElementConstructor, +) => { + return forwardRef< + R, + T & { + style?: any; + className?: string; + } + >((props, ref) => { + const {style, className, ...rest} = props; + const stylesCustom = useClassName(className); + return ( + + ); + }); +}; + +export default withElementBox; diff --git a/src/hook/index.ts b/src/hook/index.ts index de3a2c5..bd26540 100644 --- a/src/hook/index.ts +++ b/src/hook/index.ts @@ -4,6 +4,7 @@ import useVarianCheckbox from './useVarianCheckbox'; import useVarianColor from './useVarianColor'; import useCircleSpecs from './useCircleSpecs'; import useStateVisible from './useStateVisible'; +import useClassVirtualizedList from './useClassVirtualizedList'; export { useClassName, @@ -12,4 +13,5 @@ export { useVarianColor, useCircleSpecs, useStateVisible, + useClassVirtualizedList, }; diff --git a/src/hook/useClassNameButton.tsx b/src/hook/useClassNameButton.tsx index 67db74f..12b38c0 100644 --- a/src/hook/useClassNameButton.tsx +++ b/src/hook/useClassNameButton.tsx @@ -24,6 +24,11 @@ export default function useClassNameButton(varian?: Varian) { container: 'rounded bg-primary px-4 py-2 center', text: 'text-black font-bold', }; + case 'secondary': + return { + container: 'rounded bg-secondary px-4 py-2 center', + text: 'text-light font-bold', + }; default: return { container: '', diff --git a/src/hook/useClassVirtualizedList.ts b/src/hook/useClassVirtualizedList.ts new file mode 100644 index 0000000..cc0d95a --- /dev/null +++ b/src/hook/useClassVirtualizedList.ts @@ -0,0 +1,27 @@ +import {useMemo} from 'react'; +import {getClassNameStyles} from '../styles'; +import {VirtualListClassProps} from '../model'; + +export default function useClassName(props?: VirtualListClassProps) { + const getClassStyles = (classString?: string) => + classString ? getClassNameStyles(classString) : undefined; + + return useMemo(() => { + const { + className, + classContent, + classColWrapper, + classIndicator, + classHeader, + classFooter, + } = props || {}; + return { + style: getClassStyles(className), + contentContainerStyle: getClassStyles(classContent), + columnWrapperStyle: getClassStyles(classColWrapper), + indicatorStyle: getClassStyles(classIndicator), + ListHeaderComponentStyle: getClassStyles(classHeader), + ListFooterComponentStyle: getClassStyles(classFooter), + }; + }, [props]); +} diff --git a/src/hook/useVarianColor.tsx b/src/hook/useVarianColor.tsx index 2094513..eda6689 100644 --- a/src/hook/useVarianColor.tsx +++ b/src/hook/useVarianColor.tsx @@ -6,9 +6,14 @@ import {COLORS} from '../config/Colors'; type Props = { varian?: VarianColor; enableNull?: boolean; + isDropdown?: boolean; }; -export default function useVarianColor({varian, enableNull}: Props) { +export default function useVarianColor({ + varian, + enableNull, + isDropdown, +}: Props) { const styleDirection = useMemo(() => { if (varian === 'secondary') { return { @@ -30,7 +35,7 @@ export default function useVarianColor({varian, enableNull}: Props) { return { border: 'border-black', - bg: 'bg-black', + bg: isDropdown ? 'bg-gray-400' : 'bg-black', text: 'text-black', color: COLORS.black, }; diff --git a/src/model/component.ts b/src/model/component.ts index b1f8dc9..efb04a4 100644 --- a/src/model/component.ts +++ b/src/model/component.ts @@ -1,4 +1,5 @@ import { + GestureResponderEvent, ImageResizeMode, ImageSourcePropType, ImageStyle, @@ -7,8 +8,8 @@ import { StyleProp, TextInputProps, TextProps, - TouchableOpacityProps, ViewProps, + ViewStyle, } from 'react-native'; import {ImageModuleType, Varian, VarianCheckbox, VarianColor} from '.'; import {ReactNode} from 'react'; @@ -21,7 +22,8 @@ export interface BoxProps extends ViewProps { className?: string; } -export interface ButtonComponentProps extends TouchableOpacityProps { +export interface ButtonComponentProps { + style?: StyleProp; className?: string; classNameText?: string; enableDebounce?: boolean; @@ -31,6 +33,8 @@ export interface ButtonComponentProps extends TouchableOpacityProps { numberOfLines?: number; leftContent?: ReactNode; rightContent?: ReactNode; + children?: ReactNode; + onPress?: (e: GestureResponderEvent) => void; } interface CheckboxItemBaseProps { @@ -137,7 +141,7 @@ interface GroupPropsBase { classBox?: string; pickKey?: keyof ItemT; pickLabel?: keyof ItemT; - onChange?: (value?: ItemT) => void; + onChange?: (value: ItemT) => void; } export interface RadioGroupProps extends GroupPropsBase { @@ -265,6 +269,7 @@ export interface DropDownProps extends DropDownBaseProps { export interface MultiDropDownProps extends DropDownBaseProps { value?: Array; + classContentSelected?: VirtualListClassProps; onPressSelectedItem?: (item: ItemT) => void; renderButtonAction?: ( params: RenderButtonProps & { @@ -272,3 +277,12 @@ export interface MultiDropDownProps }, ) => ReactNode; } + +export interface VirtualListClassProps { + className?: string; + classContent?: string; + classColWrapper?: string; + classIndicator?: string; + classHeader?: string; + classFooter?: string; +} diff --git a/src/model/index.ts b/src/model/index.ts index ff5b5af..8a77f74 100644 --- a/src/model/index.ts +++ b/src/model/index.ts @@ -1,7 +1,7 @@ export * from './classStyle'; export * from './component'; -export type Varian = 'primary' | 'outline' | 'dark' | 'light'; +export type Varian = 'primary' | 'outline' | 'secondary' | 'dark' | 'light'; export type VarianCheckbox = | 'primary' diff --git a/src/styles/ClassStyles.ts b/src/styles/ClassStyles.ts index d242028..2133a21 100644 --- a/src/styles/ClassStyles.ts +++ b/src/styles/ClassStyles.ts @@ -6,6 +6,7 @@ import {styleConfig} from './Theme.styles'; import {ColorStyles} from './Colors.styles'; import {positionStyles} from './Position.styles'; import {createSizeCustomStyles} from '../utils/styles'; +import {StyleProp} from 'react-native'; const classStyles = { ...sizeRatioStyles, @@ -17,7 +18,7 @@ const classStyles = { ...textStyles, }; -export const getClassNameStyles = (className: string): Object => { +export const getClassNameStyles = (className: string): StyleProp => { try { if (className.length > 0) { const listClass = className?.split(' '); From aae9fbddda038d6f4da195fb182e46cd7b5bbed4 Mon Sep 17 00:00:00 2001 From: sangyuo Date: Tue, 22 Oct 2024 16:56:25 +0700 Subject: [PATCH 16/23] fix: error app --- App.tsx | 16 +++++----------- 1 file changed, 5 insertions(+), 11 deletions(-) diff --git a/App.tsx b/App.tsx index 54c70c1..c947883 100644 --- a/App.tsx +++ b/App.tsx @@ -1,24 +1,18 @@ import React from 'react'; -import {SafeAreaView, ScrollView, useColorScheme} from 'react-native'; +import {SafeAreaView, ScrollView} from 'react-native'; -import {Colors} from 'react-native/Libraries/NewAppScreen'; -import {Box, Button, ProgressBar, ProgressCircle} from './src/components'; +import {Box, ButtonBox, ProgressBar, ProgressCircle} from './src/components'; function App(): React.JSX.Element { - const isDarkMode = useColorScheme() === 'dark'; - const backgroundStyle = { - backgroundColor: isDarkMode ? Colors.darker : Colors.lighter, - }; const [value, setValue] = React.useState(0); - return ( - + -