@zimbra/x-ui 10.0.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 +23 -4
  2. package/helpers.less +1 -18
  3. package/icon-variables.css +28 -1
  4. package/icons/selection.json +1 -1
  5. package/icons/zimbra-icons.eot +0 -0
  6. package/icons/zimbra-icons.svg +36 -9
  7. package/icons/zimbra-icons.ttf +0 -0
  8. package/icons/zimbra-icons.woff +0 -0
  9. package/icons.less +85 -1
  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*/
@@ -137,4 +138,22 @@
137
138
  --drop-zone-border-color: light-dark(rgba(0, 118, 168, 0.9), rgba(128, 187, 212, 0.9));
138
139
  --drop-zone-text-color: light-dark(#00648f, #80bbd4);
139
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;
140
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,32 @@
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";
3
30
  --zimbra-icon-mail-draft-o: "\e9ac";
4
31
  --zimbra-icon-mail-unread-o: "\e9a2";
5
32
  --zimbra-icon-mail-reply-o: "\e9a3";
@@ -77,7 +104,6 @@
77
104
  --zimbra-icon-mail-reply-all: "\e93c";
78
105
  --zimbra-icon-mail-reply: "\e93d";
79
106
  --zimbra-icon-align-right: "\e93e";
80
- --zimbra-icon-search: "\e93f";
81
107
  --zimbra-icon-cog: "\e940";
82
108
  --zimbra-icon-music: "\e941";
83
109
  --zimbra-icon-shield: "\e942";
@@ -121,6 +147,7 @@
121
147
  --zimbra-icon-bell-slash: "\e968";
122
148
  --zimbra-icon-warning: "\e969";
123
149
  --zimbra-icon-encrypted: "\e96a";
150
+ --zimbra-icon-search: "\e93f";
124
151
  --zimbra-icon-search-plus: "\e96b";
125
152
  --zimbra-icon-search-minus: "\e96c";
126
153
  --zimbra-icon-rotate_right: "\e96d";