@julseb-lib/react 0.1.2 → 0.1.4

package/dist/lib/types/global.ts

@@ -1,436 +0,0 @@
-import type {
-	HTMLAttributes,
-	ElementType,
-	ReactNode,
-	Dispatch,
-	SetStateAction,
-	MouseEventHandler,
-	Ref,
-	ReactElement,
-} from "react"
-import type { Property } from "csstype"
-import type { DefaultTheme } from "styled-components"
-import type { designTokens } from "../design-tokens"
-import type { RequireAtLeastOne } from "./require-at-least-one"
-
-export type LibColors = keyof typeof designTokens.libColors
-export type LibColorsShort = keyof typeof designTokens.colorsShort
-export type LibAllColors = LibColors | LibColorsShort
-export type LibColorsHover = keyof typeof designTokens.colorsHover
-export type LibColorsHoverAndCurrent = LibColorsHover | "currentColor"
-export type LibOverlays = keyof typeof designTokens.overlays
-export type LibAllColorsAndOverlays =
-	| keyof typeof designTokens.libColors
-	| keyof typeof designTokens.colorsShort
-	| keyof typeof designTokens.overlays
-export type LibFontFamilies = keyof typeof designTokens.fontFamilies
-export type LibFontSizes = keyof typeof designTokens.fontSizes
-export type LibFontWeights = keyof typeof designTokens.fontWeights | number
-export type LibLineHeights = keyof typeof designTokens.lineHeights | number
-export type LibShadows = keyof typeof designTokens.shadows
-export type LibSpacers = keyof typeof designTokens.spacers | number | "0px"
-export type LibRadiuses = keyof typeof designTokens.radiuses | number
-export type LibTransitions = keyof typeof designTokens.transitions
-export type LibValidationStatus = boolean | undefined
-export type LibThemeNames = keyof typeof designTokens.theme
-export type LibIcon = string | ReactElement
-export type LibInputVariant = keyof typeof designTokens.inputVariants
-export type LibInputBackground = keyof typeof designTokens.inputBackgrounds
-export type LibPositionExtract = Extract<
-	Property.Position,
-	"relative" | "absolute" | "fixed"
->
-
-/* Component base */
-/**
- * @description Props common to nearly all components
- * @prop data-testid?: string
- * @prop as?: ElementType
- */
-export interface LibComponentBase<T> extends HTMLAttributes<T> {
-	"data-testid"?: string
-	as?: ElementType
-	ref?: Ref<T>
-}
-
-/* Box shadow */
-/**
- * @description Props for components with box shadow
- * @type "xxl" | "xl" | "l" | "m" | "s" | "xs"
- * @type { default: "xxl" | "xl" | "l" | "m" | "s" | "xs"; hover: "xxl" | "xl" | "l" | "m" | "s" | "xs"; active: "xxl" | "xl" | "l" | "m" | "s" | "xs" }
- */
-export type ILibBoxShadow =
-	| LibShadows
-	| {
-			default: LibShadows
-			hover: LibShadows
-			active: LibShadows
-	  }
-
-/* Border radius */
-/**
- * @description Props for components with border radius
- * @type "xxl" | "xl" | "l" | "m" | "s" | "xs" | "round" | "circle" | number
- * @type { topLeft?: LibRadiuses; topRight?: LibRadiuses; bottomLeft?: LibRadiuses; bottomRight?: LibRadiuses }
- */
-export type ILibRadius =
-	| LibRadiuses
-	| number
-	| null
-	| {
-			topLeft?: LibRadiuses | number | null
-			topRight?: LibRadiuses | number | null
-			bottomLeft?: LibRadiuses | number | null
-			bottomRight?: LibRadiuses | number | null
-	  }
-
-/* Padding */
-/**
- * @description Props for components with paddings
- * @type "xxl" | "xl" | "l" | "m" | "s" | "xs" | "xxs" | number | "0px"
- * @type { left?: LibSpacers | "auto"; top?: LibSpacers | "auto"; right?: LibSpacers | "auto"; bottom?: LibSpacers | "auto"; leftRight?: LibSpacers | "auto"; topBottom?: LibSpacers | "auto" }
- */
-export type ILibPadding =
-	| LibSpacers
-	| {
-			left?: LibSpacers | "auto"
-			top?: LibSpacers | "auto"
-			right?: LibSpacers | "auto"
-			bottom?: LibSpacers | "auto"
-			leftRight?: LibSpacers | "auto"
-			topBottom?: LibSpacers | "auto"
-	  }
-
-/* Margins */
-/**
- * @description Props for components with margins
- * @type "xxl" | "xl" | "l" | "m" | "s" | "xs" | "xxs" | number | "0px" | "auto" | "0 auto"
- * @type { left?: LibSpacers | "auto"; top?: LibSpacers | "auto"; right?: LibSpacers | "auto"; bottom?: LibSpacers | "auto"; leftRight?: LibSpacers | "auto"; topBottom?: LibSpacers | "auto" }
- */
-export type ILibMargin =
-	| LibSpacers
-	| undefined
-	| "auto"
-	| "0 auto"
-	| {
-			left?: LibSpacers | "auto"
-			top?: LibSpacers | "auto"
-			right?: LibSpacers | "auto"
-			bottom?: LibSpacers | "auto"
-			leftRight?: LibSpacers | "auto"
-			topBottom?: LibSpacers | "auto"
-	  }
-
-/* Border */
-/**
- * @description Props for components with borders
- * @prop style?: CssBorderStyle
- * @prop width?: "xxl" | "xl" | "l" | "m" | "s" | "xs" | "xxs" | number | "0px"
- * @prop color?: Any color from the library
- */
-export type ILibBorder = {
-	style?: CssBorderStyle
-	width?: LibSpacers
-	color?: LibAllColors
-}
-
-/* Outline */
-/**
- * @description Props for components with outlines
- * @prop style?: CssOutlineStyle
- * @prop width?: "xxl" | "xl" | "l" | "m" | "s" | "xs" | "xxs" | number | "0px"
- * @prop color?: Any color from the library
- */
-export type ILibOutline = {
-	style?: CssOutlineStyle
-	width?: LibSpacers
-	color?: LibAllColors
-}
-
-/* Position */
-/**
- * @description Props for components with CSS position
- * @prop position?: "relative" | "absolute" | "fixed"
- * @prop left?: "xxl" | "xl" | "l" | "m" | "s" | "xs" | "xxs" | number | "0px"
- * @prop top?: "xxl" | "xl" | "l" | "m" | "s" | "xs" | "xxs" | number | "0px"
- * @prop right?: "xxl" | "xl" | "l" | "m" | "s" | "xs" | "xxs" | number | "0px"
- * @prop bottom?: "xxl" | "xl" | "l" | "m" | "s" | "xs" | "xxs" | number | "0px"
- */
-export interface ILibPosition {
-	position?: LibPositionExtract
-	left?: LibSpacers
-	top?: LibSpacers
-	right?: LibSpacers
-	bottom?: LibSpacers
-	zIndex?: number
-}
-
-/* Links & buttons */
-type LinkTo = { to?: string; href?: never }
-type LinkHref = { to?: never; href?: string }
-
-/**
- * @description Props for links
- * @prop to?: string => only if href is not defined
- * @prop href?: string => only if to is not defined
- */
-export type LibLink = LinkTo | LinkHref
-
-/**
- * @description Props for links, to or href are required
- * @prop to?: string => only if href is not defined
- * @prop href?: string => only if to is not defined
- */
-export type LibLinkRequired = RequireAtLeastOne<LibLink, "to" | "href">
-
-/**
- * @description Props for links
- * @prop to?: string => only if href is not defined
- * @prop href?: string => only if to is not defined
- * @prop blank?: boolean
- */
-export type LibLinkBlank = LibLink & { blank?: boolean }
-
-/**
- * @description Props for links, to or href are required
- * @prop to?: string => only if href is not defined
- * @prop href?: string => only if to is not defined
- * @prop blank?: boolean
- */
-export type LibLinkBlankRequired = LibLinkRequired & { blank?: boolean }
-
-type LibButtonLinkClick = {
-	onClick?: MouseEventHandler<HTMLButtonElement>
-	disabled?: boolean
-	to?: never
-	href?: never
-}
-
-type LibButtonLinkTo = {
-	onClick?: never
-	disabled?: never
-	to?: string | "prev"
-	href?: never
-}
-
-type LibButtonLinkHref = {
-	onClick?: never
-	disabled?: never
-	to?: never
-	href?: string
-}
-
-/**
- * @description Props for buttons and links
- * @prop onClick?: void => only if to or href are not defined
- * @prop disabled?: boolean => only if onClick is defined
- * @prop to?: string => only if onClick and href are not defined
- * @prop href?: string => only if onClick and to are not defined
- */
-export type LibButtonLink =
-	| LibButtonLinkClick
-	| LibButtonLinkTo
-	| LibButtonLinkHref
-
-/**
- * @description Props for buttons and links, onClick, to or href are required
- * @prop onClick?: void => only if to or href are not defined
- * @prop disabled?: boolean => only if onClick is defined
- * @prop to?: string => only if onClick and href are not defined
- * @prop href?: string => only if onClick and to are not defined
- */
-export type LibButtonLinkRequired = RequireAtLeastOne<
-	LibButtonLink,
-	"onClick" | "to" | "href"
->
-
-/**
- * @description Props for buttons and links
- * @prop onClick?: void => only if to or href are not defined
- * @prop disabled?: boolean => only if onClick is defined
- * @prop to?: string => only if onClick and href are not defined
- * @prop href?: string => only if onClick and to are not defined
- * @prop blank?: boolean => only if to or href are defined
- */
-export type LibButtonLinkBlank =
-	| (LibButtonLinkClick & { blank?: never })
-	| (LibButtonLinkTo & { blank?: boolean })
-	| (LibButtonLinkHref & { blank?: boolean })
-
-/**
- * @description Props for buttons and links, onClick, to or href are required
- * @prop onClick: void => only if to or href are not defined
- * @prop disabled?: boolean => only if onClick is defined
- * @prop to: string => only if onClick and href are not defined
- * @prop href: string => only if onClick and to are not defined
- * @prop blank?: boolean => only if to or href are defined
- */
-export type LibButtonLinkBlankRequired = RequireAtLeastOne<
-	LibButtonLinkBlank,
-	"to" | "href" | "onClick"
->
-
-/* useTranslation hook */
-/**
- * @description Props for useTranslation hook
- * @prop [language: string]: { [key: string]: string }
- */
-export type TranslateLang = {
-	[language: string]: {
-		[key: string]: string
-	}
-}
-
-/* BackgroundImage */
-/**
- * @description Props for background images
- * @prop img: string
- * @prop clip?: CssBackgroundClip
- * @prop origin?: CssBackgroundOrigin
- * @prop position?: CssBackgroundPosition
- * @prop repeat?: CssBackgroundRepeat
- * @prop size?: CssBackgroundSize
- */
-export interface ILibBackgroundImage {
-	img: string
-	clip?: Property.BackgroundClip
-	origin?: Property.BackgroundOrigin
-	position?: Property.BackgroundPosition
-	repeat?: Property.BackgroundRepeat
-	size?: Property.BackgroundSize
-}
-
-/* Input phone */
-/**
- * @description Props for countries used in InputPhone component
- * @prop name: string
- * @prop dial_code: string
- * @prop code: Any Alpha-2 Code from https://www.iban.com/country-codes
- * @prop flag: string
- */
-export type LibCountry = {
-	name: string
-	dial_code: string
-	code: CountryCode
-	flag: string
-}
-
-/* BackToTop */
-export interface LibBackToTopPosition {
-	left?: LibSpacers | "unset"
-	top?: LibSpacers | "unset"
-	right?: LibSpacers | "unset"
-	bottom?: LibSpacers | "unset"
-	zIndex?: number
-}
-
-/**
- * @description Props for ThemeContext
- * @prop theme: DefaultTheme => import from "styled-components"
- * @prop selectedTheme: "light" | "dark" | undefined
- * @prop toggleTheme: () => void
- */
-export interface ILibThemeContext {
-	theme: DefaultTheme
-	selectedTheme: LibThemeNames | undefined
-	toggleTheme: () => void
-}
-
-export type ReactChildren = ReactNode | Array<ReactNode>
-export type DispatchState<T> = Dispatch<SetStateAction<T>>
-
-export type CssTextAlign = Property.TextAlign
-export type CssVerticalAlign = Property.VerticalAlign
-export type CssTextDecoration = Property.TextDecoration
-export type CssPosition = Property.Position
-export type CssJustifyItems = Property.JustifyItems
-export type CssAlignItems = Property.AlignItems
-export type CssJustifyContent = Property.JustifyContent
-export type CssAlignContent = Property.AlignContent
-export type CssFlexDirection = Property.FlexDirection
-export type CssFlexWrap = Property.FlexWrap
-export type CssObjectFit = Property.ObjectFit
-export type CssCursor = Property.Cursor
-export type CssBorderStyle = Property.BorderStyle
-export type CssOutlineStyle = Property.OutlineStyle
-export type CssFontStyle = Property.FontStyle
-
-export type LibMainSize = keyof typeof designTokens.mainSizes | number
-export type LibAsideSize = keyof typeof designTokens.asideSizes | number
-export type LibAccordionVariant = keyof typeof designTokens.accordionVariants
-export type LibAccordionIcon =
-	| keyof typeof designTokens.accordionIcons
-	| ReactElement
-export type LibAvatarBadgePosition =
-	keyof typeof designTokens.avatarBadgePosition
-export type LibBreadcrumbSeparator =
-	| keyof typeof designTokens.breadcrumbSeparators
-	| ReactElement
-export type LibButtonIconVariant = Extract<
-	LibButtonVariant,
-	"plain" | "transparent" | "ghost"
->
-export type LibImageBackgroundOverlay = Exclude<
-	LibAllColorsAndOverlays,
-	"gradient-black" | "gradient-white"
->
-export type LibInputType = keyof typeof designTokens.inputTypes
-export type LibInputCheckVariant = keyof typeof designTokens.checkInputVariants
-export type LibKeySize = keyof typeof designTokens.keySizes
-export type LibLoaderVariant = keyof typeof designTokens.loaderVariants
-export type LibSkeletonAnimation = keyof typeof designTokens.skeletonAnimations
-export type LibStepperDirection = keyof typeof designTokens.stepperDirections
-export type LibTextDisplayTag = keyof typeof designTokens.textDisplayTags
-export type LibTextTag = keyof typeof designTokens.textTags
-export type LibTextAllTag = LibTextDisplayTag | LibTextTag
-export type LibTextIconTag = Exclude<
-	LibTextAllTag,
-	"strong" | "em" | "ul" | "ol" | "dl"
->
-export type LibTooltipTrigger = keyof typeof designTokens.tooltipTriggers
-export type LibTabVariant = keyof typeof designTokens.tabsVariants
-export type LibTabJustify = keyof typeof designTokens.tabsJustify
-export type LibSlideshowPagination =
-	keyof typeof designTokens.slideshowPagination
-export type LibSlideshowPaginationPosition =
-	keyof typeof designTokens.slideshowPaginationPosition
-export type LibSlideshowButtonPosition =
-	keyof typeof designTokens.slideshowButtonsPositions
-export type LibSlideshowButtonSize =
-	keyof typeof designTokens.slideshowButtonsSizes
-export type LibTableVariant = keyof typeof designTokens.tableVariants
-export type LibMessageType = keyof typeof designTokens.messageType
-export type LibMdEditorEditor = keyof typeof designTokens.markdownEditorEditor
-export type LibMdEditorButton = keyof typeof designTokens.markdownEditorButtons
-export type LibMdEditorTitle = keyof typeof designTokens.markdownEditorTitles
-export type LibNavBurgerPosition = keyof typeof designTokens.navBurgerPositions
-export type LibNavMobileVariant = keyof typeof designTokens.navMobileVariants
-export type LibHeaderVariant = keyof typeof designTokens.headerVariants
-export type LibHeaderPosition = LibPositionExtract
-export type LibIconMenuDirection = keyof typeof designTokens.iconMenuDirections
-export type LibIconMenuIcon = keyof typeof designTokens.iconMenuIcon
-export type LibIconMenuPosition = LibPositionExtract
-export type LibToastStatus = keyof typeof designTokens.toastStatus
-export type LibToasterPosition = keyof typeof designTokens.toasterPositions
-export type LibInputListDirection =
-	keyof typeof designTokens.listInputDirections
-export type LibButtonVariant = keyof typeof designTokens.buttonVariants
-export type LibButtonSize = keyof typeof designTokens.buttonSizes
-export type LibTooltipPosition = keyof typeof designTokens.tooltipPositions
-export type CountryCode = keyof typeof designTokens.countryCodes
-export type LibFooterDirection = keyof typeof designTokens.footerDirections
-export type LibFooterLinksSeparator = keyof typeof designTokens.footerSeparators
-export type LibInputPrefixAndSuffix = string | ReactElement
-export type LibButtonGroupToggleSelect =
-	keyof typeof designTokens.buttonGroupToggleSelects
-export type LibValueInputPin = { [n: number]: number | "" | undefined }
-export type LibDrawerPosition = keyof typeof designTokens.drawerPositions
-export type LibPageLayoutTemplate =
-	keyof typeof designTokens.pageLayoutTemplates
-export type LibTimepickerSteps = keyof typeof designTokens.timepickerSteps
-export type LibTimepickerHours = keyof typeof designTokens.hours
-export type LibTimepickerHalfTimes = keyof typeof designTokens.halfHours
-export type LibTimepickerQuarterTimes = keyof typeof designTokens.quarterHours
-export type LibTimepickerMinutes = keyof typeof designTokens.minutes
-export type LibMessagingDateFormat =
-	keyof typeof designTokens.messagingDateFormats

