diff --git a/web/core/src/jsMain/kotlin/org/jetbrains/compose/web/css/CSSUnits.kt b/web/core/src/jsMain/kotlin/org/jetbrains/compose/web/css/CSSUnits.kt index b2ec469c50a..f39450ec710 100644 --- a/web/core/src/jsMain/kotlin/org/jetbrains/compose/web/css/CSSUnits.kt +++ b/web/core/src/jsMain/kotlin/org/jetbrains/compose/web/css/CSSUnits.kt @@ -56,6 +56,18 @@ interface CSSUnit { interface vw: CSSUnitRel interface vh: CSSUnitRel + + interface lvh: CSSUnitRel + + interface dvh: CSSUnitRel + + interface svh: CSSUnitRel + + interface lvw: CSSUnitRel + + interface dvw: CSSUnitRel + + interface svw: CSSUnitRel interface vi: CSSUnitRel @@ -123,6 +135,18 @@ interface CSSUnit { inline val vw get() = "vw".unsafeCast() inline val vh get() = "vh".unsafeCast() + + inline val lvh get() = "lvh".unsafeCast() + + inline val dvh get() = "dvh".unsafeCast() + + inline val svh get() = "svh".unsafeCast() + + inline val lvw get() = "lvw".unsafeCast() + + inline val dvw get() = "dvw".unsafeCast() + + inline val svw get() = "svw".unsafeCast() inline val vi get() = "vi".unsafeCast() @@ -196,6 +220,24 @@ val Number.vw val Number.vh get(): CSSSizeValue = CSSUnitValueTyped(this.toFloat(), CSSUnit.vh) + +val Number.lvw + get(): CSSSizeValue = CSSUnitValueTyped(this.toFloat(), CSSUnit.lvw) + +val Number.dvw + get(): CSSSizeValue = CSSUnitValueTyped(this.toFloat(), CSSUnit.dvw) + +val Number.svw + get(): CSSSizeValue = CSSUnitValueTyped(this.toFloat(), CSSUnit.svw) + +val Number.lvh + get(): CSSSizeValue = CSSUnitValueTyped(this.toFloat(), CSSUnit.lvh) + +val Number.dvh + get(): CSSSizeValue = CSSUnitValueTyped(this.toFloat(), CSSUnit.dvh) + +val Number.svh + get(): CSSSizeValue = CSSUnitValueTyped(this.toFloat(), CSSUnit.svh) val Number.vmin get(): CSSSizeValue = CSSUnitValueTyped(this.toFloat(), CSSUnit.vmin)