@breadstone/mosaik-elements-foundation 0.0.47 → 0.0.48
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.
- package/Controls/Components/Cells/Themes/CellGroupElement.Cosmopolitan.js +1 -1
- package/Controls/Components/Cells/Themes/CellGroupElement.Retro.js +1 -1
- package/Controls/Components/Grouping/Toolbar/Themes/ToolbarElement.Joy.js +4 -4
- package/Controls/Components/Inputs/CheckBox/Themes/CheckBoxGroupElement.Cosmopolitan.js +1 -1
- package/Controls/Components/Inputs/CheckBox/Themes/CheckBoxGroupElement.Joy.js +1 -1
- package/Controls/Components/Inputs/ToggleSwitch/Themes/ToggleSwitchElement.Retro.js +1 -1
- package/Controls/Components/Layouts/Page/Themes/PageMenuElement.Joy.js +1 -1
- package/Controls/Components/Primitives/Footer/Themes/FooterElement.Joy.js +1 -1
- package/package.json +3 -3
|
@@ -26,7 +26,7 @@ export function cellGroupElementCosmopolitanStyle() {
|
|
|
26
26
|
--cell-group-font-weight: var(--cosmopolitan-typography-content-font-weight);
|
|
27
27
|
--cell-group-gap: unset;
|
|
28
28
|
--cell-group-inline-end: 0;
|
|
29
|
-
--cell-group-inline-start: calc(var(--
|
|
29
|
+
--cell-group-inline-start: calc(var(--cosmopolitan-layout-space) * 2);
|
|
30
30
|
--cell-group-padding-bottom: unset;
|
|
31
31
|
--cell-group-padding-left: unset;
|
|
32
32
|
--cell-group-padding-right: unset;
|
|
@@ -26,7 +26,7 @@ export function cellGroupElementRetroStyle() {
|
|
|
26
26
|
--cell-group-font-weight: var(--retro-typography-overline-font-weight);
|
|
27
27
|
--cell-group-gap: unset;
|
|
28
28
|
--cell-group-inline-end: 0;
|
|
29
|
-
--cell-group-inline-start: calc(var(--
|
|
29
|
+
--cell-group-inline-start: calc(var(--retro-layout-space) * 2);
|
|
30
30
|
--cell-group-padding-bottom: unset;
|
|
31
31
|
--cell-group-padding-left: unset;
|
|
32
32
|
--cell-group-padding-right: unset;
|
|
@@ -29,10 +29,10 @@ export function toolbarElementJoyStyle() {
|
|
|
29
29
|
--toolbar-gap: 16px;
|
|
30
30
|
--toolbar-height: 64px;
|
|
31
31
|
--toolbar-line-height: 28px;
|
|
32
|
-
--toolbar-padding-bottom: var(--
|
|
33
|
-
--toolbar-padding-left: calc(var(--
|
|
34
|
-
--toolbar-padding-right: calc(var(--
|
|
35
|
-
--toolbar-padding-top: var(--
|
|
32
|
+
--toolbar-padding-bottom: var(--joy-layout-space);
|
|
33
|
+
--toolbar-padding-left: calc(var(--joy-layout-space) * 2);
|
|
34
|
+
--toolbar-padding-right: calc(var(--joy-layout-space) * 2);
|
|
35
|
+
--toolbar-padding-top: var(--joy-layout-space);
|
|
36
36
|
--toolbar-shadow-blur: unset;
|
|
37
37
|
--toolbar-shadow-color: unset;
|
|
38
38
|
--toolbar-shadow-offset-x: unset;
|
|
@@ -26,7 +26,7 @@ export function checkBoxGroupElementCosmopolitanStyle() {
|
|
|
26
26
|
--checkbox-group-font-text-transform: unset;
|
|
27
27
|
--checkbox-group-font-weight: unset;
|
|
28
28
|
--checkbox-group-foreground-color: unset;
|
|
29
|
-
--checkbox-group-gap: var(--
|
|
29
|
+
--checkbox-group-gap: var(--cosmopolitan-layout-space);
|
|
30
30
|
--checkbox-group-padding-bottom: unset;
|
|
31
31
|
--checkbox-group-padding-left: unset;
|
|
32
32
|
--checkbox-group-padding-right: unset;
|
|
@@ -26,7 +26,7 @@ export function checkBoxGroupElementJoyStyle() {
|
|
|
26
26
|
--checkbox-group-font-text-transform: unset;
|
|
27
27
|
--checkbox-group-font-weight: unset;
|
|
28
28
|
--checkbox-group-foreground-color: unset;
|
|
29
|
-
--checkbox-group-gap: var(--
|
|
29
|
+
--checkbox-group-gap: var(--joy-layout-space);
|
|
30
30
|
--checkbox-group-padding-bottom: unset;
|
|
31
31
|
--checkbox-group-padding-left: unset;
|
|
32
32
|
--checkbox-group-padding-right: unset;
|
|
@@ -24,7 +24,7 @@ export function toggleSwitchElementRetroStyle() {
|
|
|
24
24
|
--toggle-switch-font-text-decoration: unset;
|
|
25
25
|
--toggle-switch-font-text-transform: unset;
|
|
26
26
|
--toggle-switch-font-weight: unset;
|
|
27
|
-
--toggle-switch-gap: var(--
|
|
27
|
+
--toggle-switch-gap: var(--retro-layout-space);
|
|
28
28
|
--toggle-switch-padding-bottom: unset;
|
|
29
29
|
--toggle-switch-padding-left: unset;
|
|
30
30
|
--toggle-switch-padding-right: unset;
|
|
@@ -26,7 +26,7 @@ export function pageMenuElementJoyStyle() {
|
|
|
26
26
|
--page-menu-font-text-transform: unset;
|
|
27
27
|
--page-menu-font-weight: normal;
|
|
28
28
|
--page-menu-foreground-color: var(--joy-scheme-foreground);
|
|
29
|
-
--page-menu-gap: calc(var(--
|
|
29
|
+
--page-menu-gap: calc(var(--joy-layout-space) * 2);
|
|
30
30
|
--page-menu-height: 64px;
|
|
31
31
|
--page-menu-line-height: 28px;
|
|
32
32
|
--page-menu-padding-bottom: 8px;
|
|
@@ -17,7 +17,7 @@ export function footerElementJoyStyle() {
|
|
|
17
17
|
--footer-border-color: var(--joy-scheme-background);
|
|
18
18
|
--footer-border-radius: 0;
|
|
19
19
|
--footer-border-style: none;
|
|
20
|
-
--footer-border-width: var(--
|
|
20
|
+
--footer-border-width: var(--joy-layout-thickness);
|
|
21
21
|
--footer-font-family: unset;
|
|
22
22
|
--footer-font-letter-spacing: unset;
|
|
23
23
|
--footer-font-line-height: unset;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@breadstone/mosaik-elements-foundation",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.48",
|
|
4
4
|
"description": "Mosaik elements components package.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "andre.wehlert <awehlert@breadstone.de> (https://www.breadstone.de)",
|
|
@@ -14,8 +14,8 @@
|
|
|
14
14
|
"url": "git+ssh://git@github.com/RueDeRennes/mosaik.git"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@breadstone/mosaik-elements": "^0.0.
|
|
18
|
-
"@breadstone/mosaik-themes": "^0.0.
|
|
17
|
+
"@breadstone/mosaik-elements": "^0.0.48",
|
|
18
|
+
"@breadstone/mosaik-themes": "^0.0.48",
|
|
19
19
|
"@ctrl/tinycolor": "^4.1.0",
|
|
20
20
|
"@floating-ui/dom": "^1.7.1",
|
|
21
21
|
"@lit-labs/virtualizer": "^2.1.0",
|