@breadstone/mosaik-themes 0.0.27 → 0.0.28

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 (2) hide show
  1. package/Themes/joy.scss +58 -57
  2. package/package.json +2 -2
package/Themes/joy.scss CHANGED
@@ -1716,11 +1716,11 @@ $auto-complete-box-props: (
1716
1716
  'font-letter-spacing': "unset",
1717
1717
  'font-text-decoration': "unset",
1718
1718
  'font-text-transform': "unset",
1719
- 'padding-top': "unset",
1720
- 'padding-right': "unset",
1721
- 'padding-bottom': "unset",
1722
- 'padding-left': "unset",
1723
- 'gap': "unset",
1719
+ 'padding-top': var(--joy-layout-space),
1720
+ 'padding-right': calc(var(--joy-layout-space) * 1.5),
1721
+ 'padding-bottom': var(--joy-layout-space),
1722
+ 'padding-left': calc(var(--joy-layout-space) * 1.5),
1723
+ 'gap': var(--joy-layout-space),
1724
1724
  'transition-duration': "unset",
1725
1725
  'transition-mode': "unset",
1726
1726
  'transition-property': unset,
@@ -1731,6 +1731,7 @@ $auto-complete-box-props: (
1731
1731
  'border-style': solid,
1732
1732
  'border-width': var(--joy-layout-thickness),
1733
1733
  'foreground-color': var(--joy-scheme-foreground),
1734
+ 'height': 56px,
1734
1735
  'shadow-blur': unset,
1735
1736
  'shadow-color': unset,
1736
1737
  'shadow-offset-x': unset,
@@ -2832,11 +2833,11 @@ $chip-box-props: (
2832
2833
  'font-letter-spacing': "unset",
2833
2834
  'font-text-decoration': "unset",
2834
2835
  'font-text-transform': "unset",
2835
- 'padding-top': "unset",
2836
- 'padding-right': "unset",
2837
- 'padding-bottom': "unset",
2838
- 'padding-left': "unset",
2839
- 'gap': "unset",
2836
+ 'padding-top': var(--joy-layout-space),
2837
+ 'padding-right': calc(var(--joy-layout-space) * 1.5),
2838
+ 'padding-bottom': var(--joy-layout-space),
2839
+ 'padding-left': calc(var(--joy-layout-space) * 1.5),
2840
+ 'gap': var(--joy-layout-space),
2840
2841
  'transition-duration': "unset",
2841
2842
  'transition-mode': "unset",
2842
2843
  'transition-property': unset,
@@ -2847,7 +2848,7 @@ $chip-box-props: (
2847
2848
  'border-style': unset,
2848
2849
  'border-width': unset,
2849
2850
  'foreground-color': unset,
2850
- 'height': unset,
2851
+ 'height': 56px,
2851
2852
  'shadow': unset
2852
2853
  );
2853
2854
 
@@ -2976,11 +2977,11 @@ $color-box-props: (
2976
2977
  'font-letter-spacing': "unset",
2977
2978
  'font-text-decoration': "unset",
2978
2979
  'font-text-transform': "unset",
2979
- 'padding-top': "unset",
2980
- 'padding-right': "unset",
2981
- 'padding-bottom': "unset",
2982
- 'padding-left': "unset",
2983
- 'gap': "unset",
2980
+ 'padding-top': var(--joy-layout-space),
2981
+ 'padding-right': calc(var(--joy-layout-space) * 1.5),
2982
+ 'padding-bottom': var(--joy-layout-space),
2983
+ 'padding-left': calc(var(--joy-layout-space) * 1.5),
2984
+ 'gap': var(--joy-layout-space),
2984
2985
  'transition-duration': "unset",
2985
2986
  'transition-mode': "unset",
2986
2987
  'transition-property': unset,
@@ -2991,7 +2992,7 @@ $color-box-props: (
2991
2992
  'border-style': unset,
2992
2993
  'border-width': unset,
2993
2994
  'foreground-color': unset,
2994
- 'height': unset,
2995
+ 'height': 56px,
2995
2996
  'shadow': unset
2996
2997
  );
2997
2998
 
@@ -3303,11 +3304,11 @@ $date-box-props: (
3303
3304
  'font-letter-spacing': "unset",
3304
3305
  'font-text-decoration': "unset",
3305
3306
  'font-text-transform': "unset",
3306
- 'padding-top': 8px,
3307
- 'padding-right': 12px,
3308
- 'padding-bottom': 8px,
3309
- 'padding-left': 12px,
3310
- 'gap': 8px,
3307
+ 'padding-top': var(--joy-layout-space),
3308
+ 'padding-right': calc(var(--joy-layout-space) * 1.5),
3309
+ 'padding-bottom': var(--joy-layout-space),
3310
+ 'padding-left': calc(var(--joy-layout-space) * 1.5),
3311
+ 'gap': var(--joy-layout-space),
3311
3312
  'transition-duration': .2s,
3312
3313
  'transition-mode': ease,
3313
3314
  'transition-property': (background-color, color, border-color, opacity, box-shadow),
@@ -3318,7 +3319,7 @@ $date-box-props: (
3318
3319
  'border-style': solid,
3319
3320
  'border-width': var(--joy-layout-thickness),
3320
3321
  'foreground-color': var(--joy-scheme-foreground),
3321
- 'height': unset,
3322
+ 'height': 56px,
3322
3323
  'shadow': unset
3323
3324
  );
3324
3325
 
@@ -3330,11 +3331,11 @@ $date-time-box-props: (
3330
3331
  'font-letter-spacing': "unset",
3331
3332
  'font-text-decoration': "unset",
3332
3333
  'font-text-transform': "unset",
3333
- 'padding-top': 8px,
3334
- 'padding-right': 12px,
3335
- 'padding-bottom': 8px,
3336
- 'padding-left': 12px,
3337
- 'gap': 8px,
3334
+ 'padding-top': var(--joy-layout-space),
3335
+ 'padding-right': calc(var(--joy-layout-space) * 1.5),
3336
+ 'padding-bottom': var(--joy-layout-space),
3337
+ 'padding-left': calc(var(--joy-layout-space) * 1.5),
3338
+ 'gap': var(--joy-layout-space),
3338
3339
  'transition-duration': .2s,
3339
3340
  'transition-mode': ease,
3340
3341
  'transition-property': (background-color, color, border-color, opacity, box-shadow),
@@ -3345,7 +3346,7 @@ $date-time-box-props: (
3345
3346
  'border-style': solid,
3346
3347
  'border-width': var(--joy-layout-thickness),
3347
3348
  'foreground-color': var(--joy-scheme-foreground),
3348
- 'height': unset,
3349
+ 'height': 56px,
3349
3350
  'shadow': unset
3350
3351
  );
3351
3352
 
@@ -5020,11 +5021,11 @@ $number-box-props: (
5020
5021
  'font-letter-spacing': "unset",
5021
5022
  'font-text-decoration': "unset",
5022
5023
  'font-text-transform': "unset",
5023
- 'padding-top': 8px,
5024
- 'padding-right': 12px,
5025
- 'padding-bottom': 8px,
5026
- 'padding-left': 12px,
5027
- 'gap': 8px,
5024
+ 'padding-top': var(--joy-layout-space),
5025
+ 'padding-right': calc(var(--joy-layout-space) * 1.5),
5026
+ 'padding-bottom': var(--joy-layout-space),
5027
+ 'padding-left': calc(var(--joy-layout-space) * 1.5),
5028
+ 'gap': var(--joy-layout-space),
5028
5029
  'transition-duration': .2s,
5029
5030
  'transition-mode': ease,
5030
5031
  'transition-property': (background-color, color, border-color, opacity, box-shadow),
@@ -5219,11 +5220,11 @@ $password-box-props: (
5219
5220
  'font-letter-spacing': "unset",
5220
5221
  'font-text-decoration': "unset",
5221
5222
  'font-text-transform': "unset",
5222
- 'padding-top': 8px,
5223
- 'padding-right': 12px,
5224
- 'padding-bottom': 8px,
5225
- 'padding-left': 12px,
5226
- 'gap': 8px,
5223
+ 'padding-top': var(--joy-layout-space),
5224
+ 'padding-right': calc(var(--joy-layout-space) * 1.5),
5225
+ 'padding-bottom': var(--joy-layout-space),
5226
+ 'padding-left': calc(var(--joy-layout-space) * 1.5),
5227
+ 'gap': var(--joy-layout-space),
5227
5228
  'transition-duration': .2s,
5228
5229
  'transition-mode': ease,
5229
5230
  'transition-property': (background-color, color, border-color, opacity, box-shadow),
@@ -5234,7 +5235,7 @@ $password-box-props: (
5234
5235
  'border-style': solid,
5235
5236
  'border-width': var(--joy-layout-thickness),
5236
5237
  'foreground-color': var(--joy-scheme-foreground),
5237
- 'height': unset,
5238
+ 'height': 56px,
5238
5239
  'shadow': unset
5239
5240
  );
5240
5241
 
@@ -5631,11 +5632,11 @@ $rich-text-box-props: (
5631
5632
  'font-letter-spacing': "unset",
5632
5633
  'font-text-decoration': "unset",
5633
5634
  'font-text-transform': "unset",
5634
- 'padding-top': 8px,
5635
- 'padding-right': 12px,
5636
- 'padding-bottom': 8px,
5637
- 'padding-left': 12px,
5638
- 'gap': 8px,
5635
+ 'padding-top': var(--joy-layout-space),
5636
+ 'padding-right': calc(var(--joy-layout-space) * 1.5),
5637
+ 'padding-bottom': var(--joy-layout-space),
5638
+ 'padding-left': calc(var(--joy-layout-space) * 1.5),
5639
+ 'gap': var(--joy-layout-space),
5639
5640
  'transition-duration': .2s,
5640
5641
  'transition-mode': ease,
5641
5642
  'transition-property': (background-color, color, border-color, opacity, box-shadow),
@@ -5646,7 +5647,7 @@ $rich-text-box-props: (
5646
5647
  'border-style': solid,
5647
5648
  'border-width': var(--joy-layout-thickness),
5648
5649
  'foreground-color': var(--joy-scheme-foreground),
5649
- 'height': unset,
5650
+ 'height': 56px,
5650
5651
  'shadow': unset
5651
5652
  );
5652
5653
 
@@ -5821,11 +5822,11 @@ $search-box-props: (
5821
5822
  'font-letter-spacing': "unset",
5822
5823
  'font-text-decoration': "unset",
5823
5824
  'font-text-transform': "unset",
5824
- 'padding-top': 8px,
5825
- 'padding-right': 12px,
5826
- 'padding-bottom': 8px,
5827
- 'padding-left': 12px,
5828
- 'gap': 8px,
5825
+ 'padding-top': var(--joy-layout-space),
5826
+ 'padding-right': calc(var(--joy-layout-space) * 1.5),
5827
+ 'padding-bottom': var(--joy-layout-space),
5828
+ 'padding-left': calc(var(--joy-layout-space) * 1.5),
5829
+ 'gap': var(--joy-layout-space),
5829
5830
  'transition-duration': .2s,
5830
5831
  'transition-mode': ease,
5831
5832
  'transition-property': all,
@@ -6706,11 +6707,11 @@ $time-box-props: (
6706
6707
  'font-letter-spacing': "unset",
6707
6708
  'font-text-decoration': "unset",
6708
6709
  'font-text-transform': "unset",
6709
- 'padding-top': 8px,
6710
- 'padding-right': 12px,
6711
- 'padding-bottom': 8px,
6712
- 'padding-left': 12px,
6713
- 'gap': 8px,
6710
+ 'padding-top': var(--joy-layout-space),
6711
+ 'padding-right': calc(var(--joy-layout-space) * 1.5),
6712
+ 'padding-bottom': var(--joy-layout-space),
6713
+ 'padding-left': calc(var(--joy-layout-space) * 1.5),
6714
+ 'gap': var(--joy-layout-space),
6714
6715
  'transition-duration': .2s,
6715
6716
  'transition-mode': ease,
6716
6717
  'transition-property': (background-color, color, border-color, opacity, box-shadow),
@@ -6721,7 +6722,7 @@ $time-box-props: (
6721
6722
  'border-style': solid,
6722
6723
  'border-width': var(--joy-layout-thickness),
6723
6724
  'foreground-color': var(--joy-scheme-foreground),
6724
- 'height': unset,
6725
+ 'height': 56px,
6725
6726
  'shadow': unset
6726
6727
  );
6727
6728
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@breadstone/mosaik-themes",
3
- "version": "0.0.27",
3
+ "version": "0.0.28",
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.27",
17
+ "@breadstone/mosaik-elements": "^0.0.28",
18
18
  "@ctrl/tinycolor": "^4.1.0",
19
19
  "tslib": "^2.8.1"
20
20
  }