npm - @breadstone/mosaik-elements-foundation - Versions diffs - 0.0.204 → 0.0.206 - Mend

@breadstone/mosaik-elements-foundation 0.0.204 → 0.0.206

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (52) hide show

package/Controls/Components/Buttons/Button/Themes/ButtonElement.Cosmopolitan.js CHANGED Viewed

@@ -112,7 +112,7 @@ export function buttonElementCosmopolitanStyle() {
 }
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--button-gap);
 }
 :host [part="button"] {

package/Controls/Components/Buttons/Button/Themes/ButtonElement.Joy.js CHANGED Viewed

@@ -112,7 +112,7 @@ export function buttonElementJoyStyle() {
 }
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--button-gap);
 }
 :host [part="button"] {

package/Controls/Components/Buttons/Button/Themes/ButtonElement.Memphis.js CHANGED Viewed

@@ -117,7 +117,7 @@ export function buttonElementMemphisStyle() {
 }
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--button-gap);
 }
 :host [part="button"] {

package/Controls/Components/Buttons/CompoundButton/Themes/CompoundButtonElement.Cosmopolitan.js CHANGED Viewed

@@ -100,7 +100,7 @@ export function compoundButtonElementCosmopolitanStyle() {
 }
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--compound-button-gap);
 }
 :host [part="button"] {

package/Controls/Components/Buttons/CompoundButton/Themes/CompoundButtonElement.Joy.js CHANGED Viewed

@@ -100,7 +100,7 @@ export function compoundButtonElementJoyStyle() {
 }
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--compound-button-gap);
 }
 :host [part="button"] {

package/Controls/Components/Buttons/CompoundButton/Themes/CompoundButtonElement.Memphis.js CHANGED Viewed

@@ -102,7 +102,7 @@ export function compoundButtonElementMemphisStyle() {
 }
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--compound-button-gap);
 }
 :host [part="button"] {

package/Controls/Components/Buttons/DropDownButton/Themes/DropDownButtonElement.Cosmopolitan.js CHANGED Viewed

@@ -100,7 +100,7 @@ export function dropDownButtonElementCosmopolitanStyle() {
 }
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--dropdown-button-gap);
 }
 :host [part="button"]:before {

package/Controls/Components/Buttons/DropDownButton/Themes/DropDownButtonElement.Joy.js CHANGED Viewed

@@ -100,7 +100,7 @@ export function dropDownButtonElementJoyStyle() {
 }
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--dropdown-button-gap);
 }
 :host [part="button"]:before {

package/Controls/Components/Buttons/DropDownButton/Themes/DropDownButtonElement.Memphis.js CHANGED Viewed

@@ -102,7 +102,7 @@ export function dropDownButtonElementMemphisStyle() {
 }
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--dropdown-button-gap);
 }
 :host [part="button"]:before {

package/Controls/Components/Buttons/FloatingActionButton/Themes/FloatingActionButtonElement.Cosmopolitan.js CHANGED Viewed

@@ -92,7 +92,7 @@ export function floatingActionButtonElementCosmopolitanStyle() {
 }
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--fab-gap);
 }
 :host [part="button"]:before {

package/Controls/Components/Buttons/FloatingActionButton/Themes/FloatingActionButtonElement.Joy.js CHANGED Viewed

@@ -97,7 +97,7 @@ export function floatingActionButtonElementJoyStyle() {
 }
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--fab-gap);
 }
 :host [part="button"]:before {

package/Controls/Components/Buttons/FloatingActionButton/Themes/FloatingActionButtonElement.Memphis.js CHANGED Viewed

@@ -101,7 +101,7 @@ export function floatingActionButtonElementMemphisStyle() {
 }
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--fab-gap);
 }
 :host [part="button"]:before {

package/Controls/Components/Buttons/RepeatButton/Themes/RepeatButtonElement.Cosmopolitan.js CHANGED Viewed

@@ -98,7 +98,7 @@ export function repeatButtonElementCosmopolitanStyle() {
 }
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--repeat-button-gap);
 }
 :host [part="button"]:before {

package/Controls/Components/Buttons/RepeatButton/Themes/RepeatButtonElement.Joy.js CHANGED Viewed

@@ -98,7 +98,7 @@ export function repeatButtonElementJoyStyle() {
 }
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--repeat-button-gap);
 }
 :host [part="button"]:before {

package/Controls/Components/Buttons/RepeatButton/Themes/RepeatButtonElement.Memphis.js CHANGED Viewed

@@ -101,7 +101,7 @@ export function repeatButtonElementMemphisStyle() {
 }
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--repeat-button-gap);
 }
 :host [part="button"]:before {

package/Controls/Components/Buttons/SplitButton/Themes/SplitButtonElement.Cosmopolitan.js CHANGED Viewed

@@ -98,7 +98,7 @@ export function splitButtonElementCosmopolitanStyle() {
 }
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--split-button-gap);
 }
 :host [part="button"]:before {

package/Controls/Components/Buttons/SplitButton/Themes/SplitButtonElement.Joy.js CHANGED Viewed

@@ -98,7 +98,7 @@ export function splitButtonElementJoyStyle() {
 }
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--split-button-gap);
 }
 :host [part="button"]:before {

package/Controls/Components/Buttons/SplitButton/Themes/SplitButtonElement.Memphis.js CHANGED Viewed

@@ -101,7 +101,7 @@ export function splitButtonElementMemphisStyle() {
 }
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--split-button-gap);
 }
 :host [part="button"]:before {

package/Controls/Components/Buttons/ToggleButton/Themes/ToggleButtonElement.Cosmopolitan.js CHANGED Viewed

@@ -102,7 +102,7 @@ export function toggleButtonElementCosmopolitanStyle() {
 }
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--toggle-button-gap);
 }
 :host [part="button"] {

package/Controls/Components/Buttons/ToggleButton/Themes/ToggleButtonElement.Joy.js CHANGED Viewed

@@ -102,7 +102,7 @@ export function toggleButtonElementJoyStyle() {
 }
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--toggle-button-gap);
 }
 :host [part="button"] {

package/Controls/Components/Buttons/ToggleButton/Themes/ToggleButtonElement.Memphis.js CHANGED Viewed

@@ -102,7 +102,7 @@ export function toggleButtonElementMemphisStyle() {
 }
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--toggle-button-gap);
 }
 :host [part="button"] {

package/Controls/Components/Grouping/Card/Themes/CardActionsElement.Cosmopolitan.js CHANGED Viewed

@@ -69,7 +69,7 @@ export function cardActionsElementCosmopolitanStyle() {
 }
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--card-actions-gap);
 }
     `;

package/Controls/Components/Grouping/Card/Themes/CardActionsElement.Joy.js CHANGED Viewed

@@ -69,7 +69,7 @@ export function cardActionsElementJoyStyle() {
 }
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--card-actions-gap);
 }
     `;

