@breadstone/mosaik-themes 0.0.224 → 0.0.226

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@breadstone/mosaik-themes",
3
- "version": "0.0.224",
3
+ "version": "0.0.226",
4
4
  "description": "Mosaik elements various themes.",
5
5
  "license": "MIT",
6
6
  "author": "andre.wehlert <awehlert@breadstone.de> (https://www.breadstone.de)",
@@ -14,7 +14,7 @@
14
14
  "url": "git+ssh://git@github.com/RueDeRennes/mosaik.git"
15
15
  },
16
16
  "dependencies": {
17
- "@breadstone/mosaik-elements": "^0.0.224",
17
+ "@breadstone/mosaik-elements": "^0.0.226",
18
18
  "chroma-js": "^3.2.0",
19
19
  "tslib": "^2.8.1"
20
20
  },
@@ -4805,6 +4805,31 @@ $menu-item-group-props: (
4805
4805
  'transition-property': unset,
4806
4806
  'translate': unset
4807
4807
  );
4808
+ $message-props: (
4809
+ 'background-color': unset,
4810
+ 'border-color': unset,
4811
+ 'border-radius': unset,
4812
+ 'border-style': unset,
4813
+ 'border-width': unset,
4814
+ 'font-family': unset,
4815
+ 'font-letter-spacing': unset,
4816
+ 'font-line-height': unset,
4817
+ 'font-size': unset,
4818
+ 'font-text-decoration': unset,
4819
+ 'font-text-transform': unset,
4820
+ 'font-weight': unset,
4821
+ 'foreground-color': unset,
4822
+ 'gap': unset,
4823
+ 'padding-bottom': unset,
4824
+ 'padding-left': unset,
4825
+ 'padding-right': unset,
4826
+ 'padding-top': unset,
4827
+ 'shadow': unset,
4828
+ 'transition-duration': unset,
4829
+ 'transition-mode': unset,
4830
+ 'transition-property': unset,
4831
+ 'translate': unset
4832
+ );
4808
4833
  $message-box-props: (
4809
4834
  'font-family': unset,
4810
4835
  'font-letter-spacing': unset,
package/themes/joy.scss CHANGED
@@ -5156,6 +5156,31 @@ $menu-item-group-props: (
5156
5156
  'transition-property': (background-color, color, border-color, box-shadow),
5157
5157
  'translate': unset
5158
5158
  );
5159
+ $message-props: (
5160
+ 'background-color': var(--joy-scheme-background),
5161
+ 'border-color': var(--joy-scheme-highlight),
5162
+ 'border-radius': var(--joy-layout-radius),
5163
+ 'border-style': solid,
5164
+ 'border-width': var(--joy-layout-thickness),
5165
+ 'font-family': var(--joy-font-family),
5166
+ 'font-letter-spacing': unset,
5167
+ 'font-line-height': unset,
5168
+ 'font-size': 16px,
5169
+ 'font-text-decoration': unset,
5170
+ 'font-text-transform': unset,
5171
+ 'font-weight': normal,
5172
+ 'foreground-color': var(--joy-scheme-foreground),
5173
+ 'gap': 8px,
5174
+ 'padding-bottom': var(--joy-layout-space),
5175
+ 'padding-left': calc(var(--joy-layout-space) * 2),
5176
+ 'padding-right': calc(var(--joy-layout-space) * 2),
5177
+ 'padding-top': var(--joy-layout-space),
5178
+ 'shadow': var(--joy-elevation-none),
5179
+ 'transition-duration': var(--joy-duration-short),
5180
+ 'transition-mode': ease,
5181
+ 'transition-property': all,
5182
+ 'translate': unset
5183
+ );
5159
5184
  $message-box-props: (
5160
5185
  'font-family': unset,
5161
5186
  'font-letter-spacing': unset,
@@ -5047,6 +5047,35 @@ $menu-item-group-props: (
5047
5047
  'transition-property': unset,
5048
5048
  'translate': unset
5049
5049
  );
5050
+ $message-props: (
5051
+ 'background-color': var(--memphis-scheme-background),
5052
+ 'border-color': var(--memphis-scheme-contrast),
5053
+ 'border-radius': var(--memphis-layout-radius),
5054
+ 'border-style': solid,
5055
+ 'border-width': var(--memphis-layout-thickness),
5056
+ 'font-family': var(--memphis-font-family),
5057
+ 'font-letter-spacing': var(--memphis-typography-body1-letter-spacing),
5058
+ 'font-line-height': var(--memphis-typography-body1-line-height),
5059
+ 'font-size': var(--memphis-typography-body1-font-size),
5060
+ 'font-text-decoration': var(--memphis-typography-body1-text-decoration),
5061
+ 'font-text-transform': var(--memphis-typography-body1-text-transform),
5062
+ 'font-weight': var(--memphis-typography-body1-font-weight),
5063
+ 'foreground-color': var(--memphis-scheme-foreground),
5064
+ 'gap': var(--memphis-layout-space),
5065
+ 'padding-bottom': var(--memphis-layout-space),
5066
+ 'padding-left': calc(var(--memphis-layout-space) * 2),
5067
+ 'padding-right': calc(var(--memphis-layout-space) * 2),
5068
+ 'padding-top': calc(var(--memphis-layout-space) * 2),
5069
+ 'shadow-blur': var(--memphis-elevation-semilight-blur-0),
5070
+ 'shadow-color': var(--memphis-elevation-semilight-color-0),
5071
+ 'shadow-offset-x': var(--memphis-elevation-semilight-offset-x-0),
5072
+ 'shadow-offset-y': var(--memphis-elevation-semilight-offset-y-0),
5073
+ 'shadow-spread': var(--memphis-elevation-semilight-spread-0),
5074
+ 'transition-duration': .2s,
5075
+ 'transition-mode': ease,
5076
+ 'transition-property': all,
5077
+ 'translate': none
5078
+ );
5050
5079
  $message-box-props: (
5051
5080
  'font-family': unset,
5052
5081
  'font-letter-spacing': unset,