@zimbra/x-ui 11.0.0 → 11.0.1-master.d6d6416.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.
@@ -0,0 +1,115 @@
1
+ version: 2.1
2
+
3
+ ############################################################################
4
+
5
+ executors:
6
+ node-executor:
7
+ working_directory: ~/zm-x-ui
8
+ docker:
9
+ - image: cimg/node:18.20
10
+ resource_class: small
11
+
12
+ ############################################################################
13
+
14
+ # Cache node_modules
15
+ restore-dependencies-cache: &restore-dependencies-cache
16
+ restore_cache:
17
+ keys:
18
+ - v1-dependencies-{{ .Branch }}-{{ checksum "package.json" }}
19
+ # fallback to using the cache from the same branch
20
+ - v1-dependencies-{{ .Branch }}-
21
+ # fallback to using the latest cache if no exact match is found
22
+ - v1-dependencies-
23
+
24
+ save-dependencies-cache: &save-dependencies-cache
25
+ save_cache:
26
+ paths:
27
+ - node_modules
28
+ key: v1-dependencies-{{ .Branch }}-{{ checksum "package.json" }}
29
+
30
+ persist-workspace: &persist-workspace
31
+ persist_to_workspace:
32
+ root: ~/
33
+ paths:
34
+ - zm-x-ui
35
+
36
+ attach-workspace: &attach-workspace
37
+ attach_workspace:
38
+ at: ~/
39
+
40
+ feature-branch: &feature-branch
41
+ filters:
42
+ branches:
43
+ ignore:
44
+ - /(custom_)?release\/.*/
45
+
46
+ ############################################################################
47
+ # JOBS
48
+ ############################################################################
49
+
50
+ jobs:
51
+
52
+ build:
53
+ executor: node-executor
54
+ steps:
55
+ - checkout
56
+
57
+ - *restore-dependencies-cache
58
+
59
+ - run:
60
+ name: Install dependencies
61
+ command: npm install
62
+
63
+ - *save-dependencies-cache
64
+
65
+ - run:
66
+ name: Build project
67
+ command: npm run build
68
+
69
+ - *persist-workspace
70
+
71
+
72
+ publish:
73
+ executor: node-executor
74
+ steps:
75
+ - *attach-workspace
76
+
77
+ - run:
78
+ name: Setup npm authentication
79
+ command: |
80
+ echo "//registry.npmjs.org/:_authToken=${NPM_TOKEN}" > ~/.npmrc
81
+
82
+ - run:
83
+ name: Set dynamic prerelease version (no git tag)
84
+ command: |
85
+ SAFE_BRANCH=$(echo "$CIRCLE_BRANCH" | sed 's/\//-/g')
86
+ npm version prerelease \
87
+ --preid=${SAFE_BRANCH} \
88
+ --no-git-tag-version
89
+
90
+ - run:
91
+ name: Publish to npm
92
+ command: |
93
+ SAFE_BRANCH=$(echo "$CIRCLE_BRANCH" | sed 's/\//-/g')
94
+ if [ "$SAFE_BRANCH" = "master" ]; then
95
+ npm publish --access public --tag beta
96
+ else
97
+ npm publish --access public --tag $SAFE_BRANCH
98
+ fi
99
+
100
+ ############################################################################
101
+ # WORKFLOWS
102
+ ############################################################################
103
+
104
+ workflows:
105
+ version: 2
106
+
107
+ build-and-publish:
108
+ jobs:
109
+ - build:
110
+ <<: *feature-branch
111
+
112
+ - publish:
113
+ <<: *feature-branch
114
+ requires:
115
+ - build
package/css-variables.css CHANGED
@@ -28,6 +28,8 @@
28
28
  --black-bg: #000000;
29
29
  --white-bg: #ffffff;
30
30
 
31
+ --surface-color: #f5f8fc;
32
+ --surface-bg: light-dark(var(--surface-color), var(--gray-lighter));
31
33
  --gray-placeholder: var(--gray-dark);
