4 files changed, 17 insertions, 32 deletions

diff --git a/src_demo/components/_box.scss b/src_demo/components/_box.scss
index c746c33..ac217c0 100644
--- a/src_demo/components/_box.scss
+++ b/src_demo/components/_box.scss
@@ -1,16 +1,9 @@
 @use 'iro-sass/src/iro-sass' as iro;
-@use '../../src/functions' as fn;
+@use '../../src/props';
+@use '../../src/core.vars';
 
-@include iro.props-namespace('box') {
-    @include iro.props-store((
-        --colors: (
-            --border: fn.global-color(--border),
-        ),
-    ));
-
-    @include iro.bem-component(iro.props-namespace()) {
-        margin-block: 2em;
-        padding:      2em;
-        border:       1px solid fn.color(--border);
-    }
+@include iro.bem-component('box') {
+    padding:      2em;
+    margin-block: 2em;
+    border:       1px solid props.get(core.$theme, --border);
 }
diff --git a/src_demo/components/_content.scss b/src_demo/components/_content.scss
index 262b116..cd38954 100644
--- a/src_demo/components/_content.scss
+++ b/src_demo/components/_content.scss
@@ -1,8 +1,6 @@
 @use 'iro-sass/src/iro-sass' as iro;
 
-@include iro.props-namespace('content') {
-    @include iro.bem-component(iro.props-namespace()) {
-        grid-area: content;
-        overflow:  auto;
-    }
+@include iro.bem-component('content') {
+    grid-area: content;
+    overflow:  auto;
 }
diff --git a/src_demo/components/_sidebar.scss b/src_demo/components/_sidebar.scss
index b9f8730..4cce9b8 100644
--- a/src_demo/components/_sidebar.scss
+++ b/src_demo/components/_sidebar.scss
@@ -1,10 +1,7 @@
 @use 'iro-sass/src/iro-sass' as iro;
-@use '../../src/functions' as fn;
 
-@include iro.props-namespace('sidebar') {
-    @include iro.bem-component(iro.props-namespace()) {
-        grid-area:        sidebar;
-        min-inline-size:  15em;
-        min-block-size:   0;
-    }
+@include iro.bem-component('sidebar') {
+    grid-area:        sidebar;
+    min-inline-size:  15em;
+    min-block-size:   0;
 }
diff --git a/src_demo/components/_view.scss b/src_demo/components/_view.scss
index c0547d3..9516b12 100644
--- a/src_demo/components/_view.scss
+++ b/src_demo/components/_view.scss
@@ -1,12 +1,9 @@
 @use 'iro-sass/src/iro-sass' as iro;
-@use '../../src/functions' as fn;
 
-@include iro.props-namespace('view') {
-    @include iro.bem-component(iro.props-namespace()) {
-        display: none;
+@include iro.bem-component('view') {
+    display: none;
 
-        &:target {
-            display: block;
-        }
+    &:target {
+        display: block;
     }
 }