@uni-design-system/uni-core 0.0.17 → 0.0.18
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/cjs/core/shadow/shadow.model.d.ts +1 -3
- package/dist/cjs/core/shadow/shadow.records.js +11 -92
- package/dist/cjs/core/shadow/shadow.records.js.map +1 -1
- package/dist/cjs/core/shadow/shadow.types.d.ts +1 -1
- package/dist/esm/core/shadow/shadow.model.d.ts +1 -3
- package/dist/esm/core/shadow/shadow.records.js +11 -92
- package/dist/esm/core/shadow/shadow.records.js.map +1 -1
- package/dist/esm/core/shadow/shadow.types.d.ts +1 -1
- package/package.json +1 -1
|
@@ -1,134 +1,53 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.ShadowMap = exports.ShadowCssMap = void 0;
|
|
4
|
+
// box-shadow: none|h-offset v-offset blur spread color
|
|
4
5
|
exports.ShadowCssMap = {
|
|
5
|
-
flat: 'none',
|
|
6
6
|
pressed: '0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24)',
|
|
7
7
|
raised: '0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23)',
|
|
8
8
|
focussed: '0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23)',
|
|
9
9
|
navigation: '0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22)',
|
|
10
10
|
modal: '0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22)'
|
|
11
11
|
};
|
|
12
|
-
// https://material.io/archive/guidelines/resources/shadows.html#shadows-sketch
|
|
13
12
|
exports.ShadowMap = {
|
|
14
|
-
flat: {
|
|
15
|
-
umbra: {
|
|
16
|
-
opacity: 14,
|
|
17
|
-
offset: 0,
|
|
18
|
-
blur: 2,
|
|
19
|
-
spread: 0
|
|
20
|
-
},
|
|
21
|
-
penumbra: {
|
|
22
|
-
opacity: 12,
|
|
23
|
-
offset: 2,
|
|
24
|
-
blur: 2,
|
|
25
|
-
spread: 0
|
|
26
|
-
},
|
|
27
|
-
ambient: {
|
|
28
|
-
opacity: 20,
|
|
29
|
-
offset: 1,
|
|
30
|
-
blur: 3,
|
|
31
|
-
spread: 0
|
|
32
|
-
}
|
|
33
|
-
},
|
|
34
13
|
pressed: {
|
|
35
14
|
umbra: {
|
|
36
|
-
opacity:
|
|
37
|
-
offset: 0,
|
|
38
|
-
blur: 4,
|
|
39
|
-
spread: 0
|
|
15
|
+
offset: 1, blur: 2, opacity: 24
|
|
40
16
|
},
|
|
41
17
|
penumbra: {
|
|
42
|
-
opacity: 12
|
|
43
|
-
offset: 3,
|
|
44
|
-
blur: 4,
|
|
45
|
-
spread: 0
|
|
46
|
-
},
|
|
47
|
-
ambient: {
|
|
48
|
-
opacity: 20,
|
|
49
|
-
offset: 1,
|
|
50
|
-
blur: 5,
|
|
51
|
-
spread: 0
|
|
18
|
+
offset: 1, blur: 3, opacity: 12
|
|
52
19
|
}
|
|
53
20
|
},
|
|
54
21
|
raised: {
|
|
55
22
|
umbra: {
|
|
56
|
-
opacity:
|
|
57
|
-
offset: 3,
|
|
58
|
-
blur: 3,
|
|
59
|
-
spread: 0
|
|
23
|
+
offset: 3, blur: 6, opacity: 23
|
|
60
24
|
},
|
|
61
25
|
penumbra: {
|
|
62
|
-
opacity:
|
|
63
|
-
offset: 3,
|
|
64
|
-
blur: 4,
|
|
65
|
-
spread: 0
|
|
66
|
-
},
|
|
67
|
-
ambient: {
|
|
68
|
-
opacity: 20,
|
|
69
|
-
offset: 1,
|
|
70
|
-
blur: 8,
|
|
71
|
-
spread: 0
|
|
26
|
+
offset: 3, blur: 6, opacity: 16
|
|
72
27
|
}
|
|
73
28
|
},
|
|
74
29
|
focussed: {
|
|
75
30
|
umbra: {
|
|
76
|
-
opacity:
|
|
77
|
-
offset: 2,
|
|
78
|
-
blur: 4,
|
|
79
|
-
spread: 0
|
|
31
|
+
offset: 6, blur: 6, opacity: 23
|
|
80
32
|
},
|
|
81
33
|
penumbra: {
|
|
82
|
-
opacity:
|
|
83
|
-
offset: 4,
|
|
84
|
-
blur: 5,
|
|
85
|
-
spread: 0
|
|
86
|
-
},
|
|
87
|
-
ambient: {
|
|
88
|
-
opacity: 20,
|
|
89
|
-
offset: 1,
|
|
90
|
-
blur: 10,
|
|
91
|
-
spread: 0
|
|
34
|
+
offset: 10, blur: 20, opacity: 19
|
|
92
35
|
}
|
|
93
36
|
},
|
|
94
37
|
navigation: {
|
|
95
38
|
umbra: {
|
|
96
|
-
opacity:
|
|
97
|
-
offset: 6,
|
|
98
|
-
blur: 10,
|
|
99
|
-
spread: 0
|
|
39
|
+
offset: 10, blur: 10, opacity: 22
|
|
100
40
|
},
|
|
101
41
|
penumbra: {
|
|
102
|
-
opacity:
|
|
103
|
-
offset: 1,
|
|
104
|
-
blur: 18,
|
|
105
|
-
spread: 0
|
|
106
|
-
},
|
|
107
|
-
ambient: {
|
|
108
|
-
opacity: 20,
|
|
109
|
-
offset: 3,
|
|
110
|
-
blur: 5,
|
|
111
|
-
spread: 0
|
|
42
|
+
offset: 14, blur: 28, opacity: 25
|
|
112
43
|
}
|
|
113
44
|
},
|
|
114
45
|
modal: {
|
|
115
46
|
umbra: {
|
|
116
|
-
opacity:
|
|
117
|
-
offset: 16,
|
|
118
|
-
blur: 24,
|
|
119
|
-
spread: 2
|
|
47
|
+
offset: 15, blur: 12, opacity: 22
|
|
120
48
|
},
|
|
121
49
|
penumbra: {
|
|
122
|
-
opacity:
|
|
123
|
-
offset: 6,
|
|
124
|
-
blur: 30,
|
|
125
|
-
spread: 5
|
|
126
|
-
},
|
|
127
|
-
ambient: {
|
|
128
|
-
opacity: 20,
|
|
129
|
-
offset: 8,
|
|
130
|
-
blur: 10,
|
|
131
|
-
spread: 0
|
|
50
|
+
offset: 19, blur: 38, opacity: 30
|
|
132
51
|
}
|
|
133
52
|
},
|
|
134
53
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"shadow.records.js","sourceRoot":"","sources":["../../../../src/core/shadow/shadow.records.ts"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"shadow.records.js","sourceRoot":"","sources":["../../../../src/core/shadow/shadow.records.ts"],"names":[],"mappings":";;;AAGA,uDAAuD;AAE1C,QAAA,YAAY,GAAoC;IAC3D,OAAO,EAAE,wDAAwD;IACjE,MAAM,EAAE,wDAAwD;IAChE,QAAQ,EAAE,0DAA0D;IACpE,UAAU,EAAE,4DAA4D;IACxE,KAAK,EAAE,4DAA4D;CACpE,CAAA;AAEY,QAAA,SAAS,GAA8C;IAClE,OAAO,EAAE;QACP,KAAK,EAAE;YACL,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE;SAAE;QACnC,QAAQ,EAAE;YACR,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE;SAAE;KACpC;IACD,MAAM,EAAE;QACN,KAAK,EAAE;YACL,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE;SAAE;QACnC,QAAQ,EAAE;YACR,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE;SAAE;KACpC;IACD,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE;SAAE;QACnC,QAAQ,EAAE;YACR,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE;SAAE;KACtC;IACD,UAAU,EAAE;QACV,KAAK,EAAE;YACL,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE;SAAE;QACrC,QAAQ,EAAE;YACR,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE;SAAE;KACtC;IACD,KAAK,EAAE;QACL,KAAK,EAAE;YACL,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE;SAAE;QACrC,QAAQ,EAAE;YACR,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE;SAAE;KACtC;CACF,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare type ShadowElevation = '
|
|
1
|
+
export declare type ShadowElevation = 'pressed' | 'raised' | 'focussed' | 'navigation' | 'modal';
|
|
@@ -1,131 +1,50 @@
|
|
|
1
|
+
// box-shadow: none|h-offset v-offset blur spread color
|
|
1
2
|
export const ShadowCssMap = {
|
|
2
|
-
flat: 'none',
|
|
3
3
|
pressed: '0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24)',
|
|
4
4
|
raised: '0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23)',
|
|
5
5
|
focussed: '0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23)',
|
|
6
6
|
navigation: '0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22)',
|
|
7
7
|
modal: '0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22)'
|
|
8
8
|
};
|
|
9
|
-
// https://material.io/archive/guidelines/resources/shadows.html#shadows-sketch
|
|
10
9
|
export const ShadowMap = {
|
|
11
|
-
flat: {
|
|
12
|
-
umbra: {
|
|
13
|
-
opacity: 14,
|
|
14
|
-
offset: 0,
|
|
15
|
-
blur: 2,
|
|
16
|
-
spread: 0
|
|
17
|
-
},
|
|
18
|
-
penumbra: {
|
|
19
|
-
opacity: 12,
|
|
20
|
-
offset: 2,
|
|
21
|
-
blur: 2,
|
|
22
|
-
spread: 0
|
|
23
|
-
},
|
|
24
|
-
ambient: {
|
|
25
|
-
opacity: 20,
|
|
26
|
-
offset: 1,
|
|
27
|
-
blur: 3,
|
|
28
|
-
spread: 0
|
|
29
|
-
}
|
|
30
|
-
},
|
|
31
10
|
pressed: {
|
|
32
11
|
umbra: {
|
|
33
|
-
opacity:
|
|
34
|
-
offset: 0,
|
|
35
|
-
blur: 4,
|
|
36
|
-
spread: 0
|
|
12
|
+
offset: 1, blur: 2, opacity: 24
|
|
37
13
|
},
|
|
38
14
|
penumbra: {
|
|
39
|
-
opacity: 12
|
|
40
|
-
offset: 3,
|
|
41
|
-
blur: 4,
|
|
42
|
-
spread: 0
|
|
43
|
-
},
|
|
44
|
-
ambient: {
|
|
45
|
-
opacity: 20,
|
|
46
|
-
offset: 1,
|
|
47
|
-
blur: 5,
|
|
48
|
-
spread: 0
|
|
15
|
+
offset: 1, blur: 3, opacity: 12
|
|
49
16
|
}
|
|
50
17
|
},
|
|
51
18
|
raised: {
|
|
52
19
|
umbra: {
|
|
53
|
-
opacity:
|
|
54
|
-
offset: 3,
|
|
55
|
-
blur: 3,
|
|
56
|
-
spread: 0
|
|
20
|
+
offset: 3, blur: 6, opacity: 23
|
|
57
21
|
},
|
|
58
22
|
penumbra: {
|
|
59
|
-
opacity:
|
|
60
|
-
offset: 3,
|
|
61
|
-
blur: 4,
|
|
62
|
-
spread: 0
|
|
63
|
-
},
|
|
64
|
-
ambient: {
|
|
65
|
-
opacity: 20,
|
|
66
|
-
offset: 1,
|
|
67
|
-
blur: 8,
|
|
68
|
-
spread: 0
|
|
23
|
+
offset: 3, blur: 6, opacity: 16
|
|
69
24
|
}
|
|
70
25
|
},
|
|
71
26
|
focussed: {
|
|
72
27
|
umbra: {
|
|
73
|
-
opacity:
|
|
74
|
-
offset: 2,
|
|
75
|
-
blur: 4,
|
|
76
|
-
spread: 0
|
|
28
|
+
offset: 6, blur: 6, opacity: 23
|
|
77
29
|
},
|
|
78
30
|
penumbra: {
|
|
79
|
-
opacity:
|
|
80
|
-
offset: 4,
|
|
81
|
-
blur: 5,
|
|
82
|
-
spread: 0
|
|
83
|
-
},
|
|
84
|
-
ambient: {
|
|
85
|
-
opacity: 20,
|
|
86
|
-
offset: 1,
|
|
87
|
-
blur: 10,
|
|
88
|
-
spread: 0
|
|
31
|
+
offset: 10, blur: 20, opacity: 19
|
|
89
32
|
}
|
|
90
33
|
},
|
|
91
34
|
navigation: {
|
|
92
35
|
umbra: {
|
|
93
|
-
opacity:
|
|
94
|
-
offset: 6,
|
|
95
|
-
blur: 10,
|
|
96
|
-
spread: 0
|
|
36
|
+
offset: 10, blur: 10, opacity: 22
|
|
97
37
|
},
|
|
98
38
|
penumbra: {
|
|
99
|
-
opacity:
|
|
100
|
-
offset: 1,
|
|
101
|
-
blur: 18,
|
|
102
|
-
spread: 0
|
|
103
|
-
},
|
|
104
|
-
ambient: {
|
|
105
|
-
opacity: 20,
|
|
106
|
-
offset: 3,
|
|
107
|
-
blur: 5,
|
|
108
|
-
spread: 0
|
|
39
|
+
offset: 14, blur: 28, opacity: 25
|
|
109
40
|
}
|
|
110
41
|
},
|
|
111
42
|
modal: {
|
|
112
43
|
umbra: {
|
|
113
|
-
opacity:
|
|
114
|
-
offset: 16,
|
|
115
|
-
blur: 24,
|
|
116
|
-
spread: 2
|
|
44
|
+
offset: 15, blur: 12, opacity: 22
|
|
117
45
|
},
|
|
118
46
|
penumbra: {
|
|
119
|
-
opacity:
|
|
120
|
-
offset: 6,
|
|
121
|
-
blur: 30,
|
|
122
|
-
spread: 5
|
|
123
|
-
},
|
|
124
|
-
ambient: {
|
|
125
|
-
opacity: 20,
|
|
126
|
-
offset: 8,
|
|
127
|
-
blur: 10,
|
|
128
|
-
spread: 0
|
|
47
|
+
offset: 19, blur: 38, opacity: 30
|
|
129
48
|
}
|
|
130
49
|
},
|
|
131
50
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"shadow.records.js","sourceRoot":"","sources":["../../../../src/core/shadow/shadow.records.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,YAAY,GAAoC;IAC3D,
|
|
1
|
+
{"version":3,"file":"shadow.records.js","sourceRoot":"","sources":["../../../../src/core/shadow/shadow.records.ts"],"names":[],"mappings":"AAGA,uDAAuD;AAEvD,MAAM,CAAC,MAAM,YAAY,GAAoC;IAC3D,OAAO,EAAE,wDAAwD;IACjE,MAAM,EAAE,wDAAwD;IAChE,QAAQ,EAAE,0DAA0D;IACpE,UAAU,EAAE,4DAA4D;IACxE,KAAK,EAAE,4DAA4D;CACpE,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAA8C;IAClE,OAAO,EAAE;QACP,KAAK,EAAE;YACL,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE;SAAE;QACnC,QAAQ,EAAE;YACR,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE;SAAE;KACpC;IACD,MAAM,EAAE;QACN,KAAK,EAAE;YACL,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE;SAAE;QACnC,QAAQ,EAAE;YACR,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE;SAAE;KACpC;IACD,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE;SAAE;QACnC,QAAQ,EAAE;YACR,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE;SAAE;KACtC;IACD,UAAU,EAAE;QACV,KAAK,EAAE;YACL,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE;SAAE;QACrC,QAAQ,EAAE;YACR,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE;SAAE;KACtC;IACD,KAAK,EAAE;QACL,KAAK,EAAE;YACL,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE;SAAE;QACrC,QAAQ,EAAE;YACR,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE;SAAE;KACtC;CACF,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare type ShadowElevation = '
|
|
1
|
+
export declare type ShadowElevation = 'pressed' | 'raised' | 'focussed' | 'navigation' | 'modal';
|
package/package.json
CHANGED