@breadstone/mosaik-themes 0.0.244 → 0.0.245

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 (4) hide show
  1. package/package.json +2 -2
  2. package/themes/cosmopolitan.scss +31 -11
  3. package/themes/joy.scss +21 -0
  4. package/themes/memphis.scss +22 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@breadstone/mosaik-themes",
3
- "version": "0.0.244",
3
+ "version": "0.0.245",
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.244",
17
+ "@breadstone/mosaik-elements": "^0.0.245",
18
18
  "chroma-js": "^3.2.0"
19
19
  },
20
20
  "exports": {
package/themes/cosmopolitan.scss CHANGED
@@ -8713,18 +8713,31 @@ $page-content-props: (
8713
8713
  * ------------------------------------------------------------------------------
8714
8714
  */
8715
8715
  $page-header-props: (
8716
- 'background-color': unset,
8717
- 'border-color': unset,
8718
- 'font-family': unset,
8719
- 'font-letter-spacing': unset,
8720
- 'font-line-height': unset,
8721
- 'font-size': unset,
8722
- 'font-text-decoration': unset,
8723
- 'font-text-transform': unset,
8724
- 'font-weight': unset,
8725
- 'foreground-color': unset,
8716
+ 'additional-header-font-family': var(--cosmopolitan-font-family),
8717
+ 'additional-header-font-letter-spacing': var(--cosmopolitan-typography-subtitle2-letter-spacing),
8718
+ 'additional-header-font-line-height': var(--cosmopolitan-typography-subtitle2-line-height),
8719
+ 'additional-header-font-size': var(--cosmopolitan-typography-subtitle2-font-size),
8720
+ 'additional-header-font-text-decoration': var(--cosmopolitan-typography-subtitle2-text-decoration),
8721
+ 'additional-header-font-text-transform': var(--cosmopolitan-typography-subtitle2-text-transform),
8722
+ 'additional-header-font-weight': var(--cosmopolitan-typography-subtitle2-font-weight),
8723
+ 'background-color': var(--cosmopolitan-scheme-transparent),
8724
+ 'font-family': var(--cosmopolitan-font-family),
8725
+ 'font-letter-spacing': var(--cosmopolitan-typography-headline4-letter-spacing),
8726
+ 'font-line-height': var(--cosmopolitan-typography-headline4-line-height),
8727
+ 'font-size': var(--cosmopolitan-typography-headline4-font-size),
8728
+ 'font-text-decoration': var(--cosmopolitan-typography-headline4-text-decoration),
8729
+ 'font-text-transform': var(--cosmopolitan-typography-headline4-text-transform),
8730
+ 'font-weight': var(--cosmopolitan-typography-headline4-font-weight),
8731
+ 'foreground-color': var(--cosmopolitan-scheme-foreground),
8726
8732
  'gap': unset,
8727
- 'inset': unset,
8733
+ 'header-font-family': var(--cosmopolitan-font-family),
8734
+ 'header-font-letter-spacing': var(--cosmopolitan-typography-headline4-letter-spacing),
8735
+ 'header-font-line-height': var(--cosmopolitan-typography-headline4-line-height),
8736
+ 'header-font-size': var(--cosmopolitan-typography-headline4-font-size),
8737
+ 'header-font-text-decoration': var(--cosmopolitan-typography-headline4-text-decoration),
8738
+ 'header-font-text-transform': var(--cosmopolitan-typography-headline4-text-transform),
8739
+ 'header-font-weight': var(--cosmopolitan-typography-headline4-font-weight),
8740
+ 'inset': calc(var(--cosmopolitan-layout-space) * 2),
8728
8741
  'padding-bottom': unset,
8729
8742
  'padding-left': unset,
8730
8743
  'padding-right': unset,
@@ -8735,6 +8748,13 @@ $page-header-props: (
8735
8748
  'shadow-offset-x': unset,
8736
8749
  'shadow-offset-y': unset,
8737
8750
  'shadow-spread': unset,
8751
+ 'sub-header-font-family': var(--cosmopolitan-font-family),
8752
+ 'sub-header-font-letter-spacing': var(--cosmopolitan-typography-subtitle1-letter-spacing),
8753
+ 'sub-header-font-line-height': var(--cosmopolitan-typography-subtitle1-line-height),
8754
+ 'sub-header-font-size': var(--cosmopolitan-typography-subtitle1-font-size),
8755
+ 'sub-header-font-text-decoration': var(--cosmopolitan-typography-subtitle1-text-decoration),
8756
+ 'sub-header-font-text-transform': var(--cosmopolitan-typography-subtitle1-text-transform),
8757
+ 'sub-header-font-weight': var(--cosmopolitan-typography-subtitle1-font-weight),
8738
8758
  'transition-duration': unset,
8739
8759
  'transition-mode': unset,
8740
8760
  'transition-property': unset,
package/themes/joy.scss CHANGED
@@ -9061,6 +9061,13 @@ $page-content-props: (
9061
9061
  * ------------------------------------------------------------------------------
9062
9062
  */
9063
9063
  $page-header-props: (
9064
+ 'additional-header-font-family': var(--joy-font-family),
9065
+ 'additional-header-font-letter-spacing': var(--joy-typography-subtitle2-letter-spacing),
9066
+ 'additional-header-font-line-height': var(--joy-typography-subtitle2-line-height),
9067
+ 'additional-header-font-size': var(--joy-typography-subtitle2-font-size),
9068
+ 'additional-header-font-text-decoration': var(--joy-typography-subtitle2-text-decoration),
9069
+ 'additional-header-font-text-transform': var(--joy-typography-subtitle2-text-transform),
9070
+ 'additional-header-font-weight': var(--joy-typography-subtitle2-font-weight),
9064
9071
  'background-color': var(--joy-scheme-transparent),
9065
9072
  'font-family': var(--joy-font-family),
9066
9073
  'font-letter-spacing': var(--joy-typography-headline4-letter-spacing),
@@ -9071,6 +9078,13 @@ $page-header-props: (
9071
9078
  'font-weight': var(--joy-typography-headline4-font-weight),
9072
9079
  'foreground-color': var(--joy-scheme-foreground),
9073
9080
  'gap': unset,
9081
+ 'header-font-family': var(--joy-font-family),
9082
+ 'header-font-letter-spacing': var(--joy-typography-headline4-letter-spacing),
9083
+ 'header-font-line-height': var(--joy-typography-headline4-line-height),
9084
+ 'header-font-size': var(--joy-typography-headline4-font-size),
9085
+ 'header-font-text-decoration': var(--joy-typography-headline4-text-decoration),
9086
+ 'header-font-text-transform': var(--joy-typography-headline4-text-transform),
9087
+ 'header-font-weight': var(--joy-typography-headline4-font-weight),
9074
9088
  'inset': calc(var(--joy-layout-space) * 2),
9075
9089
  'padding-bottom': unset,
9076
9090
  'padding-left': unset,
@@ -9082,6 +9096,13 @@ $page-header-props: (
9082
9096
  'shadow-offset-x': unset,
9083
9097
  'shadow-offset-y': unset,
9084
9098
  'shadow-spread': unset,
9099
+ 'sub-header-font-family': var(--joy-font-family),
9100
+ 'sub-header-font-letter-spacing': var(--joy-typography-subtitle1-letter-spacing),
9101
+ 'sub-header-font-line-height': var(--joy-typography-subtitle1-line-height),
9102
+ 'sub-header-font-size': var(--joy-typography-subtitle1-font-size),
9103
+ 'sub-header-font-text-decoration': var(--joy-typography-subtitle1-text-decoration),
9104
+ 'sub-header-font-text-transform': var(--joy-typography-subtitle1-text-transform),
9105
+ 'sub-header-font-weight': var(--joy-typography-subtitle1-font-weight),
9085
9106
  'transition-duration': unset,
9086
9107
  'transition-mode': unset,
9087
9108
  'transition-property': unset,
package/themes/memphis.scss CHANGED
@@ -8844,8 +8844,14 @@ $page-content-props: (
8844
8844
  * ------------------------------------------------------------------------------
8845
8845
  */
8846
8846
  $page-header-props: (
8847
- 'background-color': var(--memphis-scheme-background),
8848
- 'border-color': unset,
8847
+ 'additional-header-font-family': var(--memphis-font-family),
8848
+ 'additional-header-font-letter-spacing': var(--memphis-typography-subtitle2-letter-spacing),
8849
+ 'additional-header-font-line-height': var(--memphis-typography-subtitle2-line-height),
8850
+ 'additional-header-font-size': var(--memphis-typography-subtitle2-font-size),
8851
+ 'additional-header-font-text-decoration': var(--memphis-typography-subtitle2-text-decoration),
8852
+ 'additional-header-font-text-transform': var(--memphis-typography-subtitle2-text-transform),
8853
+ 'additional-header-font-weight': var(--memphis-typography-subtitle2-font-weight),
8854
+ 'background-color': var(--memphis-scheme-transparent),
8849
8855
  'font-family': var(--memphis-font-family),
8850
8856
  'font-letter-spacing': var(--memphis-typography-headline4-letter-spacing),
8851
8857
  'font-line-height': var(--memphis-typography-headline4-line-height),
@@ -8855,6 +8861,13 @@ $page-header-props: (
8855
8861
  'font-weight': var(--memphis-typography-headline4-font-weight),
8856
8862
  'foreground-color': var(--memphis-scheme-foreground),
8857
8863
  'gap': unset,
8864
+ 'header-font-family': var(--memphis-font-family),
8865
+ 'header-font-letter-spacing': var(--memphis-typography-headline4-letter-spacing),
8866
+ 'header-font-line-height': var(--memphis-typography-headline4-line-height),
8867
+ 'header-font-size': var(--memphis-typography-headline4-font-size),
8868
+ 'header-font-text-decoration': var(--memphis-typography-headline4-text-decoration),
8869
+ 'header-font-text-transform': var(--memphis-typography-headline4-text-transform),
8870
+ 'header-font-weight': var(--memphis-typography-headline4-font-weight),
8858
8871
  'inset': calc(var(--memphis-layout-space) * 2),
8859
8872
  'padding-bottom': unset,
8860
8873
  'padding-left': unset,
@@ -8866,6 +8879,13 @@ $page-header-props: (
8866
8879
  'shadow-offset-x': unset,
8867
8880
  'shadow-offset-y': unset,
8868
8881
  'shadow-spread': unset,
8882
+ 'sub-header-font-family': var(--memphis-font-family),
8883
+ 'sub-header-font-letter-spacing': var(--memphis-typography-subtitle1-letter-spacing),
8884
+ 'sub-header-font-line-height': var(--memphis-typography-subtitle1-line-height),
8885
+ 'sub-header-font-size': var(--memphis-typography-subtitle1-font-size),
8886
+ 'sub-header-font-text-decoration': var(--memphis-typography-subtitle1-text-decoration),
8887
+ 'sub-header-font-text-transform': var(--memphis-typography-subtitle1-text-transform),
8888
+ 'sub-header-font-weight': var(--memphis-typography-subtitle1-font-weight),
8869
8889
  'transition-duration': unset,
8870
8890
  'transition-mode': unset,
8871
8891
  'transition-property': unset,