mithril-materialized 3.3.8 → 3.4.1
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/README.md +1 -1
- package/dist/button.d.ts +1 -0
- package/dist/components.css +22 -0
- package/dist/core.css +0 -3
- package/dist/forms.css +8 -3
- package/dist/index.css +23 -3
- package/dist/index.esm.js +342 -101
- package/dist/index.js +342 -100
- package/dist/index.min.css +2 -2
- package/dist/index.umd.js +342 -100
- package/dist/utilities.css +1 -0
- package/dist/waves.d.ts +16 -0
- package/package.json +1 -1
- package/sass/components/_buttons.scss +21 -0
- package/sass/components/_chips.scss +1 -0
- package/sass/components/_theme-switcher.scss +10 -0
- package/sass/components/forms/_select.scss +3 -3
package/README.md
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
A Mithril.js component library inspired by [materialize-css](https://materializecss.com) design principles, [available on npm](https://www.npmjs.com/package/mithril-materialized). This library provides you with ready-to-use Mithril components that follow Material Design guidelines, with **no external JavaScript dependencies**.
|
|
4
4
|
|
|
5
|
-
## 🚀 v3.
|
|
5
|
+
## 🚀 v3.4 - Latest Release
|
|
6
6
|
|
|
7
7
|
The current stable release that provides a complete Mithril.js Material Design component library with no external JavaScript dependencies.
|
|
8
8
|
|
package/dist/button.d.ts
CHANGED
|
@@ -83,5 +83,6 @@ export declare const Button: m.FactoryComponent<ButtonAttrs>;
|
|
|
83
83
|
export declare const LargeButton: m.FactoryComponent<ButtonAttrs>;
|
|
84
84
|
export declare const SmallButton: m.FactoryComponent<ButtonAttrs>;
|
|
85
85
|
export declare const FlatButton: m.FactoryComponent<ButtonAttrs>;
|
|
86
|
+
export declare const IconButton: m.FactoryComponent<ButtonAttrs>;
|
|
86
87
|
export declare const RoundIconButton: m.FactoryComponent<ButtonAttrs>;
|
|
87
88
|
export declare const SubmitButton: m.FactoryComponent<ButtonAttrs>;
|
package/dist/components.css
CHANGED
|
@@ -977,6 +977,20 @@ button.btn-floating {
|
|
|
977
977
|
display: block;
|
|
978
978
|
}
|
|
979
979
|
|
|
980
|
+
.btn-flat.btn-icon {
|
|
981
|
+
min-width: auto;
|
|
982
|
+
padding: 0 8px;
|
|
983
|
+
width: auto;
|
|
984
|
+
line-height: 36px;
|
|
985
|
+
background-color: transparent !important;
|
|
986
|
+
}
|
|
987
|
+
.btn-flat.btn-icon i {
|
|
988
|
+
margin: 0;
|
|
989
|
+
}
|
|
990
|
+
.btn-flat.btn-icon:hover, .btn-flat.btn-icon:focus, .btn-flat.btn-icon:active, .btn-flat.btn-icon.active {
|
|
991
|
+
background-color: transparent !important;
|
|
992
|
+
}
|
|
993
|
+
|
|
980
994
|
.modal:focus {
|
|
981
995
|
outline: none;
|
|
982
996
|
}
|
|
@@ -4245,6 +4259,11 @@ body {
|
|
|
4245
4259
|
.theme-switcher .theme-switcher-buttons .btn-flat .material-icons {
|
|
4246
4260
|
font-size: 1rem;
|
|
4247
4261
|
}
|
|
4262
|
+
.theme-switcher .theme-switcher-buttons .btn-flat svg {
|
|
4263
|
+
width: 1rem !important;
|
|
4264
|
+
height: 1rem !important;
|
|
4265
|
+
flex-shrink: 0;
|
|
4266
|
+
}
|
|
4248
4267
|
.theme-switcher .theme-switcher-buttons .btn-flat span {
|
|
4249
4268
|
font-size: 0.75rem;
|
|
4250
4269
|
font-weight: 500;
|
|
@@ -4271,6 +4290,9 @@ body {
|
|
|
4271
4290
|
.theme-toggle .material-icons {
|
|
4272
4291
|
font-size: 1.25rem;
|
|
4273
4292
|
}
|
|
4293
|
+
.theme-toggle svg {
|
|
4294
|
+
flex-shrink: 0;
|
|
4295
|
+
}
|
|
4274
4296
|
|
|
4275
4297
|
nav .theme-toggle {
|
|
4276
4298
|
background: transparent;
|
package/dist/core.css
CHANGED
|
@@ -3167,9 +3167,6 @@ body.keyboard-focused .select-dropdown.dropdown-content li:focus {
|
|
|
3167
3167
|
.select-dropdown.dropdown-content li:hover {
|
|
3168
3168
|
background-color: var(--mm-dropdown-hover, rgba(0, 0, 0, 0.08));
|
|
3169
3169
|
}
|
|
3170
|
-
.select-dropdown.dropdown-content li.selected {
|
|
3171
|
-
background-color: var(--mm-dropdown-selected, rgba(0, 0, 0, 0.03));
|
|
3172
|
-
}
|
|
3173
3170
|
|
|
3174
3171
|
.prefix ~ .select-wrapper {
|
|
3175
3172
|
margin-left: 3rem;
|
package/dist/forms.css
CHANGED
|
@@ -1412,9 +1412,6 @@ body.keyboard-focused .select-dropdown.dropdown-content li:focus {
|
|
|
1412
1412
|
.select-dropdown.dropdown-content li:hover {
|
|
1413
1413
|
background-color: var(--mm-dropdown-hover, rgba(0, 0, 0, 0.08));
|
|
1414
1414
|
}
|
|
1415
|
-
.select-dropdown.dropdown-content li.selected {
|
|
1416
|
-
background-color: var(--mm-dropdown-selected, rgba(0, 0, 0, 0.03));
|
|
1417
|
-
}
|
|
1418
1415
|
|
|
1419
1416
|
.prefix ~ .select-wrapper {
|
|
1420
1417
|
margin-left: 3rem;
|
|
@@ -2722,6 +2719,11 @@ input[type=range]::-ms-thumb {
|
|
|
2722
2719
|
.theme-switcher .theme-switcher-buttons .btn-flat .material-icons {
|
|
2723
2720
|
font-size: 1rem;
|
|
2724
2721
|
}
|
|
2722
|
+
.theme-switcher .theme-switcher-buttons .btn-flat svg {
|
|
2723
|
+
width: 1rem !important;
|
|
2724
|
+
height: 1rem !important;
|
|
2725
|
+
flex-shrink: 0;
|
|
2726
|
+
}
|
|
2725
2727
|
.theme-switcher .theme-switcher-buttons .btn-flat span {
|
|
2726
2728
|
font-size: 0.75rem;
|
|
2727
2729
|
font-weight: 500;
|
|
@@ -2748,6 +2750,9 @@ input[type=range]::-ms-thumb {
|
|
|
2748
2750
|
.theme-toggle .material-icons {
|
|
2749
2751
|
font-size: 1.25rem;
|
|
2750
2752
|
}
|
|
2753
|
+
.theme-toggle svg {
|
|
2754
|
+
flex-shrink: 0;
|
|
2755
|
+
}
|
|
2751
2756
|
|
|
2752
2757
|
nav .theme-toggle {
|
|
2753
2758
|
background: transparent;
|
package/dist/index.css
CHANGED
|
@@ -5234,6 +5234,20 @@ button.btn-floating {
|
|
|
5234
5234
|
display: block;
|
|
5235
5235
|
}
|
|
5236
5236
|
|
|
5237
|
+
.btn-flat.btn-icon {
|
|
5238
|
+
min-width: auto;
|
|
5239
|
+
padding: 0 8px;
|
|
5240
|
+
width: auto;
|
|
5241
|
+
line-height: 36px;
|
|
5242
|
+
background-color: transparent !important;
|
|
5243
|
+
}
|
|
5244
|
+
.btn-flat.btn-icon i {
|
|
5245
|
+
margin: 0;
|
|
5246
|
+
}
|
|
5247
|
+
.btn-flat.btn-icon:hover, .btn-flat.btn-icon:focus, .btn-flat.btn-icon:active, .btn-flat.btn-icon.active {
|
|
5248
|
+
background-color: transparent !important;
|
|
5249
|
+
}
|
|
5250
|
+
|
|
5237
5251
|
.dropdown-content:focus {
|
|
5238
5252
|
outline: 0;
|
|
5239
5253
|
}
|
|
@@ -5618,6 +5632,7 @@ body.keyboard-focused .dropdown-content li:focus {
|
|
|
5618
5632
|
font-size: 16px;
|
|
5619
5633
|
line-height: 32px;
|
|
5620
5634
|
padding-left: 8px;
|
|
5635
|
+
min-height: 1lh;
|
|
5621
5636
|
}
|
|
5622
5637
|
|
|
5623
5638
|
.chips {
|
|
@@ -6832,9 +6847,6 @@ body.keyboard-focused .select-dropdown.dropdown-content li:focus {
|
|
|
6832
6847
|
.select-dropdown.dropdown-content li:hover {
|
|
6833
6848
|
background-color: var(--mm-dropdown-hover, rgba(0, 0, 0, 0.08));
|
|
6834
6849
|
}
|
|
6835
|
-
.select-dropdown.dropdown-content li.selected {
|
|
6836
|
-
background-color: var(--mm-dropdown-selected, rgba(0, 0, 0, 0.03));
|
|
6837
|
-
}
|
|
6838
6850
|
|
|
6839
6851
|
.prefix ~ .select-wrapper {
|
|
6840
6852
|
margin-left: 3rem;
|
|
@@ -9060,6 +9072,11 @@ input[type=range]::-ms-thumb {
|
|
|
9060
9072
|
.theme-switcher .theme-switcher-buttons .btn-flat .material-icons {
|
|
9061
9073
|
font-size: 1rem;
|
|
9062
9074
|
}
|
|
9075
|
+
.theme-switcher .theme-switcher-buttons .btn-flat svg {
|
|
9076
|
+
width: 1rem !important;
|
|
9077
|
+
height: 1rem !important;
|
|
9078
|
+
flex-shrink: 0;
|
|
9079
|
+
}
|
|
9063
9080
|
.theme-switcher .theme-switcher-buttons .btn-flat span {
|
|
9064
9081
|
font-size: 0.75rem;
|
|
9065
9082
|
font-weight: 500;
|
|
@@ -9086,6 +9103,9 @@ input[type=range]::-ms-thumb {
|
|
|
9086
9103
|
.theme-toggle .material-icons {
|
|
9087
9104
|
font-size: 1.25rem;
|
|
9088
9105
|
}
|
|
9106
|
+
.theme-toggle svg {
|
|
9107
|
+
flex-shrink: 0;
|
|
9108
|
+
}
|
|
9089
9109
|
|
|
9090
9110
|
nav .theme-toggle {
|
|
9091
9111
|
background: transparent;
|