@zimbra/x-ui 9.1.0 → 11.0.0

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.
Files changed (10) hide show
  1. package/css-variables.css +28 -4
  2. package/helpers.less +1 -18
  3. package/icon-variables.css +45 -1
  4. package/icons/selection.json +1 -1
  5. package/icons/zimbra-icons.eot +0 -0
  6. package/icons/zimbra-icons.svg +51 -7
  7. package/icons/zimbra-icons.ttf +0 -0
  8. package/icons/zimbra-icons.woff +0 -0
  9. package/icons.less +136 -0
  10. package/package.json +2 -3
package/css-variables.css CHANGED
@@ -54,16 +54,16 @@
54
54
  --item-selected-bg: var(--brand-primary-100);
55
55
  --border-color: light-dark(var(--gray-lighter), var(--gray));
56
56
  --hr-border: light-dark(var(--gray-lighter), var(--gray));
57
- --input-border-color: light-dark(var(--gray), var(--gray));
57
+ --input-border-color: var(--gray-light);
58
58
  --placeholder-color: var(--gray-dark);
59
59
  --app-menu-active-color: light-dark(var(--text-color-white), var(--brand-primary-500));
60
60
  --app-menu-active-background-color: light-dark(var(--brand-primary-500), var(--text-color-white));
61
61
  --list-active-bg: light-dark(var(--brand-primary-50), var(--brand-primary-900));
62
62
  --list-hover-bg: var(--gray-lightest);
63
63
  --folder-item-hover-bg: var(--list-hover-bg);
64
- --sidebar-bg-color: var(--gray-lightest);
65
- --sidebar-header-bg-color: var(--gray-lightest);
66
- --sidebar-shaded-color: var(--gray-lighter);
64
+ --sidebar-bg-color: var(--body-bg);
65
+ --sidebar-header-bg-color: var(--body-bg);
66
+ --sidebar-shaded-color: var(--border-color);
67
67
  --rightbar-bg-color: var(--gray-lightest);
68
68
  --read-pane-toolbar-color: var(--gray-lightest);
69
69
  --read-pane-bg-color: var(--gray-lightest);
@@ -92,6 +92,7 @@
92
92
  --font-family-primary: inherit;
93
93
  --font-family-secondary: inherit;
94
94
  --font-family-plainText: monospace;
95
+ --font-size-folder-list: 13px;
95
96
  --font-size-base: 14px;
96
97
  --font-size-med: calc(var(--font-size-base) * 1.15); /*~16px*/
97
98
  --font-size-large: calc(var(--font-size-base) * 1.25); /*~18px*/
@@ -119,6 +120,7 @@
119
120
  --icon-size-sm: 16px;
120
121
  --icon-size-md: 24px;
121
122
  --icon-size-lg: 32px;
123
+ --icon-size-xl: 40px;
122
124
  --logo-height: 32px;
123
125
  --logo-max-width: 200px;
124
126
  --header-bg: var(--gray-lightest);
@@ -132,4 +134,26 @@
132
134
  --tag-secondary-font-color: #ffffff;
133
135
  --popover-row-border-color: var(--border-color);
134
136
  --warning-banner-bg: light-dark(var(--brand-warning-300), var(--brand-warning-500));
137
+ --drop-zone-bg: light-dark(rgba(215, 243, 255, 0.9), rgba(0, 55, 79, 0.9));
138
+ --drop-zone-border-color: light-dark(rgba(0, 118, 168, 0.9), rgba(128, 187, 212, 0.9));
139
+ --drop-zone-text-color: light-dark(#00648f, #80bbd4);
140
+ --secondary-scrollbar: light-dark(#d1d1d1, #4d4d4d) light-dark(#d1d1d1, #4D4D4D);
141
+ --tag-color-blue: #3C82F6;
142
+ --tag-color-cyan: #008080;
143
+ --tag-color-green: #248723;
144
+ --tag-color-purple: #6F3C96;
145
+ --tag-color-red: #DC2625;
146
+ --tag-color-yellow: #FBAF19;
147
+ --tag-color-pink: #DD0B73;
148
+ --tag-color-gray: #758083;
149
+ --tag-color-orange: #FF7015;
150
+ --calendar-color-blue: #d2def8;
151
+ --calendar-color-cyan: #d2eff3;
152
+ --calendar-color-green: #d6f0cf;
153
+ --calendar-color-purple: #e4d8ee;
154
+ --calendar-color-red: #fcc3be;
155
+ --calendar-color-yellow: #fdf8b1;
156
+ --calendar-color-pink: #ffd7df;
157
+ --calendar-color-gray: #e5e5e5;
158
+ --calendar-color-orange: #fcdbb3;
135
159
  }
package/helpers.less CHANGED
@@ -140,8 +140,7 @@
140
140
 
141
141
  .listItem() {
142
142
  display: block;
143
- height: 32px;
144
- padding: 7px 32px;
143
+ padding: var(--spacing-xs);
145
144
  color: var(--text-color);
146
145
  border: none;
147
146
  text-decoration: none;
@@ -153,22 +152,6 @@
153
152
  color: var(--gray-darker);
154
153
  text-decoration: none;
155
154
  }
156
-
157
- &[data-depth="2"] {
158
- padding-left: calc(32px * 1.5);
159
- }
160
- &[data-depth="3"] {
161
- padding-left: calc(32px * 2);
162
- }
163
- &[data-depth="4"] {
164
- padding-left: calc(32px * 2.5);
165
- }
166
- &[data-depth="5"] {
167
- padding-left: calc(32px * 3);
168
- }
169
- &[data-depth="6"] {
170
- padding-left: calc(32px * 3.5);
171
- }
172
155
  }