package/Controls/Components/Grouping/Card/Themes/CardActionsElement.Memphis.js CHANGED Viewed

@@ -69,7 +69,7 @@ export function cardActionsElementMemphisStyle() {
 }
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--card-actions-gap);
 }
     `;

package/Controls/Components/Grouping/Expander/Themes/ExpanderElement.Cosmopolitan.js CHANGED Viewed

@@ -91,7 +91,7 @@ export function expanderElementCosmopolitanStyle() {
 }
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--expander-gap);
 }
 :host [part="root"] {

package/Controls/Components/Grouping/Expander/Themes/ExpanderElement.Joy.js CHANGED Viewed

@@ -87,7 +87,7 @@ export function expanderElementJoyStyle() {
 }
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--expander-gap);
 }
 :host [part="root"] {

package/Controls/Components/Grouping/Expander/Themes/ExpanderElement.Memphis.js CHANGED Viewed

@@ -95,7 +95,7 @@ export function expanderElementMemphisStyle() {
 }
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--expander-gap);
 }
 :host [part="root"] {

package/Controls/Components/Media/Comment/Themes/CommentElement.Cosmopolitan.js CHANGED Viewed

@@ -106,7 +106,7 @@ export function commentElementCosmopolitanStyle() {
 }
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--comment-gap);
 }
     `;

package/Controls/Components/Media/Comment/Themes/CommentElement.Joy.js CHANGED Viewed

@@ -106,7 +106,7 @@ export function commentElementJoyStyle() {
 }
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--comment-gap);
 }
 :host [part="author"], :host [part="at"] {

package/Controls/Components/Media/Comment/Themes/CommentElement.Memphis.js CHANGED Viewed

@@ -106,7 +106,7 @@ export function commentElementMemphisStyle() {
 }
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--comment-gap);
 }
     `;

package/Controls/Components/Overlays/Dialog/Themes/DialogActionsElement.Cosmopolitan.js CHANGED Viewed

@@ -68,7 +68,7 @@ export function dialogActionsElementCosmopolitanStyle() {
 }
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--dialog-actions-gap);
 }
     `;

package/Controls/Components/Overlays/Dialog/Themes/DialogActionsElement.Joy.js CHANGED Viewed

@@ -68,7 +68,7 @@ export function dialogActionsElementJoyStyle() {
 }
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--dialog-actions-gap);
 }
     `;

package/Controls/Components/Overlays/Dialog/Themes/DialogActionsElement.Memphis.js CHANGED Viewed

@@ -68,7 +68,7 @@ export function dialogActionsElementMemphisStyle() {
 }
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--dialog-actions-gap);
 }
     `;

package/Controls/Components/Selectors/Segment/Themes/SegmentItemElement.Cosmopolitan.js CHANGED Viewed

