From f0fc47d13da65743035b7e9c837dbb0ed575e679 Mon Sep 17 00:00:00 2001 From: Stephan Tittel Date: Mon, 30 Sep 2024 09:13:52 +0200 Subject: [PATCH] declared mdui as external for material theme --- README.md | 2 +- demo/style.css | 6 ------ demo/theme-material.html | 29 +++++++++++++++++++++++++---- package-lock.json | 4 ++-- package.json | 5 +++-- src/globals.d.ts | 3 ++- src/plugins/leaflet.ts | 4 ++-- src/styles.css | 2 +- src/theme.ts | 2 +- src/themes/bootstrap.css | 2 +- src/themes/bootstrap.ts | 2 +- src/themes/default.ts | 2 +- src/themes/material.ts | 12 +++--------- webpack.config.js | 3 ++- 14 files changed, 45 insertions(+), 33 deletions(-) diff --git a/README.md b/README.md index 43696dc..5244cf6 100644 --- a/README.md +++ b/README.md @@ -108,7 +108,7 @@ Sets a callback function that is invoked when a SHACL property has an `sh:class` ```typescript setSharedShapesGraph(graph: Store) ``` -Set an externally managed shapes graph to use. This improves performance When using multiple instances of `shacl-form` on the same page. +Set an externally managed shapes graph to use. This improves performance When using multiple instances of `shacl-form` on the same page. Note that the shape triples need to be stored in the graph with ID `shapes` to be recognized. ## Features diff --git a/demo/style.css b/demo/style.css index 2452c1f..df7a6ac 100644 --- a/demo/style.css +++ b/demo/style.css @@ -1,12 +1,6 @@ :root { --brand-color: #008877; } - -shacl-form { - --mdui-color-primary-light: 0, 136, 119; - --mdui-color-primary-dark: 208, 188, 255; - --mdui-color-background-light: 255, 255, 255; -} body { font-family: sans-serif; diff --git a/demo/theme-material.html b/demo/theme-material.html index 12eade5..025c5fa 100644 --- a/demo/theme-material.html +++ b/demo/theme-material.html @@ -1,11 +1,32 @@ - + + - - + + +