v0.2.4: One UI 9 & Material 3 Expressive UI/UX Redesign
This commit is contained in:
@@ -1,34 +1,67 @@
|
|||||||
package com.hotdeal.alarm.ui.theme
|
package com.hotdeal.alarm.ui.theme
|
||||||
|
|
||||||
|
import androidx.compose.foundation.shape.RoundedCornerShape
|
||||||
import androidx.compose.ui.unit.dp
|
import androidx.compose.ui.unit.dp
|
||||||
|
|
||||||
|
/**
|
||||||
|
* One UI 9 & Material 3 Expressive 간격 시스템
|
||||||
|
*/
|
||||||
object Spacing {
|
object Spacing {
|
||||||
|
val xxs = 2.dp
|
||||||
val xs = 4.dp
|
val xs = 4.dp
|
||||||
val sm = 8.dp
|
val sm = 8.dp
|
||||||
val md = 16.dp
|
val md = 12.dp
|
||||||
val lg = 24.dp
|
val normal = 16.dp
|
||||||
val xl = 32.dp
|
val lg = 20.dp
|
||||||
val xxl = 48.dp
|
val xl = 24.dp
|
||||||
|
val xxl = 32.dp
|
||||||
|
val xxxl = 48.dp
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* One UI 9 Squircle 고곡률 라운딩 시스템
|
||||||
|
*/
|
||||||
object CornerRadius {
|
object CornerRadius {
|
||||||
val small = 8.dp
|
val micro = 6.dp
|
||||||
val medium = 12.dp
|
val small = 10.dp
|
||||||
val large = 16.dp
|
val medium = 14.dp
|
||||||
val extraLarge = 24.dp
|
val normal = 18.dp
|
||||||
val full = 9999.dp
|
val squircle = 22.dp
|
||||||
|
val large = 26.dp
|
||||||
|
val extraLarge = 32.dp
|
||||||
|
val pill = 999.dp
|
||||||
|
|
||||||
|
val shapeMicro = RoundedCornerShape(micro)
|
||||||
|
val shapeSmall = RoundedCornerShape(small)
|
||||||
|
val shapeMedium = RoundedCornerShape(medium)
|
||||||
|
val shapeNormal = RoundedCornerShape(normal)
|
||||||
|
val shapeSquircle = RoundedCornerShape(squircle)
|
||||||
|
val shapeLarge = RoundedCornerShape(large)
|
||||||
|
val shapeExtraLarge = RoundedCornerShape(extraLarge)
|
||||||
|
val shapePill = RoundedCornerShape(pill)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* One UI 9 Subtle Elevation & Shadow
|
||||||
|
*/
|
||||||
object Elevation {
|
object Elevation {
|
||||||
val none = 0.dp
|
val none = 0.dp
|
||||||
val small = 2.dp
|
val ambient = 1.dp
|
||||||
|
val subtle = 2.dp
|
||||||
val medium = 4.dp
|
val medium = 4.dp
|
||||||
val large = 8.dp
|
val floating = 8.dp
|
||||||
|
val modal = 16.dp
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* One UI 9 Icon Size Hierarchy
|
||||||
|
*/
|
||||||
object IconSize {
|
object IconSize {
|
||||||
|
val mini = 12.dp
|
||||||
val small = 16.dp
|
val small = 16.dp
|
||||||
val medium = 24.dp
|
val medium = 20.dp
|
||||||
val large = 32.dp
|
val normal = 24.dp
|
||||||
val extraLarge = 48.dp
|
val large = 28.dp
|
||||||
|
val extraLarge = 36.dp
|
||||||
|
val hero = 48.dp
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user