replace-and-remove-lux-section-container#646
Merged
Merged
Conversation
…nks to `SiteFluidSpacing`
# Conflicts:
# site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_enegy_hub/components/AboutLuxEnergyHub.kt
diff --git c/site/src/jsMain/kotlin/components/widgets/CatchAll.kt i/site/src/jsMain/kotlin/components/widgets/CatchAll.kt
index ed80839..e872af5 100644
--- c/site/src/jsMain/kotlin/components/widgets/CatchAll.kt
+++ i/site/src/jsMain/kotlin/components/widgets/CatchAll.kt
@@ -11,7 +11,6 @@ import com.varabyte.kobweb.compose.ui.modifiers.textAlign
import com.varabyte.kobweb.compose.ui.modifiers.textTransform
import energy.lux.frontend.core.services.localization.LocalizedText
import energy.lux.frontend.core.services.localization.localizedUrl
-import energy.lux.frontend.domains.lux.components.LuxSectionContainer
import energy.lux.frontend.domains.lux.sections.application_fields.components.ApplicationAreaCTAButton
import energy.lux.frontend.domains.lux.widgets.headings.HeaderText
import energy.lux.frontend.domains.lux.widgets.headings.SubHeaderText
@@ -22,7 +21,7 @@ import org.jetbrains.compose.web.dom.P
@Composable
fun CatchAllPage() {
- LuxSectionContainer {
+ SectionContainer {
HeaderText(
enText = "404",
nlText = "404",
@@ -57,4 +56,4 @@ fun CatchAllPage() {
),
)
}
-}
+}
\ No newline at end of file
diff --git c/site/src/jsMain/kotlin/components/widgets/UnknownDomain.kt i/site/src/jsMain/kotlin/components/widgets/UnknownDomain.kt
index c7f1015..051ae35 100644
--- c/site/src/jsMain/kotlin/components/widgets/UnknownDomain.kt
+++ i/site/src/jsMain/kotlin/components/widgets/UnknownDomain.kt
@@ -2,7 +2,6 @@ package energy.lux.frontend.components.widgets
import androidx.compose.runtime.Composable
import com.varabyte.kobweb.compose.foundation.layout.Arrangement
-import energy.lux.frontend.domains.lux.sections.LuxSectionContainerStyleVariant
import energy.lux.frontend.domains.lux.widgets.headings.HeaderText
import energy.lux.frontend.domains.zenmo.widgets.button.PrimaryButton
import energy.lux.frontend.pages.SiteGlobals
@@ -14,7 +13,6 @@ fun UnknownDomain(
) {
SectionContainer(
verticalArrangement = Arrangement.Center,
- variant = LuxSectionContainerStyleVariant
) {
HeaderText(
enText = "Unknown Domain: $domain",
@@ -29,4 +27,4 @@ fun UnknownDomain(
}
)
}
-}
+}
\ No newline at end of file
diff --git c/site/src/jsMain/kotlin/domains/lux/components/LuxSectionContainer.kt i/site/src/jsMain/kotlin/domains/lux/components/LuxSectionContainer.kt
deleted file mode 100644
index b828a64..0000000
--- c/site/src/jsMain/kotlin/domains/lux/components/LuxSectionContainer.kt
+++ /dev/null
@@ -1,18 +0,0 @@
-package energy.lux.frontend.domains.lux.components
-
-import androidx.compose.runtime.Composable
-import com.varabyte.kobweb.compose.foundation.layout.ColumnScope
-import com.varabyte.kobweb.compose.ui.Modifier
-import energy.lux.frontend.components.widgets.SectionContainer
-import energy.lux.frontend.domains.lux.sections.LuxSectionContainerStyleVariant
-
-
-@Composable
-fun LuxSectionContainer(
- modifier: Modifier = Modifier,
- content: @Composable ColumnScope.() -> Unit
-) = SectionContainer(
- variant = LuxSectionContainerStyleVariant,
- modifier = modifier,
- content = content
-)
diff --git c/site/src/jsMain/kotlin/domains/lux/pages/BookADemoPage.kt i/site/src/jsMain/kotlin/domains/lux/pages/BookADemoPage.kt
index eefc66e..9aa489d 100644
--- c/site/src/jsMain/kotlin/domains/lux/pages/BookADemoPage.kt
+++ i/site/src/jsMain/kotlin/domains/lux/pages/BookADemoPage.kt
@@ -13,7 +13,6 @@ import energy.lux.frontend.components.layouts.PageLayout
import energy.lux.frontend.components.widgets.InlineLink
import energy.lux.frontend.components.widgets.LangText
import energy.lux.frontend.components.widgets.SectionContainer
-import energy.lux.frontend.domains.lux.sections.LuxSectionContainerStyleVariant
import energy.lux.frontend.domains.zenmo.widgets.button.IconButton
import kotlinx.browser.window
import org.jetbrains.compose.web.css.cssRem
@@ -31,7 +30,6 @@ fun BookADemoPage() {
SectionContainer(
modifier = Modifier.gap(1.cssRem).textAlign(TextAlign.Center),
verticalArrangement = Arrangement.Center,
- variant = LuxSectionContainerStyleVariant
) {
H2 {
LangText(
diff --git c/site/src/jsMain/kotlin/domains/lux/pages/user_profile/UserProfilePage.kt i/site/src/jsMain/kotlin/domains/lux/pages/user_profile/UserProfilePage.kt
index e13ad69..814a433 100644
--- c/site/src/jsMain/kotlin/domains/lux/pages/user_profile/UserProfilePage.kt
+++ i/site/src/jsMain/kotlin/domains/lux/pages/user_profile/UserProfilePage.kt
@@ -18,7 +18,7 @@ import com.varabyte.kobweb.silk.theme.shapes.clip
import energy.lux.frontend.components.widgets.LangText
import energy.lux.frontend.components.widgets.user.LoginIconButton
import energy.lux.frontend.core.services.auth.UserService
-import energy.lux.frontend.domains.lux.components.LuxSectionContainer
+import energy.lux.frontend.components.widgets.SectionContainer
import energy.lux.frontend.domains.lux.sections.DeEmphasizedTextStyle
import energy.lux.frontend.domains.lux.widgets.headings.HeaderText
import energy.lux.frontend.domains.lux.widgets.headings.SubHeaderText
@@ -44,7 +44,7 @@ fun UserProfilePage() {
LaunchedEffect(Unit) {
userInfo = userService.userInfo()
}
- LuxSectionContainer(
+ SectionContainer(
modifier = Modifier
.gap(1.cssRem)
) {
@@ -176,4 +176,4 @@ fun UserIDTokenCard(
MdiCopy()
}
}
-}
+}
\ No newline at end of file
diff --git c/site/src/jsMain/kotlin/domains/lux/sections/LuxSectionContainerStyleVariant.kt i/site/src/jsMain/kotlin/domains/lux/sections/LuxSectionContainerStyleVariant.kt
deleted file mode 100644
index 9c53c04..0000000
--- c/site/src/jsMain/kotlin/domains/lux/sections/LuxSectionContainerStyleVariant.kt
+++ /dev/null
@@ -1,42 +0,0 @@
-package energy.lux.frontend.domains.lux.sections
-
-import com.varabyte.kobweb.compose.css.AlignItems
-import com.varabyte.kobweb.compose.ui.Modifier
-import com.varabyte.kobweb.compose.ui.modifiers.*
-import com.varabyte.kobweb.silk.style.addVariant
-import com.varabyte.kobweb.silk.style.breakpoint.Breakpoint
-import energy.lux.frontend.components.widgets.SectionContainerStyle
-import org.jetbrains.compose.web.css.DisplayStyle
-import org.jetbrains.compose.web.css.cssRem
-import org.jetbrains.compose.web.css.px
-
-val LuxSectionContainerStyleVariant = SectionContainerStyle.addVariant {
- base {
- Modifier
- .fillMaxWidth()
- .display(DisplayStyle.Flex)
- .alignItems(AlignItems.Center)
- }
-
- Breakpoint.ZERO {
- Modifier.padding(leftRight = 15.px, topBottom = 50.px)
- .gap(3.cssRem)
- }
- Breakpoint.SM {
- Modifier.padding(leftRight = 15.px, topBottom = 50.px)
- .gap(3.cssRem)
- }
- Breakpoint.MD {
- Modifier.padding(leftRight = 134.px, topBottom = 100.px)
- .gap(4.cssRem)
- }
- Breakpoint.LG {
- Modifier.padding(leftRight = 250.px, topBottom = 120.px)
- .gap(5.cssRem)
- }
- Breakpoint.XL {
- Modifier.padding(leftRight = 250.px, topBottom = 120.px)
- .gap(5.cssRem)
- }
-}
-
diff --git c/site/src/jsMain/kotlin/domains/lux/sections/about_us/AboutUs.kt i/site/src/jsMain/kotlin/domains/lux/sections/about_us/AboutUs.kt
index bdb1c61..7ed4707 100644
--- c/site/src/jsMain/kotlin/domains/lux/sections/about_us/AboutUs.kt
+++ i/site/src/jsMain/kotlin/domains/lux/sections/about_us/AboutUs.kt
@@ -3,7 +3,6 @@ package energy.lux.frontend.domains.lux.sections.about_us
import androidx.compose.runtime.Composable
import com.varabyte.kobweb.compose.foundation.layout.Arrangement
import com.varabyte.kobweb.compose.foundation.layout.Column
-import com.varabyte.kobweb.compose.ui.Alignment
import com.varabyte.kobweb.compose.ui.Modifier
import com.varabyte.kobweb.compose.ui.graphics.Colors
import com.varabyte.kobweb.compose.ui.modifiers.background
@@ -16,7 +15,6 @@ import energy.lux.frontend.components.widgets.InlineLink
import energy.lux.frontend.components.widgets.LangBlock
import energy.lux.frontend.components.widgets.SectionContainer
import energy.lux.frontend.core.services.localization.LocalizedText
-import energy.lux.frontend.domains.lux.sections.LuxSectionContainerStyleVariant
import energy.lux.frontend.domains.lux.sections.about_us.components.JourneyBlock
import energy.lux.frontend.domains.lux.sections.about_us.sections.LuxStoryHeaderText
import energy.lux.frontend.domains.lux.sections.about_us.sections.WhyLux
@@ -38,9 +36,7 @@ fun AboutUs() {
) {
LuxStoryHeaderText(breakpoint)
SectionContainer(
- variant = LuxSectionContainerStyleVariant,
verticalArrangement = Arrangement.Center,
- horizontalAlignment = Alignment.CenterHorizontally,
) {
JourneyBlock(
breakpoint = breakpoint,
@@ -318,5 +314,4 @@ fun AboutUs() {
WhyLux(breakpoint)
}
}
-}
-
+}
\ No newline at end of file
diff --git c/site/src/jsMain/kotlin/domains/lux/sections/application_fields/FieldModels.kt i/site/src/jsMain/kotlin/domains/lux/sections/application_fields/FieldModels.kt
index 3156872..7275778 100644
--- c/site/src/jsMain/kotlin/domains/lux/sections/application_fields/FieldModels.kt
+++ i/site/src/jsMain/kotlin/domains/lux/sections/application_fields/FieldModels.kt
@@ -17,7 +17,7 @@ import com.varabyte.kobweb.silk.components.navigation.UncoloredLinkVariant
import com.varabyte.kobweb.silk.components.navigation.UndecoratedLinkVariant
import com.varabyte.kobweb.silk.style.toModifier
import energy.lux.frontend.components.widgets.LangText
-import energy.lux.frontend.domains.lux.components.LuxSectionContainer
+import energy.lux.frontend.components.widgets.SectionContainer
import energy.lux.frontend.domains.lux.core.TwinModelCardItem
import energy.lux.frontend.domains.lux.sections.nav_header.luxModelsMenuItem
import energy.lux.frontend.domains.lux.styles.TopDividerLineStyle
@@ -38,7 +38,7 @@ fun FieldModels(
featuredModels: List<TwinModelCardItem>,
showMoreModelsLink: Boolean,
) {
- LuxSectionContainer(
+ SectionContainer(
modifier =
Modifier
.then(TopDividerLineStyle.toModifier())
@@ -97,4 +97,4 @@ private fun BrowseAllModelsLink(
MdiArrowForward()
}
}
-}
+}
\ No newline at end of file
diff --git c/site/src/jsMain/kotlin/domains/lux/sections/application_fields/components/ApplicationAreaContactPerson.kt i/site/src/jsMain/kotlin/domains/lux/sections/application_fields/components/ApplicationAreaContactPerson.kt
index bf92c1b..4c17a9d 100644
--- c/site/src/jsMain/kotlin/domains/lux/sections/application_fields/components/ApplicationAreaContactPerson.kt
+++ i/site/src/jsMain/kotlin/domains/lux/sections/application_fields/components/ApplicationAreaContactPerson.kt
@@ -4,7 +4,7 @@ import androidx.compose.runtime.Composable
import com.varabyte.kobweb.compose.ui.Modifier
import com.varabyte.kobweb.compose.ui.modifiers.id
import energy.lux.frontend.core.services.localization.LocalizedText
-import energy.lux.frontend.domains.lux.components.LuxSectionContainer
+import energy.lux.frontend.components.widgets.SectionContainer
import energy.lux.frontend.domains.lux.subdomains.components.ProfileCardArrangementDirection
import energy.lux.frontend.domains.lux.subdomains.components.ProfileContactCard
import energy.lux.frontend.domains.zenmo.sections.team.ZenmoTeam
@@ -15,7 +15,7 @@ const val APPLICATION_AREA_CONTACT_PERSON_ID = "application-area-contact-person"
fun ApplicationAreaContactPerson(
contactPerson: ZenmoTeam,
phoneNumberImageSrc: String = "",
-) = LuxSectionContainer(
+) = SectionContainer(
modifier = Modifier.id(APPLICATION_AREA_CONTACT_PERSON_ID)
) {
ProfileContactCard(
@@ -29,5 +29,4 @@ fun ApplicationAreaContactPerson(
nl = "Contactpersoon voor meer informatie"
),
)
-}
-
+}
\ No newline at end of file
diff --git c/site/src/jsMain/kotlin/domains/lux/sections/application_fields/components/LuxPageDemoSection.kt i/site/src/jsMain/kotlin/domains/lux/sections/application_fields/components/LuxPageDemoSection.kt
index de72421..3979afd 100644
--- c/site/src/jsMain/kotlin/domains/lux/sections/application_fields/components/LuxPageDemoSection.kt
+++ i/site/src/jsMain/kotlin/domains/lux/sections/application_fields/components/LuxPageDemoSection.kt
@@ -9,7 +9,7 @@ import com.varabyte.kobweb.compose.ui.modifiers.*
import com.varabyte.kobweb.silk.components.icons.mdi.MdiMovie
import energy.lux.frontend.components.widgets.LangText
import energy.lux.frontend.core.services.localization.LocalizedText
-import energy.lux.frontend.domains.lux.components.LuxSectionContainer
+import energy.lux.frontend.components.widgets.SectionContainer
import energy.lux.frontend.domains.lux.sections.application_fields.LuxApplicationArea
import energy.lux.frontend.domains.lux.widgets.VisualContentPlaceholder
import energy.lux.frontend.domains.lux.widgets.headings.HeaderText
@@ -59,7 +59,7 @@ fun LuxPageDemoSection(
modifier: Modifier = Modifier
) {
var selectedTab by remember { mutableStateOf(DemoTab.DEMO_MOVIE) }
- LuxSectionContainer(
+ SectionContainer(
modifier = Modifier
.id(LUX_DEMO_SECTION_ID)
.background(containerColor)
diff --git c/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_business/components/CalculateYourEnergyFuture.kt i/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_business/components/CalculateYourEnergyFuture.kt
index 6d34075..e5517df 100644
--- c/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_business/components/CalculateYourEnergyFuture.kt
+++ i/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_business/components/CalculateYourEnergyFuture.kt
@@ -11,7 +11,7 @@ import com.varabyte.kobweb.compose.ui.modifiers.*
import com.varabyte.kobweb.compose.ui.toAttrs
import energy.lux.frontend.components.widgets.LangText
import energy.lux.frontend.core.services.localization.LocalizedText
-import energy.lux.frontend.domains.lux.components.LuxSectionContainer
+import energy.lux.frontend.components.widgets.SectionContainer
import energy.lux.frontend.domains.lux.sections.application_fields.components.ApplicationAreaCTAButton
import energy.lux.frontend.domains.lux.styles.secondaryGradientBackground
import energy.lux.frontend.domains.lux.widgets.headings.HeaderText
@@ -22,7 +22,7 @@ import org.jetbrains.compose.web.dom.P
@Composable
fun CalculateYourEnergyFuture() {
- LuxSectionContainer(
+ SectionContainer(
modifier = Modifier
.secondaryGradientBackground()
) {
diff --git c/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_business/components/GridCongestionExplanation.kt i/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_business/components/GridCongestionExplanation.kt
index c3947f8..2720697 100644
--- c/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_business/components/GridCongestionExplanation.kt
+++ i/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_business/components/GridCongestionExplanation.kt
@@ -19,7 +19,7 @@ import com.varabyte.kobweb.silk.style.base
import com.varabyte.kobweb.silk.style.toModifier
import energy.lux.frontend.components.widgets.LangText
import energy.lux.frontend.core.services.localization.LocalizedText
-import energy.lux.frontend.domains.lux.components.LuxSectionContainer
+import energy.lux.frontend.components.widgets.SectionContainer
import energy.lux.frontend.domains.lux.subdomains.private_subdomains.drechtsteden.components.BatteryRotationStyle
import energy.lux.frontend.domains.lux.widgets.headings.HeaderText
import energy.lux.frontend.theme.LuxSpecificColorHues
@@ -34,7 +34,7 @@ import org.jetbrains.compose.web.dom.Span
@Composable
fun GridCongestionExplanation() {
- LuxSectionContainer(
+ SectionContainer(
Modifier
.background(LuxSpecificColorHues().luxBlackRussian)
.color(Colors.White)
diff --git c/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_business/components/InteractiveDashboardSection.kt i/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_business/components/InteractiveDashboardSection.kt
index bb6126f..862cc83 100644
--- c/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_business/components/InteractiveDashboardSection.kt
+++ i/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_business/components/InteractiveDashboardSection.kt
@@ -18,7 +18,7 @@ import com.varabyte.kobweb.silk.style.toModifier
import energy.lux.frontend.components.widgets.InlineLink
import energy.lux.frontend.components.widgets.LangText
import energy.lux.frontend.core.services.localization.LocalizedText
-import energy.lux.frontend.domains.lux.components.LuxSectionContainer
+import energy.lux.frontend.components.widgets.SectionContainer
import energy.lux.frontend.domains.lux.sections.application_fields.LuxApplicationArea
import energy.lux.frontend.domains.lux.styles.HoverBoxShadowStyle
import energy.lux.frontend.domains.lux.styles.verticalLinearBackground
@@ -36,7 +36,7 @@ import org.jetbrains.compose.web.dom.P
@Composable
fun InteractiveDashboardSection() {
- LuxSectionContainer(
+ SectionContainer(
modifier = Modifier
.background(SitePalette.light.overlay)
.alignItems(AlignItems.Start)
diff --git c/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_business/components/LuxBusinessDemoVideo.kt i/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_business/components/LuxBusinessDemoVideo.kt
index 9352198..ec783a8 100644
--- c/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_business/components/LuxBusinessDemoVideo.kt
+++ i/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_business/components/LuxBusinessDemoVideo.kt
@@ -5,14 +5,14 @@ import com.varabyte.kobweb.compose.ui.Modifier
import com.varabyte.kobweb.compose.ui.modifiers.fontSize
import com.varabyte.kobweb.silk.components.icons.mdi.MdiMovie
import energy.lux.frontend.core.services.localization.LocalizedText
-import energy.lux.frontend.domains.lux.components.LuxSectionContainer
+import energy.lux.frontend.components.widgets.SectionContainer
import energy.lux.frontend.domains.lux.widgets.VisualContentPlaceholder
import energy.lux.frontend.domains.lux.widgets.headings.HeaderText
import org.jetbrains.compose.web.css.px
@Composable
fun LuxBusinessDemoVideo() {
- LuxSectionContainer {
+ SectionContainer {
HeaderText(
enText = "LUX Business In Action",
nlText = "LUX Bedrijf In Actie",
@@ -28,4 +28,4 @@ fun LuxBusinessDemoVideo() {
}
)
}
-}
+}
\ No newline at end of file
diff --git c/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_business/components/LuxBusinessHero.kt i/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_business/components/LuxBusinessHero.kt
index 3026341..0156a95 100644
--- c/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_business/components/LuxBusinessHero.kt
+++ i/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_business/components/LuxBusinessHero.kt
@@ -11,7 +11,7 @@ import com.varabyte.kobweb.compose.ui.toAttrs
import com.varabyte.kobweb.silk.components.icons.fa.FaMagnifyingGlass
import com.varabyte.kobweb.silk.style.toModifier
import energy.lux.frontend.components.widgets.LangText
-import energy.lux.frontend.domains.lux.components.LuxSectionContainer
+import energy.lux.frontend.components.widgets.SectionContainer
import energy.lux.frontend.domains.lux.sections.ResponsiveFlexStyle
import energy.lux.frontend.domains.lux.sections.application_fields.LuxApplicationArea
import energy.lux.frontend.domains.lux.widgets.headings.HeaderText
@@ -26,7 +26,7 @@ import org.jetbrains.compose.web.dom.P
@Composable
fun LuxBusinessHero() {
- LuxSectionContainer(
+ SectionContainer(
modifier = Modifier.alignItems(AlignItems.FlexStart)
) {
HeaderText(
diff --git c/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_business/components/PersonalAdvice.kt i/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_business/components/PersonalAdvice.kt
index 26b03dc..8879dae 100644
--- c/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_business/components/PersonalAdvice.kt
+++ i/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_business/components/PersonalAdvice.kt
@@ -9,7 +9,7 @@ import com.varabyte.kobweb.compose.ui.modifiers.color
import com.varabyte.kobweb.compose.ui.modifiers.gap
import energy.lux.frontend.components.widgets.LangText
import energy.lux.frontend.core.services.localization.LocalizedText
-import energy.lux.frontend.domains.lux.components.LuxSectionContainer
+import energy.lux.frontend.components.widgets.SectionContainer
import energy.lux.frontend.domains.lux.sections.application_fields.components.ApplicationAreaCTAButton
import energy.lux.frontend.domains.lux.widgets.headings.HeaderText
import energy.lux.frontend.theme.LuxSpecificColorHues
@@ -21,7 +21,7 @@ import org.jetbrains.compose.web.dom.P
@Composable
fun PersonalAdvice() {
- LuxSectionContainer(
+ SectionContainer(
modifier = Modifier
.background(LuxSpecificColorHues().luxBlackRussian)
.color(Colors.White)
@@ -51,4 +51,4 @@ fun PersonalAdvice() {
)
)
}
-}
+}
\ No newline at end of file
diff --git c/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_business/components/SmarterEnergyUse.kt i/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_business/components/SmarterEnergyUse.kt
index 94475e3..fc74cb5 100644
--- c/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_business/components/SmarterEnergyUse.kt
+++ i/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_business/components/SmarterEnergyUse.kt
@@ -8,7 +8,7 @@ import com.varabyte.kobweb.compose.ui.modifiers.*
import com.varabyte.kobweb.compose.ui.toAttrs
import com.varabyte.kobweb.silk.style.toModifier
import energy.lux.frontend.components.widgets.LangText
-import energy.lux.frontend.domains.lux.components.LuxSectionContainer
+import energy.lux.frontend.components.widgets.SectionContainer
import energy.lux.frontend.domains.lux.sections.ResponsiveFlexStyle
import energy.lux.frontend.domains.lux.widgets.headings.HeaderText
import energy.lux.frontend.theme.SitePalette
@@ -23,7 +23,7 @@ import org.jetbrains.compose.web.dom.P
@Composable
fun SmarterEnergyUse() {
- LuxSectionContainer(
+ SectionContainer(
modifier =
Modifier
.background(SitePalette.light.overlay),
diff --git c/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_business/components/UniqueFeature.kt i/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_business/components/UniqueFeature.kt
index bd535fa..b40fb0c 100644
--- c/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_business/components/UniqueFeature.kt
+++ i/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_business/components/UniqueFeature.kt
@@ -13,7 +13,7 @@ import com.varabyte.kobweb.compose.ui.toAttrs
import energy.lux.frontend.components.widgets.InlineLink
import energy.lux.frontend.components.widgets.LangBlock
import energy.lux.frontend.components.widgets.LangText
-import energy.lux.frontend.domains.lux.components.LuxSectionContainer
+import energy.lux.frontend.components.widgets.SectionContainer
import energy.lux.frontend.domains.lux.sections.application_fields.LuxApplicationArea
import energy.lux.frontend.domains.lux.styles.secondaryGradientBackground
import energy.lux.frontend.domains.lux.widgets.headings.HeaderText
@@ -30,7 +30,7 @@ import org.jetbrains.compose.web.dom.Text
@Composable
fun UniqueFeature() {
- LuxSectionContainer {
+ SectionContainer {
Column(
modifier = Modifier.fillMaxWidth()
.luxBorderRadius(LuxCornerRadius.xl)
@@ -89,4 +89,4 @@ fun UniqueFeature() {
}
}
}
-}
+}
\ No newline at end of file
diff --git c/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_enegy_hub/components/AboutLuxEnergyHub.kt i/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_enegy_hub/components/AboutLuxEnergyHub.kt
index 6cf955c..28b8769 100644
--- c/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_enegy_hub/components/AboutLuxEnergyHub.kt
+++ i/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_enegy_hub/components/AboutLuxEnergyHub.kt
@@ -15,8 +15,8 @@ import com.varabyte.kobweb.silk.theme.shapes.Circle
import com.varabyte.kobweb.silk.theme.shapes.clip
import energy.lux.frontend.components.widgets.InlineLink
import energy.lux.frontend.components.widgets.LangText
+import energy.lux.frontend.components.widgets.SectionContainer
import energy.lux.frontend.core.services.localization.LocalizedText
-import energy.lux.frontend.domains.lux.components.LuxSectionContainer
import energy.lux.frontend.domains.lux.core.model.subdomain.demoEnergyHubModel
import energy.lux.frontend.domains.lux.sections.ResponsiveFlexStyle
import energy.lux.frontend.domains.lux.sections.application_fields.LuxApplicationArea
@@ -40,7 +40,7 @@ import org.jetbrains.compose.web.dom.Text
@Composable
fun AboutLuxEnergyHub() {
- LuxSectionContainer(
+ SectionContainer(
modifier = Modifier
.background(SitePalette.light.overlay),
) {
diff --git c/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_enegy_hub/components/LuxEnergyHubHero.kt i/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_enegy_hub/components/LuxEnergyHubHero.kt
index d340efc..0ec3e54 100644
--- c/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_enegy_hub/components/LuxEnergyHubHero.kt
+++ i/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_enegy_hub/components/LuxEnergyHubHero.kt
@@ -13,7 +13,7 @@ import com.varabyte.kobweb.silk.style.toModifier
import energy.lux.frontend.components.widgets.ImageContent
import energy.lux.frontend.components.widgets.InlineLink
import energy.lux.frontend.components.widgets.LangBlock
-import energy.lux.frontend.domains.lux.components.LuxSectionContainer
+import energy.lux.frontend.components.widgets.SectionContainer
import energy.lux.frontend.domains.lux.core.model.subdomain.PrivateSubdomainModel
import energy.lux.frontend.domains.lux.sections.ResponsiveFlexStyle
import energy.lux.frontend.domains.lux.sections.application_fields.LuxApplicationArea
@@ -31,7 +31,7 @@ import org.jetbrains.compose.web.dom.Text
@Composable
fun LuxEnergyHubHero() {
- LuxSectionContainer {
+ SectionContainer {
Div(
ResponsiveFlexStyle.toModifier()
.toAttrs()
diff --git c/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_enegy_hub/components/energy_hub_process/EnergyHubProcessSection.kt i/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_enegy_hub/components/energy_hub_process/EnergyHubProcessSection.kt
index 55b9771..f91596e 100644
--- c/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_enegy_hub/components/energy_hub_process/EnergyHubProcessSection.kt
+++ i/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_enegy_hub/components/energy_hub_process/EnergyHubProcessSection.kt
@@ -11,7 +11,7 @@ import com.varabyte.kobweb.compose.ui.modifiers.textTransform
import com.varabyte.kobweb.compose.ui.toAttrs
import com.varabyte.kobweb.silk.style.toModifier
import energy.lux.frontend.components.widgets.LangText
-import energy.lux.frontend.domains.lux.components.LuxSectionContainer
+import energy.lux.frontend.components.widgets.SectionContainer
import energy.lux.frontend.domains.lux.sections.application_fields.lux_enegy_hub.components.GetStarted
import energy.lux.frontend.domains.lux.widgets.headings.HeaderText
import energy.lux.frontend.theme.SitePalette
@@ -26,7 +26,7 @@ import org.jetbrains.compose.web.dom.Text
@Composable
fun EnergyHubProcessSection() {
- LuxSectionContainer(
+ SectionContainer(
modifier = Modifier.alignItems(AlignItems.FlexStart),
) {
H1(
@@ -56,4 +56,4 @@ fun EnergyHubProcessSection() {
}
GetStarted()
}
-}
+}
\ No newline at end of file
diff --git c/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_neighbourhood/components/LuxNeighbourhoodFactAndDemo.kt i/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_neighbourhood/components/LuxNeighbourhoodFactAndDemo.kt
index 47be1ab..2b7eae1 100644
--- c/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_neighbourhood/components/LuxNeighbourhoodFactAndDemo.kt
+++ i/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_neighbourhood/components/LuxNeighbourhoodFactAndDemo.kt
@@ -4,14 +4,14 @@ import androidx.compose.runtime.Composable
import com.varabyte.kobweb.compose.ui.Modifier
import com.varabyte.kobweb.compose.ui.modifiers.background
import energy.lux.frontend.core.services.localization.LocalizedText
-import energy.lux.frontend.domains.lux.components.LuxSectionContainer
+import energy.lux.frontend.components.widgets.SectionContainer
import energy.lux.frontend.domains.lux.sections.application_fields.components.ApplicationAreaVideo
import energy.lux.frontend.domains.lux.widgets.headings.HeaderText
import energy.lux.frontend.theme.SitePalette
@Composable
fun LuxNeighbourhoodFactAndDemo() {
- LuxSectionContainer(
+ SectionContainer(
modifier = Modifier.background(SitePalette.light.overlay),
) {
LuxNeighbourhoodFacts()
@@ -27,4 +27,4 @@ fun LuxNeighbourhoodFactAndDemo() {
),
)
}
-}
+}
\ No newline at end of file
diff --git c/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_neighbourhood/components/LuxNeighbourhoodFacts.kt i/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_neighbourhood/components/LuxNeighbourhoodFacts.kt
index 8ad4182..6272734 100644
--- c/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_neighbourhood/components/LuxNeighbourhoodFacts.kt
+++ i/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_neighbourhood/components/LuxNeighbourhoodFacts.kt
@@ -12,7 +12,7 @@ import com.varabyte.kobweb.silk.components.icons.mdi.IconStyle
import com.varabyte.kobweb.silk.components.icons.mdi.MdiCheckCircle
import energy.lux.frontend.components.widgets.LangText
import energy.lux.frontend.core.services.localization.LocalizedText
-import energy.lux.frontend.domains.lux.components.LuxSectionContainer
+import energy.lux.frontend.components.widgets.SectionContainer
import energy.lux.frontend.domains.lux.widgets.headings.HeaderText
import energy.lux.frontend.theme.SitePalette
import energy.lux.frontend.theme.styles.LuxCornerRadius
@@ -26,7 +26,7 @@ import org.jetbrains.compose.web.dom.P
@Composable
fun LuxNeighbourhoodFacts() {
- LuxSectionContainer {
+ SectionContainer {
Column(
modifier = Modifier.fillMaxWidth()
.padding(clamp(32.px, 5.vw, 64.px))
@@ -92,4 +92,4 @@ private fun FactBlock(
)
}
}
-}
+}
\ No newline at end of file
diff --git c/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_neighbourhood/components/NeighbourhoodHero.kt i/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_neighbourhood/components/NeighbourhoodHero.kt
index 04676e9..4092228 100644
--- c/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_neighbourhood/components/NeighbourhoodHero.kt
+++ i/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_neighbourhood/components/NeighbourhoodHero.kt
@@ -9,7 +9,7 @@ import com.varabyte.kobweb.compose.ui.toAttrs
import com.varabyte.kobweb.silk.style.toModifier
import energy.lux.frontend.components.widgets.ImageContent
import energy.lux.frontend.components.widgets.LangText
-import energy.lux.frontend.domains.lux.components.LuxSectionContainer
+import energy.lux.frontend.components.widgets.SectionContainer
import energy.lux.frontend.domains.lux.sections.ResponsiveFlexStyle
import energy.lux.frontend.domains.lux.sections.application_fields.LuxApplicationArea
import energy.lux.frontend.domains.lux.widgets.headings.HeaderText
@@ -24,7 +24,7 @@ import org.jetbrains.compose.web.dom.P
@Composable
fun NeighbourhoodHero() {
- LuxSectionContainer {
+ SectionContainer {
Div(
ResponsiveFlexStyle.toModifier()
.toAttrs()
@@ -104,4 +104,4 @@ private fun TextContent() {
}
}
}
-}
+}
\ No newline at end of file
diff --git c/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_neighbourhood/components/RealDataSimulation.kt i/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_neighbourhood/components/RealDataSimulation.kt
index 4621c6b..4ee3020 100644
--- c/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_neighbourhood/components/RealDataSimulation.kt
+++ i/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_neighbourhood/components/RealDataSimulation.kt
@@ -10,7 +10,7 @@ import com.varabyte.kobweb.silk.components.icons.mdi.*
import com.varabyte.kobweb.silk.style.toModifier
import energy.lux.frontend.components.widgets.LangText
import energy.lux.frontend.core.services.localization.LocalizedText
-import energy.lux.frontend.domains.lux.components.LuxSectionContainer
+import energy.lux.frontend.components.widgets.SectionContainer
import energy.lux.frontend.domains.lux.sections.ResponsiveFlexStyle
import energy.lux.frontend.domains.lux.sections.home.CardGridStyle
import energy.lux.frontend.domains.lux.styles.mutedWhite
@@ -29,7 +29,7 @@ import org.jetbrains.compose.web.dom.Span
@Composable
fun RealDataSimulation() {
- LuxSectionContainer(
+ SectionContainer(
Modifier
.background(LuxSpecificColorHues().luxBlackRussian)
.color(Colors.White),
@@ -195,4 +195,4 @@ private fun EnergySystemFeatureCard(
)
}
}
-}
+}
\ No newline at end of file
diff --git c/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_neighbourhood/components/WhatLuxNeighbourhoodSolves.kt i/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_neighbourhood/components/WhatLuxNeighbourhoodSolves.kt
index db66d84..fc96b72 100644
--- c/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_neighbourhood/components/WhatLuxNeighbourhoodSolves.kt
+++ i/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_neighbourhood/components/WhatLuxNeighbourhoodSolves.kt
@@ -15,7 +15,7 @@ import com.varabyte.kobweb.silk.style.breakpoint.displayUntil
import energy.lux.frontend.components.widgets.ImageContent
import energy.lux.frontend.core.services.localization.Language
import energy.lux.frontend.core.services.localization.LocalLanguage
-import energy.lux.frontend.domains.lux.components.LuxSectionContainer
+import energy.lux.frontend.components.widgets.SectionContainer
import energy.lux.frontend.domains.lux.widgets.headings.HeaderText
import energy.lux.frontend.theme.SitePalette
import org.jetbrains.compose.web.css.keywords.auto
@@ -25,7 +25,7 @@ import org.jetbrains.compose.web.css.vh
@Composable
fun WhatLuxNeighbourhoodSolves() {
- LuxSectionContainer(
+ SectionContainer(
modifier = Modifier.background(SitePalette.light.overlay),
) {
HeaderText(
diff --git c/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_neighbourhood/components/get_lux_neighbourhood/GetLuxNeighbourhoodSection.kt i/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_neighbourhood/components/get_lux_neighbourhood/GetLuxNeighbourhoodSection.kt
index 89a6ebe..97e6400 100644
--- c/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_neighbourhood/components/get_lux_neighbourhood/GetLuxNeighbourhoodSection.kt
+++ i/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_neighbourhood/components/get_lux_neighbourhood/GetLuxNeighbourhoodSection.kt
@@ -5,7 +5,7 @@ import com.varabyte.kobweb.compose.foundation.layout.Column
import com.varabyte.kobweb.compose.ui.Modifier
import com.varabyte.kobweb.compose.ui.modifiers.alignItems
import com.varabyte.kobweb.compose.ui.modifiers.gap
-import energy.lux.frontend.domains.lux.components.LuxSectionContainer
+import energy.lux.frontend.components.widgets.SectionContainer
import energy.lux.frontend.domains.lux.sections.application_fields.lux_neighbourhood.components.UniqueIntegration
import energy.lux.frontend.domains.lux.widgets.headings.HeaderText
import energy.lux.frontend.theme.SitePalette
@@ -15,7 +15,7 @@ import org.jetbrains.compose.web.css.cssRem
@Composable
fun GetLuxNeighbourhoodSection() {
- LuxSectionContainer(
+ SectionContainer(
modifier = Modifier.alignItems(AlignItems.FlexStart),
) {
HeaderText(
@@ -32,4 +32,4 @@ fun GetLuxNeighbourhoodSection() {
}
UniqueIntegration()
}
-}
+}
\ No newline at end of file
diff --git c/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_region/components/ConsistentInterface.kt i/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_region/components/ConsistentInterface.kt
index 7f1bb8e..88c432e 100644
--- c/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_region/components/ConsistentInterface.kt
+++ i/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_region/components/ConsistentInterface.kt
@@ -23,7 +23,7 @@ import com.varabyte.kobweb.silk.theme.shapes.Circle
import com.varabyte.kobweb.silk.theme.shapes.clip
import energy.lux.frontend.components.widgets.LangText
import energy.lux.frontend.core.services.localization.LocalizedText
-import energy.lux.frontend.domains.lux.components.LuxSectionContainer
+import energy.lux.frontend.components.widgets.SectionContainer
import energy.lux.frontend.domains.lux.styles.HoverBoxShadowStyle
import energy.lux.frontend.domains.lux.widgets.headings.HeaderText
import energy.lux.frontend.domains.lux.widgets.headings.SubHeaderText
@@ -39,7 +39,7 @@ import org.jetbrains.compose.web.dom.P
@Composable
fun ConsistentInterface() {
- LuxSectionContainer(
+ SectionContainer(
modifier = Modifier
.background(SitePalette.light.overlay)
) {
diff --git c/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_region/components/LuxRegionDemoModel.kt i/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_region/components/LuxRegionDemoModel.kt
index 332e21a..ca4376e 100644
--- c/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_region/components/LuxRegionDemoModel.kt
+++ i/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_region/components/LuxRegionDemoModel.kt
@@ -1,14 +1,14 @@
package domains.lux.sections.application_fields.lux_region.components
import androidx.compose.runtime.Composable
-import energy.lux.frontend.domains.lux.components.LuxSectionContainer
+import energy.lux.frontend.components.widgets.SectionContainer
import energy.lux.frontend.domains.lux.widgets.VisualContentPlaceholder
import energy.lux.frontend.domains.lux.widgets.headings.HeaderText
@Composable
fun LuxRegionDemoModel() {
- LuxSectionContainer {
+ SectionContainer {
HeaderText(
enText = "See the dashboard",
nlText = "Bekijk het dashboard",
diff --git c/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_region/components/LuxRegionHero.kt i/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_region/components/LuxRegionHero.kt
index 10713b7..95ee6cd 100644
--- c/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_region/components/LuxRegionHero.kt
+++ i/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_region/components/LuxRegionHero.kt
@@ -12,7 +12,7 @@ import com.varabyte.kobweb.silk.components.icons.mdi.MdiDeviceHub
import com.varabyte.kobweb.silk.style.toModifier
import energy.lux.frontend.components.widgets.ImageContent
import energy.lux.frontend.components.widgets.LangText
-import energy.lux.frontend.domains.lux.components.LuxSectionContainer
+import energy.lux.frontend.components.widgets.SectionContainer
import energy.lux.frontend.domains.lux.sections.ResponsiveFlexStyle
import energy.lux.frontend.domains.lux.sections.application_fields.LuxApplicationArea
import energy.lux.frontend.domains.lux.widgets.headings.HeaderText
@@ -29,7 +29,7 @@ import org.jetbrains.compose.web.dom.P
@Composable
fun LuxRegionHero() {
- LuxSectionContainer {
+ SectionContainer {
Div(
ResponsiveFlexStyle.toModifier()
.alignItems(AlignItems.FlexStart)
@@ -122,4 +122,4 @@ private fun TextContent() {
}
}
}
-}
+}
\ No newline at end of file
diff --git c/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_region/components/MoreThanAMap.kt i/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_region/components/MoreThanAMap.kt
index c6c8190..f9fccb3 100644
--- c/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_region/components/MoreThanAMap.kt
+++ i/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_region/components/MoreThanAMap.kt
@@ -6,7 +6,7 @@ import com.varabyte.kobweb.compose.ui.modifiers.alignItems
import com.varabyte.kobweb.compose.ui.modifiers.background
import com.varabyte.kobweb.compose.ui.modifiers.gap
import energy.lux.frontend.components.widgets.LangText
-import energy.lux.frontend.domains.lux.components.LuxSectionContainer
+import energy.lux.frontend.components.widgets.SectionContainer
import energy.lux.frontend.domains.lux.widgets.headings.HeaderText
import energy.lux.frontend.theme.SitePalette
import org.jetbrains.compose.web.css.AlignItems
@@ -17,7 +17,7 @@ import org.jetbrains.compose.web.dom.P
@Composable
fun MoreThanAMap() {
- LuxSectionContainer(
+ SectionContainer(
modifier = Modifier
.background(SitePalette.light.overlay)
.alignItems(AlignItems.FlexStart)
diff --git c/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_region/components/MultiScaleAnalysis.kt i/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_region/components/MultiScaleAnalysis.kt
index dc7c419..b3b44d7 100644
--- c/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_region/components/MultiScaleAnalysis.kt
+++ i/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_region/components/MultiScaleAnalysis.kt
@@ -23,7 +23,7 @@ import com.varabyte.kobweb.silk.style.selectors.before
import com.varabyte.kobweb.silk.style.toModifier
import energy.lux.frontend.components.widgets.LangText
import energy.lux.frontend.core.services.localization.LocalizedText
-import energy.lux.frontend.domains.lux.components.LuxSectionContainer
+import energy.lux.frontend.components.widgets.SectionContainer
import energy.lux.frontend.domains.lux.sections.ResponsiveFlexStyle
import energy.lux.frontend.domains.lux.styles.TopDividerLineStyle
import energy.lux.frontend.domains.lux.styles.verticalLinearBackground
@@ -37,7 +37,7 @@ import org.jetbrains.compose.web.dom.P
@Composable
fun MultiScaleAnalysis() {
- LuxSectionContainer(
+ SectionContainer(
modifier = Modifier
.alignItems(AlignItems.FlexStart),
) {
diff --git c/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_region/components/WhatIfScenarios.kt i/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_region/components/WhatIfScenarios.kt
index f7d1ec9..a4ed40b 100644
--- c/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_region/components/WhatIfScenarios.kt
+++ i/site/src/jsMain/kotlin/domains/lux/sections/application_fields/lux_region/components/WhatIfScenarios.kt
@@ -11,7 +11,7 @@ import com.varabyte.kobweb.silk.components.icons.mdi.MdiHelp
import com.varabyte.kobweb.silk.style.toModifier
import energy.lux.frontend.components.widgets.LangText
import energy.lux.frontend.core.services.localization.LocalizedText
-import energy.lux.frontend.domains.lux.components.LuxSectionContainer
+import energy.lux.frontend.components.widgets.SectionContainer
import energy.lux.frontend.domains.lux.styles.HoverBoxShadowStyle
import energy.lux.frontend.domains.lux.widgets.headings.HeaderText
import energy.lux.frontend.theme.SitePalette
@@ -26,7 +26,7 @@ import org.jetbrains.compose.web.dom.P
@Composable
fun WhatIfScenarios() {
- LuxSectionContainer(
+ SectionContainer(
modifier = Modifier
.background(SitePalette.light.overlay)
.alignItems(AlignItems.FlexStart),
diff --git c/site/src/jsMain/kotlin/domains/lux/sections/home/LuxBasicsSection.kt i/site/src/jsMain/kotlin/domains/lux/sections/home/LuxBasicsSection.kt
index ecf852b..4c9c001 100644
--- c/site/src/jsMain/kotlin/domains/lux/sections/home/LuxBasicsSection.kt
+++ i/site/src/jsMain/kotlin/domains/lux/sections/home/LuxBasicsSection.kt
@@ -12,7 +12,6 @@ import com.varabyte.kobweb.compose.ui.thenIf
import com.varabyte.kobweb.silk.style.breakpoint.Breakpoint
import energy.lux.frontend.components.widgets.LangText
import energy.lux.frontend.components.widgets.SectionContainer
-import energy.lux.frontend.domains.lux.sections.LuxSectionContainerStyleVariant
import energy.lux.frontend.domains.lux.widgets.headings.HeaderText
import energy.lux.frontend.theme.LuxSpecificColorHues
import org.jetbrains.compose.web.css.FlexWrap
@@ -26,7 +25,6 @@ fun LuxBasicsSection(
breakpoint: Breakpoint
) {
SectionContainer(
- variant = LuxSectionContainerStyleVariant,
modifier = Modifier.background(LuxSpecificColorHues().luxBlackRussian)
) {
Row(
@@ -61,6 +59,4 @@ fun LuxBasicsSection(
LuxFlipCards()
}
}
-}
-
-
+}
\ No newline at end of file
diff --git c/site/src/jsMain/kotlin/domains/lux/sections/home/ProblemAndSolutionSection.kt i/site/src/jsMain/kotlin/domains/lux/sections/home/ProblemAndSolutionSection.kt
index 1ff0d47..825882a 100644
--- c/site/src/jsMain/kotlin/domains/lux/sections/home/ProblemAndSolutionSection.kt
+++ i/site/src/jsMain/kotlin/domains/lux/sections/home/ProblemAndSolutionSection.kt
@@ -15,16 +15,15 @@ import com.varabyte.kobweb.compose.ui.toAttrs
import com.varabyte.kobweb.silk.components.icons.mdi.MdiTaskAlt
import com.varabyte.kobweb.silk.components.icons.mdi.MdiTrendingDown
import com.varabyte.kobweb.silk.style.toModifier
+import com.zenmo.web.zenmo.theme.font.BodyTextStyle
+import com.zenmo.web.zenmo.theme.font.TextStyle
import energy.lux.frontend.components.widgets.LangText
import energy.lux.frontend.components.widgets.SectionContainer
import energy.lux.frontend.core.services.localization.LocalizedText
-import energy.lux.frontend.domains.lux.sections.LuxSectionContainerStyleVariant
import energy.lux.frontend.domains.lux.sections.ResponsiveFlexStyle
import energy.lux.frontend.domains.lux.widgets.headings.HeaderText
import energy.lux.frontend.theme.LuxSpecificColorHues
import energy.lux.frontend.theme.SitePalette
-import com.zenmo.web.zenmo.theme.font.BodyTextStyle
-import com.zenmo.web.zenmo.theme.font.TextStyle
import energy.lux.frontend.theme.styles.luxBorderRadius
import org.jetbrains.compose.web.css.*
import org.jetbrains.compose.web.dom.Div
@@ -32,10 +31,7 @@ import org.jetbrains.compose.web.dom.P
@Composable
fun ProblemAndSolutionSection() {
- SectionContainer(
- variant = LuxSectionContainerStyleVariant,
- horizontalAlignment = Alignment.CenterHorizontally
- ) {
+ SectionContainer {
Div(
ResponsiveFlexStyle
.toModifier()
@@ -211,8 +207,4 @@ fun Modifier.featureIcon(
color: Color = SitePalette.light.primary,
size: CSSLengthValue = 24.px
) = this.fontSize(size)
- .color(color)
-
-
-
-
+ .color(color)
\ No newline at end of file
diff --git c/site/src/jsMain/kotlin/domains/lux/sections/home/WorkWithUs.kt i/site/src/jsMain/kotlin/domains/lux/sections/home/WorkWithUs.kt
index e7f1f5f..067914b 100644
--- c/site/src/jsMain/kotlin/domains/lux/sections/home/WorkWithUs.kt
+++ i/site/src/jsMain/kotlin/domains/lux/sections/home/WorkWithUs.kt
@@ -15,7 +15,6 @@ import com.varabyte.kobweb.silk.components.navigation.UndecoratedLinkVariant
import energy.lux.frontend.components.widgets.LangText
import energy.lux.frontend.components.widgets.SectionContainer
import energy.lux.frontend.core.services.localization.localizedUrl
-import energy.lux.frontend.domains.lux.sections.LuxSectionContainerStyleVariant
import energy.lux.frontend.domains.lux.styles.verticalLinearBackground
import energy.lux.frontend.domains.lux.widgets.headings.HeaderText
import energy.lux.frontend.theme.SitePalette
@@ -27,9 +26,7 @@ import org.jetbrains.compose.web.dom.P
@Composable
fun WorkWithUs() {
SectionContainer(
- variant = LuxSectionContainerStyleVariant,
verticalArrangement = Arrangement.Center,
- horizontalAlignment = Alignment.CenterHorizontally,
modifier = Modifier.verticalLinearBackground()
.color(Colors.White)
) {
@@ -61,4 +58,4 @@ fun WorkWithUs() {
}
}
}
-}
+}
\ No newline at end of file
diff --git c/site/src/jsMain/kotlin/domains/lux/sections/home/faqs/FaqsSection.kt i/site/src/jsMain/kotlin/domains/lux/sections/home/faqs/FaqsSection.kt
index 919801a..17df928 100644
--- c/site/src/jsMain/kotlin/domains/lux/sections/home/faqs/FaqsSection.kt
+++ i/site/src/jsMain/kotlin/domains/lux/sections/home/faqs/FaqsSection.kt
@@ -2,10 +2,8 @@ package energy.lux.frontend.domains.lux.sections.home.faqs
import androidx.compose.runtime.Composable
import com.varabyte.kobweb.compose.foundation.layout.Arrangement
-import com.varabyte.kobweb.compose.ui.Alignment
import com.varabyte.kobweb.silk.style.breakpoint.Breakpoint
import energy.lux.frontend.components.widgets.SectionContainer
-import energy.lux.frontend.domains.lux.sections.LuxSectionContainerStyleVariant
@Composable
@@ -13,13 +11,10 @@ fun FaqsSection(
breakpoint: Breakpoint,
) {
SectionContainer(
- variant = LuxSectionContainerStyleVariant,
verticalArrangement = Arrangement.Center,
- horizontalAlignment = Alignment.CenterHorizontally,
) {
FaqsHeaderText()
Faqs(breakpoint)
FaqFallBack()
}
-}
-
+}
\ No newline at end of file
diff --git c/site/src/jsMain/kotlin/domains/lux/sections/home/hero/HeroParagraphAndVideoContent.kt i/site/src/jsMain/kotlin/domains/lux/sections/home/hero/HeroParagraphAndVideoContent.kt
index 9f3d466..066577c 100644
--- c/site/src/jsMain/kotlin/domains/lux/sections/home/hero/HeroParagraphAndVideoContent.kt
+++ i/site/src/jsMain/kotlin/domains/lux/sections/home/hero/HeroParagraphAndVideoContent.kt
@@ -7,7 +7,7 @@ import com.varabyte.kobweb.compose.ui.toAttrs
import com.varabyte.kobweb.silk.style.CssStyle
import com.varabyte.kobweb.silk.style.breakpoint.Breakpoint
import com.varabyte.kobweb.silk.style.toModifier
-import energy.lux.frontend.domains.lux.components.LuxSectionContainer
+import energy.lux.frontend.components.widgets.SectionContainer
import energy.lux.frontend.domains.lux.sections.responsiveGap
import org.jetbrains.compose.web.css.AlignItems
import org.jetbrains.compose.web.css.DisplayStyle
@@ -64,7 +64,7 @@ val HeroFlexStyle = CssStyle {
@Composable
fun HeroParagraphAndVideoContent() {
- LuxSectionContainer(
+ SectionContainer(
Modifier
.position(Position.Relative)
.alignItems(AlignItems.FlexStart)
diff --git c/site/src/jsMain/kotlin/domains/lux/sections/home/sections/application_areas/LuxApplicationsSection.kt i/site/src/jsMain/kotlin/domains/lux/sections/home/sections/application_areas/LuxApplicationsSection.kt
index ab1ef95..bdd0daf 100644
--- c/site/src/jsMain/kotlin/domains/lux/sections/home/sections/application_areas/LuxApplicationsSection.kt
+++ i/site/src/jsMain/kotlin/domains/lux/sections/home/sections/application_areas/LuxApplicationsSection.kt
@@ -2,12 +2,10 @@ package energy.lux.frontend.domains.lux.sections.home.sections.application_areas
import androidx.compose.runtime.Composable
import com.varabyte.kobweb.compose.foundation.layout.Arrangement
-import com.varabyte.kobweb.compose.ui.Alignment
import com.varabyte.kobweb.compose.ui.Modifier
import com.varabyte.kobweb.compose.ui.modifiers.background
import com.varabyte.kobweb.silk.style.breakpoint.Breakpoint
import energy.lux.frontend.components.widgets.SectionContainer
-import energy.lux.frontend.domains.lux.sections.LuxSectionContainerStyleVariant
import energy.lux.frontend.domains.lux.sections.home.sections.application_areas.components.ApplicationAreasGrid
import energy.lux.frontend.domains.lux.sections.home.sections.application_areas.components.LuxApplicationsHeaderText
import energy.lux.frontend.theme.SitePalette
@@ -16,9 +14,7 @@ import energy.lux.frontend.theme.SitePalette
@Composable
fun LuxApplicationsSection(breakpoint: Breakpoint) {
SectionContainer(
- variant = LuxSectionContainerStyleVariant,
modifier = Modifier.background(SitePalette.light.overlay),
- horizontalAlignment = Alignment.CenterHorizontally,
verticalArrangement = Arrangement.Center
) {
LuxApplicationsHeaderText()
diff --git c/site/src/jsMain/kotlin/domains/lux/sections/luxmodels/LuxModels.kt i/site/src/jsMain/kotlin/domains/lux/sections/luxmodels/LuxModels.kt
index e07b180..c64f7d1 100644
--- c/site/src/jsMain/kotlin/domains/lux/sections/luxmodels/LuxModels.kt
+++ i/site/src/jsMain/kotlin/domains/lux/sections/luxmodels/LuxModels.kt
@@ -10,7 +10,7 @@ import com.varabyte.kobweb.compose.ui.modifiers.*
import com.varabyte.kobweb.compose.ui.toAttrs
import com.varabyte.kobweb.core.rememberPageContext
import energy.lux.frontend.components.widgets.LangText
-import energy.lux.frontend.domains.lux.components.LuxSectionContainer
+import energy.lux.frontend.components.widgets.SectionContainer
import energy.lux.frontend.domains.lux.sections.application_fields.LuxApplicationArea
import energy.lux.frontend.domains.lux.sections.luxmodels.components.*
import energy.lux.frontend.domains.lux.widgets.TwinModelsGrid
@@ -32,7 +32,7 @@ enum class FilterType {
@Composable
fun LuxModels() {
- LuxSectionContainer(
+ SectionContainer(
modifier =
Modifier
.background(SitePalette.light.overlay)
diff --git c/site/src/jsMain/kotlin/domains/lux/subdomains/private_subdomains/oss/pages/OssIndex.kt i/site/src/jsMain/kotlin/domains/lux/subdomains/private_subdomains/oss/pages/OssIndex.kt
index 27f2298..4903606 100644
--- c/site/src/jsMain/kotlin/domains/lux/subdomains/private_subdomains/oss/pages/OssIndex.kt
+++ i/site/src/jsMain/kotlin/domains/lux/subdomains/private_subdomains/oss/pages/OssIndex.kt
@@ -6,7 +6,6 @@ import com.varabyte.kobweb.compose.ui.modifiers.backgroundColor
import com.varabyte.kobweb.compose.ui.modifiers.padding
import energy.lux.frontend.components.widgets.LangText
import energy.lux.frontend.components.widgets.SectionContainer
-import energy.lux.frontend.domains.lux.components.LuxSectionContainer
import energy.lux.frontend.domains.lux.core.toTwinModelCardItem
import energy.lux.frontend.domains.lux.subdomains.private_subdomains.oss.OssGisMap
import energy.lux.frontend.domains.lux.subdomains.private_subdomains.oss.ossTwinModels
@@ -37,7 +36,7 @@ fun OssIndex() {
OssGisMap()
- LuxSectionContainer(
+ SectionContainer(
modifier = Modifier.backgroundColor(SitePalette.light.overlay)
) {
TwinModelsGrid(
@@ -46,4 +45,4 @@ fun OssIndex() {
}
)
}
-}
+}
\ No newline at end of file
diff --git c/site/src/jsMain/kotlin/domains/lux/subdomains/public_subdomains/empowered/pages/Bronckhorst.kt i/site/src/jsMain/kotlin/domains/lux/subdomains/public_subdomains/empowered/pages/Bronckhorst.kt
index 96c97bb..ef1a248 100644
--- c/site/src/jsMain/kotlin/domains/lux/subdomains/public_subdomains/empowered/pages/Bronckhorst.kt
+++ i/site/src/jsMain/kotlin/domains/lux/subdomains/public_subdomains/empowered/pages/Bronckhorst.kt
@@ -5,16 +5,13 @@ import com.varabyte.kobweb.compose.ui.Modifier
import com.varabyte.kobweb.compose.ui.modifiers.padding
import energy.lux.frontend.components.widgets.LangText
import energy.lux.frontend.components.widgets.SectionContainer
-import energy.lux.frontend.domains.lux.sections.LuxSectionContainerStyleVariant
import energy.lux.frontend.domains.lux.widgets.headings.SubHeaderText
import org.jetbrains.compose.web.css.cssRem
import org.jetbrains.compose.web.dom.P
@Composable
fun Bronckhorst() {
- SectionContainer(
- variant = LuxSectionContainerStyleVariant
- ) {
+ SectionContainer {
SubHeaderText(
modifier = Modifier.padding(top = 2.cssRem),
enText = "Bronckhorst",
@@ -28,4 +25,4 @@ fun Bronckhorst() {
)
}
}
-}
+}
\ No newline at end of file
kofi-k
force-pushed
the
replace-and-remove-lux-section-container
branch
from
a7d4e20 to
b4e9b06
Compare
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
No description provided.