package/dist/lib/types/index.ts

@@ -1,5 +0,0 @@
-export * from "./global"
-export * from "./require-at-least-one"
-export * from "./component-items"
-export * from "./generate-int-range"
-export * from "../components/InputComponents/types"

package/dist/lib/types/theme.ts

@@ -1,166 +0,0 @@
-import { COLORS_LIGHT, COLORS_DARK } from "../Variables"
-import type { LibThemeNames } from "./global"
-
-export const Themes: Record<LibThemeNames, any> = {
-    light: {
-        BLACK: COLORS_LIGHT.BLACK,
-        WHITE: COLORS_LIGHT.WHITE,
-        GRAY_50: COLORS_LIGHT.GRAY_50,
-        GRAY_100: COLORS_LIGHT.GRAY_100,
-        GRAY_200: COLORS_LIGHT.GRAY_200,
-        GRAY_300: COLORS_LIGHT.GRAY_300,
-        GRAY_400: COLORS_LIGHT.GRAY_400,
-        GRAY_500: COLORS_LIGHT.GRAY_500,
-        GRAY_600: COLORS_LIGHT.GRAY_600,
-        GRAY_700: COLORS_LIGHT.GRAY_700,
-        GRAY_800: COLORS_LIGHT.GRAY_800,
-        GRAY_900: COLORS_LIGHT.GRAY_900,
-        PRIMARY_50: COLORS_LIGHT.PRIMARY_50,
-        PRIMARY_100: COLORS_LIGHT.PRIMARY_100,
-        PRIMARY_200: COLORS_LIGHT.PRIMARY_200,
-        PRIMARY_300: COLORS_LIGHT.PRIMARY_300,
-        PRIMARY_400: COLORS_LIGHT.PRIMARY_400,
-        PRIMARY_500: COLORS_LIGHT.PRIMARY_500,
-        PRIMARY_600: COLORS_LIGHT.PRIMARY_600,
-        PRIMARY_700: COLORS_LIGHT.PRIMARY_700,
-        PRIMARY_800: COLORS_LIGHT.PRIMARY_800,
-        PRIMARY_900: COLORS_LIGHT.PRIMARY_900,
-        SECONDARY_50: COLORS_LIGHT.SECONDARY_50,
-        SECONDARY_100: COLORS_LIGHT.SECONDARY_100,
-        SECONDARY_200: COLORS_LIGHT.SECONDARY_200,
-        SECONDARY_300: COLORS_LIGHT.SECONDARY_300,
-        SECONDARY_400: COLORS_LIGHT.SECONDARY_400,
-        SECONDARY_500: COLORS_LIGHT.SECONDARY_500,
-        SECONDARY_600: COLORS_LIGHT.SECONDARY_600,
-        SECONDARY_700: COLORS_LIGHT.SECONDARY_700,
-        SECONDARY_800: COLORS_LIGHT.SECONDARY_800,
-        SECONDARY_900: COLORS_LIGHT.SECONDARY_900,
-        SUCCESS_50: COLORS_LIGHT.SUCCESS_50,
-        SUCCESS_100: COLORS_LIGHT.SUCCESS_100,
-        SUCCESS_200: COLORS_LIGHT.SUCCESS_200,
-        SUCCESS_300: COLORS_LIGHT.SUCCESS_300,
-        SUCCESS_400: COLORS_LIGHT.SUCCESS_400,
-        SUCCESS_500: COLORS_LIGHT.SUCCESS_500,
-        SUCCESS_600: COLORS_LIGHT.SUCCESS_600,
-        SUCCESS_700: COLORS_LIGHT.SUCCESS_700,
-        SUCCESS_800: COLORS_LIGHT.SUCCESS_800,
-        SUCCESS_900: COLORS_LIGHT.SUCCESS_900,
-        DANGER_50: COLORS_LIGHT.DANGER_50,
-        DANGER_100: COLORS_LIGHT.DANGER_100,
-        DANGER_200: COLORS_LIGHT.DANGER_200,
-        DANGER_300: COLORS_LIGHT.DANGER_300,
-        DANGER_400: COLORS_LIGHT.DANGER_400,
-        DANGER_500: COLORS_LIGHT.DANGER_500,
-        DANGER_600: COLORS_LIGHT.DANGER_600,
-        DANGER_700: COLORS_LIGHT.DANGER_700,
-        DANGER_800: COLORS_LIGHT.DANGER_800,
-        DANGER_900: COLORS_LIGHT.DANGER_900,
-        WARNING_50: COLORS_LIGHT.WARNING_50,
-        WARNING_100: COLORS_LIGHT.WARNING_100,
-        WARNING_200: COLORS_LIGHT.WARNING_200,
-        WARNING_300: COLORS_LIGHT.WARNING_300,
-        WARNING_400: COLORS_LIGHT.WARNING_400,
-        WARNING_500: COLORS_LIGHT.WARNING_500,
-        WARNING_600: COLORS_LIGHT.WARNING_600,
-        WARNING_700: COLORS_LIGHT.WARNING_700,
-        WARNING_800: COLORS_LIGHT.WARNING_800,
-        WARNING_900: COLORS_LIGHT.WARNING_900,
-        BACKGROUND: COLORS_LIGHT.BACKGROUND,
-        FONT: COLORS_LIGHT.FONT,
-        CURRENT_COLOR: "currentColor",
-        TRANSPARENT: "transparent",
-        LINK_FONT_DEFAULT: COLORS_LIGHT.LINK_FONT_DEFAULT,
-        LINK_FONT_HOVER: COLORS_LIGHT.LINK_FONT_HOVER,
-        LINK_FONT_ACTIVE: COLORS_LIGHT.LINK_FONT_ACTIVE,
-        LINK_BACKGROUND_DEFAULT: COLORS_LIGHT.LINK_BACKGROUND_DEFAULT,
-        LINK_BACKGROUND_HOVER: COLORS_LIGHT.LINK_BACKGROUND_HOVER,
-        LINK_BACKGROUND_ACTIVE: COLORS_LIGHT.LINK_BACKGROUND_ACTIVE,
-        FONT_GHOST_DEFAULT: COLORS_LIGHT.FONT_GHOST_DEFAULT,
-        FONT_GHOST_HOVER: COLORS_LIGHT.FONT_GHOST_HOVER,
-        FONT_GHOST_ACTIVE: COLORS_LIGHT.FONT_GHOST_ACTIVE,
-        BACKGROUND_GHOST_DEFAULT: COLORS_LIGHT.BACKGROUND_GHOST_DEFAULT,
-        BACKGROUND_GHOST_HOVER: COLORS_LIGHT.BACKGROUND_GHOST_HOVER,
-        BACKGROUND_GHOST_ACTIVE: COLORS_LIGHT.BACKGROUND_GHOST_ACTIVE,
-    },
-
-    dark: {
-        BLACK: COLORS_DARK.BLACK,
-        WHITE: COLORS_DARK.WHITE,
-        GRAY_50: COLORS_DARK.GRAY_50,
-        GRAY_100: COLORS_DARK.GRAY_100,
-        GRAY_200: COLORS_DARK.GRAY_200,
-        GRAY_300: COLORS_DARK.GRAY_300,
-        GRAY_400: COLORS_DARK.GRAY_400,
-        GRAY_500: COLORS_DARK.GRAY_500,
-        GRAY_600: COLORS_DARK.GRAY_600,
-        GRAY_700: COLORS_DARK.GRAY_700,
-        GRAY_800: COLORS_DARK.GRAY_800,
-        GRAY_900: COLORS_DARK.GRAY_900,
-        PRIMARY_50: COLORS_DARK.PRIMARY_50,
-        PRIMARY_100: COLORS_DARK.PRIMARY_100,
-        PRIMARY_200: COLORS_DARK.PRIMARY_200,
-        PRIMARY_300: COLORS_DARK.PRIMARY_300,
-        PRIMARY_400: COLORS_DARK.PRIMARY_400,
-        PRIMARY_500: COLORS_DARK.PRIMARY_500,
-        PRIMARY_600: COLORS_DARK.PRIMARY_600,
-        PRIMARY_700: COLORS_DARK.PRIMARY_700,
-        PRIMARY_800: COLORS_DARK.PRIMARY_800,
-        PRIMARY_900: COLORS_DARK.PRIMARY_900,
-        SECONDARY_50: COLORS_DARK.SECONDARY_50,
-        SECONDARY_100: COLORS_DARK.SECONDARY_100,
-        SECONDARY_200: COLORS_DARK.SECONDARY_200,
-        SECONDARY_300: COLORS_DARK.SECONDARY_300,
-        SECONDARY_400: COLORS_DARK.SECONDARY_400,
-        SECONDARY_500: COLORS_DARK.SECONDARY_500,
-        SECONDARY_600: COLORS_DARK.SECONDARY_600,
-        SECONDARY_700: COLORS_DARK.SECONDARY_700,
-        SECONDARY_800: COLORS_DARK.SECONDARY_800,
-        SECONDARY_900: COLORS_DARK.SECONDARY_900,
-        SUCCESS_50: COLORS_DARK.SUCCESS_50,
-        SUCCESS_100: COLORS_DARK.SUCCESS_100,
-        SUCCESS_200: COLORS_DARK.SUCCESS_200,
-        SUCCESS_300: COLORS_DARK.SUCCESS_300,
-        SUCCESS_400: COLORS_DARK.SUCCESS_400,
-        SUCCESS_500: COLORS_DARK.SUCCESS_500,
-        SUCCESS_600: COLORS_DARK.SUCCESS_600,
-        SUCCESS_700: COLORS_DARK.SUCCESS_700,
-        SUCCESS_800: COLORS_DARK.SUCCESS_800,
-        SUCCESS_900: COLORS_DARK.SUCCESS_900,
-        DANGER_50: COLORS_DARK.DANGER_50,
-        DANGER_100: COLORS_DARK.DANGER_100,
-        DANGER_200: COLORS_DARK.DANGER_200,
-        DANGER_300: COLORS_DARK.DANGER_300,
-        DANGER_400: COLORS_DARK.DANGER_400,
-        DANGER_500: COLORS_DARK.DANGER_500,
-        DANGER_600: COLORS_DARK.DANGER_600,
-        DANGER_700: COLORS_DARK.DANGER_700,
-        DANGER_800: COLORS_DARK.DANGER_800,
-        DANGER_900: COLORS_DARK.DANGER_900,
-        WARNING_50: COLORS_DARK.WARNING_50,
-        WARNING_100: COLORS_DARK.WARNING_100,
-        WARNING_200: COLORS_DARK.WARNING_200,
-        WARNING_300: COLORS_DARK.WARNING_300,
-        WARNING_400: COLORS_DARK.WARNING_400,
-        WARNING_500: COLORS_DARK.WARNING_500,
-        WARNING_600: COLORS_DARK.WARNING_600,
-        WARNING_700: COLORS_DARK.WARNING_700,
-        WARNING_800: COLORS_DARK.WARNING_800,
-        WARNING_900: COLORS_DARK.WARNING_900,
-        BACKGROUND: COLORS_DARK.BACKGROUND,
-        FONT: COLORS_DARK.FONT,
-        CURRENT_COLOR: "currentColor",
-        TRANSPARENT: "transparent",
-        LINK_FONT_DEFAULT: COLORS_DARK.LINK_FONT_DEFAULT,
-        LINK_FONT_HOVER: COLORS_DARK.LINK_FONT_HOVER,
-        LINK_FONT_ACTIVE: COLORS_DARK.LINK_FONT_ACTIVE,
-        LINK_BACKGROUND_DEFAULT: COLORS_DARK.LINK_BACKGROUND_DEFAULT,
-        LINK_BACKGROUND_HOVER: COLORS_DARK.LINK_BACKGROUND_HOVER,
-        LINK_BACKGROUND_ACTIVE: COLORS_DARK.LINK_BACKGROUND_ACTIVE,
-        FONT_GHOST_DEFAULT: COLORS_DARK.FONT_GHOST_DEFAULT,
-        FONT_GHOST_HOVER: COLORS_DARK.FONT_GHOST_HOVER,
-        FONT_GHOST_ACTIVE: COLORS_DARK.FONT_GHOST_ACTIVE,
-        BACKGROUND_GHOST_DEFAULT: COLORS_DARK.BACKGROUND_GHOST_DEFAULT,
-        BACKGROUND_GHOST_HOVER: COLORS_DARK.BACKGROUND_GHOST_HOVER,
-        BACKGROUND_GHOST_ACTIVE: COLORS_DARK.BACKGROUND_GHOST_ACTIVE,
-    },
-}

