20 feature design system module have too many responsibility

core-android/design-system/src/main/java/dev/love/winter/designsystem/tokens/BorderRadiusToken.kt → core-android/design-system/src/main/java/dev/love/winter/designsystem/BorderRadiusToken.kt

@@ -1,4 +1,4 @@
-package dev.love.winter.designsystem.tokens
+package dev.love.winter.designsystem
 
 import androidx.compose.foundation.shape.CircleShape
 import androidx.compose.foundation.shape.RoundedCornerShape
@@ -20,9 +20,9 @@ import androidx.compose.ui.unit.dp
  * - Pill: Components that are completely rounded on their sides
  */
 
-internal val BorderRadiusExtraSmall = RoundedCornerShape(2.dp)
-internal val BorderRadiusSmall = RoundedCornerShape(4.dp)
-internal val BorderRadiusMedium = RoundedCornerShape(8.dp)
-internal val BorderRadiusLarge = RoundedCornerShape(16.dp)
-internal val BorderRadiusExtraLarge = RoundedCornerShape(24.dp)
-internal val BorderRadiusPill = CircleShape
+val BorderRadiusExtraSmall = RoundedCornerShape(2.dp)
+val BorderRadiusSmall = RoundedCornerShape(4.dp)
+val BorderRadiusMedium = RoundedCornerShape(8.dp)
+val BorderRadiusLarge = RoundedCornerShape(16.dp)
+val BorderRadiusExtraLarge = RoundedCornerShape(24.dp)
+val BorderRadiusPill = CircleShape

core-android/design-system/src/main/java/dev/love/winter/designsystem/ColorToken.kt

