@breadstone/mosaik-themes 0.0.244 → 0.0.246

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 +35 -13
  3. package/themes/joy.scss +26 -3
  4. package/themes/memphis.scss +26 -4
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.246",
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.246",
18
18
  "chroma-js": "^3.2.0"
19
19
  },
20
20
  "exports": {
package/themes/cosmopolitan.scss CHANGED
@@ -2026,8 +2026,8 @@ $box-props: (
2026
2026
  $breadcrumb-props: (
2027
2027
  'font-family': unset,
2028
2028
  'font-letter-spacing': unset,
2029
- 'font-line-height': unset,
2030
- 'font-size': unset,
2029
+ 'font-line-height': var(--cosmopolitan-typography-body2-line-height),
2030
+ 'font-size': var(--cosmopolitan-typography-body2-font-size),
2031
2031
  'font-text-decoration': unset,
2032
2032
  'font-text-transform': unset,
2033
2033
  'font-weight': unset,
@@ -8713,28 +8713,50 @@ $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,
8731
8744
  'padding-top': unset,
8745
+ 'prefix-gap': unset,
8732
8746
  'shadow': unset unset unset unset unset,
8733
8747
  'shadow-blur': unset,
8734
8748
  'shadow-color': unset,
8735
8749
  'shadow-offset-x': unset,
8736
8750
  'shadow-offset-y': unset,
8737
8751
  'shadow-spread': unset,
8752
+ 'sub-header-font-family': var(--cosmopolitan-font-family),
8753
+ 'sub-header-font-letter-spacing': var(--cosmopolitan-typography-subtitle1-letter-spacing),
8754
+ 'sub-header-font-line-height': var(--cosmopolitan-typography-subtitle1-line-height),
8755
+ 'sub-header-font-size': var(--cosmopolitan-typography-subtitle1-font-size),
8756
+ 'sub-header-font-text-decoration': var(--cosmopolitan-typography-subtitle1-text-decoration),
8757
+ 'sub-header-font-text-transform': var(--cosmopolitan-typography-subtitle1-text-transform),
8758
+ 'sub-header-font-weight': var(--cosmopolitan-typography-subtitle1-font-weight),
8759
+ 'suffix-gap': unset,
8738
8760
  'transition-duration': unset,
8739
8761
  'transition-mode': unset,
8740
8762
  'transition-property': unset,
package/themes/joy.scss CHANGED
@@ -2381,8 +2381,8 @@ $box-props: (
2381
2381
  $breadcrumb-props: (
2382
2382
  'font-family': unset,
2383
2383
  'font-letter-spacing': unset,
2384
- 'font-line-height': unset,
2385
- 'font-size': unset,
2384
+ 'font-line-height': var(--joy-typography-body2-line-height),
2385
+ 'font-size': var(--joy-typography-body2-font-size),
2386
2386
  'font-text-decoration': unset,
2387
2387
  'font-text-transform': unset,
2388
2388
  'font-weight': unset,
@@ -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),
@@ -9070,18 +9077,34 @@ $page-header-props: (
9070
9077
  'font-text-transform': var(--joy-typography-headline4-text-transform),
9071
9078
  'font-weight': var(--joy-typography-headline4-font-weight),
9072
9079
  'foreground-color': var(--joy-scheme-foreground),
9073
- 'gap': unset,
9080
+ 'gap': calc(var(--joy-layout-space) * 2),
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,
9077
9091
  'padding-right': unset,
9078
9092
  'padding-top': unset,
9093
+ 'prefix-gap': var(--joy-layout-space),
9079
9094
  'shadow': unset unset unset unset unset,
9080
9095
  'shadow-blur': unset,
9081
9096
  'shadow-color': unset,
9082
9097
  'shadow-offset-x': unset,
9083
9098
  'shadow-offset-y': unset,
9084
9099
  'shadow-spread': unset,
9100
+ 'sub-header-font-family': var(--joy-font-family),
9101
+ 'sub-header-font-letter-spacing': var(--joy-typography-subtitle1-letter-spacing),
9102
+ 'sub-header-font-line-height': var(--joy-typography-subtitle1-line-height),
9103
+ 'sub-header-font-size': var(--joy-typography-subtitle1-font-size),
9104
+ 'sub-header-font-text-decoration': var(--joy-typography-subtitle1-text-decoration),
9105
+ 'sub-header-font-text-transform': var(--joy-typography-subtitle1-text-transform),
9106
+ 'sub-header-font-weight': var(--joy-typography-subtitle1-font-weight),
9107
+ 'suffix-gap': var(--joy-layout-space),
9085
9108
  'transition-duration': unset,
9086
9109
  'transition-mode': unset,
9087
9110
  'transition-property': unset,
package/themes/memphis.scss CHANGED
@@ -2152,8 +2152,8 @@ $box-props: (
2152
2152
  $breadcrumb-props: (
2153
2153
  'font-family': unset,
2154
2154
  'font-letter-spacing': unset,
2155
- 'font-line-height': unset,
2156
- 'font-size': unset,
2155
+ 'font-line-height': var(--memphis-typography-body2-line-height),
2156
+ 'font-size': var(--memphis-typography-body2-font-size),
2157
2157
  'font-text-decoration': unset,
2158
2158
  'font-text-transform': unset,
2159
2159
  'font-weight': unset,
@@ -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,17 +8861,33 @@ $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,
8861
8874
  'padding-right': unset,
8862
8875
  'padding-top': unset,
8876
+ 'prefix-gap': unset,
8863
8877
  'shadow': unset unset unset unset unset,
8864
8878
  'shadow-blur': unset,
8865
8879
  'shadow-color': unset,
8866
8880
  'shadow-offset-x': unset,
8867
8881
  'shadow-offset-y': unset,
8868
8882
  'shadow-spread': unset,
8883
+ 'sub-header-font-family': var(--memphis-font-family),
8884
+ 'sub-header-font-letter-spacing': var(--memphis-typography-subtitle1-letter-spacing),
8885
+ 'sub-header-font-line-height': var(--memphis-typography-subtitle1-line-height),
8886
+ 'sub-header-font-size': var(--memphis-typography-subtitle1-font-size),
8887
+ 'sub-header-font-text-decoration': var(--memphis-typography-subtitle1-text-decoration),
8888
+ 'sub-header-font-text-transform': var(--memphis-typography-subtitle1-text-transform),
8889
+ 'sub-header-font-weight': var(--memphis-typography-subtitle1-font-weight),
8890
+ 'suffix-gap': unset,
8869
8891
  'transition-duration': unset,
8870
8892
  'transition-mode': unset,
8871
8893
  'transition-property': unset,