package/dist/lib/utils/StyleSheetManager.tsx

@@ -1,30 +0,0 @@
-import type { FC } from "react"
-import {
-    StyleSheetManager as Manager,
-    type IStyleSheetManager,
-    type WebTarget,
-} from "styled-components"
-import isPropValid from "@emotion/is-prop-valid"
-
-export const shouldForwardProp = (propName: string, target: WebTarget) => {
-    if (typeof target === "string") {
-        // For HTML elements, forward the prop if it is a valid HTML attribute
-        return isPropValid(propName)
-    }
-    // For other elements, forward all props
-    return true
-}
-
-export const StyleSheetManager: FC<IStyleSheetManager> = ({
-    shouldForwardProp: shouldForwardPropFn = shouldForwardProp,
-    enableVendorPrefixes = true,
-    ...rest
-}) => {
-    return (
-        <Manager
-            shouldForwardProp={shouldForwardPropFn}
-            enableVendorPrefixes={enableVendorPrefixes}
-            {...rest}
-        />
-    )
-}

package/dist/lib/utils/index.ts

@@ -1,4 +0,0 @@
-export * from "./set-default-theme"
-export { default as LIB_TOKENS } from "./lib-tokens.json"
-export * from "./StyleSheetManager"
-export * from "./linkify-text"