173
156
 
174
157
  .toolbarHeight() {
package/icon-variables.css CHANGED
@@ -1,5 +1,43 @@
1
1
  /* THIS FILE IS AUTOGENERATED - DO NOT MODIFY */
2
2
  :root {
3
+ --zimbra-icon-warning-o: "\e9c7";
4
+ --zimbra-icon-account-external: "\e9c6";
5
+ --zimbra-icon-fit-to-screen: "\e9c1";
6
+ --zimbra-icon-date-picker: "\e9c3";
7
+ --zimbra-icon-filter: "\e9c4";
8
+ --zimbra-icon-search-tips: "\e9c5";
9
+ --zimbra-icon-folder-outbox: "\e9c0";
10
+ --zimbra-icon-calendar-filled: "\e9c2";
11
+ --zimbra-icon-contact-list: "\e9bf";
12
+ --zimbra-icon-search-o: "\e9be";
13
+ --zimbra-icon-folder-contacts: "\e9b9";
14
+ --zimbra-icon-folder-briefcase: "\e9ba";
15
+ --zimbra-icon-file-shared: "\e9bb";
16
+ --zimbra-icon-distribution-list: "\e9bc";
17
+ --zimbra-icon-global-address-list: "\e9bd";
18
+ --zimbra-icon-save: "\e9b8";
19
+ --zimbra-icon-folder-shared: "\e9b6";
20
+ --zimbra-icon-folder-search: "\e9b7";
21
+ --zimbra-icon-star-o: "\e9b5";
22
+ --zimbra-icon-folder-trash: "\e9af";
23
+ --zimbra-icon-folder-archive: "\e9b2";
24
+ --zimbra-icon-folder-drafts: "\e9b3";
25
+ --zimbra-icon-folder-junk: "\e9b4";
26
+ --zimbra-icon-folder-inbox: "\e9ae";
27
+ --zimbra-icon-folder-sent: "\e9b0";
28
+ --zimbra-icon-cog-o: "\e9ad";
29
+ --zimbra-icon-folder-o: "\e9b1";
30
+ --zimbra-icon-mail-draft-o: "\e9ac";
31
+ --zimbra-icon-mail-unread-o: "\e9a2";
32
+ --zimbra-icon-mail-reply-o: "\e9a3";
33
+ --zimbra-icon-mail-forward-o: "\e9a4";
34
+ --zimbra-icon-mail-send-later-o: "\e9a5";
35
+ --zimbra-icon-mail-sent-o: "\e9a6";
36
+ --zimbra-icon-appointment-o: "\e9a7";
37
+ --zimbra-icon-appointment-accepted-o: "\e9a8";
38
+ --zimbra-icon-appointment-declined-o: "\e9a9";
39
+ --zimbra-icon-appointment-tentative-o: "\e9aa";
40
+ --zimbra-icon-mail-read-o: "\e9ab";
3
41
  --zimbra-icon-minus: "\e953";
4
42
  --zimbra-icon-add-event: "\e900";
5
43
  --zimbra-icon-folder-add: "\e901";
@@ -16,6 +54,7 @@
16
54
  --zimbra-icon-align-center: "\e90c";
17
55
  --zimbra-icon-chat: "\e90d";
18
56
  --zimbra-icon-check-square: "\e90e";
57
+ --zimbra-icon-square: "\e9a0";
19
58
  --zimbra-icon-square-o: "\e90f";
20
59
  --zimbra-icon-check: "\e910";
21
60
  --zimbra-icon-close-circle: "\e911";
@@ -65,7 +104,6 @@
65
104
  --zimbra-icon-mail-reply-all: "\e93c";
66
105
  --zimbra-icon-mail-reply: "\e93d";
67
106
  --zimbra-icon-align-right: "\e93e";
68
- --zimbra-icon-search: "\e93f";
69
107
  --zimbra-icon-cog: "\e940";
70
108
  --zimbra-icon-music: "\e941";
71
109
  --zimbra-icon-shield: "\e942";
@@ -85,6 +123,7 @@
85
123
  --zimbra-icon-file-archive-o: "\e950";
86
124
  --zimbra-icon-clock: "\e951";
87
125
  --zimbra-icon-check-circle: "\e952";
126
+ --zimbra-icon-circle: "\e9a1";
88
127
  --zimbra-icon-camera: "\e954";
89
128
  --zimbra-icon-minus-square: "\e955";
90
129
  --zimbra-icon-paperclip: "\e956";
@@ -108,6 +147,7 @@
108
147
  --zimbra-icon-bell-slash: "\e968";
109
148
  --zimbra-icon-warning: "\e969";
110
149
  --zimbra-icon-encrypted: "\e96a";
150
+ --zimbra-icon-search: "\e93f";
111
151
  --zimbra-icon-search-plus: "\e96b";
112
152
  --zimbra-icon-search-minus: "\e96c";
113
153
  --zimbra-icon-rotate_right: "\e96d";
@@ -156,4 +196,8 @@
156
196
  --zimbra-icon-night: "\e999";
157
197
  --zimbra-icon-day: "\e99a";
158
198
  --zimbra-icon-contrast: "\e99b";
199
+ --zimbra-icon-cloud-upload: "\e99c";
200
+ --zimbra-icon-no-cloud-upload: "\e99f";
201
+ --zimbra-icon-move: "\e99d";
202
+ --zimbra-icon-no-move: "\e99e";
159
203
  }