@zohodesk/dot 1.0.0-temp-104 → 1.0.0-temp-106
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 +4 -0
- package/assets/Appearance/dark/mode/dotDarkMode.module.css +1 -0
- package/assets/Appearance/default/mode/dotDefaultMode.module.css +1 -0
- package/assets/Appearance/pureDark/mode/dotPureDarkMode.module.css +1 -0
- package/es/Attachment/Attachment.module.css +27 -1
- package/lib/Attachment/Attachment.module.css +27 -1
- package/package.json +12 -7
package/README.md
CHANGED
|
@@ -28,6 +28,7 @@
|
|
|
28
28
|
/* attachment */
|
|
29
29
|
--zdt_attachment_default_bg: var(--dot_ebonyclay);
|
|
30
30
|
--zdt_attachment_default_border: var(--zdt_cta_grey_40_border);
|
|
31
|
+
--zdt_attachment_default_text: var(--dot_white);
|
|
31
32
|
--zdt_attachment_default_hover_border: var(--dot_oslogrey);
|
|
32
33
|
--zdt_attachment_hover_text: var(--dot_platinum);
|
|
33
34
|
--zdt_attachment_transparent_bg: var(--dot_mirror);
|
|
@@ -28,6 +28,7 @@
|
|
|
28
28
|
/* attachment */
|
|
29
29
|
--zdt_attachment_default_bg: var(--dot_white);
|
|
30
30
|
--zdt_attachment_default_border: var(--zdt_cta_grey_40_border);
|
|
31
|
+
--zdt_attachment_default_text: var(--dot_black);
|
|
31
32
|
--zdt_attachment_default_hover_border: var(--dot_slateGrey);
|
|
32
33
|
--zdt_attachment_hover_text: var(--dot_black);
|
|
33
34
|
--zdt_attachment_transparent_bg: var(--dot_mirror);
|
|
@@ -28,6 +28,7 @@
|
|
|
28
28
|
/* attachment */
|
|
29
29
|
--zdt_attachment_default_bg: #212121;
|
|
30
30
|
--zdt_attachment_default_border: var(--zdt_cta_grey_40_border);
|
|
31
|
+
--zdt_attachment_default_text: var(--dot_white);
|
|
31
32
|
--zdt_attachment_default_hover_border: var(--dot_oslogrey);
|
|
32
33
|
--zdt_attachment_hover_text: var(--dot_platinum);
|
|
33
34
|
--zdt_attachment_transparent_bg: var(--dot_mirror);
|
|
@@ -1,27 +1,35 @@
|
|
|
1
1
|
.attachment {
|
|
2
2
|
position: relative;
|
|
3
3
|
overflow: hidden;
|
|
4
|
+
color: var(--zdt_attachment_default_text);
|
|
4
5
|
border: 1px solid var(--zdt_attachment_default_border);
|
|
5
6
|
border-radius: 2px;
|
|
6
7
|
}
|
|
8
|
+
|
|
7
9
|
.attachmentHover {
|
|
8
10
|
cursor: pointer;
|
|
9
11
|
}
|
|
12
|
+
|
|
10
13
|
.palette_default {
|
|
11
14
|
background-color: var(--zdt_attachment_default_bg);
|
|
12
15
|
}
|
|
16
|
+
|
|
13
17
|
.palette_transparent {
|
|
14
18
|
background-color: var(--zdt_attachment_transparent_bg);
|
|
15
19
|
}
|
|
20
|
+
|
|
16
21
|
.attachmentHover:hover, .attachmentHover:hover .attachleft {
|
|
17
22
|
border-color: var(--zdt_attachment_default_hover_border);
|
|
18
23
|
}
|
|
24
|
+
|
|
19
25
|
.attachmentHover:hover .attachleft i {
|
|
20
26
|
color: var(--zdt_attachment_hover_text);
|
|
21
27
|
}
|
|
28
|
+
|
|
22
29
|
.attachment:hover .attachDownload {
|
|
23
30
|
display: block;
|
|
24
31
|
}
|
|
32
|
+
|
|
25
33
|
.attachmentHover:hover .attachSize {
|
|
26
34
|
color: var(--zdt_attachment_hover_text);
|
|
27
35
|
}
|
|
@@ -30,19 +38,24 @@
|
|
|
30
38
|
width: var(--zd_size210);
|
|
31
39
|
height: var(--zd_size60);
|
|
32
40
|
}
|
|
41
|
+
|
|
33
42
|
.small {
|
|
34
43
|
width: var(--zd_size145);
|
|
35
44
|
height: var(--zd_size40);
|
|
36
45
|
}
|
|
46
|
+
|
|
37
47
|
[dir=ltr] .attachleft {
|
|
38
48
|
border-right: 1px solid var(--zdt_attachment_default_border);
|
|
39
49
|
}
|
|
50
|
+
|
|
40
51
|
[dir=rtl] .attachleft {
|
|
41
52
|
border-left: 1px solid var(--zdt_attachment_default_border);
|
|
42
53
|
}
|
|
54
|
+
|
|
43
55
|
.medium .attachleft {
|
|
44
56
|
width: var(--zd_size50);
|
|
45
57
|
}
|
|
58
|
+
|
|
46
59
|
.small .attachleft {
|
|
47
60
|
width: var(--zd_size40);
|
|
48
61
|
}
|
|
@@ -54,6 +67,7 @@
|
|
|
54
67
|
[dir=rtl] .medium .attachright {
|
|
55
68
|
padding: var(--zd_size5) var(--zd_size10) var(--zd_size5) var(--zd_size25);
|
|
56
69
|
}
|
|
70
|
+
|
|
57
71
|
.small .attachright {
|
|
58
72
|
padding: 0 var(--zd_size10) 0 var(--zd_size10);
|
|
59
73
|
}
|
|
@@ -62,10 +76,12 @@
|
|
|
62
76
|
font-size: 0;
|
|
63
77
|
margin-top: var(--zd_size3);
|
|
64
78
|
}
|
|
79
|
+
|
|
65
80
|
.medium .atatchName {
|
|
66
81
|
font-size: var(--zd_font_size14);
|
|
67
82
|
line-height: var(--zd_size20);
|
|
68
83
|
}
|
|
84
|
+
|
|
69
85
|
.small .atatchName {
|
|
70
86
|
font-size: var(--zd_font_size12);
|
|
71
87
|
line-height: var(--zd_size15);
|
|
@@ -74,6 +90,7 @@
|
|
|
74
90
|
.attachSize {
|
|
75
91
|
color: var(--zdt_attachment_size_text);
|
|
76
92
|
}
|
|
93
|
+
|
|
77
94
|
.atatchName,
|
|
78
95
|
.attachSize {
|
|
79
96
|
composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
|
|
@@ -82,9 +99,11 @@
|
|
|
82
99
|
.medium .attachSize {
|
|
83
100
|
font-size: var(--zd_font_size11);
|
|
84
101
|
}
|
|
102
|
+
|
|
85
103
|
.small .attachSize {
|
|
86
104
|
font-size: var(--zd_font_size10);
|
|
87
105
|
}
|
|
106
|
+
|
|
88
107
|
.attachDownload {
|
|
89
108
|
position: absolute;
|
|
90
109
|
top: calc(var(--zd_size1) * -1);
|
|
@@ -92,22 +111,27 @@
|
|
|
92
111
|
background-color: var(--zdt_attachment_download_bg);
|
|
93
112
|
text-align: center;
|
|
94
113
|
}
|
|
114
|
+
|
|
95
115
|
[dir=ltr] .attachDownload {
|
|
96
116
|
right: calc(var(--zd_size1) * -1);
|
|
97
117
|
}
|
|
118
|
+
|
|
98
119
|
[dir=rtl] .attachDownload {
|
|
99
120
|
left: calc(var(--zd_size1) * -1);
|
|
100
121
|
}
|
|
122
|
+
|
|
101
123
|
.medium .attachDownload {
|
|
102
124
|
height: var(--zd_size25);
|
|
103
125
|
width: var(--zd_size25);
|
|
104
126
|
line-height: var(--zd_size23);
|
|
105
127
|
}
|
|
128
|
+
|
|
106
129
|
.small .attachDownload {
|
|
107
130
|
height: var(--zd_size20);
|
|
108
131
|
width: var(--zd_size20);
|
|
109
132
|
line-height: var(--zd_size18);
|
|
110
133
|
}
|
|
134
|
+
|
|
111
135
|
.attachDownload:hover {
|
|
112
136
|
background-color: var(--zdt_attachment_download_hover_bg);
|
|
113
137
|
}
|
|
@@ -115,10 +139,12 @@
|
|
|
115
139
|
.attachIcon {
|
|
116
140
|
font-size: var(--zd_font_size20);
|
|
117
141
|
}
|
|
142
|
+
|
|
118
143
|
.downIcon {
|
|
119
144
|
font-size: var(--zd_font_size14);
|
|
120
145
|
color: var(--zdt_attachment_size_text);
|
|
121
146
|
}
|
|
147
|
+
|
|
122
148
|
.attachDownload:hover .downIcon {
|
|
123
149
|
color: var(--zdt_attachment_download_hover_text);
|
|
124
150
|
}
|
|
@@ -129,4 +155,4 @@
|
|
|
129
155
|
background-color: var(--zdt_dot_text);
|
|
130
156
|
border-radius: 50%;
|
|
131
157
|
margin: 0 var(--zd_size6);
|
|
132
|
-
}
|
|
158
|
+
}
|
|
@@ -1,27 +1,35 @@
|
|
|
1
1
|
.attachment {
|
|
2
2
|
position: relative;
|
|
3
3
|
overflow: hidden;
|
|
4
|
+
color: var(--zdt_attachment_default_text);
|
|
4
5
|
border: 1px solid var(--zdt_attachment_default_border);
|
|
5
6
|
border-radius: 2px;
|
|
6
7
|
}
|
|
8
|
+
|
|
7
9
|
.attachmentHover {
|
|
8
10
|
cursor: pointer;
|
|
9
11
|
}
|
|
12
|
+
|
|
10
13
|
.palette_default {
|
|
11
14
|
background-color: var(--zdt_attachment_default_bg);
|
|
12
15
|
}
|
|
16
|
+
|
|
13
17
|
.palette_transparent {
|
|
14
18
|
background-color: var(--zdt_attachment_transparent_bg);
|
|
15
19
|
}
|
|
20
|
+
|
|
16
21
|
.attachmentHover:hover, .attachmentHover:hover .attachleft {
|
|
17
22
|
border-color: var(--zdt_attachment_default_hover_border);
|
|
18
23
|
}
|
|
24
|
+
|
|
19
25
|
.attachmentHover:hover .attachleft i {
|
|
20
26
|
color: var(--zdt_attachment_hover_text);
|
|
21
27
|
}
|
|
28
|
+
|
|
22
29
|
.attachment:hover .attachDownload {
|
|
23
30
|
display: block;
|
|
24
31
|
}
|
|
32
|
+
|
|
25
33
|
.attachmentHover:hover .attachSize {
|
|
26
34
|
color: var(--zdt_attachment_hover_text);
|
|
27
35
|
}
|
|
@@ -30,19 +38,24 @@
|
|
|
30
38
|
width: var(--zd_size210);
|
|
31
39
|
height: var(--zd_size60);
|
|
32
40
|
}
|
|
41
|
+
|
|
33
42
|
.small {
|
|
34
43
|
width: var(--zd_size145);
|
|
35
44
|
height: var(--zd_size40);
|
|
36
45
|
}
|
|
46
|
+
|
|
37
47
|
[dir=ltr] .attachleft {
|
|
38
48
|
border-right: 1px solid var(--zdt_attachment_default_border);
|
|
39
49
|
}
|
|
50
|
+
|
|
40
51
|
[dir=rtl] .attachleft {
|
|
41
52
|
border-left: 1px solid var(--zdt_attachment_default_border);
|
|
42
53
|
}
|
|
54
|
+
|
|
43
55
|
.medium .attachleft {
|
|
44
56
|
width: var(--zd_size50);
|
|
45
57
|
}
|
|
58
|
+
|
|
46
59
|
.small .attachleft {
|
|
47
60
|
width: var(--zd_size40);
|
|
48
61
|
}
|
|
@@ -54,6 +67,7 @@
|
|
|
54
67
|
[dir=rtl] .medium .attachright {
|
|
55
68
|
padding: var(--zd_size5) var(--zd_size10) var(--zd_size5) var(--zd_size25);
|
|
56
69
|
}
|
|
70
|
+
|
|
57
71
|
.small .attachright {
|
|
58
72
|
padding: 0 var(--zd_size10) 0 var(--zd_size10);
|
|
59
73
|
}
|
|
@@ -62,10 +76,12 @@
|
|
|
62
76
|
font-size: 0;
|
|
63
77
|
margin-top: var(--zd_size3);
|
|
64
78
|
}
|
|
79
|
+
|
|
65
80
|
.medium .atatchName {
|
|
66
81
|
font-size: var(--zd_font_size14);
|
|
67
82
|
line-height: var(--zd_size20);
|
|
68
83
|
}
|
|
84
|
+
|
|
69
85
|
.small .atatchName {
|
|
70
86
|
font-size: var(--zd_font_size12);
|
|
71
87
|
line-height: var(--zd_size15);
|
|
@@ -74,6 +90,7 @@
|
|
|
74
90
|
.attachSize {
|
|
75
91
|
color: var(--zdt_attachment_size_text);
|
|
76
92
|
}
|
|
93
|
+
|
|
77
94
|
.atatchName,
|
|
78
95
|
.attachSize {
|
|
79
96
|
composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
|
|
@@ -82,9 +99,11 @@
|
|
|
82
99
|
.medium .attachSize {
|
|
83
100
|
font-size: var(--zd_font_size11);
|
|
84
101
|
}
|
|
102
|
+
|
|
85
103
|
.small .attachSize {
|
|
86
104
|
font-size: var(--zd_font_size10);
|
|
87
105
|
}
|
|
106
|
+
|
|
88
107
|
.attachDownload {
|
|
89
108
|
position: absolute;
|
|
90
109
|
top: calc(var(--zd_size1) * -1);
|
|
@@ -92,22 +111,27 @@
|
|
|
92
111
|
background-color: var(--zdt_attachment_download_bg);
|
|
93
112
|
text-align: center;
|
|
94
113
|
}
|
|
114
|
+
|
|
95
115
|
[dir=ltr] .attachDownload {
|
|
96
116
|
right: calc(var(--zd_size1) * -1);
|
|
97
117
|
}
|
|
118
|
+
|
|
98
119
|
[dir=rtl] .attachDownload {
|
|
99
120
|
left: calc(var(--zd_size1) * -1);
|
|
100
121
|
}
|
|
122
|
+
|
|
101
123
|
.medium .attachDownload {
|
|
102
124
|
height: var(--zd_size25);
|
|
103
125
|
width: var(--zd_size25);
|
|
104
126
|
line-height: var(--zd_size23);
|
|
105
127
|
}
|
|
128
|
+
|
|
106
129
|
.small .attachDownload {
|
|
107
130
|
height: var(--zd_size20);
|
|
108
131
|
width: var(--zd_size20);
|
|
109
132
|
line-height: var(--zd_size18);
|
|
110
133
|
}
|
|
134
|
+
|
|
111
135
|
.attachDownload:hover {
|
|
112
136
|
background-color: var(--zdt_attachment_download_hover_bg);
|
|
113
137
|
}
|
|
@@ -115,10 +139,12 @@
|
|
|
115
139
|
.attachIcon {
|
|
116
140
|
font-size: var(--zd_font_size20);
|
|
117
141
|
}
|
|
142
|
+
|
|
118
143
|
.downIcon {
|
|
119
144
|
font-size: var(--zd_font_size14);
|
|
120
145
|
color: var(--zdt_attachment_size_text);
|
|
121
146
|
}
|
|
147
|
+
|
|
122
148
|
.attachDownload:hover .downIcon {
|
|
123
149
|
color: var(--zdt_attachment_download_hover_text);
|
|
124
150
|
}
|
|
@@ -129,4 +155,4 @@
|
|
|
129
155
|
background-color: var(--zdt_dot_text);
|
|
130
156
|
border-radius: 50%;
|
|
131
157
|
margin: 0 var(--zd_size6);
|
|
132
|
-
}
|
|
158
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zohodesk/dot",
|
|
3
|
-
"version": "1.0.0-temp-
|
|
3
|
+
"version": "1.0.0-temp-106",
|
|
4
4
|
"main": "lib/index",
|
|
5
5
|
"module": "es/index.js",
|
|
6
6
|
"private": false,
|
|
@@ -8,9 +8,14 @@
|
|
|
8
8
|
"access": "public"
|
|
9
9
|
},
|
|
10
10
|
"author": "Z Team",
|
|
11
|
-
"homepage":"https://www.npmjs.com/search?q=@zohodesk",
|
|
11
|
+
"homepage": "https://www.npmjs.com/search?q=@zohodesk",
|
|
12
12
|
"license": "ISC",
|
|
13
|
-
"keywords":[
|
|
13
|
+
"keywords": [
|
|
14
|
+
"DOT",
|
|
15
|
+
"ZOHODESK",
|
|
16
|
+
"ZTEAM",
|
|
17
|
+
"LIBRARY"
|
|
18
|
+
],
|
|
14
19
|
"scripts": {
|
|
15
20
|
"clean": "react-cli clean lib es coverage",
|
|
16
21
|
"dubCheck": "node dubFinder node_modules/@zohodesk/components/lib node_modules/@zohodesk/icons/lib node_modules/@zohodesk/variables/lib",
|
|
@@ -39,18 +44,18 @@
|
|
|
39
44
|
"velocity-react": "1.4.3",
|
|
40
45
|
"@zohodesk/variables": "1.0.0-beta.29",
|
|
41
46
|
"@zohodesk/i18n": "1.0.0-beta.7",
|
|
42
|
-
"@zohodesk/components": "1.0.0-temp-
|
|
47
|
+
"@zohodesk/components": "1.0.0-temp-83",
|
|
43
48
|
"@zohodesk/icons": "1.0.0-beta.109",
|
|
44
49
|
"@zohodesk/svg": "1.0.0-beta.49",
|
|
45
50
|
"@zohodesk/virtualizer": "1.0.3",
|
|
46
51
|
"react-sortable-hoc": "^0.8.3",
|
|
47
|
-
"@zohodesk/a11y": "1.3.
|
|
52
|
+
"@zohodesk/a11y": "1.3.4"
|
|
48
53
|
},
|
|
49
54
|
"peerDependencies": {
|
|
50
55
|
"velocity-react": "1.4.3",
|
|
51
56
|
"@zohodesk/variables": "1.0.0-beta.29",
|
|
52
57
|
"@zohodesk/i18n": "1.0.0-beta.7",
|
|
53
|
-
"@zohodesk/components": "1.0.0-alpha-
|
|
58
|
+
"@zohodesk/components": "1.0.0-alpha-252",
|
|
54
59
|
"@zohodesk/icons": "1.0.0-beta.109",
|
|
55
60
|
"@zohodesk/svg": "1.0.0-beta.48"
|
|
56
61
|
},
|
|
@@ -84,4 +89,4 @@
|
|
|
84
89
|
}
|
|
85
90
|
}
|
|
86
91
|
}
|
|
87
|
-
}
|
|
92
|
+
}
|