32
34
  --warm-gray: var(--gray-light);
33
35
  --off-white: #fafafa;
@@ -46,6 +48,7 @@
46
48
  --text-color-white: #ffffff;
47
49
  --text-color-black: #000000;
48
50
  --dialog-title-fg: var(--gray-base);
51
+ --dialog-bg: light-dark(#ffffff, #1A1A1A);
49
52
  --background-gray: var(--gray-lightest);
50
53
  --link-color: light-dark(var(--brand-primary-600), var(--brand-primary-400));
51
54
  --link-hover-color: light-dark(var(--brand-primary-800), var(--brand-primary-200));
@@ -116,6 +119,12 @@
116
119
  --spacing-md: calc(var(--spacing-base) * 2);
117
120
  --spacing-lg: calc(var(--spacing-base) * 3);
118
121
  --spacing-xl: calc(var(--spacing-base) * 4);
122
+ --radius-base: 4px;
123
+ --radius-xs: var(--radius-base);
124
+ --radius-sm: calc(var(--radius-base) * 2);
125
+ --radius-md: calc(var(--radius-base) * 3);
126
+ --radius-lg: calc(var(--radius-base) * 4);
127
+ --radius-xl: calc(var(--radius-base) * 5);
119
128
  --icon-size-xs: 12px;
120
129
  --icon-size-sm: 16px;
121
130
  --icon-size-md: 24px;
@@ -133,7 +142,7 @@
133
142
  --row-height-wide: 27px;
134
143
  --tag-secondary-font-color: #ffffff;
135
144
  --popover-row-border-color: var(--border-color);
136
- --warning-banner-bg: light-dark(var(--brand-warning-300), var(--brand-warning-500));
145
+ --warning-banner-bg: light-dark(var(--brand-warning-50), var(--brand-warning-200));
137
146
  --drop-zone-bg: light-dark(rgba(215, 243, 255, 0.9), rgba(0, 55, 79, 0.9));
138
147
  --drop-zone-border-color: light-dark(rgba(0, 118, 168, 0.9), rgba(128, 187, 212, 0.9));
139
148
  --drop-zone-text-color: light-dark(#00648f, #80bbd4);
@@ -156,4 +165,16 @@
156
165
  --calendar-color-pink: #ffd7df;
157
166
  --calendar-color-gray: #e5e5e5;
158
167
  --calendar-color-orange: #fcdbb3;
159
- }
168
+ --avatar-color-navy: #1E3A8A;
169
+ --avatar-color-violet: #5B21B6;
170
+ --avatar-color-teal: #0F766E;
171
+ --avatar-color-forest: #166534;
172
+ --avatar-color-emerald: #065F46;
173
+ --avatar-color-rust: #C2410C;
174
+ --avatar-color-amber: #B45309;
175
+ --avatar-color-crimson: #991B1B;
176
+ --avatar-color-rose: #9F1239;
177
+ --avatar-color-indigo: #3730A3;
178
+ --avatar-color-coffee: #4E342E;
179
+ --avatar-color-slate: #334155;
180
+ }
package/helpers.less CHANGED
@@ -221,4 +221,10 @@
221
221
  color: light-dark(var(--brand-danger-500), var(--text-color-white));
222
222
  background-color: light-dark(var(--brand-danger-50), var(--brand-danger-900));
223
223
  font-size: var(--font-size-base);
224
+ }
225
+
226
+ .popover() {
227
+ background: var(--dialog-bg);
228
+ border-radius: var(--radius-sm);
229
+ box-shadow: 0 5px 15px light-dark(rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0.2));
224
230
  }
@@ -1,5 +1,6 @@
1
1
  /* THIS FILE IS AUTOGENERATED - DO NOT MODIFY */
2
2
  :root {
3
+ --zimbra-icon-translate: "\e9c8";
3
4
  --zimbra-icon-warning-o: "\e9c7";
4
5
  --zimbra-icon-account-external: "\e9c6";
5
6
  --zimbra-icon-fit-to-screen: "\e9c1";