setting components demo as discontinued

Author: jamowei

build.gradle.kts

@@ -10,7 +10,7 @@ repositories {
     mavenCentral()
 }
 
-val appStatus = "alpha"
+val appStatus = "discontinued"
 val fritz2Version = "0.14.1"
 
 

src/jsMain/kotlin/dev.fritz2.kitchensink/app.kt

@@ -99,12 +99,76 @@ fun main() {
     staticStyle("settings-table", settingsTableStaticCss)
     val welcomeContent = staticStyle("welcome-content", welcomeContentStaticCss)
 
-//    val router = routerOf("")
+    modal({
+        border {
+            style { "3px dotted" }
+            color { danger.main }
+        }
+    }) {
+        content { close ->
+            div({
+                fontSize { giant }
+                borders {
+                    bottom {
+                        color { gray200 }
+                        width { "1px" }
+                    }
+                }
+                paddings {
+                    top { large }
+                    bottom { large }
+                }
+            }) {
+                +"Components are discontinued"
+            }
+            div({
+                paddings {
+                    top { large }
+                    bottom { large }
+                }
+                borders {
+                    bottom {
+                        color { gray200 }
+                        width { "1px" }
+                    }
+                }
+            }) {
+                p({ fontSize { large }}) {
+                    +"""The development of fritz2 components was discontinued because we made a conscious decision
+                    | to pursue a different approach. Read more about the background of our decision in our recent """.trimMargin()
+                    externalLink(
+                        "blog-post",
+                        "https://www.fritz2.dev/blog/posts/paradigm-shift-for-components/"
+                    )
+                    +" on our fritz2 webpage."
+                }
+                br {}
+                p({ fontSize { large }}) {
+                    +"Or take a look at our new fritz2 headless-components approach you can find "
+                    externalLink(
+                        "here",
+                        "https://www.fritz2.dev/headless/"
+                    )
+                    +"."
+                }
+            }
+            flexBox({
+                justifyContent { center }
+                paddings {
+                    top { large }
+                }
+            }) {
+                clickButton {
+                    text("Dissmiss")
+                } handledBy close
+            }
+        }
+    }.invoke()
 
     render(themes.first()) {
         appFrame {
             brand({
-                minWidth { "18rem" }
+                minWidth { "21rem" }
             }) {
                 stackUp {
                     spacing { none }
@@ -166,7 +230,7 @@ fun main() {
                         md = { small }
                     )
                     background {
-                        color { secondary.main }
+                        color { gray700 }
                     }
                     color { neutral.main }
                     margins {

src/jsMain/kotlin/dev.fritz2.kitchensink/base/themes.kt

@@ -2,10 +2,7 @@ package dev.fritz2.kitchensink.base
 
 import dev.fritz2.styling.params.BasicParams
 import dev.fritz2.styling.params.Style
-import dev.fritz2.styling.theme.DefaultTheme
-import dev.fritz2.styling.theme.Property
-import dev.fritz2.styling.theme.ScaledValue
-import dev.fritz2.styling.theme.Theme
+import dev.fritz2.styling.theme.*
 
 
 interface ExtendedTheme : Theme {

src/jsMain/kotlin/dev.fritz2.kitchensink/demos/welcome.kt

@@ -88,11 +88,10 @@ fun RenderContext.welcome(): Div {
                     """.trimIndent()
                 }
 
-                coloredBox(Theme().colors.warning) {
+                coloredBox(Theme().colors.danger) {
                     // todo: If Status is something other than ALPHA, replace an with a. Also check Getting Started (same thing)
-                    +"Remember that this is an ${appStatus()} version."
-                    +" Most components still need some work, others are not implemented yet, and the API still needs"
-                    +" to be completed and streamlined."
+                    +"Remember that this is an ${appStatus()} version of fritz2 components."
+                    +" We only provide needed fixes for the last 0.14 version of fritz2 (including styling and components) and nothing more!"
                 }
 
                 p {