@breadstone/mosaik-themes 0.0.168 → 0.0.170
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/Themes/cosmopolitan.scss +2 -1
- package/Themes/joy.scss +33 -15
- package/Themes/retro.scss +2 -1
- package/package.json +2 -2
package/Themes/cosmopolitan.scss
CHANGED
|
@@ -2053,7 +2053,8 @@ $chat-message-props: (
|
|
|
2053
2053
|
'transition-duration': unset,
|
|
2054
2054
|
'transition-mode': unset,
|
|
2055
2055
|
'transition-property': unset,
|
|
2056
|
-
'translate': unset
|
|
2056
|
+
'translate': unset,
|
|
2057
|
+
'white-space': 44px
|
|
2057
2058
|
);
|
|
2058
2059
|
$chat-message-avatar-props: (
|
|
2059
2060
|
'font-family': unset,
|
package/Themes/joy.scss
CHANGED
|
@@ -2667,7 +2667,7 @@ $chat-message-props: (
|
|
|
2667
2667
|
'font-text-transform': var(--joy-typography-body1-text-transform),
|
|
2668
2668
|
'font-weight': var(--joy-typography-body1-font-weight),
|
|
2669
2669
|
'foreground-color': var(--joy-scheme-foreground),
|
|
2670
|
-
'gap':
|
|
2670
|
+
'gap': var(--joy-layout-space),
|
|
2671
2671
|
'padding-bottom': var(--joy-layout-space),
|
|
2672
2672
|
'padding-left': calc(var(--joy-layout-space) * 2),
|
|
2673
2673
|
'padding-right': calc(var(--joy-layout-space) * 2),
|
|
@@ -2676,24 +2676,42 @@ $chat-message-props: (
|
|
|
2676
2676
|
'transition-duration': var(--joy-duration-short),
|
|
2677
2677
|
'transition-mode': ease,
|
|
2678
2678
|
'transition-property': all,
|
|
2679
|
-
'translate': unset
|
|
2679
|
+
'translate': unset,
|
|
2680
|
+
'white-space': 44px
|
|
2680
2681
|
);
|
|
2681
2682
|
$chat-message-avatar-props: (
|
|
2682
|
-
'
|
|
2683
|
-
'
|
|
2684
|
-
'
|
|
2685
|
-
'
|
|
2683
|
+
'background-color': var(--joy-scheme-background),
|
|
2684
|
+
'badge-gap': var(--joy-layout-thickness),
|
|
2685
|
+
'badge-horizontal-align': right,
|
|
2686
|
+
'badge-radius': var(--joy-layout-space),
|
|
2687
|
+
'badge-vertical-align': bottom,
|
|
2688
|
+
'border-color': var(--joy-scheme-highlight),
|
|
2689
|
+
'border-radius': 50%,
|
|
2690
|
+
'border-style': solid,
|
|
2691
|
+
'border-width': 0px,
|
|
2692
|
+
'diameter': 64px,
|
|
2693
|
+
'font-family': var(--joy-font-family),
|
|
2694
|
+
'font-letter-spacing': 0px,
|
|
2695
|
+
'font-line-height': calc(var(--avatar-font-size) + 4px),
|
|
2696
|
+
'font-size': 32px,
|
|
2686
2697
|
'font-text-decoration': unset,
|
|
2687
2698
|
'font-text-transform': unset,
|
|
2688
|
-
'font-weight':
|
|
2689
|
-
'
|
|
2690
|
-
'
|
|
2691
|
-
'
|
|
2692
|
-
'padding-
|
|
2693
|
-
'padding-
|
|
2694
|
-
'
|
|
2695
|
-
'
|
|
2696
|
-
'
|
|
2699
|
+
'font-weight': 600,
|
|
2700
|
+
'foreground-color': var(--joy-scheme-foreground),
|
|
2701
|
+
'gap': var(--joy-layout-space),
|
|
2702
|
+
'offset': calc(var(--joy-layout-space) * 2),
|
|
2703
|
+
'padding-bottom': calc(var(--joy-layout-space) / 2),
|
|
2704
|
+
'padding-left': var(--joy-layout-space),
|
|
2705
|
+
'padding-right': var(--joy-layout-space),
|
|
2706
|
+
'padding-top': calc(var(--joy-layout-space) / 2),
|
|
2707
|
+
'shadow-blur': unset,
|
|
2708
|
+
'shadow-color': unset,
|
|
2709
|
+
'shadow-offset-x': unset,
|
|
2710
|
+
'shadow-offset-y': unset,
|
|
2711
|
+
'shadow-spread': unset,
|
|
2712
|
+
'transition-duration': var(--joy-duration-short),
|
|
2713
|
+
'transition-mode': ease,
|
|
2714
|
+
'transition-property': (background-color, color, border-color, opacity, box-shadow),
|
|
2697
2715
|
'translate': unset
|
|
2698
2716
|
);
|
|
2699
2717
|
$chat-message-divider-props: (
|
package/Themes/retro.scss
CHANGED
|
@@ -2480,7 +2480,8 @@ $chat-message-props: (
|
|
|
2480
2480
|
'transition-duration': unset,
|
|
2481
2481
|
'transition-mode': unset,
|
|
2482
2482
|
'transition-property': unset,
|
|
2483
|
-
'translate': unset
|
|
2483
|
+
'translate': unset,
|
|
2484
|
+
'white-space': 44px
|
|
2484
2485
|
);
|
|
2485
2486
|
$chat-message-avatar-props: (
|
|
2486
2487
|
'font-family': unset,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@breadstone/mosaik-themes",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.170",
|
|
4
4
|
"description": "Mosaik elements various themes.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "andre.wehlert <awehlert@breadstone.de> (https://www.breadstone.de)",
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
"url": "git+ssh://git@github.com/RueDeRennes/mosaik.git"
|
|
16
16
|
},
|
|
17
17
|
"dependencies": {
|
|
18
|
-
"@breadstone/mosaik-elements": "^0.0.
|
|
18
|
+
"@breadstone/mosaik-elements": "^0.0.170",
|
|
19
19
|
"@ctrl/tinycolor": "^4.2.0",
|
|
20
20
|
"tslib": "^2.8.1"
|
|
21
21
|
},
|