@@ -0,0 +1,275 @@
+package dev.love.winter.designsystem
+
+import androidx.compose.ui.graphics.Color
+
+// Brand - Primary
+val Primary50 = Color(0xFFF1F1FF)
+val Primary100 = Color(0xFFDBDFFF)
+val Primary200 = Color(0xFFC1C8FF)
+val Primary300 = Color(0xFF9397FF)
+val Primary400 = Color(0xFF7278FF)
+val Primary500 = Color(0xFF5653FF)
+val Primary600 = Color(0xFF4745E4)
+val Primary700 = Color(0xFF3B39AF)
+val Primary800 = Color(0xFF2B2A85)
+val Primary900 = Color(0xFF131243)
+
+// Blue (Use when brand color is no longer blue)
+val Blue50 = Color(0xFFF1F1FF)
+val Blue100 = Color(0xFFDBDFFF)
+val Blue200 = Color(0xFFC1C8FF)
+val Blue300 = Color(0xFF9397FF)
+val Blue400 = Color(0xFF7278FF)
+val Blue500 = Color(0xFF5653FF)
+val Blue600 = Color(0xFF4745E4)
+val Blue700 = Color(0xFF3B39AF)
+val Blue800 = Color(0xFF2B2A85)
+val Blue900 = Color(0xFF131243)
+
+// Neutral - Grey
+val Grey50 = Color(0xFFFDFDFD)
+val Grey100 = Color(0xFFF4F4F5)
+val Grey200 = Color(0xFFE7E7EA)
+val Grey300 = Color(0xFFD9D9DC)
+val Grey400 = Color(0xFFBFC0C9)
+val Grey500 = Color(0xFF8D8F9B)
+val Grey600 = Color(0xFF60626C)
+val Grey700 = Color(0xFF484951)
+val Grey800 = Color(0xFF313237)
+val Grey900 = Color(0xFF18181B)
+
+// Semantic - Green
+val Green50 = Color(0xFFECFAF3)
+val Green100 = Color(0xFFC3EEDB)
+val Green200 = Color(0xFFA5E6CA)
+val Green300 = Color(0xFF7CDAB1)
+val Green400 = Color(0xFF63D3A2)
+val Green500 = Color(0xFF3CC88B)
+val Green600 = Color(0xFF37B67E)
+val Green700 = Color(0xFF247E57)
+val Green800 = Color(0xFF115B3A)
+val Green900 = Color(0xFF0F3122)
+
+// Semantic - Yellow
+val Yellow50 = Color(0xFFFFF7E9)
+val Yellow100 = Color(0xFFFFEAC7)
+val Yellow200 = Color(0xFFFFDA9A)
+val Yellow300 = Color(0xFFFFCD78)
+val Yellow400 = Color(0xFFFFBD49)
+val Yellow500 = Color(0xFFFFAF24)
+val Yellow600 = Color(0xFFF2A522)
+val Yellow700 = Color(0xFFC7881A)
+val Yellow800 = Color(0xFF825911)
+val Yellow900 = Color(0xFF4A340E)
+
+// Semantic - Red
+val Red50 = Color(0xFFFCEBEB)
+val Red100 = Color(0xFFFFD7D7)
+val Red200 = Color(0xFFF2A1A1)
+val Red300 = Color(0xFFEC7676)
+val Red400 = Color(0xFFE85B5B)
+val Red500 = Color(0xFFE23232)
+val Red600 = Color(0xFFCE2E2E)
+val Red700 = Color(0xFFA02424)
+val Red800 = Color(0xFF6C1A1A)
+val Red900 = Color(0xFF401111)
+
+/**
+ * Component Token - Background (Light Theme)
+ */
+val BackgroundLight = Grey50
+val BackgroundContainerLight = Grey100
+val BackgroundObjectLight = Grey200
+val BackgroundModalLight = Grey50
+val BackgroundBrandLight = Primary500
+val BackgroundBrandSubtleLight = Primary50
+val BackgroundPositiveLight = Green50
+val BackgroundWarningLight = Yellow50
+val BackgroundNegativeLight = Red50
+val BackgroundContrastLight = Grey900
+val BackgroundDisabledLight = Grey100
+val BackgroundOverlayLight = Grey900.copy(alpha = 0.5f)
+
+/**
+ * Component Token - Background (Dark Theme)
+ */
+val BackgroundDark = Grey900
+val BackgroundContainerDark = Grey800
+val BackgroundObjectDark = Grey700
+val BackgroundModalDark = Grey800
+val BackgroundBrandDark = Primary500
+val BackgroundBrandSubtleDark = Primary900
+val BackgroundPositiveDark = Green900
+val BackgroundWarningDark = Yellow900
+val BackgroundNegativeDark = Red900
+val BackgroundContrastDark = Grey50
+val BackgroundDisabledDark = Grey800
+val BackgroundOverlayDark = Grey900.copy(alpha = 0.7f)
+
+/**
+ * Component Token - Stroke (Light Theme)
+ */
+val StrokeNeutralSubtleLight = Grey100
+val StrokeNeutralLight = Grey200
+val StrokeNeutralStrongLight = Grey300
+val StrokeBrandLight = Primary500
+val StrokePositiveLight = Green500
+val StrokeWarningLight = Yellow500
+val StrokeNegativeLight = Red500
+
+/**
+ * Component Token - Stroke (Dark Theme)
+ */
+val StrokeNeutralSubtleDark = Grey800
+val StrokeNeutralDark = Grey700
+val StrokeNeutralStrongDark = Grey600
+val StrokeBrandDark = Primary600
+val StrokePositiveDark = Green600
+val StrokeWarningDark = Yellow600
+val StrokeNegativeDark = Red600
+
+/**
+ * Component Token - Text (Light Theme)
+ */
+val TextTitleLight = Grey900
+val TextSubtitleLight = Grey700
+val TextBodyLight = Grey800
+val TextCaptionLight = Grey600
+val TextPlaceholderLight = Grey500
+val TextDisabledLight = Grey400
+val TextOnColorDarkLight = Grey50
+val TextOnColorLightLight = Grey900
+val TextOnContrastLight = Grey50
+val TextLinkLight = Primary600
+val TextBrandLight = Primary500
+val TextPositiveLight = Green200
+val TextWarningLight = Yellow700
+val TextNegativeLight = Red600
+
+/**
+ * Component Token - Text (Dark Theme)
+ */
+val TextTitleDark = Grey50
+val TextSubtitleDark = Grey200
+val TextBodyDark = Grey100
+val TextCaptionDark = Grey300
+val TextPlaceholderDark = Grey500
+val TextDisabledDark = Grey600
+val TextOnColorDarkDark = Grey50
+val TextOnColorLightDark = Grey900
+val TextOnContrastDark = Grey900
+val TextLinkDark = Primary300
+val TextBrandDark = Primary500
+val TextPositiveDark = Green700
+val TextWarningDark = Yellow200
+val TextNegativeDark = Red200
+
+/**
+ * Component Token - Icon (Light Theme)
+ */
+val IconNeutralSubtleLight = Grey500
+val IconNeutralLight = Grey600
+val IconNeutralStrongLight = Grey900
+val IconBrandLight = Primary500
+val IconPositiveLight = Green600
+val IconWarningLight = Yellow600
+val IconNegativeLight = Red600
+val IconOnColorDarkLight = Grey50
+val IconOnColorLightLight = Grey900
+val IconOnContrastLight = Grey50
+val IconDisabledLight = Grey400
+
+/**
+ * Component Token - Icon (Dark Theme)
+ */
+val IconNeutralSubtleDark = Grey500
+val IconNeutralDark = Grey300
+val IconNeutralStrongDark = Grey300
+val IconBrandDark = Primary500
+val IconPositiveDark = Green600
+val IconWarningDark = Yellow500
+val IconNegativeDark = Red500
+val IconOnColorDarkDark = Grey50
+val IconOnColorLightDark = Grey900
+val IconOnContrastDark = Grey900
+val IconDisabledDark = Grey600
+
+/**
+ * Component Token - Button (Light Theme)
+ */
+val ButtonPrimaryDefaultLight = Grey900
+val ButtonPrimaryActiveLight = Grey800
+val ButtonPrimaryDisabledLight = Grey100
+val ButtonSecondaryDefaultLight = Grey300
+val ButtonSecondaryActiveLight = Grey400
+val ButtonSecondaryDisabledLight = Grey100
+val ButtonTertiaryDefaultLight = Grey900
+val ButtonTertiaryActiveLight = Grey700
+val ButtonTertiaryDisabledLight = Grey400
+val ButtonBrandDefaultLight = Primary500
+val ButtonBrandActiveLight = Primary600
+val ButtonBrandDisabledLight = Grey100
+val ButtonCriticalDefaultLight = Red600
+val ButtonCriticalActiveLight = Red700
+val ButtonCriticalDisabledLight = Grey100
+
+/**
+ * Component Token - Button (Dark Theme)
+ */
+val ButtonPrimaryDefaultDark = Grey50
+val ButtonPrimaryActiveDark = Grey200
+val ButtonPrimaryDisabledDark = Grey800
+val ButtonSecondaryDefaultDark = Grey600
+val ButtonSecondaryActiveDark = Grey700
+val ButtonSecondaryDisabledDark = Grey800
+val ButtonTertiaryDefaultDark = Grey50
+val ButtonTertiaryActiveDark = Grey300
+val ButtonTertiaryDisabledDark = Grey600
+val ButtonBrandDefaultDark = Primary500
+val ButtonBrandActiveDark = Primary600
+val ButtonBrandDisabledDark = Grey800
+val ButtonCriticalDefaultDark = Red600
+val ButtonCriticalActiveDark = Red700
+val ButtonCriticalDisabledDark = Grey800
+
+/**
+ * Component Token - Input (Light Theme)
+ */
+val InputDefaultLight = Grey300
+val InputActiveLight = Grey300
+val InputActiveCursorLight = Primary500
+val InputSelectedLight = Grey900
+val InputPositiveLight = Green500
+val InputNegativeLight = Red500
+val InputDisabledLight = Grey300
+
+/**
+ * Component Token - Input (Dark Theme)
+ */
+val InputDefaultDark = Grey700
+val InputActiveDark = Primary500
+val InputActiveCursorDark = Primary200
+val InputSelectedDark = Grey50
+val InputPositiveDark = Green300
+val InputNegativeDark = Red300
+val InputDisabledDark = Grey700
+
+/**
+ * Component Token - Tag (Light Theme)
+ */
+val TagNeutralLight = Grey200
+val TagBrandStrongLight = Primary500
+val TagBrandSubtleLight = Primary100
+val TagPositiveLight = Green100
+val TagWarningLight = Yellow100
+val TagNegativeLight = Red100
+
+/**
+ * Component Token - Tag (Dark Theme)
+ */
+val TagNeutralDark = Grey700
+val TagBrandStrongDark = Primary600
+val TagBrandSubtleDark = Primary100
+val TagPositiveDark = Green100
+val TagWarningDark = Yellow100
+val TagNegativeDark = Red100

core-android/design-system/src/main/java/dev/love/winter/designsystem/tokens/SpacingToken.kt → core-android/design-system/src/main/java/dev/love/winter/designsystem/SpacingToken.kt

@@ -1,4 +1,4 @@
-package dev.love.winter.designsystem.tokens
+package dev.love.winter.designsystem
 
 import androidx.compose.ui.unit.dp
 
@@ -14,10 +14,10 @@ import androidx.compose.ui.unit.dp
  * - When stacking components, use the same spacing between all elements in the group
  */
 
-internal val SpacingExtraExtraSmall = 4.dp
-internal val SpacingExtraSmall = 8.dp
-internal val SpacingSmall = 16.dp
-internal val SpacingMedium = 24.dp
-internal val SpacingLarge = 32.dp
-internal val SpacingExtraLarge = 40.dp
-internal val SpacingExtraExtraLarge = 48.dp
+val SpacingExtraExtraSmall = 4.dp
+val SpacingExtraSmall = 8.dp
+val SpacingSmall = 16.dp
+val SpacingMedium = 24.dp
+val SpacingLarge = 32.dp
+val SpacingExtraLarge = 40.dp
+val SpacingExtraExtraLarge = 48.dp