Fix/container level (#1699)

* Add cacheOverrideKey for container level prop * Add changeset
seb-oss · Oct 23, 2024 · b9324f5 · b9324f5
1 parent 1d84bff
commit b9324f5
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 5 deletions.
diff --git a/.changeset/brown-taxis-notice.md b/.changeset/brown-taxis-notice.md
@@ -0,0 +1,5 @@
+---
+'@sebgroup/green-core': patch
+---
+
+**Container:** Add cacheOverrideKey for level property to avoid conflicts when same component is needed in different levels on same page
diff --git a/libs/core/src/components/container/container.ts b/libs/core/src/components/container/container.ts
@@ -1,13 +1,12 @@
 import { property } from 'lit/decorators.js'
 
+import { GdsElement } from '../../gds-element'
+import { tokens } from '../../tokens.style'
+import { styleExpressionProperty } from '../../utils/decorators/style-expression-property'
 import {
   gdsCustomElement,
   html,
 } from '../../utils/helpers/custom-element-scoping'
-import { styleExpressionProperty } from '../../utils/decorators/style-expression-property'
-import { GdsElement } from '../../gds-element'
-
-import { tokens } from '../../tokens.style'
 import ContainerCSS from './container.style'
 
 /**
@@ -42,7 +41,9 @@ export class GdsContainer extends GdsElement {
    * @property level
    *
    * */
-  @property()
+  @styleExpressionProperty({
+    cacheOverrideKey: 'container-level',
+  })
   level = '2'
 
   /**