mtrl-addons 0.6.0 → 0.7.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/dist/components/form/features/fields.d.ts +16 -9
- package/dist/components/form/features/index.d.ts +1 -1
- package/dist/components/index.js +32 -9314
- package/dist/components/index.mjs +3 -9294
- package/dist/components/vlist/types.d.ts +7 -0
- package/dist/core/gestures/index.js +29 -482
- package/dist/core/gestures/index.mjs +2 -464
- package/dist/core/layout/index.js +20 -10
- package/dist/core/viewport/index.js +30 -20
- package/dist/core/viewport/index.mjs +12 -12
- package/dist/index.js +96 -47
- package/dist/index.mjs +78 -39
- package/dist/styles.css +18 -3
- package/dist/styles.css.map +1 -1
- package/package.json +3 -3
- package/src/styles/components/_form.scss +22 -0
- package/src/styles/components/_vlist.scss +5 -5
package/dist/styles.css
CHANGED
|
@@ -38,9 +38,6 @@
|
|
|
38
38
|
min-height: 100px;
|
|
39
39
|
background-color: var(--mtrl-sys-color-surface);
|
|
40
40
|
transition: background-color 400ms cubic-bezier(0.2, 0, 0, 1);
|
|
41
|
-
contain: layout style paint;
|
|
42
|
-
transform: translateZ(0);
|
|
43
|
-
backface-visibility: hidden;
|
|
44
41
|
}
|
|
45
42
|
.mtrl-vlist:focus {
|
|
46
43
|
outline: none;
|
|
@@ -49,6 +46,11 @@
|
|
|
49
46
|
outline: 2px solid var(--mtrl-sys-color-primary);
|
|
50
47
|
outline-offset: -2px;
|
|
51
48
|
}
|
|
49
|
+
.mtrl-vlist {
|
|
50
|
+
contain: layout style paint;
|
|
51
|
+
transform: translateZ(0);
|
|
52
|
+
backface-visibility: hidden;
|
|
53
|
+
}
|
|
52
54
|
.mtrl-vlist::before {
|
|
53
55
|
content: "";
|
|
54
56
|
position: absolute;
|
|
@@ -468,6 +470,19 @@
|
|
|
468
470
|
background: rgba(var(--mtrl-sys-color-on-surface-rgb), 0.02);
|
|
469
471
|
}
|
|
470
472
|
|
|
473
|
+
.mtrl-form--disabled {
|
|
474
|
+
opacity: 0.6;
|
|
475
|
+
user-select: none;
|
|
476
|
+
}
|
|
477
|
+
|
|
478
|
+
.mtrl-form-disabled-overlay {
|
|
479
|
+
position: absolute;
|
|
480
|
+
inset: 0;
|
|
481
|
+
z-index: 5;
|
|
482
|
+
background: transparent;
|
|
483
|
+
cursor: not-allowed;
|
|
484
|
+
}
|
|
485
|
+
|
|
471
486
|
.mtrl-colorpicker {
|
|
472
487
|
display: flex;
|
|
473
488
|
flex-direction: column;
|
package/dist/styles.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../mtrl/src/styles/abstract/_theme.scss","../src/styles/components/_vlist.scss","../src/styles/components/_form.scss","../src/styles/components/_colorpicker.scss","../../mtrl/src/styles/abstract/_mixins.scss"],"names":[],"mappings":"AAkDA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACpBA;EACI;IAEI;;EAEJ;IACI;;;AAIR;EACI;IACI;;EAEJ;IACI;;;AAIR;EACI;IACI;IACA;;EAEJ;IACI;IACA;;;AAQR;EACI;EACA;EACA;EACA;EACA;EACA,YA/CY
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../mtrl/src/styles/abstract/_theme.scss","../src/styles/components/_vlist.scss","../src/styles/components/_form.scss","../src/styles/components/_colorpicker.scss","../../mtrl/src/styles/abstract/_mixins.scss"],"names":[],"mappings":"AAkDA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACpBA;EACI;IAEI;;EAEJ;IACI;;;AAIR;EACI;IACI;;EAEJ;IACI;;;AAIR;EACI;IACI;IACA;;EAEJ;IACI;IACA;;;AAQR;EACI;EACA;EACA;EACA;EACA;EACA,YA/CY;;AAkDZ;EACI;;AAKJ;EACI;EACA;;AAjBR;EAqBI;EACA;EACA;;AAGA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EAKA;EACA;EACA;EACA;EACA;;AAIJ;EACI;;AAIJ;EACI;;AACA;EACI;;AAGJ;AAAA;EAEI;EACA;EACA;;AASI;AAAA;AAAA;AAAA;AAAA;AAAA;EAKI;EACA,YAtHD;;AA6Hf;EACI;EACA;EACA,YA9Ha;;;AAwIrB;EACI;EACA;EACA;;AAGA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EAKA;EACA;EACA;EACA;;AAIJ;EAGI;;;AAIR;EACI;EACA;EACA;EACA;;AAGA;EACI;EACA;EACA;EACA;EACA;;;AAIR;EACI;EACA;EACA,YA3LiB;EA4LjB;;AAEA;EACI;;AAGJ;EAEI;;AAIJ;EACI;;;AAIR;EACI;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;AAAA;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EAEI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAOJ;EACI;EACA;;AAGA;AAAA;AAAA;EAGI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;AAAA;EAEI;;AAGJ;EACI;;AAIJ;AAAA;EAEI;;AAIJ;EACI;EACA;EACA;;;AAQR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EAGI;;AAGJ;EACI;;AAIJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EAEI;EACA;EACA;;;AASZ;EACI;IACI;;EAEA;IACI;;EAEA;IACI;;EAGJ;IAEI;;;AAYZ;EACI;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;;AAGA;EACI;;AAIJ;EACI;;AAIJ;EACI;;AAIJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACI;;AAEA;EACI;EACA;;AAKR;EACI;EACA;;AAIJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAKR;EACI;;AAEA;EACI;EACA;;AAIJ;EACI;;AAKR;EACI;;AAEA;EACI;EACA;;AAKR;AAAA;EAEI;;;AAWR;EACI;EACA;EACA;EACA;EAGA;EACA;EACA;;AAGA;EACI;;AAIJ;EACI;;AAIJ;AAAA;EAEI;EACA;;AAEA;AAAA;EACI;EACA;;AAKR;AAAA;EAEI;EACA;EACA;;AAIJ;AAAA;EAEI;EACA;EACA;;AAIJ;AAAA;EAEI;EACA;EACA;EACA;;AAIJ;AAAA;EAEI;EACA;;;AAUZ;EACI;IACI;IACA;IACA;;;ACrkBR;EACI;EACA;EACA;EACA;EACA;;AAIA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EAKA;EACA;EACA;EACA;;AAIJ;EACI;;;AAQR;EACI;EACA;EACA;EACA;;;AAOJ;EACI;;;AAGJ;EACI;;;AAOJ;EACI;EACA;EACA;EACA;;AAGA;EACI;;;AAUR;EACI;EACA;;;AAMJ;EACI;EACA;EACA;EACA;EACA;;;AC3FJ;EACI;EACA;EACA,KAXc;EAYd;;AAEA;EACI;EACA;;AAUR;EACI;EACA;;;AAKJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA,OA5CsB;EA6CtB,QA7CsB;EA8CtB;EACA;EACA,YACI;EAEJ;EACA;EACA;;AAEA;EACI,YACI;;;AAOZ;EACI;EACA;EACA;EAEA;;AAEA;EACI;;;AAIR;EACI;EACA;EACA;EACA;;;AAYJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA,YACI;EAEJ;EACA;EACA;;AAEA;EACI,YACI;;;AAOZ;EACI;EACA;EACA;EAEA;;AAEA;EACI;;;AAIR;EACI;EACA;EACA;EACA,kBACI;EAIJ;EACA,qBACI;EAIJ;;;AAGJ;EACI;EACA;EACA;;;AAIJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA,YACI;EAEJ;EACA;EACA;;AAEA;EACI,YACI;;;AAOZ;EACI;EACA;EACA;EACA;;;AAGJ;EACI,OAlLuB;EAmLvB,QAnLuB;EAoLvB,eAtLwB;EAuLxB;EACA;;;AAKA;EACI;EACA;;AAEA;EACI;EACA;EACA;;;AAOZ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA,eAxNwB;EAyNxB;EACA;EAEA,YACI;AAGJ;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAOA;AACI;AAAA;AAAA;;AAIA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;;AA3CZ;AA+CI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;;AAkBA;EACI;;;AAKJ;EACI;;;AAKJ;EACI;;;AAYR;EACI;EACA;EACA;;AAEA;EACI;;AAGJ;EChFF;EA9KA;EDkQM;EACA;EACA,KA3TU;EA4TV;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EAGA,YACI;;AAMJ;EACI;;AAIR;EACI;;AAEA;EACI;EACA;EACA;;;AAOZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAIJ;EC9IF;EA9KA;EDgUM;EACA;EACA;EACA,KA1XU;EA2XV;EACA;EACA;EACA;EACA;EAGA;EACA;EAGA,YACI;;AAIR;EACI;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;EACA;;;AC7IV;EDuJM;AAAA;IACI;IACA;;EAGJ;AAAA;IACI;;EAIA;AAAA;IACI;;;AAQhB;EACI;EACA;;AAEA;EACI;;;AAKR;EACI;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;AAEA;EACI;IACI;;EAEJ;IACI;;;;AASJ;EACI;;AAIA;EACI;;;AAShB;EACI;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;;AAGA;EACI;;AAEJ;EACI;EACA;EACA;;AAIR;EACI;EACA;;AAGA;EACI;;AAEJ;EACI;EACA;EACA;;AAIR;EACI;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;;AACA;EACI","file":"styles.css"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "mtrl-addons",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.7.1",
|
|
4
4
|
"description": "Additional components and utilities for the mtrl system, featuring forms, specialized elements, and extended functionality for modern applications",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"sideEffects": false,
|
|
@@ -80,7 +80,7 @@
|
|
|
80
80
|
"author": "floor",
|
|
81
81
|
"license": "MIT",
|
|
82
82
|
"peerDependencies": {
|
|
83
|
-
"mtrl": "^0.
|
|
83
|
+
"mtrl": "^0.7.0"
|
|
84
84
|
},
|
|
85
85
|
"devDependencies": {
|
|
86
86
|
"@types/jsdom": "^21.1.7",
|
|
@@ -88,7 +88,7 @@
|
|
|
88
88
|
"bun-types": "^1.0.0",
|
|
89
89
|
"jsdom": "^26.1.0",
|
|
90
90
|
"madge": "^8.0.0",
|
|
91
|
-
"mtrl": "^0.
|
|
91
|
+
"mtrl": "^0.7.0",
|
|
92
92
|
"sass": "^1.94.2",
|
|
93
93
|
"standard": "^17.0.0",
|
|
94
94
|
"typescript": "^5.0.0"
|
|
@@ -91,3 +91,25 @@ $_transition-easing: v.motion("easing-standard");
|
|
|
91
91
|
background: t.alpha("on-surface", 0.02);
|
|
92
92
|
}
|
|
93
93
|
}
|
|
94
|
+
|
|
95
|
+
// ===========================
|
|
96
|
+
// Disabled State
|
|
97
|
+
// ===========================
|
|
98
|
+
|
|
99
|
+
// Applied to the form root while disabled. A blocking overlay (below) sits on
|
|
100
|
+
// top to intercept interaction; this just provides the greyed-out appearance.
|
|
101
|
+
.#{$_component}--disabled {
|
|
102
|
+
opacity: 0.6;
|
|
103
|
+
user-select: none;
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
// Overlay that covers the form root and swallows all pointer interaction while
|
|
107
|
+
// disabled. Inputs underneath are never touched, so disabling cannot emit a
|
|
108
|
+
// change event or re-enable the Apply control.
|
|
109
|
+
.#{$_component}-disabled-overlay {
|
|
110
|
+
position: absolute;
|
|
111
|
+
inset: 0;
|
|
112
|
+
z-index: 5;
|
|
113
|
+
background: transparent;
|
|
114
|
+
cursor: not-allowed;
|
|
115
|
+
}
|
|
@@ -70,11 +70,6 @@ $opacity-transition: opacity $transition-duration $transition-easing;
|
|
|
70
70
|
background-color: t.color("surface");
|
|
71
71
|
transition: $bg-transition;
|
|
72
72
|
|
|
73
|
-
// Performance optimizations
|
|
74
|
-
contain: layout style paint;
|
|
75
|
-
transform: translateZ(0);
|
|
76
|
-
backface-visibility: hidden;
|
|
77
|
-
|
|
78
73
|
// Remove default focus outline - we use class-based focus styling
|
|
79
74
|
&:focus {
|
|
80
75
|
outline: none;
|
|
@@ -87,6 +82,11 @@ $opacity-transition: opacity $transition-duration $transition-easing;
|
|
|
87
82
|
outline-offset: -2px;
|
|
88
83
|
}
|
|
89
84
|
|
|
85
|
+
// Performance optimizations
|
|
86
|
+
contain: layout style paint;
|
|
87
|
+
transform: translateZ(0);
|
|
88
|
+
backface-visibility: hidden;
|
|
89
|
+
|
|
90
90
|
// Scroll indicator shadow (visible when scrolled)
|
|
91
91
|
&::before {
|
|
92
92
|
content: "";
|