@atlaskit/logo 13.12.1 → 13.14.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.
- package/CHANGELOG.md +16 -0
- package/atlas-icon/package.json +15 -0
- package/dist/cjs/atlas-logo/icon.js +74 -0
- package/dist/cjs/atlas-logo/index.js +19 -0
- package/dist/cjs/atlas-logo/logo.js +77 -0
- package/dist/cjs/index.js +14 -1
- package/dist/cjs/trello-logo/index.js +1 -1
- package/dist/cjs/trello-logo/logo.js +3 -3
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/atlas-logo/icon.js +251 -0
- package/dist/es2019/atlas-logo/index.js +2 -0
- package/dist/es2019/atlas-logo/logo.js +354 -0
- package/dist/es2019/index.js +2 -1
- package/dist/es2019/trello-logo/index.js +1 -1
- package/dist/es2019/trello-logo/logo.js +1 -1
- package/dist/es2019/version.json +1 -1
- package/dist/esm/atlas-logo/icon.js +65 -0
- package/dist/esm/atlas-logo/index.js +2 -0
- package/dist/esm/atlas-logo/logo.js +68 -0
- package/dist/esm/index.js +2 -1
- package/dist/esm/trello-logo/index.js +1 -1
- package/dist/esm/trello-logo/logo.js +1 -1
- package/dist/esm/version.json +1 -1
- package/dist/types/atlas-logo/icon.d.ts +12 -0
- package/dist/types/atlas-logo/index.d.ts +2 -0
- package/dist/types/atlas-logo/logo.d.ts +12 -0
- package/dist/types/index.d.ts +1 -0
- package/dist/types/trello-logo/index.d.ts +1 -1
- package/dist/types/trello-logo/logo.d.ts +1 -1
- package/dist/types/types.d.ts +1 -1
- package/package.json +11 -10
|
@@ -0,0 +1,354 @@
|
|
|
1
|
+
/* eslint-disable max-len */
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { uid } from 'react-uid';
|
|
4
|
+
import { B400 } from '@atlaskit/theme/colors';
|
|
5
|
+
import { defaultLogoParams } from '../constants';
|
|
6
|
+
import Wrapper from '../wrapper';
|
|
7
|
+
const svg = ({
|
|
8
|
+
appearance
|
|
9
|
+
}) => {
|
|
10
|
+
// Will be fixed upon removal of deprecated iconGradientStart and
|
|
11
|
+
// iconGradientStop props, or with React 18's useId() hook when we update.
|
|
12
|
+
// eslint-disable-next-line @repo/internal/react/disallow-unstable-values
|
|
13
|
+
let id = uid({
|
|
14
|
+
appearance
|
|
15
|
+
});
|
|
16
|
+
|
|
17
|
+
// Brand
|
|
18
|
+
let colors = {
|
|
19
|
+
iconGradientStart: '#1d7afc',
|
|
20
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
21
|
+
iconGradientMid: B400,
|
|
22
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
23
|
+
iconGradientStop: B400,
|
|
24
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
25
|
+
textStart: B400
|
|
26
|
+
};
|
|
27
|
+
if (appearance === 'neutral') {
|
|
28
|
+
colors = {
|
|
29
|
+
iconGradientStart: '#758195',
|
|
30
|
+
iconGradientMid: '#596a85',
|
|
31
|
+
iconGradientStop: '#2c3e5d',
|
|
32
|
+
textStart: '#758195'
|
|
33
|
+
};
|
|
34
|
+
}
|
|
35
|
+
const baseIconContents = `
|
|
36
|
+
<linearGradient
|
|
37
|
+
id="${id}-a"
|
|
38
|
+
gradientUnits="userSpaceOnUse"
|
|
39
|
+
x1="6.72733"
|
|
40
|
+
x2="5.808"
|
|
41
|
+
y1="28.2142"
|
|
42
|
+
y2="4.10482"
|
|
43
|
+
>
|
|
44
|
+
<stop offset=".5" stop-color="${colors.iconGradientStart}" />
|
|
45
|
+
<stop offset="1" stop-color="${colors.iconGradientStop}" />
|
|
46
|
+
</linearGradient>
|
|
47
|
+
<linearGradient id="${id}-b">
|
|
48
|
+
<stop offset="0" stop-color="${colors.iconGradientMid}" />
|
|
49
|
+
<stop offset="1" stop-color="${colors.iconGradientStop}" />
|
|
50
|
+
</linearGradient>
|
|
51
|
+
<linearGradient
|
|
52
|
+
id="${id}-c"
|
|
53
|
+
gradientUnits="userSpaceOnUse"
|
|
54
|
+
x1="24.3414"
|
|
55
|
+
x2="13.6567"
|
|
56
|
+
xlink:href="#${id}-b"
|
|
57
|
+
y1="17.0027"
|
|
58
|
+
y2="28.0494"
|
|
59
|
+
/>
|
|
60
|
+
<linearGradient
|
|
61
|
+
id="${id}-d"
|
|
62
|
+
gradientUnits="userSpaceOnUse"
|
|
63
|
+
x1="18.1021"
|
|
64
|
+
x2="18.1021"
|
|
65
|
+
y1="3.87549"
|
|
66
|
+
y2="15.9428"
|
|
67
|
+
>
|
|
68
|
+
<stop offset="0" stop-color="${colors.iconGradientStart}" />
|
|
69
|
+
<stop offset=".59" stop-color="${colors.iconGradientStart}" />
|
|
70
|
+
<stop offset="1" stop-color="${colors.iconGradientStop}" />
|
|
71
|
+
</linearGradient>
|
|
72
|
+
<linearGradient
|
|
73
|
+
id="${id}-e"
|
|
74
|
+
gradientUnits="userSpaceOnUse"
|
|
75
|
+
x1=".108585"
|
|
76
|
+
x2="17.5793"
|
|
77
|
+
y1="16.5093"
|
|
78
|
+
y2="16.5093"
|
|
79
|
+
>
|
|
80
|
+
<stop offset=".26" stop-color="${colors.iconGradientStart}" />
|
|
81
|
+
<stop offset="1" stop-color="${colors.iconGradientStop}" />
|
|
82
|
+
</linearGradient>
|
|
83
|
+
<linearGradient
|
|
84
|
+
id="${id}-f"
|
|
85
|
+
gradientUnits="userSpaceOnUse"
|
|
86
|
+
x1="19.1392"
|
|
87
|
+
x2="22.9546"
|
|
88
|
+
xlink:href="#${id}-b"
|
|
89
|
+
y1="19.33"
|
|
90
|
+
y2="15.2734"
|
|
91
|
+
/>
|
|
92
|
+
<linearGradient
|
|
93
|
+
id="${id}-g"
|
|
94
|
+
gradientUnits="userSpaceOnUse"
|
|
95
|
+
x1="14.8807"
|
|
96
|
+
x2="14.8807"
|
|
97
|
+
y1="28.0108"
|
|
98
|
+
y2="4.95215"
|
|
99
|
+
>
|
|
100
|
+
<stop offset=".36" stop-color="${colors.iconGradientStart}" />
|
|
101
|
+
<stop offset="1" stop-color="${colors.iconGradientStop}" />
|
|
102
|
+
</linearGradient>
|
|
103
|
+
<linearGradient
|
|
104
|
+
id="${id}-h"
|
|
105
|
+
gradientUnits="userSpaceOnUse"
|
|
106
|
+
x1="9.15677"
|
|
107
|
+
x2="9.15677"
|
|
108
|
+
y1="28.0108"
|
|
109
|
+
y2="4.96143"
|
|
110
|
+
>
|
|
111
|
+
<stop offset=".06" stop-color="${colors.iconGradientStart}" />
|
|
112
|
+
<stop offset=".58" stop-color="${colors.iconGradientStop}" />
|
|
113
|
+
<stop offset="1" stop-color="${colors.iconGradientStart}" />
|
|
114
|
+
</linearGradient>
|
|
115
|
+
<linearGradient id="${id}-i">
|
|
116
|
+
<stop offset="0" stop-color="${colors.iconGradientStop}" />
|
|
117
|
+
<stop offset="1" stop-color="${colors.iconGradientStart}" />
|
|
118
|
+
</linearGradient>
|
|
119
|
+
<linearGradient
|
|
120
|
+
id="${id}-j"
|
|
121
|
+
gradientUnits="userSpaceOnUse"
|
|
122
|
+
x1="95.6987"
|
|
123
|
+
x2="29.214"
|
|
124
|
+
xlink:href="#${id}-i"
|
|
125
|
+
y1="-1.89809"
|
|
126
|
+
y2="20.5853"
|
|
127
|
+
/>
|
|
128
|
+
<linearGradient
|
|
129
|
+
id="${id}-k"
|
|
130
|
+
gradientUnits="userSpaceOnUse"
|
|
131
|
+
x1="97.0621"
|
|
132
|
+
x2="30.5774"
|
|
133
|
+
xlink:href="#${id}-i"
|
|
134
|
+
y1="2.12082"
|
|
135
|
+
y2="24.6042"
|
|
136
|
+
/>
|
|
137
|
+
<linearGradient
|
|
138
|
+
id="${id}-l"
|
|
139
|
+
gradientUnits="userSpaceOnUse"
|
|
140
|
+
x1="97.5167"
|
|
141
|
+
x2="31.0327"
|
|
142
|
+
xlink:href="#${id}-i"
|
|
143
|
+
y1="3.47941"
|
|
144
|
+
y2="25.9627"
|
|
145
|
+
/>
|
|
146
|
+
<linearGradient
|
|
147
|
+
id="${id}-m"
|
|
148
|
+
gradientUnits="userSpaceOnUse"
|
|
149
|
+
x1="101.28"
|
|
150
|
+
x2="34.7954"
|
|
151
|
+
xlink:href="#${id}-i"
|
|
152
|
+
y1="14.583"
|
|
153
|
+
y2="37.075"
|
|
154
|
+
/>
|
|
155
|
+
<linearGradient
|
|
156
|
+
id="${id}-n"
|
|
157
|
+
gradientUnits="userSpaceOnUse"
|
|
158
|
+
x1="99.9401"
|
|
159
|
+
x2="33.4561"
|
|
160
|
+
xlink:href="#${id}-i"
|
|
161
|
+
y1="10.6227"
|
|
162
|
+
y2="33.106"
|
|
163
|
+
/>
|
|
164
|
+
<path
|
|
165
|
+
d="m12.068 28.0108c-6.656 0-12.068-5.412-12.068-12.068 0-6.65598 5.412-12.06731 12.068-12.06731v1.92133c-5.59733 0-10.146 4.54868-10.146 10.14598 0 5.5974 4.54867 10.146 10.146 10.146v1.9214z"
|
|
166
|
+
fill="url(#${id}-a)"
|
|
167
|
+
/>
|
|
168
|
+
<path
|
|
169
|
+
d="m12.068 28.0107v-1.9213c5.5974 0 10.146-4.5487 10.146-10.146h1.9214c0 6.656-5.412 12.068-12.068 12.068z"
|
|
170
|
+
fill="url(#${id}-c)"
|
|
171
|
+
/>
|
|
172
|
+
<path
|
|
173
|
+
d="m24.1354 15.9428h-1.9213c0-5.5973-4.5487-10.14598-10.146-10.14598v-1.92133c6.656 0 12.068 5.412 12.068 12.06801z"
|
|
174
|
+
fill="url(#${id}-d)"
|
|
175
|
+
/>
|
|
176
|
+
<path
|
|
177
|
+
d="m17.2086 19.638c-1.2813-.2507-2.2927-.7053-3.9733-1.4667-.464-.204-.9747-.436-1.5594-.696-.3526-.158-.6773-.2973-1.0026-.436-2.53405-1.1233-3.92671-1.736-5.63471-1.736-1.19734 0-2.098.3247-2.59934.9374-.34333.4086-.48266.9373-.38066 1.448l-1.884671.362c-.2040002-1.0767.074-2.1814.78-3.0354.612671-.7426 1.819331-1.634 4.084671-1.634 2.11666 0 3.82466.7614 6.41471 1.9034.3153.1393.6406.288.9933.436.594.26 1.114.492 1.578.7053 1.606.724 2.488 1.1233 3.5553 1.3273z"
|
|
178
|
+
fill="url(#${id}-e)"
|
|
179
|
+
/>
|
|
180
|
+
<path
|
|
181
|
+
d="m19.0846 19.8227c-.6407 0-1.2534-.056-1.8754-.1853l.3714-1.8847c.5013.102.9933.1487 1.504.1487 1.188 0 2.0886-.2974 2.6086-.8634s.5387-1.2533.5107-1.6153l1.912-.1673c.102 1.1693-.2507 2.2653-1.0027 3.082-.622.6773-1.8193 1.4853-4.0286 1.4853z"
|
|
182
|
+
fill="url(#${id}-f)"
|
|
183
|
+
/>
|
|
184
|
+
<path
|
|
185
|
+
d="m12.0681 28.0108v-1.9213c2.7573 0 4.4-2.8127 4.4-7.5194 0-4.7066-1.6707-8.65195-5.096-12.29995l1.402-1.318c3.778 4.01933 5.616 8.47535 5.616 13.61795 0 5.8207-2.4227 9.4407-6.322 9.4407z"
|
|
186
|
+
fill="url(#${id}-g)"
|
|
187
|
+
/>
|
|
188
|
+
<path
|
|
189
|
+
d="m12.0668 28.0108c-4.14936 0-6.52603-3.3787-6.52603-9.2734 0-6.8786 3.008-10.72197 5.82063-13.77597l1.4114 1.29933c-3.27669 3.56467-5.31003 6.88804-5.31003 12.47604 0 6.08 2.50667 7.352 4.60463 7.352v1.9213z"
|
|
190
|
+
fill="url(#${id}-h)"
|
|
191
|
+
/>
|
|
192
|
+
<g fill="${colors.iconGradientStart}">
|
|
193
|
+
<path
|
|
194
|
+
d="m6.92391 16.9455c1.24067 0 2.24667-1.006 2.24667-2.2467s-1.006-2.2467-2.24667-2.2467c-1.24066 0-2.24666 1.006-2.24666 2.2467s1.006 2.2467 2.24666 2.2467z"
|
|
195
|
+
/>
|
|
196
|
+
<path
|
|
197
|
+
d="m17.3094 20.8166c1.2407 0 2.2467-1.006 2.2467-2.2467s-1.006-2.2467-2.2467-2.2467-2.2467 1.006-2.2467 2.2467 1.006 2.2467 2.2467 2.2467z"
|
|
198
|
+
/>
|
|
199
|
+
<path
|
|
200
|
+
d="m12.066 7.44011c1.2407 0 2.2467-1.006 2.2467-2.24667 0-1.24066-1.006-2.24666-2.2467-2.24666s-2.24666 1.006-2.24666 2.24666c0 1.24067 1.00596 2.24667 2.24666 2.24667z"
|
|
201
|
+
/>
|
|
202
|
+
</g>
|
|
203
|
+
<path
|
|
204
|
+
d="m34.6727 21.2726-1.68 4.53h-3.0913l7.9273-20.12535h3.4907l7.9366 20.12535h-3.0913l-1.6893-4.5674c-1.81.3714-3.37.548-4.994.548-1.532 0-3.0914-.1853-4.8087-.52zm8.9767-2.33-4.0754-11.02802-4.0753 11.05602c1.504.2413 2.7573.3713 3.9827.3713 1.29 0 2.6086-.158 4.168-.3993z"
|
|
205
|
+
fill="url(#${id}-j)"
|
|
206
|
+
/>
|
|
207
|
+
<path
|
|
208
|
+
d="m56.3748 23.3242c.6126 0 1.1973-.1207 1.6526-.2134v2.5434c-.464.1206-.984.2413-1.7733.2413-3.2767 0-4.8733-1.9307-4.8733-4.7807v-8.178h-2.4787v-2.4506h2.4787v-3.24938h2.5713v3.24938h4.0753v2.4506h-4.0753v8.1227c0 1.346.798 2.2653 2.4227 2.2653z"
|
|
209
|
+
fill="url(#${id}-k)"
|
|
210
|
+
/>
|
|
211
|
+
<path
|
|
212
|
+
d="m65.044 25.8947c-2.516 0-4.1033-1.1973-4.1033-4.01v-17.80462h2.6366v17.49862c0 1.3834.9194 1.866 2.0514 1.866.2786 0 .464 0 .7613-.028v2.358c-.2133.0647-.6773.1207-1.346.1207z"
|
|
213
|
+
fill="url(#${id}-l)"
|
|
214
|
+
/>
|
|
215
|
+
<path
|
|
216
|
+
d="m90.5908 26.109c-2.302 0-4.168-.52-5.3287-1.1326v-2.7847c1.318.7613 3.5273 1.504 5.4493 1.504s3.0634-.826 3.0634-2.024-.8914-1.838-3.7967-2.5433c-3.3973-.826-4.836-2.1447-4.836-4.66 0-2.664 2.0513-4.2887 5.542-4.2887 1.996 0 3.7967.492 4.9293 1.1047v2.7293c-1.838-.9193-3.342-1.4113-4.9666-1.4113-1.9307 0-2.9707.6773-2.9707 1.866 0 1.0673.7333 1.7453 3.5553 2.4226 3.398.826 5.1154 2.0794 5.1154 4.7527s-1.6527 4.4747-5.7647 4.4747l.0093-.0094z"
|
|
217
|
+
fill="url(#${id}-m)"
|
|
218
|
+
/>
|
|
219
|
+
<path
|
|
220
|
+
d="m82.7488 23.4447c-.7427 0-1.0767-.3067-1.0767-1.29v-11.6693h-2.6367v2.692c-.9193-1.996-2.6366-2.9987-4.8733-2.9987-4.2887 0-6.4333 3.648-6.4333 7.9647 0 4.3166 2.0886 7.9646 6.2286 7.9646 2.6087 0 4.1307-1.1326 5.124-3.1193.232 1.894 1.42 2.896 3.11 2.896.5387 0 .91-.0467 1.1694-.1207v-2.358c-.3067.028-.334.028-.6127.028v.0094zm-3.7134-4.688c0 3.3973-2.1166 4.9013-4.4746 4.9013-2.7294 0-4.196-1.838-4.196-5.514s1.532-5.514 4.502-5.514c2.2373 0 4.168 1.504 4.168 4.9014v1.2253z"
|
|
221
|
+
fill="url(#${id}-n)"
|
|
222
|
+
/>`;
|
|
223
|
+
|
|
224
|
+
/**
|
|
225
|
+
* inverse icons use transparency to achieve a certain gradient effect, requiring a different SVG structure
|
|
226
|
+
*/
|
|
227
|
+
const inverseIconContents = `
|
|
228
|
+
<linearGradient id="${id}-inverse-a">
|
|
229
|
+
<stop offset="0" stop-color="#fff" stop-opacity=".6" />
|
|
230
|
+
<stop offset="1" stop-color="#fff" />
|
|
231
|
+
</linearGradient>
|
|
232
|
+
<linearGradient id="${id}-inverse-b" gradientUnits="userSpaceOnUse" x1="95.6972" x2="29.2126" xlink:href="#${id}-inverse-a"
|
|
233
|
+
y1="-1.88441" y2="20.5989" />
|
|
234
|
+
<linearGradient id="${id}-inverse-c" gradientUnits="userSpaceOnUse" x1="97.0604" x2="30.5757" xlink:href="#${id}-inverse-a"
|
|
235
|
+
y1="2.13449" y2="24.6178" />
|
|
236
|
+
<linearGradient id="${id}-inverse-d" gradientUnits="userSpaceOnUse" x1="97.5154" x2="31.0315" xlink:href="#${id}-inverse-a"
|
|
237
|
+
y1="3.49308" y2="25.9764" />
|
|
238
|
+
<linearGradient id="${id}-inverse-e" gradientUnits="userSpaceOnUse" x1="101.279" x2="34.794" xlink:href="#${id}-inverse-a"
|
|
239
|
+
y1="14.5962" y2="37.0882" />
|
|
240
|
+
<linearGradient id="${id}-inverse-f" gradientUnits="userSpaceOnUse" x1="99.9384" x2="33.4544" xlink:href="#${id}-inverse-a"
|
|
241
|
+
y1="10.6359" y2="33.1192" />
|
|
242
|
+
<linearGradient id="${id}-inverse-g" gradientUnits="userSpaceOnUse" x1="9.22533" x2="4.69333" y1="25.3248"
|
|
243
|
+
y2="5.13609">
|
|
244
|
+
<stop offset="0" stop-color="#fff" />
|
|
245
|
+
<stop offset=".17" stop-color="#fff" stop-opacity=".91" />
|
|
246
|
+
<stop offset=".5" stop-color="#fff" stop-opacity=".74" />
|
|
247
|
+
<stop offset=".76" stop-color="#fff" stop-opacity=".64" />
|
|
248
|
+
<stop offset=".92" stop-color="#fff" stop-opacity=".6" />
|
|
249
|
+
</linearGradient>
|
|
250
|
+
<linearGradient id="${id}-inverse-h">
|
|
251
|
+
<stop offset="0" stop-color="#fff" />
|
|
252
|
+
<stop offset=".18" stop-color="#fff" stop-opacity=".91" />
|
|
253
|
+
<stop offset=".55" stop-color="#fff" stop-opacity=".74" />
|
|
254
|
+
<stop offset=".83" stop-color="#fff" stop-opacity=".64" />
|
|
255
|
+
<stop offset="1" stop-color="#fff" stop-opacity=".6" />
|
|
256
|
+
</linearGradient>
|
|
257
|
+
<linearGradient id="${id}-inverse-i" gradientUnits="userSpaceOnUse" x1="6.76069" x2="16.4834" xlink:href="#${id}-inverse-h"
|
|
258
|
+
y1="15.0061" y2="18.9068" />
|
|
259
|
+
<linearGradient id="${id}-inverse-j" gradientUnits="userSpaceOnUse" x1="18.7907" x2="16.8967" xlink:href="#${id}-inverse-h"
|
|
260
|
+
y1="3.59276" y2="23.2521" />
|
|
261
|
+
<linearGradient id="${id}-inverse-k" gradientUnits="userSpaceOnUse" x1="14.886" x2="14.886" y1="28.5366"
|
|
262
|
+
y2="5.46924">
|
|
263
|
+
<stop offset=".1" stop-color="#fff" />
|
|
264
|
+
<stop offset=".27" stop-color="#fff" stop-opacity=".91" />
|
|
265
|
+
<stop offset=".59" stop-color="#fff" stop-opacity=".74" />
|
|
266
|
+
<stop offset=".85" stop-color="#fff" stop-opacity=".64" />
|
|
267
|
+
<stop offset="1" stop-color="#fff" stop-opacity=".6" />
|
|
268
|
+
</linearGradient>
|
|
269
|
+
<linearGradient id="${id}-inverse-l" gradientUnits="userSpaceOnUse" x1="8.63728" x2="10.0113" y1="5.09736"
|
|
270
|
+
y2="26.7354">
|
|
271
|
+
<stop offset=".03" stop-color="#fff" />
|
|
272
|
+
<stop offset=".1" stop-color="#fff" stop-opacity=".9" />
|
|
273
|
+
<stop offset=".29" stop-color="#fff" stop-opacity=".68" />
|
|
274
|
+
<stop offset=".38" stop-color="#fff" stop-opacity=".6" />
|
|
275
|
+
<stop offset=".59" stop-color="#fff" stop-opacity=".6" />
|
|
276
|
+
<stop offset=".65" stop-color="#fff" stop-opacity=".65" />
|
|
277
|
+
<stop offset=".76" stop-color="#fff" stop-opacity=".77" />
|
|
278
|
+
<stop offset=".91" stop-color="#fff" stop-opacity=".96" />
|
|
279
|
+
<stop offset=".94" stop-color="#fff" />
|
|
280
|
+
</linearGradient>
|
|
281
|
+
<path
|
|
282
|
+
d="m34.6712 21.2863-1.68 4.5299h-3.0913l7.9273-20.12528h3.4907l7.9367 20.12528h-3.0914l-1.6893-4.5673c-1.81.3714-3.37.548-4.994.548-1.532 0-3.0913-.1853-4.8087-.52zm8.9767-2.33-4.0753-11.02805-4.0754 11.05605c1.504.2413 2.7574.3713 3.9827.3713 1.29 0 2.6087-.158 4.168-.3993z"
|
|
283
|
+
fill="url(#${id}-inverse-b)" />
|
|
284
|
+
<path
|
|
285
|
+
d="m56.3731 23.3378c.6126 0 1.1973-.1206 1.6526-.2133v2.5433c-.464.1207-.984.2414-1.7733.2414-3.2767 0-4.8733-1.9307-4.8733-4.7807v-8.178h-2.4787v-2.4507h2.4787v-3.24931h2.5713v3.24931h4.0753v2.4507h-4.0753v8.1227c0 1.346.798 2.2653 2.4227 2.2653z"
|
|
286
|
+
fill="url(#${id}-inverse-c)" />
|
|
287
|
+
<path
|
|
288
|
+
d="m65.0428 25.9084c-2.516 0-4.1033-1.1973-4.1033-4.01v-17.80465h2.6366v17.49865c0 1.3833.9193 1.866 2.0513 1.866.2787 0 .464 0 .7614-.028v2.358c-.2134.0647-.6774.1207-1.346.1207z"
|
|
289
|
+
fill="url(#${id}-inverse-d)" />
|
|
290
|
+
<path
|
|
291
|
+
d="m90.5893 26.1222c-2.302 0-4.168-.52-5.3287-1.1327v-2.7846c1.318.7613 3.5274 1.504 5.4494 1.504s3.0633-.826 3.0633-2.024-.8913-1.838-3.7967-2.5434c-3.3973-.826-4.836-2.1446-4.836-4.66 0-2.664 2.0514-4.2886 5.542-4.2886 1.996 0 3.7967.492 4.9294 1.1046v2.7294c-1.838-.9194-3.342-1.4114-4.9667-1.4114-1.9307 0-2.9707.6774-2.9707 1.866 0 1.0674.7334 1.7454 3.5554 2.4227 3.398.826 5.1153 2.0793 5.1153 4.7527 0 2.6733-1.6527 4.4746-5.7647 4.4746l.0094-.0093z"
|
|
292
|
+
fill="url(#${id}-inverse-e)" />
|
|
293
|
+
<path
|
|
294
|
+
d="m82.747 23.4579c-.7426 0-1.0766-.3067-1.0766-1.29v-11.6693h-2.6367v2.692c-.9193-1.996-2.6367-2.9987-4.8733-2.9987-4.2887 0-6.4333 3.648-6.4333 7.9647 0 4.3166 2.0886 7.9646 6.2286 7.9646 2.6087 0 4.1307-1.1326 5.124-3.1193.232 1.894 1.42 2.896 3.11 2.896.5387 0 .91-.0467 1.1693-.1207v-2.358c-.3066.028-.334.028-.6126.028v.0094zm-3.7133-4.688c0 3.3973-2.1166 4.9013-4.4746 4.9013-2.7294 0-4.1961-1.838-4.1961-5.514s1.5321-5.514 4.5021-5.514c2.2373 0 4.1679 1.504 4.1679 4.9014v1.2253z"
|
|
295
|
+
fill="url(#${id}-inverse-f)" />
|
|
296
|
+
<path
|
|
297
|
+
d="m12.0727 6.31409v-1.922c-6.6587 0-12.0727 5.414-12.0727 12.07201 0 .6873.0653333 1.356.167333 2.0153 0 .028 0 .0654.009334.0927 1.002663 5.6553 5.943333 9.9647 11.886633 9.9647v-1.922c-5.0333 0-9.2213-3.6774-10.01063-8.488-.06534-.4827.074-.9754.39-1.3654.50133-.6126 1.402-.938 2.6-.938.63133 0 1.226.0834 1.848.2507v-1.9687c-.60334-.13-1.20734-.1953-1.848-.1953-1.30934 0-2.266.2973-2.95334.6967.882-4.71738 5.024-8.29271 9.98267-8.29271z"
|
|
298
|
+
fill="url(#${id}-inverse-g)" />
|
|
299
|
+
<path
|
|
300
|
+
d="m14.032 16.9475c-.464-.204-.9846-.446-1.5786-.706-.3434-.1487-.678-.2974-.9934-.4367-1.80131-.7987-3.18531-1.4113-4.56864-1.6993v1.9686c1.04933.2787 2.19133.78 3.78864 1.486.316.1394.65.288 1.0027.4367.5853.26 1.1053.492 1.56.6967 1.6807.752 2.6933 1.2073 3.9747 1.4673l.3713-1.8853c-1.068-.2134-1.95-.6034-3.5567-1.328z"
|
|
301
|
+
fill="url(#${id}-inverse-i)" />
|
|
302
|
+
<path
|
|
303
|
+
d="m24.1354 16.2508v-.4734c-.3713-6.34264-5.6367-11.38531-12.0633-11.38531v1.922c5.5253 0 10.0293 4.42931 10.1406 9.92731-.0093.3807-.1206.882-.52 1.3187-.52.5667-1.4206.8633-2.6093.8633-.5107 0-1.0027-.0466-1.5047-.1486l-.3713 1.8853c.622.1207 1.2353.186 1.876.186 1.0587 0 1.8947-.186 2.5353-.464-1.402 3.9187-5.1633 6.7327-9.556 6.7327v1.922c6.6587 0 12.0727-5.414 12.0727-12.0727 0-.074 0-.1393 0-.2133z"
|
|
304
|
+
fill="url(#${id}-inverse-j)" />
|
|
305
|
+
<path
|
|
306
|
+
d="m12.0727 28.5366v-1.922c2.758 0 4.402-2.814 4.402-7.522s-1.6713-8.6554-5.098-12.3047l1.402-1.31866c3.7793 4.02133 5.618 8.47866 5.618 13.62336 0 5.8226-2.424 9.4446-6.324 9.4446z"
|
|
307
|
+
fill="url(#${id}-inverse-k)" />
|
|
308
|
+
<path
|
|
309
|
+
d="m12.0726 28.5367c-4.15132 0-6.52865-3.38-6.52865-9.2773 0-6.8814 3.00866-10.72604 5.82265-13.78137l1.4113 1.3c-3.27795 3.56597-5.31195 6.89067-5.31195 12.48137 0 6.0826 2.50733 7.3546 4.60595 7.3546v1.922z"
|
|
310
|
+
fill="url(#${id}-inverse-l)" />
|
|
311
|
+
<g fill="#fff">
|
|
312
|
+
<path
|
|
313
|
+
d="m6.928 17.4673c1.24117 0 2.24733-1.0061 2.24733-2.2473s-1.00616-2.2473-2.24733-2.2473-2.24734 1.0061-2.24734 2.2473 1.00617 2.2473 2.24734 2.2473z" />
|
|
314
|
+
<path
|
|
315
|
+
d="m17.3194 21.3399c1.2411 0 2.2473-1.0062 2.2473-2.2474 0-1.2411-1.0062-2.2473-2.2473-2.2473-1.2412 0-2.2474 1.0062-2.2474 2.2473 0 1.2412 1.0062 2.2474 2.2474 2.2474z" />
|
|
316
|
+
<path
|
|
317
|
+
d="m12.0728 7.95805c1.2411 0 2.2473-1.00617 2.2473-2.24734s-1.0062-2.24733-2.2473-2.24733c-1.2412 0-2.24736 1.00616-2.24736 2.24733s1.00616 2.24734 2.24736 2.24734z" />
|
|
318
|
+
</g>
|
|
319
|
+
`;
|
|
320
|
+
return `<svg
|
|
321
|
+
fill="none"
|
|
322
|
+
height="32"
|
|
323
|
+
viewBox="0 0 97 32"
|
|
324
|
+
width="97"
|
|
325
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
326
|
+
xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
327
|
+
>
|
|
328
|
+
${appearance === 'inverse' ? inverseIconContents : baseIconContents}
|
|
329
|
+
</svg>`;
|
|
330
|
+
};
|
|
331
|
+
|
|
332
|
+
/**
|
|
333
|
+
* __Atlas logo__
|
|
334
|
+
*
|
|
335
|
+
* The Atlas logo with both the wordmark and the icon combined.
|
|
336
|
+
*
|
|
337
|
+
* - [Examples](https://atlassian.design/components/logo/examples)
|
|
338
|
+
* - [Code](https://atlassian.design/components/logo/code)
|
|
339
|
+
* - [Usage](https://atlassian.design/components/logo/usage)
|
|
340
|
+
*/
|
|
341
|
+
export const AtlasLogo = ({
|
|
342
|
+
appearance,
|
|
343
|
+
label = 'Atlas',
|
|
344
|
+
size = defaultLogoParams.size,
|
|
345
|
+
testId
|
|
346
|
+
}) => /*#__PURE__*/React.createElement(Wrapper, {
|
|
347
|
+
appearance: appearance,
|
|
348
|
+
label: label,
|
|
349
|
+
size: size,
|
|
350
|
+
svg: svg({
|
|
351
|
+
appearance
|
|
352
|
+
}),
|
|
353
|
+
testId: testId
|
|
354
|
+
});
|
package/dist/es2019/index.js
CHANGED
|
@@ -17,4 +17,5 @@ export { JiraWorkManagementLogo, JiraWorkManagementWordmark, JiraWorkManagementI
|
|
|
17
17
|
export { OpsGenieIcon, OpsGenieLogo, OpsGenieWordmark, OpsgenieIcon, OpsgenieLogo, OpsgenieWordmark } from './opsgenie-logo';
|
|
18
18
|
export { StatuspageIcon, StatuspageLogo, StatuspageWordmark } from './statuspage-logo';
|
|
19
19
|
export { StrideIcon, StrideLogo, StrideWordmark } from './stride-logo';
|
|
20
|
-
export { TrelloIcon, TrelloLogo, TrelloWordmark } from './trello-logo';
|
|
20
|
+
export { TrelloIcon, TrelloLogo, TrelloWordmark } from './trello-logo';
|
|
21
|
+
export { AtlasIcon, AtlasLogo } from './atlas-logo';
|
|
@@ -70,7 +70,7 @@ const svg = ({
|
|
|
70
70
|
* - [Code](https://atlassian.design/components/logo/code)
|
|
71
71
|
* - [Usage](https://atlassian.design/components/logo/usage)
|
|
72
72
|
*/
|
|
73
|
-
export const
|
|
73
|
+
export const AtlasLogo = ({
|
|
74
74
|
appearance,
|
|
75
75
|
label = 'Trello',
|
|
76
76
|
size = defaultLogoParams.size,
|
package/dist/es2019/version.json
CHANGED
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
/* eslint-disable max-len */
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { uid } from 'react-uid';
|
|
4
|
+
import { B400 } from '@atlaskit/theme/colors';
|
|
5
|
+
import { defaultLogoParams } from '../constants';
|
|
6
|
+
import Wrapper from '../wrapper';
|
|
7
|
+
var svg = function svg(_ref) {
|
|
8
|
+
var appearance = _ref.appearance;
|
|
9
|
+
// Will be fixed upon removal of deprecated iconGradientStart and
|
|
10
|
+
// iconGradientStop props, or with React 18's useId() hook when we update.
|
|
11
|
+
// eslint-disable-next-line @repo/internal/react/disallow-unstable-values
|
|
12
|
+
var id = uid({
|
|
13
|
+
appearance: appearance
|
|
14
|
+
});
|
|
15
|
+
|
|
16
|
+
// Brand
|
|
17
|
+
var colors = {
|
|
18
|
+
iconGradientStart: '#1D7AFC',
|
|
19
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
20
|
+
iconGradientMid: B400,
|
|
21
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
22
|
+
iconGradientStop: B400
|
|
23
|
+
};
|
|
24
|
+
if (appearance === 'neutral') {
|
|
25
|
+
colors = {
|
|
26
|
+
iconGradientStart: '#758195',
|
|
27
|
+
iconGradientMid: '#596A85',
|
|
28
|
+
iconGradientStop: '#2C3E5D'
|
|
29
|
+
};
|
|
30
|
+
}
|
|
31
|
+
var baseIconContents = "\n <linearGradient\n id=\"".concat(id, "-a\"\n gradientUnits=\"userSpaceOnUse\"\n x1=\"10.6592\"\n x2=\"9.74055\"\n y1=\"28.7353\"\n y2=\"4.626\"\n >\n <stop offset=\".5\" stop-color=\"").concat(colors.iconGradientStart, "\" />\n <stop offset=\"1\" stop-color=\"").concat(colors.iconGradientStop, "\" />\n </linearGradient>\n <linearGradient id=\"").concat(id, "-b\">\n <stop offset=\"0\" stop-color=\"").concat(colors.iconGradientMid, "\" />\n <stop offset=\"1\" stop-color=\"").concat(colors.iconGradientStop, "\" />\n </linearGradient>\n <linearGradient\n id=\"").concat(id, "-c\"\n gradientUnits=\"userSpaceOnUse\"\n x1=\"28.2733\"\n x2=\"17.5886\"\n xlink:href=\"#").concat(id, "-b\"\n y1=\"17.5235\"\n y2=\"28.5702\"\n />\n <linearGradient\n id=\"").concat(id, "-d\"\n gradientUnits=\"userSpaceOnUse\"\n x1=\"22.0338\"\n x2=\"22.0338\"\n y1=\"4.39582\"\n y2=\"16.4638\"\n >\n <stop offset=\"0\" stop-color=\"").concat(colors.iconGradientStart, "\" />\n <stop offset=\".59\" stop-color=\"").concat(colors.iconGradientStart, "\" />\n <stop offset=\"1\" stop-color=\"").concat(colors.iconGradientStop, "\" />\n </linearGradient>\n <linearGradient\n id=\"").concat(id, "-e\"\n gradientUnits=\"userSpaceOnUse\"\n x1=\"4.04047\"\n x2=\"21.5118\"\n y1=\"17.0305\"\n y2=\"17.0305\"\n >\n <stop offset=\".26\" stop-color=\"").concat(colors.iconGradientStart, "\" />\n <stop offset=\"1\" stop-color=\"").concat(colors.iconGradientStop, "\" />\n </linearGradient>\n <linearGradient\n id=\"").concat(id, "-f\"\n gradientUnits=\"userSpaceOnUse\"\n x1=\"23.0712\"\n x2=\"26.8865\"\n xlink:href=\"#").concat(id, "-b\"\n y1=\"19.8515\"\n y2=\"15.7949\"\n />\n <linearGradient\n id=\"").concat(id, "-g\"\n gradientUnits=\"userSpaceOnUse\"\n x1=\"18.8126\"\n x2=\"18.8126\"\n y1=\"28.5318\"\n y2=\"5.47314\"\n >\n <stop offset=\".36\" stop-color=\"").concat(colors.iconGradientStart, "\" />\n <stop offset=\"1\" stop-color=\"").concat(colors.iconGradientStop, "\" />\n </linearGradient>\n <linearGradient\n id=\"").concat(id, "-h\"\n gradientUnits=\"userSpaceOnUse\"\n x1=\"13.0887\"\n x2=\"13.0887\"\n y1=\"28.5318\"\n y2=\"5.48176\"\n >\n <stop offset=\".06\" stop-color=\"").concat(colors.iconGradientStart, "\" />\n <stop offset=\".58\" stop-color=\"").concat(colors.iconGradientStop, "\" />\n <stop offset=\"1\" stop-color=\"").concat(colors.iconGradientStart, "\" />\n </linearGradient>\n <path\n d=\"m15.9999 28.532c-6.65602 0-12.06802-5.412-12.06802-12.068s5.412-12.068 12.06802-12.068v1.92133c-5.5973 0-10.14602 4.54867-10.14602 10.14597 0 5.5974 4.54872 10.146 10.14602 10.146v1.9214z\"\n fill=\"url(#").concat(id, "-a)\"\n />\n <path\n d=\"m15.9999 28.5322v-1.9214c5.5974 0 10.146-4.5486 10.146-10.146h1.9214c0 6.656-5.412 12.068-12.068 12.068z\"\n fill=\"url(#").concat(id, "-c)\"\n />\n <path\n d=\"m28.0678 16.4638h-1.9213c0-5.5973-4.5487-10.14598-10.146-10.14598v-1.92134c6.656 0 12.068 5.41201 12.068 12.06802z\"\n fill=\"url(#").concat(id, "-d)\"\n />\n <path\n d=\"m21.1405 20.1585c-1.2814-.2506-2.2927-.7053-3.9734-1.4666-.464-.204-.9746-.436-1.5593-.696-.3527-.158-.6773-.2974-1.0027-.436-2.534-1.1234-3.9266-1.736-5.63463-1.736-1.19733 0-2.098.3246-2.59933.9373-.34334.4087-.48267.9373-.38067 1.448l-1.88467.362c-.204-1.0767.074-2.1813.78-3.0353.61267-.7427 1.81934-1.634 4.08467-1.634 2.11663 0 3.82463.7613 6.41463 1.9033.3154.1393.6407.288.9934.436.594.26 1.114.492 1.578.7053 1.606.724 2.488 1.1234 3.5553 1.3274z\"\n fill=\"url(#").concat(id, "-e)\"\n />\n <path\n d=\"m23.0172 20.3442c-.6407 0-1.2534-.056-1.8754-.1853l.3714-1.8847c.5013.102.9933.1487 1.504.1487 1.188 0 2.0886-.2974 2.6086-.8634s.5387-1.2533.5107-1.6153l1.912-.1673c.102 1.1693-.2507 2.2653-1.0027 3.082-.622.6773-1.8193 1.4853-4.0286 1.4853z\"\n fill=\"url(#").concat(id, "-f)\"\n />\n <path\n d=\"m16 28.5318v-1.9213c2.7573 0 4.4-2.8127 4.4-7.5194 0-4.7066-1.6707-8.652-5.096-12.29996l1.402-1.318c3.778 4.01934 5.616 8.47536 5.616 13.61796 0 5.8207-2.4227 9.4407-6.322 9.4407z\"\n fill=\"url(#").concat(id, "-g)\"\n />\n <path\n d=\"m15.9987 28.5318c-4.1494 0-6.52604-3.3787-6.52604-9.2734 0-6.8786 3.00804-10.72198 5.82064-13.77598l1.4114 1.29934c-3.2767 3.56464-5.31 6.88804-5.31 12.47604 0 6.08 2.5066 7.352 4.6046 7.352v1.9213z\"\n fill=\"url(#").concat(id, "-h)\"\n />\n <g fill=\"").concat(colors.iconGradientStart, "\">\n <path\n d=\"m10.8565 17.4665c1.2407 0 2.2467-1.006 2.2467-2.2467s-1.006-2.2467-2.2467-2.2467c-1.24064 0-2.24664 1.006-2.24664 2.2467s1.006 2.2467 2.24664 2.2467z\"\n />\n <path\n d=\"m21.2418 21.3381c1.2407 0 2.2467-1.006 2.2467-2.2467s-1.006-2.2467-2.2467-2.2467-2.2467 1.006-2.2467 2.2467 1.006 2.2467 2.2467 2.2467z\"\n />\n <path\n d=\"m15.9979 7.96062c1.2407 0 2.2467-1.006 2.2467-2.24667 0-1.24066-1.006-2.24666-2.2467-2.24666s-2.2467 1.006-2.2467 2.24666c0 1.24067 1.006 2.24667 2.2467 2.24667z\"\n />\n </g>");
|
|
32
|
+
|
|
33
|
+
/**
|
|
34
|
+
* inverse icons use transparency to achieve a certain gradient effect, requiring a different SVG structure
|
|
35
|
+
*/
|
|
36
|
+
var inverseIconContents = "\n <linearGradient id=\"".concat(id, "-inverse-a\" gradientUnits=\"userSpaceOnUse\" x1=\"13.1575\" x2=\"8.62613\" y1=\"25.3248\"\n y2=\"5.13609\">\n <stop offset=\"0\" stop-color=\"#fff\" />\n <stop offset=\".17\" stop-color=\"#fff\" stop-opacity=\".91\" />\n <stop offset=\".5\" stop-color=\"#fff\" stop-opacity=\".74\" />\n <stop offset=\".76\" stop-color=\"#fff\" stop-opacity=\".64\" />\n <stop offset=\".92\" stop-color=\"#fff\" stop-opacity=\".6\" />\n </linearGradient>\n <linearGradient id=\"").concat(id, "-inverse-b\">\n <stop offset=\"0\" stop-color=\"#fff\" />\n <stop offset=\".18\" stop-color=\"#fff\" stop-opacity=\".91\" />\n <stop offset=\".55\" stop-color=\"#fff\" stop-opacity=\".74\" />\n <stop offset=\".83\" stop-color=\"#fff\" stop-opacity=\".64\" />\n <stop offset=\"1\" stop-color=\"#fff\" stop-opacity=\".6\" />\n </linearGradient>\n <linearGradient id=\"").concat(id, "-inverse-c\" gradientUnits=\"userSpaceOnUse\" x1=\"10.6926\" x2=\"20.4159\" xlink:href=\"#").concat(id, "-inverse-b\"\n y1=\"15.0061\" y2=\"18.9068\" />\n <linearGradient id=\"").concat(id, "-inverse-d\" gradientUnits=\"userSpaceOnUse\" x1=\"22.7236\" x2=\"20.8289\" xlink:href=\"#").concat(id, "-inverse-b\"\n y1=\"3.59276\" y2=\"23.2521\" />\n <linearGradient id=\"").concat(id, "-inverse-e\" gradientUnits=\"userSpaceOnUse\" x1=\"18.8186\" x2=\"18.8186\" y1=\"28.5366\"\n y2=\"5.46924\"> <stop offset=\".1\" stop-color=\"#fff\" />\n <stop offset=\".27\" stop-color=\"#fff\" stop-opacity=\".91\" />\n <stop offset=\".59\" stop-color=\"#fff\" stop-opacity=\".74\" />\n <stop offset=\".85\" stop-color=\"#fff\" stop-opacity=\".64\" />\n <stop offset=\"1\" stop-color=\"#fff\" stop-opacity=\".6\" />\n </linearGradient>\n <linearGradient id=\"").concat(id, "-inverse-f\" gradientUnits=\"userSpaceOnUse\" x1=\"12.5694\" x2=\"13.9441\" y1=\"5.09736\"\n y2=\"26.7354\">\n <stop offset=\".03\" stop-color=\"#fff\" />\n <stop offset=\".1\" stop-color=\"#fff\" stop-opacity=\".9\" />\n <stop offset=\".29\" stop-color=\"#fff\" stop-opacity=\".68\" />\n <stop offset=\".38\" stop-color=\"#fff\" stop-opacity=\".6\" />\n <stop offset=\".59\" stop-color=\"#fff\" stop-opacity=\".6\" />\n <stop offset=\".65\" stop-color=\"#fff\" stop-opacity=\".65\" />\n <stop offset=\".76\" stop-color=\"#fff\" stop-opacity=\".77\" />\n <stop offset=\".91\" stop-color=\"#fff\" stop-opacity=\".96\" />\n <stop offset=\".94\" stop-color=\"#fff\" />\n </linearGradient>\n <path\n d=\"m16.0048 6.31409v-1.922c-6.65867 0-12.07267 5.414-12.07267 12.07201 0 .6873.06533 1.356.16733 2.0153 0 .028 0 .0654.00934.0927 1.00266 5.6553 5.9433 9.9647 11.8867 9.9647v-1.922c-5.0334 0-9.22137-3.6774-10.0107-8.488-.06534-.4827.074-.9754.39-1.3654.50133-.6126 1.402-.938 2.6-.938.63133 0 1.226.0834 1.848.2507v-1.9687c-.6033-.13-1.20734-.1953-1.848-.1953-1.30934 0-2.266.2973-2.95334.6967.882-4.71738 5.02404-8.29271 9.98264-8.29271z\"\n fill=\"url(#").concat(id, "-inverse-a)\" />\n <path\n d=\"m17.9639 16.9475c-.464-.204-.9847-.446-1.5787-.706-.3433-.1487-.678-.2974-.9933-.4367-1.8013-.7987-3.1853-1.4113-4.5687-1.6993v1.9686c1.0494.2787 2.1914.78 3.7887 1.486.316.1394.65.288 1.0027.4367.5853.26 1.1053.492 1.56.6967 1.6806.752 2.6933 1.2073 3.9746 1.4673l.3714-1.8853c-1.068-.2134-1.95-.6034-3.5567-1.328z\"\n fill=\"url(#").concat(id, "-inverse-c)\" />\n <path\n d=\"m28.0683 16.2508v-.4734c-.3714-6.34264-5.6367-11.38531-12.0634-11.38531v1.922c5.5254 0 10.0294 4.42931 10.1407 9.92731-.0093.3807-.1207.882-.52 1.3187-.52.5667-1.4207.8633-2.6093.8633-.5107 0-1.0027-.0466-1.5047-.1486l-.3713 1.8853c.622.1207 1.2353.186 1.876.186 1.0586 0 1.8946-.186 2.5353-.464-1.402 3.9187-5.1633 6.7327-9.556 6.7327v1.922c6.6587 0 12.0727-5.414 12.0727-12.0727 0-.074 0-.1393 0-.2133z\"\n fill=\"url(#").concat(id, "-inverse-d)\" />\n <path\n d=\"m16.0046 28.5366v-1.922c2.758 0 4.402-2.814 4.402-7.522s-1.6713-8.6554-5.098-12.3047l1.402-1.31866c3.7793 4.02133 5.618 8.47866 5.618 13.62336 0 5.8226-2.424 9.4446-6.324 9.4446z\"\n fill=\"url(#").concat(id, "-inverse-e)\" />\n <path\n d=\"m16.0047 28.5367c-4.1513 0-6.52863-3.38-6.52863-9.2773 0-6.8814 3.00863-10.72604 5.82263-13.78137l1.4114 1.3c-3.278 3.56597-5.312 6.89067-5.312 12.48137 0 6.0826 2.5073 7.3546 4.606 7.3546v1.922z\"\n fill=\"url(#").concat(id, "-inverse-f)\" />\n <g fill=\"#fff\">\n <path\n d=\"m10.8601 17.4673c1.2412 0 2.2474-1.0061 2.2474-2.2473s-1.0062-2.2473-2.2474-2.2473c-1.24114 0-2.24731 1.0061-2.24731 2.2473s1.00617 2.2473 2.24731 2.2473z\" />\n <path\n d=\"m21.2512 21.3399c1.2412 0 2.2474-1.0062 2.2474-2.2474 0-1.2411-1.0062-2.2473-2.2474-2.2473-1.2411 0-2.2473 1.0062-2.2473 2.2473 0 1.2412 1.0062 2.2474 2.2473 2.2474z\" />\n <path\n d=\"m16.0047 7.95805c1.2411 0 2.2473-1.00617 2.2473-2.24734s-1.0062-2.24733-2.2473-2.24733c-1.2412 0-2.2474 1.00616-2.2474 2.24733s1.0062 2.24734 2.2474 2.24734z\" />\n </g>");
|
|
37
|
+
return "<svg\n fill=\"none\"\n height=\"32\"\n viewBox=\"0 0 32 32\"\n width=\"32\"\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n>\n ".concat(appearance === 'inverse' ? inverseIconContents : baseIconContents, "\n</svg>");
|
|
38
|
+
};
|
|
39
|
+
|
|
40
|
+
/**
|
|
41
|
+
* __Atlas logo__
|
|
42
|
+
*
|
|
43
|
+
* The Atlas icon without an accompanying wordmark.
|
|
44
|
+
*
|
|
45
|
+
* - [Examples](https://atlassian.design/components/logo/examples)
|
|
46
|
+
* - [Code](https://atlassian.design/components/logo/code)
|
|
47
|
+
* - [Usage](https://atlassian.design/components/logo/usage)
|
|
48
|
+
*/
|
|
49
|
+
export var AtlasIcon = function AtlasIcon(_ref2) {
|
|
50
|
+
var appearance = _ref2.appearance,
|
|
51
|
+
_ref2$label = _ref2.label,
|
|
52
|
+
label = _ref2$label === void 0 ? 'Atlas' : _ref2$label,
|
|
53
|
+
_ref2$size = _ref2.size,
|
|
54
|
+
size = _ref2$size === void 0 ? defaultLogoParams.size : _ref2$size,
|
|
55
|
+
testId = _ref2.testId;
|
|
56
|
+
return /*#__PURE__*/React.createElement(Wrapper, {
|
|
57
|
+
appearance: appearance,
|
|
58
|
+
label: label,
|
|
59
|
+
svg: svg({
|
|
60
|
+
appearance: appearance
|
|
61
|
+
}),
|
|
62
|
+
size: size,
|
|
63
|
+
testId: testId
|
|
64
|
+
});
|
|
65
|
+
};
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
/* eslint-disable max-len */
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { uid } from 'react-uid';
|
|
4
|
+
import { B400 } from '@atlaskit/theme/colors';
|
|
5
|
+
import { defaultLogoParams } from '../constants';
|
|
6
|
+
import Wrapper from '../wrapper';
|
|
7
|
+
var svg = function svg(_ref) {
|
|
8
|
+
var appearance = _ref.appearance;
|
|
9
|
+
// Will be fixed upon removal of deprecated iconGradientStart and
|
|
10
|
+
// iconGradientStop props, or with React 18's useId() hook when we update.
|
|
11
|
+
// eslint-disable-next-line @repo/internal/react/disallow-unstable-values
|
|
12
|
+
var id = uid({
|
|
13
|
+
appearance: appearance
|
|
14
|
+
});
|
|
15
|
+
|
|
16
|
+
// Brand
|
|
17
|
+
var colors = {
|
|
18
|
+
iconGradientStart: '#1d7afc',
|
|
19
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
20
|
+
iconGradientMid: B400,
|
|
21
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
22
|
+
iconGradientStop: B400,
|
|
23
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
24
|
+
textStart: B400
|
|
25
|
+
};
|
|
26
|
+
if (appearance === 'neutral') {
|
|
27
|
+
colors = {
|
|
28
|
+
iconGradientStart: '#758195',
|
|
29
|
+
iconGradientMid: '#596a85',
|
|
30
|
+
iconGradientStop: '#2c3e5d',
|
|
31
|
+
textStart: '#758195'
|
|
32
|
+
};
|
|
33
|
+
}
|
|
34
|
+
var baseIconContents = "\n <linearGradient\n id=\"".concat(id, "-a\"\n gradientUnits=\"userSpaceOnUse\"\n x1=\"6.72733\"\n x2=\"5.808\"\n y1=\"28.2142\"\n y2=\"4.10482\"\n >\n <stop offset=\".5\" stop-color=\"").concat(colors.iconGradientStart, "\" />\n <stop offset=\"1\" stop-color=\"").concat(colors.iconGradientStop, "\" />\n </linearGradient>\n <linearGradient id=\"").concat(id, "-b\">\n <stop offset=\"0\" stop-color=\"").concat(colors.iconGradientMid, "\" />\n <stop offset=\"1\" stop-color=\"").concat(colors.iconGradientStop, "\" />\n </linearGradient>\n <linearGradient\n id=\"").concat(id, "-c\"\n gradientUnits=\"userSpaceOnUse\"\n x1=\"24.3414\"\n x2=\"13.6567\"\n xlink:href=\"#").concat(id, "-b\"\n y1=\"17.0027\"\n y2=\"28.0494\"\n />\n <linearGradient\n id=\"").concat(id, "-d\"\n gradientUnits=\"userSpaceOnUse\"\n x1=\"18.1021\"\n x2=\"18.1021\"\n y1=\"3.87549\"\n y2=\"15.9428\"\n >\n <stop offset=\"0\" stop-color=\"").concat(colors.iconGradientStart, "\" />\n <stop offset=\".59\" stop-color=\"").concat(colors.iconGradientStart, "\" />\n <stop offset=\"1\" stop-color=\"").concat(colors.iconGradientStop, "\" />\n </linearGradient>\n <linearGradient\n id=\"").concat(id, "-e\"\n gradientUnits=\"userSpaceOnUse\"\n x1=\".108585\"\n x2=\"17.5793\"\n y1=\"16.5093\"\n y2=\"16.5093\"\n >\n <stop offset=\".26\" stop-color=\"").concat(colors.iconGradientStart, "\" />\n <stop offset=\"1\" stop-color=\"").concat(colors.iconGradientStop, "\" />\n </linearGradient>\n <linearGradient\n id=\"").concat(id, "-f\"\n gradientUnits=\"userSpaceOnUse\"\n x1=\"19.1392\"\n x2=\"22.9546\"\n xlink:href=\"#").concat(id, "-b\"\n y1=\"19.33\"\n y2=\"15.2734\"\n />\n <linearGradient\n id=\"").concat(id, "-g\"\n gradientUnits=\"userSpaceOnUse\"\n x1=\"14.8807\"\n x2=\"14.8807\"\n y1=\"28.0108\"\n y2=\"4.95215\"\n >\n <stop offset=\".36\" stop-color=\"").concat(colors.iconGradientStart, "\" />\n <stop offset=\"1\" stop-color=\"").concat(colors.iconGradientStop, "\" />\n </linearGradient>\n <linearGradient\n id=\"").concat(id, "-h\"\n gradientUnits=\"userSpaceOnUse\"\n x1=\"9.15677\"\n x2=\"9.15677\"\n y1=\"28.0108\"\n y2=\"4.96143\"\n >\n <stop offset=\".06\" stop-color=\"").concat(colors.iconGradientStart, "\" />\n <stop offset=\".58\" stop-color=\"").concat(colors.iconGradientStop, "\" />\n <stop offset=\"1\" stop-color=\"").concat(colors.iconGradientStart, "\" />\n </linearGradient>\n <linearGradient id=\"").concat(id, "-i\">\n <stop offset=\"0\" stop-color=\"").concat(colors.iconGradientStop, "\" />\n <stop offset=\"1\" stop-color=\"").concat(colors.iconGradientStart, "\" />\n </linearGradient>\n <linearGradient\n id=\"").concat(id, "-j\"\n gradientUnits=\"userSpaceOnUse\"\n x1=\"95.6987\"\n x2=\"29.214\"\n xlink:href=\"#").concat(id, "-i\"\n y1=\"-1.89809\"\n y2=\"20.5853\"\n />\n <linearGradient\n id=\"").concat(id, "-k\"\n gradientUnits=\"userSpaceOnUse\"\n x1=\"97.0621\"\n x2=\"30.5774\"\n xlink:href=\"#").concat(id, "-i\"\n y1=\"2.12082\"\n y2=\"24.6042\"\n />\n <linearGradient\n id=\"").concat(id, "-l\"\n gradientUnits=\"userSpaceOnUse\"\n x1=\"97.5167\"\n x2=\"31.0327\"\n xlink:href=\"#").concat(id, "-i\"\n y1=\"3.47941\"\n y2=\"25.9627\"\n />\n <linearGradient\n id=\"").concat(id, "-m\"\n gradientUnits=\"userSpaceOnUse\"\n x1=\"101.28\"\n x2=\"34.7954\"\n xlink:href=\"#").concat(id, "-i\"\n y1=\"14.583\"\n y2=\"37.075\"\n />\n <linearGradient\n id=\"").concat(id, "-n\"\n gradientUnits=\"userSpaceOnUse\"\n x1=\"99.9401\"\n x2=\"33.4561\"\n xlink:href=\"#").concat(id, "-i\"\n y1=\"10.6227\"\n y2=\"33.106\"\n />\n <path\n d=\"m12.068 28.0108c-6.656 0-12.068-5.412-12.068-12.068 0-6.65598 5.412-12.06731 12.068-12.06731v1.92133c-5.59733 0-10.146 4.54868-10.146 10.14598 0 5.5974 4.54867 10.146 10.146 10.146v1.9214z\"\n fill=\"url(#").concat(id, "-a)\"\n />\n <path\n d=\"m12.068 28.0107v-1.9213c5.5974 0 10.146-4.5487 10.146-10.146h1.9214c0 6.656-5.412 12.068-12.068 12.068z\"\n fill=\"url(#").concat(id, "-c)\"\n />\n <path\n d=\"m24.1354 15.9428h-1.9213c0-5.5973-4.5487-10.14598-10.146-10.14598v-1.92133c6.656 0 12.068 5.412 12.068 12.06801z\"\n fill=\"url(#").concat(id, "-d)\"\n />\n <path\n d=\"m17.2086 19.638c-1.2813-.2507-2.2927-.7053-3.9733-1.4667-.464-.204-.9747-.436-1.5594-.696-.3526-.158-.6773-.2973-1.0026-.436-2.53405-1.1233-3.92671-1.736-5.63471-1.736-1.19734 0-2.098.3247-2.59934.9374-.34333.4086-.48266.9373-.38066 1.448l-1.884671.362c-.2040002-1.0767.074-2.1814.78-3.0354.612671-.7426 1.819331-1.634 4.084671-1.634 2.11666 0 3.82466.7614 6.41471 1.9034.3153.1393.6406.288.9933.436.594.26 1.114.492 1.578.7053 1.606.724 2.488 1.1233 3.5553 1.3273z\"\n fill=\"url(#").concat(id, "-e)\"\n />\n <path\n d=\"m19.0846 19.8227c-.6407 0-1.2534-.056-1.8754-.1853l.3714-1.8847c.5013.102.9933.1487 1.504.1487 1.188 0 2.0886-.2974 2.6086-.8634s.5387-1.2533.5107-1.6153l1.912-.1673c.102 1.1693-.2507 2.2653-1.0027 3.082-.622.6773-1.8193 1.4853-4.0286 1.4853z\"\n fill=\"url(#").concat(id, "-f)\"\n />\n <path\n d=\"m12.0681 28.0108v-1.9213c2.7573 0 4.4-2.8127 4.4-7.5194 0-4.7066-1.6707-8.65195-5.096-12.29995l1.402-1.318c3.778 4.01933 5.616 8.47535 5.616 13.61795 0 5.8207-2.4227 9.4407-6.322 9.4407z\"\n fill=\"url(#").concat(id, "-g)\"\n />\n <path\n d=\"m12.0668 28.0108c-4.14936 0-6.52603-3.3787-6.52603-9.2734 0-6.8786 3.008-10.72197 5.82063-13.77597l1.4114 1.29933c-3.27669 3.56467-5.31003 6.88804-5.31003 12.47604 0 6.08 2.50667 7.352 4.60463 7.352v1.9213z\"\n fill=\"url(#").concat(id, "-h)\"\n />\n <g fill=\"").concat(colors.iconGradientStart, "\">\n <path\n d=\"m6.92391 16.9455c1.24067 0 2.24667-1.006 2.24667-2.2467s-1.006-2.2467-2.24667-2.2467c-1.24066 0-2.24666 1.006-2.24666 2.2467s1.006 2.2467 2.24666 2.2467z\"\n />\n <path\n d=\"m17.3094 20.8166c1.2407 0 2.2467-1.006 2.2467-2.2467s-1.006-2.2467-2.2467-2.2467-2.2467 1.006-2.2467 2.2467 1.006 2.2467 2.2467 2.2467z\"\n />\n <path\n d=\"m12.066 7.44011c1.2407 0 2.2467-1.006 2.2467-2.24667 0-1.24066-1.006-2.24666-2.2467-2.24666s-2.24666 1.006-2.24666 2.24666c0 1.24067 1.00596 2.24667 2.24666 2.24667z\"\n />\n </g>\n <path\n d=\"m34.6727 21.2726-1.68 4.53h-3.0913l7.9273-20.12535h3.4907l7.9366 20.12535h-3.0913l-1.6893-4.5674c-1.81.3714-3.37.548-4.994.548-1.532 0-3.0914-.1853-4.8087-.52zm8.9767-2.33-4.0754-11.02802-4.0753 11.05602c1.504.2413 2.7573.3713 3.9827.3713 1.29 0 2.6086-.158 4.168-.3993z\"\n fill=\"url(#").concat(id, "-j)\"\n />\n <path\n d=\"m56.3748 23.3242c.6126 0 1.1973-.1207 1.6526-.2134v2.5434c-.464.1206-.984.2413-1.7733.2413-3.2767 0-4.8733-1.9307-4.8733-4.7807v-8.178h-2.4787v-2.4506h2.4787v-3.24938h2.5713v3.24938h4.0753v2.4506h-4.0753v8.1227c0 1.346.798 2.2653 2.4227 2.2653z\"\n fill=\"url(#").concat(id, "-k)\"\n />\n <path\n d=\"m65.044 25.8947c-2.516 0-4.1033-1.1973-4.1033-4.01v-17.80462h2.6366v17.49862c0 1.3834.9194 1.866 2.0514 1.866.2786 0 .464 0 .7613-.028v2.358c-.2133.0647-.6773.1207-1.346.1207z\"\n fill=\"url(#").concat(id, "-l)\"\n />\n <path\n d=\"m90.5908 26.109c-2.302 0-4.168-.52-5.3287-1.1326v-2.7847c1.318.7613 3.5273 1.504 5.4493 1.504s3.0634-.826 3.0634-2.024-.8914-1.838-3.7967-2.5433c-3.3973-.826-4.836-2.1447-4.836-4.66 0-2.664 2.0513-4.2887 5.542-4.2887 1.996 0 3.7967.492 4.9293 1.1047v2.7293c-1.838-.9193-3.342-1.4113-4.9666-1.4113-1.9307 0-2.9707.6773-2.9707 1.866 0 1.0673.7333 1.7453 3.5553 2.4226 3.398.826 5.1154 2.0794 5.1154 4.7527s-1.6527 4.4747-5.7647 4.4747l.0093-.0094z\"\n fill=\"url(#").concat(id, "-m)\"\n />\n <path\n d=\"m82.7488 23.4447c-.7427 0-1.0767-.3067-1.0767-1.29v-11.6693h-2.6367v2.692c-.9193-1.996-2.6366-2.9987-4.8733-2.9987-4.2887 0-6.4333 3.648-6.4333 7.9647 0 4.3166 2.0886 7.9646 6.2286 7.9646 2.6087 0 4.1307-1.1326 5.124-3.1193.232 1.894 1.42 2.896 3.11 2.896.5387 0 .91-.0467 1.1694-.1207v-2.358c-.3067.028-.334.028-.6127.028v.0094zm-3.7134-4.688c0 3.3973-2.1166 4.9013-4.4746 4.9013-2.7294 0-4.196-1.838-4.196-5.514s1.532-5.514 4.502-5.514c2.2373 0 4.168 1.504 4.168 4.9014v1.2253z\"\n fill=\"url(#").concat(id, "-n)\"\n />");
|
|
35
|
+
|
|
36
|
+
/**
|
|
37
|
+
* inverse icons use transparency to achieve a certain gradient effect, requiring a different SVG structure
|
|
38
|
+
*/
|
|
39
|
+
var inverseIconContents = "\n <linearGradient id=\"".concat(id, "-inverse-a\">\n <stop offset=\"0\" stop-color=\"#fff\" stop-opacity=\".6\" />\n <stop offset=\"1\" stop-color=\"#fff\" />\n </linearGradient>\n <linearGradient id=\"").concat(id, "-inverse-b\" gradientUnits=\"userSpaceOnUse\" x1=\"95.6972\" x2=\"29.2126\" xlink:href=\"#").concat(id, "-inverse-a\"\n y1=\"-1.88441\" y2=\"20.5989\" />\n <linearGradient id=\"").concat(id, "-inverse-c\" gradientUnits=\"userSpaceOnUse\" x1=\"97.0604\" x2=\"30.5757\" xlink:href=\"#").concat(id, "-inverse-a\"\n y1=\"2.13449\" y2=\"24.6178\" />\n <linearGradient id=\"").concat(id, "-inverse-d\" gradientUnits=\"userSpaceOnUse\" x1=\"97.5154\" x2=\"31.0315\" xlink:href=\"#").concat(id, "-inverse-a\"\n y1=\"3.49308\" y2=\"25.9764\" />\n <linearGradient id=\"").concat(id, "-inverse-e\" gradientUnits=\"userSpaceOnUse\" x1=\"101.279\" x2=\"34.794\" xlink:href=\"#").concat(id, "-inverse-a\"\n y1=\"14.5962\" y2=\"37.0882\" />\n <linearGradient id=\"").concat(id, "-inverse-f\" gradientUnits=\"userSpaceOnUse\" x1=\"99.9384\" x2=\"33.4544\" xlink:href=\"#").concat(id, "-inverse-a\"\n y1=\"10.6359\" y2=\"33.1192\" />\n <linearGradient id=\"").concat(id, "-inverse-g\" gradientUnits=\"userSpaceOnUse\" x1=\"9.22533\" x2=\"4.69333\" y1=\"25.3248\"\n y2=\"5.13609\">\n <stop offset=\"0\" stop-color=\"#fff\" />\n <stop offset=\".17\" stop-color=\"#fff\" stop-opacity=\".91\" />\n <stop offset=\".5\" stop-color=\"#fff\" stop-opacity=\".74\" />\n <stop offset=\".76\" stop-color=\"#fff\" stop-opacity=\".64\" />\n <stop offset=\".92\" stop-color=\"#fff\" stop-opacity=\".6\" />\n </linearGradient>\n <linearGradient id=\"").concat(id, "-inverse-h\">\n <stop offset=\"0\" stop-color=\"#fff\" />\n <stop offset=\".18\" stop-color=\"#fff\" stop-opacity=\".91\" />\n <stop offset=\".55\" stop-color=\"#fff\" stop-opacity=\".74\" />\n <stop offset=\".83\" stop-color=\"#fff\" stop-opacity=\".64\" />\n <stop offset=\"1\" stop-color=\"#fff\" stop-opacity=\".6\" />\n </linearGradient>\n <linearGradient id=\"").concat(id, "-inverse-i\" gradientUnits=\"userSpaceOnUse\" x1=\"6.76069\" x2=\"16.4834\" xlink:href=\"#").concat(id, "-inverse-h\"\n y1=\"15.0061\" y2=\"18.9068\" />\n <linearGradient id=\"").concat(id, "-inverse-j\" gradientUnits=\"userSpaceOnUse\" x1=\"18.7907\" x2=\"16.8967\" xlink:href=\"#").concat(id, "-inverse-h\"\n y1=\"3.59276\" y2=\"23.2521\" />\n <linearGradient id=\"").concat(id, "-inverse-k\" gradientUnits=\"userSpaceOnUse\" x1=\"14.886\" x2=\"14.886\" y1=\"28.5366\"\n y2=\"5.46924\">\n <stop offset=\".1\" stop-color=\"#fff\" />\n <stop offset=\".27\" stop-color=\"#fff\" stop-opacity=\".91\" />\n <stop offset=\".59\" stop-color=\"#fff\" stop-opacity=\".74\" />\n <stop offset=\".85\" stop-color=\"#fff\" stop-opacity=\".64\" />\n <stop offset=\"1\" stop-color=\"#fff\" stop-opacity=\".6\" />\n </linearGradient>\n <linearGradient id=\"").concat(id, "-inverse-l\" gradientUnits=\"userSpaceOnUse\" x1=\"8.63728\" x2=\"10.0113\" y1=\"5.09736\"\n y2=\"26.7354\">\n <stop offset=\".03\" stop-color=\"#fff\" />\n <stop offset=\".1\" stop-color=\"#fff\" stop-opacity=\".9\" />\n <stop offset=\".29\" stop-color=\"#fff\" stop-opacity=\".68\" />\n <stop offset=\".38\" stop-color=\"#fff\" stop-opacity=\".6\" />\n <stop offset=\".59\" stop-color=\"#fff\" stop-opacity=\".6\" />\n <stop offset=\".65\" stop-color=\"#fff\" stop-opacity=\".65\" />\n <stop offset=\".76\" stop-color=\"#fff\" stop-opacity=\".77\" />\n <stop offset=\".91\" stop-color=\"#fff\" stop-opacity=\".96\" />\n <stop offset=\".94\" stop-color=\"#fff\" />\n </linearGradient>\n <path\n d=\"m34.6712 21.2863-1.68 4.5299h-3.0913l7.9273-20.12528h3.4907l7.9367 20.12528h-3.0914l-1.6893-4.5673c-1.81.3714-3.37.548-4.994.548-1.532 0-3.0913-.1853-4.8087-.52zm8.9767-2.33-4.0753-11.02805-4.0754 11.05605c1.504.2413 2.7574.3713 3.9827.3713 1.29 0 2.6087-.158 4.168-.3993z\"\n fill=\"url(#").concat(id, "-inverse-b)\" />\n <path\n d=\"m56.3731 23.3378c.6126 0 1.1973-.1206 1.6526-.2133v2.5433c-.464.1207-.984.2414-1.7733.2414-3.2767 0-4.8733-1.9307-4.8733-4.7807v-8.178h-2.4787v-2.4507h2.4787v-3.24931h2.5713v3.24931h4.0753v2.4507h-4.0753v8.1227c0 1.346.798 2.2653 2.4227 2.2653z\"\n fill=\"url(#").concat(id, "-inverse-c)\" />\n <path\n d=\"m65.0428 25.9084c-2.516 0-4.1033-1.1973-4.1033-4.01v-17.80465h2.6366v17.49865c0 1.3833.9193 1.866 2.0513 1.866.2787 0 .464 0 .7614-.028v2.358c-.2134.0647-.6774.1207-1.346.1207z\"\n fill=\"url(#").concat(id, "-inverse-d)\" />\n <path\n d=\"m90.5893 26.1222c-2.302 0-4.168-.52-5.3287-1.1327v-2.7846c1.318.7613 3.5274 1.504 5.4494 1.504s3.0633-.826 3.0633-2.024-.8913-1.838-3.7967-2.5434c-3.3973-.826-4.836-2.1446-4.836-4.66 0-2.664 2.0514-4.2886 5.542-4.2886 1.996 0 3.7967.492 4.9294 1.1046v2.7294c-1.838-.9194-3.342-1.4114-4.9667-1.4114-1.9307 0-2.9707.6774-2.9707 1.866 0 1.0674.7334 1.7454 3.5554 2.4227 3.398.826 5.1153 2.0793 5.1153 4.7527 0 2.6733-1.6527 4.4746-5.7647 4.4746l.0094-.0093z\"\n fill=\"url(#").concat(id, "-inverse-e)\" />\n <path\n d=\"m82.747 23.4579c-.7426 0-1.0766-.3067-1.0766-1.29v-11.6693h-2.6367v2.692c-.9193-1.996-2.6367-2.9987-4.8733-2.9987-4.2887 0-6.4333 3.648-6.4333 7.9647 0 4.3166 2.0886 7.9646 6.2286 7.9646 2.6087 0 4.1307-1.1326 5.124-3.1193.232 1.894 1.42 2.896 3.11 2.896.5387 0 .91-.0467 1.1693-.1207v-2.358c-.3066.028-.334.028-.6126.028v.0094zm-3.7133-4.688c0 3.3973-2.1166 4.9013-4.4746 4.9013-2.7294 0-4.1961-1.838-4.1961-5.514s1.5321-5.514 4.5021-5.514c2.2373 0 4.1679 1.504 4.1679 4.9014v1.2253z\"\n fill=\"url(#").concat(id, "-inverse-f)\" />\n <path\n d=\"m12.0727 6.31409v-1.922c-6.6587 0-12.0727 5.414-12.0727 12.07201 0 .6873.0653333 1.356.167333 2.0153 0 .028 0 .0654.009334.0927 1.002663 5.6553 5.943333 9.9647 11.886633 9.9647v-1.922c-5.0333 0-9.2213-3.6774-10.01063-8.488-.06534-.4827.074-.9754.39-1.3654.50133-.6126 1.402-.938 2.6-.938.63133 0 1.226.0834 1.848.2507v-1.9687c-.60334-.13-1.20734-.1953-1.848-.1953-1.30934 0-2.266.2973-2.95334.6967.882-4.71738 5.024-8.29271 9.98267-8.29271z\"\n fill=\"url(#").concat(id, "-inverse-g)\" />\n <path\n d=\"m14.032 16.9475c-.464-.204-.9846-.446-1.5786-.706-.3434-.1487-.678-.2974-.9934-.4367-1.80131-.7987-3.18531-1.4113-4.56864-1.6993v1.9686c1.04933.2787 2.19133.78 3.78864 1.486.316.1394.65.288 1.0027.4367.5853.26 1.1053.492 1.56.6967 1.6807.752 2.6933 1.2073 3.9747 1.4673l.3713-1.8853c-1.068-.2134-1.95-.6034-3.5567-1.328z\"\n fill=\"url(#").concat(id, "-inverse-i)\" />\n <path\n d=\"m24.1354 16.2508v-.4734c-.3713-6.34264-5.6367-11.38531-12.0633-11.38531v1.922c5.5253 0 10.0293 4.42931 10.1406 9.92731-.0093.3807-.1206.882-.52 1.3187-.52.5667-1.4206.8633-2.6093.8633-.5107 0-1.0027-.0466-1.5047-.1486l-.3713 1.8853c.622.1207 1.2353.186 1.876.186 1.0587 0 1.8947-.186 2.5353-.464-1.402 3.9187-5.1633 6.7327-9.556 6.7327v1.922c6.6587 0 12.0727-5.414 12.0727-12.0727 0-.074 0-.1393 0-.2133z\"\n fill=\"url(#").concat(id, "-inverse-j)\" />\n <path\n d=\"m12.0727 28.5366v-1.922c2.758 0 4.402-2.814 4.402-7.522s-1.6713-8.6554-5.098-12.3047l1.402-1.31866c3.7793 4.02133 5.618 8.47866 5.618 13.62336 0 5.8226-2.424 9.4446-6.324 9.4446z\"\n fill=\"url(#").concat(id, "-inverse-k)\" />\n <path\n d=\"m12.0726 28.5367c-4.15132 0-6.52865-3.38-6.52865-9.2773 0-6.8814 3.00866-10.72604 5.82265-13.78137l1.4113 1.3c-3.27795 3.56597-5.31195 6.89067-5.31195 12.48137 0 6.0826 2.50733 7.3546 4.60595 7.3546v1.922z\"\n fill=\"url(#").concat(id, "-inverse-l)\" />\n <g fill=\"#fff\">\n <path\n d=\"m6.928 17.4673c1.24117 0 2.24733-1.0061 2.24733-2.2473s-1.00616-2.2473-2.24733-2.2473-2.24734 1.0061-2.24734 2.2473 1.00617 2.2473 2.24734 2.2473z\" />\n <path\n d=\"m17.3194 21.3399c1.2411 0 2.2473-1.0062 2.2473-2.2474 0-1.2411-1.0062-2.2473-2.2473-2.2473-1.2412 0-2.2474 1.0062-2.2474 2.2473 0 1.2412 1.0062 2.2474 2.2474 2.2474z\" />\n <path\n d=\"m12.0728 7.95805c1.2411 0 2.2473-1.00617 2.2473-2.24734s-1.0062-2.24733-2.2473-2.24733c-1.2412 0-2.24736 1.00616-2.24736 2.24733s1.00616 2.24734 2.24736 2.24734z\" />\n </g>\n");
|
|
40
|
+
return "<svg\n fill=\"none\"\n height=\"32\"\n viewBox=\"0 0 97 32\"\n width=\"97\"\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n>\n ".concat(appearance === 'inverse' ? inverseIconContents : baseIconContents, "\n</svg>");
|
|
41
|
+
};
|
|
42
|
+
|
|
43
|
+
/**
|
|
44
|
+
* __Atlas logo__
|
|
45
|
+
*
|
|
46
|
+
* The Atlas logo with both the wordmark and the icon combined.
|
|
47
|
+
*
|
|
48
|
+
* - [Examples](https://atlassian.design/components/logo/examples)
|
|
49
|
+
* - [Code](https://atlassian.design/components/logo/code)
|
|
50
|
+
* - [Usage](https://atlassian.design/components/logo/usage)
|
|
51
|
+
*/
|
|
52
|
+
export var AtlasLogo = function AtlasLogo(_ref2) {
|
|
53
|
+
var appearance = _ref2.appearance,
|
|
54
|
+
_ref2$label = _ref2.label,
|
|
55
|
+
label = _ref2$label === void 0 ? 'Atlas' : _ref2$label,
|
|
56
|
+
_ref2$size = _ref2.size,
|
|
57
|
+
size = _ref2$size === void 0 ? defaultLogoParams.size : _ref2$size,
|
|
58
|
+
testId = _ref2.testId;
|
|
59
|
+
return /*#__PURE__*/React.createElement(Wrapper, {
|
|
60
|
+
appearance: appearance,
|
|
61
|
+
label: label,
|
|
62
|
+
size: size,
|
|
63
|
+
svg: svg({
|
|
64
|
+
appearance: appearance
|
|
65
|
+
}),
|
|
66
|
+
testId: testId
|
|
67
|
+
});
|
|
68
|
+
};
|
package/dist/esm/index.js
CHANGED
|
@@ -17,4 +17,5 @@ export { JiraWorkManagementLogo, JiraWorkManagementWordmark, JiraWorkManagementI
|
|
|
17
17
|
export { OpsGenieIcon, OpsGenieLogo, OpsGenieWordmark, OpsgenieIcon, OpsgenieLogo, OpsgenieWordmark } from './opsgenie-logo';
|
|
18
18
|
export { StatuspageIcon, StatuspageLogo, StatuspageWordmark } from './statuspage-logo';
|
|
19
19
|
export { StrideIcon, StrideLogo, StrideWordmark } from './stride-logo';
|
|
20
|
-
export { TrelloIcon, TrelloLogo, TrelloWordmark } from './trello-logo';
|
|
20
|
+
export { TrelloIcon, TrelloLogo, TrelloWordmark } from './trello-logo';
|
|
21
|
+
export { AtlasIcon, AtlasLogo } from './atlas-logo';
|
|
@@ -35,7 +35,7 @@ var svg = function svg(_ref) {
|
|
|
35
35
|
* - [Code](https://atlassian.design/components/logo/code)
|
|
36
36
|
* - [Usage](https://atlassian.design/components/logo/usage)
|
|
37
37
|
*/
|
|
38
|
-
export var
|
|
38
|
+
export var AtlasLogo = function AtlasLogo(_ref2) {
|
|
39
39
|
var appearance = _ref2.appearance,
|
|
40
40
|
_ref2$label = _ref2.label,
|
|
41
41
|
label = _ref2$label === void 0 ? 'Trello' : _ref2$label,
|
package/dist/esm/version.json
CHANGED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { LogoPropsAppearanceRequired } from '../types';
|
|
3
|
+
/**
|
|
4
|
+
* __Atlas logo__
|
|
5
|
+
*
|
|
6
|
+
* The Atlas icon without an accompanying wordmark.
|
|
7
|
+
*
|
|
8
|
+
* - [Examples](https://atlassian.design/components/logo/examples)
|
|
9
|
+
* - [Code](https://atlassian.design/components/logo/code)
|
|
10
|
+
* - [Usage](https://atlassian.design/components/logo/usage)
|
|
11
|
+
*/
|
|
12
|
+
export declare const AtlasIcon: ({ appearance, label, size, testId, }: LogoPropsAppearanceRequired) => JSX.Element;
|