@breadstone/mosaik-themes 0.0.286 → 0.0.288
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 +2 -2
- package/themes/cosmopolitan.scss +38 -0
- package/themes/joy.scss +39 -1
- package/themes/memphis.scss +38 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@breadstone/mosaik-themes",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.288",
|
|
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.
|
|
17
|
+
"@breadstone/mosaik-elements": "^0.0.288",
|
|
18
18
|
"chroma-js": "^3.2.0"
|
|
19
19
|
},
|
|
20
20
|
"exports": {
|
package/themes/cosmopolitan.scss
CHANGED
|
@@ -3757,6 +3757,44 @@ $choice-group-header-props: (
|
|
|
3757
3757
|
'transition-property': (color, transform),
|
|
3758
3758
|
'translate': none
|
|
3759
3759
|
);
|
|
3760
|
+
/**
|
|
3761
|
+
* ------------------------------------------------------------------------------
|
|
3762
|
+
* <auto-generated>
|
|
3763
|
+
* This code was generated by a tool.
|
|
3764
|
+
* Changes to this file may cause incorrect behavior and will be lost if
|
|
3765
|
+
* the code is regenerated.
|
|
3766
|
+
* </auto-generated>
|
|
3767
|
+
* ------------------------------------------------------------------------------
|
|
3768
|
+
*/
|
|
3769
|
+
$clickable-props: (
|
|
3770
|
+
'background-color': transparent,
|
|
3771
|
+
'border-color': unset,
|
|
3772
|
+
'border-radius': var(--cosmopolitan-layout-radius),
|
|
3773
|
+
'border-style': solid,
|
|
3774
|
+
'border-width': unset,
|
|
3775
|
+
'focus-ring-active-width': 8px,
|
|
3776
|
+
'focus-ring-color': unset,
|
|
3777
|
+
'focus-ring-inward-offset': 2px,
|
|
3778
|
+
'focus-ring-outward-offset': 2px,
|
|
3779
|
+
'font-family': unset,
|
|
3780
|
+
'font-letter-spacing': unset,
|
|
3781
|
+
'font-line-height': unset,
|
|
3782
|
+
'font-size': unset,
|
|
3783
|
+
'font-text-decoration': unset,
|
|
3784
|
+
'font-text-transform': unset,
|
|
3785
|
+
'font-weight': unset,
|
|
3786
|
+
'gap': unset,
|
|
3787
|
+
'padding-bottom': 0,
|
|
3788
|
+
'padding-left': 0,
|
|
3789
|
+
'padding-right': 0,
|
|
3790
|
+
'padding-top': 0,
|
|
3791
|
+
'ripple-color': unset,
|
|
3792
|
+
'ripple-duration': 0.20s,
|
|
3793
|
+
'transition-duration': var(--cosmopolitan-duration-short),
|
|
3794
|
+
'transition-mode': ease,
|
|
3795
|
+
'transition-property': (background-color),
|
|
3796
|
+
'translate': unset
|
|
3797
|
+
);
|
|
3760
3798
|
/**
|
|
3761
3799
|
* ------------------------------------------------------------------------------
|
|
3762
3800
|
* <auto-generated>
|
package/themes/joy.scss
CHANGED
|
@@ -4110,6 +4110,44 @@ $choice-group-header-props: (
|
|
|
4110
4110
|
'transition-property': (color, transform),
|
|
4111
4111
|
'translate': none
|
|
4112
4112
|
);
|
|
4113
|
+
/**
|
|
4114
|
+
* ------------------------------------------------------------------------------
|
|
4115
|
+
* <auto-generated>
|
|
4116
|
+
* This code was generated by a tool.
|
|
4117
|
+
* Changes to this file may cause incorrect behavior and will be lost if
|
|
4118
|
+
* the code is regenerated.
|
|
4119
|
+
* </auto-generated>
|
|
4120
|
+
* ------------------------------------------------------------------------------
|
|
4121
|
+
*/
|
|
4122
|
+
$clickable-props: (
|
|
4123
|
+
'background-color': transparent,
|
|
4124
|
+
'border-color': unset,
|
|
4125
|
+
'border-radius': var(--joy-layout-radius),
|
|
4126
|
+
'border-style': solid,
|
|
4127
|
+
'border-width': unset,
|
|
4128
|
+
'focus-ring-active-width': 8px,
|
|
4129
|
+
'focus-ring-color': unset,
|
|
4130
|
+
'focus-ring-inward-offset': 2px,
|
|
4131
|
+
'focus-ring-outward-offset': 2px,
|
|
4132
|
+
'font-family': unset,
|
|
4133
|
+
'font-letter-spacing': unset,
|
|
4134
|
+
'font-line-height': unset,
|
|
4135
|
+
'font-size': unset,
|
|
4136
|
+
'font-text-decoration': unset,
|
|
4137
|
+
'font-text-transform': unset,
|
|
4138
|
+
'font-weight': unset,
|
|
4139
|
+
'gap': unset,
|
|
4140
|
+
'padding-bottom': var(--joy-layout-space),
|
|
4141
|
+
'padding-left': calc(var(--joy-layout-space) * 2),
|
|
4142
|
+
'padding-right': calc(var(--joy-layout-space) * 2),
|
|
4143
|
+
'padding-top': var(--joy-layout-space),
|
|
4144
|
+
'ripple-color': unset,
|
|
4145
|
+
'ripple-duration': 0.20s,
|
|
4146
|
+
'transition-duration': var(--joy-duration-short),
|
|
4147
|
+
'transition-mode': ease,
|
|
4148
|
+
'transition-property': (border-color, background-color),
|
|
4149
|
+
'translate': unset
|
|
4150
|
+
);
|
|
4113
4151
|
/**
|
|
4114
4152
|
* ------------------------------------------------------------------------------
|
|
4115
4153
|
* <auto-generated>
|
|
@@ -8315,7 +8353,7 @@ $list-item-props: (
|
|
|
8315
8353
|
'shadow-spread': unset,
|
|
8316
8354
|
'transition-duration': var(--joy-duration-short),
|
|
8317
8355
|
'transition-mode': ease,
|
|
8318
|
-
'transition-property': (
|
|
8356
|
+
'transition-property': (border-color, background-color),
|
|
8319
8357
|
'translate': none
|
|
8320
8358
|
);
|
|
8321
8359
|
/**
|
package/themes/memphis.scss
CHANGED
|
@@ -3883,6 +3883,44 @@ $choice-group-header-props: (
|
|
|
3883
3883
|
'transition-property': (color, transform),
|
|
3884
3884
|
'translate': none
|
|
3885
3885
|
);
|
|
3886
|
+
/**
|
|
3887
|
+
* ------------------------------------------------------------------------------
|
|
3888
|
+
* <auto-generated>
|
|
3889
|
+
* This code was generated by a tool.
|
|
3890
|
+
* Changes to this file may cause incorrect behavior and will be lost if
|
|
3891
|
+
* the code is regenerated.
|
|
3892
|
+
* </auto-generated>
|
|
3893
|
+
* ------------------------------------------------------------------------------
|
|
3894
|
+
*/
|
|
3895
|
+
$clickable-props: (
|
|
3896
|
+
'background-color': transparent,
|
|
3897
|
+
'border-color': unset,
|
|
3898
|
+
'border-radius': var(--memphis-layout-radius),
|
|
3899
|
+
'border-style': solid,
|
|
3900
|
+
'border-width': unset,
|
|
3901
|
+
'focus-ring-active-width': 8px,
|
|
3902
|
+
'focus-ring-color': unset,
|
|
3903
|
+
'focus-ring-inward-offset': 2px,
|
|
3904
|
+
'focus-ring-outward-offset': 2px,
|
|
3905
|
+
'font-family': unset,
|
|
3906
|
+
'font-letter-spacing': unset,
|
|
3907
|
+
'font-line-height': unset,
|
|
3908
|
+
'font-size': unset,
|
|
3909
|
+
'font-text-decoration': unset,
|
|
3910
|
+
'font-text-transform': unset,
|
|
3911
|
+
'font-weight': unset,
|
|
3912
|
+
'gap': unset,
|
|
3913
|
+
'padding-bottom': 0,
|
|
3914
|
+
'padding-left': 0,
|
|
3915
|
+
'padding-right': 0,
|
|
3916
|
+
'padding-top': 0,
|
|
3917
|
+
'ripple-color': unset,
|
|
3918
|
+
'ripple-duration': 0.20s,
|
|
3919
|
+
'transition-duration': var(--memphis-duration-short),
|
|
3920
|
+
'transition-mode': ease,
|
|
3921
|
+
'transition-property': (background-color),
|
|
3922
|
+
'translate': unset
|
|
3923
|
+
);
|
|
3886
3924
|
/**
|
|
3887
3925
|
* ------------------------------------------------------------------------------
|
|
3888
3926
|
* <auto-generated>
|