@@ -124,7 +124,7 @@ export function segmentItemElementCosmopolitanStyle() {
 }
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--segment-item-gap);
 }
 :host [part="button"] {

package/Controls/Components/Selectors/Segment/Themes/SegmentItemElement.Joy.js CHANGED Viewed

@@ -108,7 +108,7 @@ export function segmentItemElementJoyStyle() {
 }
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--segment-item-gap);
 }
 :host [part="button"] {

package/Controls/Components/Selectors/Segment/Themes/SegmentItemElement.Memphis.js CHANGED Viewed

@@ -124,7 +124,7 @@ export function segmentItemElementMemphisStyle() {
 }
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--segment-item-gap);
 }
 :host [part="button"] {

package/Controls/Components/Selectors/TabStrip/Themes/TabStripItemElement.Cosmopolitan.js CHANGED Viewed

@@ -101,7 +101,7 @@ export function tabStripItemElementCosmopolitanStyle() {
 }
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--tab-strip-item-gap);
 }
 :host [part="root"] {

package/Controls/Components/Selectors/TabStrip/Themes/TabStripItemElement.Joy.js CHANGED Viewed

@@ -101,7 +101,7 @@ export function tabStripItemElementJoyStyle() {
 }
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--tab-strip-item-gap);
 }
 :host [part="root"] {

package/Controls/Components/Selectors/TabStrip/Themes/TabStripItemElement.Memphis.js CHANGED Viewed

@@ -101,7 +101,7 @@ export function tabStripItemElementMemphisStyle() {
 }
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--tab-strip-item-gap);
 }
 :host [part="root"] {

package/Controls/Components/States/Busy/Themes/BusyStateElement.Cosmopolitan.js CHANGED Viewed

@@ -110,7 +110,7 @@ export function busyStateElementCosmopolitanStyle() {
 }
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--busy-state-gap);
 }
     `;

package/Controls/Components/States/Busy/Themes/BusyStateElement.Joy.js CHANGED Viewed

@@ -110,7 +110,7 @@ export function busyStateElementJoyStyle() {
 }
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--busy-state-gap);
 }
 :host [part="header"] {

package/Controls/Components/States/Busy/Themes/BusyStateElement.Memphis.js CHANGED Viewed

@@ -110,7 +110,7 @@ export function busyStateElementMemphisStyle() {
 }
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--busy-state-gap);
 }
 :host [part="header"] {

package/Controls/Components/States/Empty/Themes/EmptyStateElement.Cosmopolitan.js CHANGED Viewed

@@ -110,7 +110,7 @@ export function emptyStateElementCosmopolitanStyle() {
 }
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--empty-state-gap);
 }
     `;

package/Controls/Components/States/Empty/Themes/EmptyStateElement.Joy.js CHANGED Viewed

@@ -110,7 +110,7 @@ export function emptyStateElementJoyStyle() {
 }
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--empty-state-gap);
 }
 :host [part="header"] {

package/Controls/Components/States/Empty/Themes/EmptyStateElement.Memphis.js CHANGED Viewed

@@ -110,7 +110,7 @@ export function emptyStateElementMemphisStyle() {
 }
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--empty-state-gap);
 }
 :host [part="header"] {

package/Controls/Components/States/Error/Themes/ErrorStateElement.Cosmopolitan.js CHANGED Viewed

@@ -105,7 +105,7 @@ export function errorStateElementCosmopolitanStyle() {
 }
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--error-state-gap);
 }
     `;

package/Controls/Components/States/Error/Themes/ErrorStateElement.Joy.js CHANGED Viewed

@@ -105,7 +105,7 @@ export function errorStateElementJoyStyle() {
 }
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--error-state-gap);
 }
 :host [part="header"] {

package/Controls/Components/States/Error/Themes/ErrorStateElement.Memphis.js CHANGED Viewed

@@ -105,7 +105,7 @@ export function errorStateElementMemphisStyle() {
 }
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--error-state-gap);
 }
 :host [part="header"] {

package/Controls/Components/States/Success/Themes/SuccessStateElement.Cosmopolitan.js CHANGED Viewed

@@ -105,7 +105,7 @@ export function successStateElementCosmopolitanStyle() {
 }
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--success-state-gap);
 }
     `;

package/Controls/Components/States/Success/Themes/SuccessStateElement.Joy.js CHANGED Viewed

@@ -105,7 +105,7 @@ export function successStateElementJoyStyle() {
 }
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--success-state-gap);
 }
 :host [part="header"] {

package/Controls/Components/States/Success/Themes/SuccessStateElement.Memphis.js CHANGED Viewed

@@ -105,7 +105,7 @@ export function successStateElementMemphisStyle() {
 }
 :host [part="innerStack"] {
-  --stack-gap: base. component-property($ props, gap);
+  --stack-gap: var(--success-state-gap);
 }
 :host [part="header"] {

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
     "name": "@breadstone/mosaik-elements-foundation",
-    "version": "0.0.204",
+    "version": "0.0.206",
     "description": "Mosaik elements components package.",
     "license": "MIT",
     "author": "andre.wehlert <awehlert@breadstone.de> (https://www.breadstone.de)",
@@ -14,8 +14,8 @@
         "url": "git+ssh://git@github.com/RueDeRennes/mosaik.git"
     },
     "dependencies": {
-        "@breadstone/mosaik-elements": "^0.0.204",
-        "@breadstone/mosaik-themes": "^0.0.204",
+        "@breadstone/mosaik-elements": "^0.0.206",
+        "@breadstone/mosaik-themes": "^0.0.206",
         "@floating-ui/dom": "^1.7.4",
         "@lit-labs/virtualizer": "^2.1.1",
         "@lit/task": "^1.0.3",