@atlaskit/logo 13.10.0 → 13.10.1
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 +6 -0
- package/dist/cjs/version.json +1 -1
- package/dist/cjs/wrapper.js +1 -1
- package/dist/es2019/version.json +1 -1
- package/dist/es2019/wrapper.js +1 -1
- package/dist/esm/version.json +1 -1
- package/dist/esm/wrapper.js +1 -1
- package/package.json +6 -4
- package/report.api.md +123 -492
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
# @atlaskit/logo
|
|
2
2
|
|
|
3
|
+
## 13.10.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`88a34a8c2dd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/88a34a8c2dd) - Remove redundant `role=presentation` on wrapping @atlaskit/icon and @atlaskit/logo spans.
|
|
8
|
+
|
|
3
9
|
## 13.10.0
|
|
4
10
|
|
|
5
11
|
### Minor Changes
|
package/dist/cjs/version.json
CHANGED
package/dist/cjs/wrapper.js
CHANGED
|
@@ -78,7 +78,7 @@ var Wrapper = function Wrapper(_ref3) {
|
|
|
78
78
|
"data-testid": testId,
|
|
79
79
|
style: (_ref4 = {}, (0, _defineProperty2.default)(_ref4, CSS_VAR_COLOR, iconColor), (0, _defineProperty2.default)(_ref4, CSS_VAR_FILL, textColor), _ref4),
|
|
80
80
|
"aria-label": label ? label : undefined,
|
|
81
|
-
role: label ? 'img' :
|
|
81
|
+
role: label ? 'img' : undefined,
|
|
82
82
|
dangerouslySetInnerHTML: {
|
|
83
83
|
__html: svg
|
|
84
84
|
} // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
|
package/dist/es2019/version.json
CHANGED
package/dist/es2019/wrapper.js
CHANGED
|
@@ -59,7 +59,7 @@ const Wrapper = ({
|
|
|
59
59
|
[CSS_VAR_FILL]: textColor
|
|
60
60
|
},
|
|
61
61
|
"aria-label": label ? label : undefined,
|
|
62
|
-
role: label ? 'img' :
|
|
62
|
+
role: label ? 'img' : undefined,
|
|
63
63
|
dangerouslySetInnerHTML: {
|
|
64
64
|
__html: svg
|
|
65
65
|
} // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
|
package/dist/esm/version.json
CHANGED
package/dist/esm/wrapper.js
CHANGED
|
@@ -66,7 +66,7 @@ var Wrapper = function Wrapper(_ref3) {
|
|
|
66
66
|
"data-testid": testId,
|
|
67
67
|
style: (_ref4 = {}, _defineProperty(_ref4, CSS_VAR_COLOR, iconColor), _defineProperty(_ref4, CSS_VAR_FILL, textColor), _ref4),
|
|
68
68
|
"aria-label": label ? label : undefined,
|
|
69
|
-
role: label ? 'img' :
|
|
69
|
+
role: label ? 'img' : undefined,
|
|
70
70
|
dangerouslySetInnerHTML: {
|
|
71
71
|
__html: svg
|
|
72
72
|
} // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/logo",
|
|
3
|
-
"version": "13.10.
|
|
3
|
+
"version": "13.10.1",
|
|
4
4
|
"description": "A logo is a visual representation of a brand or product. It can be a word or an image, or a combination of both.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -15,13 +15,15 @@
|
|
|
15
15
|
"typesVersions": {
|
|
16
16
|
">=4.0 <4.5": {
|
|
17
17
|
"*": [
|
|
18
|
-
"dist/types-ts4.0/*"
|
|
18
|
+
"dist/types-ts4.0/*",
|
|
19
|
+
"dist/types-ts4.0/index.d.ts"
|
|
19
20
|
]
|
|
20
21
|
}
|
|
21
22
|
},
|
|
22
23
|
"sideEffects": false,
|
|
23
24
|
"atlaskit:src": "src/index.tsx",
|
|
24
25
|
"atlassian": {
|
|
26
|
+
"disableProductCI": true,
|
|
25
27
|
"team": "Design System Team",
|
|
26
28
|
"releaseModel": "scheduled",
|
|
27
29
|
"website": {
|
|
@@ -60,8 +62,8 @@
|
|
|
60
62
|
"react": "^16.8.0"
|
|
61
63
|
},
|
|
62
64
|
"devDependencies": {
|
|
63
|
-
"@atlaskit/atlassian-navigation": "^2.
|
|
64
|
-
"@atlaskit/button": "^16.
|
|
65
|
+
"@atlaskit/atlassian-navigation": "^2.3.0",
|
|
66
|
+
"@atlaskit/button": "^16.4.0",
|
|
65
67
|
"@atlaskit/code": "^14.4.0",
|
|
66
68
|
"@atlaskit/docs": "*",
|
|
67
69
|
"@atlaskit/radio": "^5.4.0",
|
package/report.api.md
CHANGED
|
@@ -1,24 +1,21 @@
|
|
|
1
|
-
## API Report File for "@atlaskit/logo"
|
|
1
|
+
## API Report File for "@atlaskit/logo"
|
|
2
2
|
|
|
3
|
-
> Do not edit this file.
|
|
3
|
+
> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
|
|
4
|
+
|
|
5
|
+
<!--
|
|
6
|
+
Generated API Report version: 2.0
|
|
7
|
+
-->
|
|
4
8
|
|
|
5
9
|
[Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
|
|
6
10
|
|
|
7
11
|
```ts
|
|
8
12
|
/// <reference types="react" />
|
|
9
13
|
|
|
10
|
-
|
|
14
|
+
// @public (undocumented)
|
|
15
|
+
type Appearance = 'brand' | 'neutral' | 'inverse';
|
|
11
16
|
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
*
|
|
15
|
-
* The Atlassian icon without an accompanying wordmark.
|
|
16
|
-
*
|
|
17
|
-
* - [Examples](https://atlassian.design/components/logo/examples)
|
|
18
|
-
* - [Code](https://atlassian.design/components/logo/code)
|
|
19
|
-
* - [Usage](https://atlassian.design/components/logo/usage)
|
|
20
|
-
*/
|
|
21
|
-
export declare const AtlassianIcon: ({
|
|
17
|
+
// @public
|
|
18
|
+
export const AtlassianIcon: ({
|
|
22
19
|
appearance,
|
|
23
20
|
label,
|
|
24
21
|
size,
|
|
@@ -29,16 +26,8 @@ export declare const AtlassianIcon: ({
|
|
|
29
26
|
testId,
|
|
30
27
|
}: LogoProps) => JSX.Element;
|
|
31
28
|
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
*
|
|
35
|
-
* The Atlassian logo with both the wordmark and the icon combined.
|
|
36
|
-
*
|
|
37
|
-
* - [Examples](https://atlassian.design/components/logo/examples)
|
|
38
|
-
* - [Code](https://atlassian.design/components/logo/code)
|
|
39
|
-
* - [Usage](https://atlassian.design/components/logo/usage)
|
|
40
|
-
*/
|
|
41
|
-
export declare const AtlassianLogo: ({
|
|
29
|
+
// @public
|
|
30
|
+
export const AtlassianLogo: ({
|
|
42
31
|
appearance,
|
|
43
32
|
label,
|
|
44
33
|
size,
|
|
@@ -49,16 +38,8 @@ export declare const AtlassianLogo: ({
|
|
|
49
38
|
textColor,
|
|
50
39
|
}: LogoProps) => JSX.Element;
|
|
51
40
|
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
*
|
|
55
|
-
* The Atlassian Start logo with both the wordmark and the icon combined.
|
|
56
|
-
*
|
|
57
|
-
* - [Examples](https://atlassian.design/components/logo/examples)
|
|
58
|
-
* - [Code](https://atlassian.design/components/logo/code)
|
|
59
|
-
* - [Usage](https://atlassian.design/components/logo/usage)
|
|
60
|
-
*/
|
|
61
|
-
export declare const AtlassianStartLogo: ({
|
|
41
|
+
// @public
|
|
42
|
+
export const AtlassianStartLogo: ({
|
|
62
43
|
appearance,
|
|
63
44
|
label,
|
|
64
45
|
size,
|
|
@@ -69,16 +50,8 @@ export declare const AtlassianStartLogo: ({
|
|
|
69
50
|
textColor,
|
|
70
51
|
}: LogoProps) => JSX.Element;
|
|
71
52
|
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
*
|
|
75
|
-
* The Atlassian brand name styled as a logo, without an accompanying icon.
|
|
76
|
-
*
|
|
77
|
-
* - [Examples](https://atlassian.design/components/logo/examples)
|
|
78
|
-
* - [Code](https://atlassian.design/components/logo/code)
|
|
79
|
-
* - [Usage](https://atlassian.design/components/logo/usage)
|
|
80
|
-
*/
|
|
81
|
-
export declare const AtlassianWordmark: ({
|
|
53
|
+
// @public
|
|
54
|
+
export const AtlassianWordmark: ({
|
|
82
55
|
appearance,
|
|
83
56
|
label,
|
|
84
57
|
size,
|
|
@@ -86,16 +59,8 @@ export declare const AtlassianWordmark: ({
|
|
|
86
59
|
textColor,
|
|
87
60
|
}: LogoProps) => JSX.Element;
|
|
88
61
|
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
*
|
|
92
|
-
* The Bitbucket icon without an accompanying wordmark.
|
|
93
|
-
*
|
|
94
|
-
* - [Examples](https://atlassian.design/components/logo/examples)
|
|
95
|
-
* - [Code](https://atlassian.design/components/logo/code)
|
|
96
|
-
* - [Usage](https://atlassian.design/components/logo/usage)
|
|
97
|
-
*/
|
|
98
|
-
export declare const BitbucketIcon: ({
|
|
62
|
+
// @public
|
|
63
|
+
export const BitbucketIcon: ({
|
|
99
64
|
appearance,
|
|
100
65
|
label,
|
|
101
66
|
size,
|
|
@@ -106,16 +71,8 @@ export declare const BitbucketIcon: ({
|
|
|
106
71
|
textColor,
|
|
107
72
|
}: LogoProps) => JSX.Element;
|
|
108
73
|
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
*
|
|
112
|
-
* The Bitbucket logo with both the wordmark and the icon combined.
|
|
113
|
-
*
|
|
114
|
-
* - [Examples](https://atlassian.design/components/logo/examples)
|
|
115
|
-
* - [Code](https://atlassian.design/components/logo/code)
|
|
116
|
-
* - [Usage](https://atlassian.design/components/logo/usage)
|
|
117
|
-
*/
|
|
118
|
-
export declare const BitbucketLogo: ({
|
|
74
|
+
// @public
|
|
75
|
+
export const BitbucketLogo: ({
|
|
119
76
|
appearance,
|
|
120
77
|
label,
|
|
121
78
|
size,
|
|
@@ -126,16 +83,8 @@ export declare const BitbucketLogo: ({
|
|
|
126
83
|
textColor,
|
|
127
84
|
}: LogoProps) => JSX.Element;
|
|
128
85
|
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
*
|
|
132
|
-
* The Bitbucket brand/product name styled as a logo, without an accompanying icon.
|
|
133
|
-
*
|
|
134
|
-
* - [Examples](https://atlassian.design/components/logo/examples)
|
|
135
|
-
* - [Code](https://atlassian.design/components/logo/code)
|
|
136
|
-
* - [Usage](https://atlassian.design/components/logo/usage)
|
|
137
|
-
*/
|
|
138
|
-
export declare const BitbucketWordmark: ({
|
|
86
|
+
// @public
|
|
87
|
+
export const BitbucketWordmark: ({
|
|
139
88
|
appearance,
|
|
140
89
|
label,
|
|
141
90
|
size,
|
|
@@ -143,16 +92,8 @@ export declare const BitbucketWordmark: ({
|
|
|
143
92
|
textColor,
|
|
144
93
|
}: LogoProps) => JSX.Element;
|
|
145
94
|
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
*
|
|
149
|
-
* The Compass icon without an accompanying wordmark.
|
|
150
|
-
*
|
|
151
|
-
* - [Examples](https://atlassian.design/components/logo/examples)
|
|
152
|
-
* - [Code](https://atlassian.design/components/logo/code)
|
|
153
|
-
* - [Usage](https://atlassian.design/components/logo/usage)
|
|
154
|
-
*/
|
|
155
|
-
export declare const CompassIcon: ({
|
|
95
|
+
// @public
|
|
96
|
+
export const CompassIcon: ({
|
|
156
97
|
appearance,
|
|
157
98
|
label,
|
|
158
99
|
size,
|
|
@@ -163,16 +104,8 @@ export declare const CompassIcon: ({
|
|
|
163
104
|
textColor,
|
|
164
105
|
}: LogoProps) => JSX.Element;
|
|
165
106
|
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
*
|
|
169
|
-
* The Compass logo with both the wordmark and the icon combined.
|
|
170
|
-
*
|
|
171
|
-
* - [Examples](https://atlassian.design/components/logo/examples)
|
|
172
|
-
* - [Code](https://atlassian.design/components/logo/code)
|
|
173
|
-
* - [Usage](https://atlassian.design/components/logo/usage)
|
|
174
|
-
*/
|
|
175
|
-
export declare const CompassLogo: ({
|
|
107
|
+
// @public
|
|
108
|
+
export const CompassLogo: ({
|
|
176
109
|
appearance,
|
|
177
110
|
label,
|
|
178
111
|
size,
|
|
@@ -183,16 +116,8 @@ export declare const CompassLogo: ({
|
|
|
183
116
|
textColor,
|
|
184
117
|
}: LogoProps) => JSX.Element;
|
|
185
118
|
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
*
|
|
189
|
-
* The Compass brand/product name styled as a logo, without an accompanying icon.
|
|
190
|
-
*
|
|
191
|
-
* - [Examples](https://atlassian.design/components/logo/examples)
|
|
192
|
-
* - [Code](https://atlassian.design/components/logo/code)
|
|
193
|
-
* - [Usage](https://atlassian.design/components/logo/usage)
|
|
194
|
-
*/
|
|
195
|
-
export declare const CompassWordmark: ({
|
|
119
|
+
// @public
|
|
120
|
+
export const CompassWordmark: ({
|
|
196
121
|
appearance,
|
|
197
122
|
label,
|
|
198
123
|
size,
|
|
@@ -200,16 +125,8 @@ export declare const CompassWordmark: ({
|
|
|
200
125
|
textColor,
|
|
201
126
|
}: LogoProps) => JSX.Element;
|
|
202
127
|
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
*
|
|
206
|
-
* The Confluence icon without an accompanying wordmark.
|
|
207
|
-
*
|
|
208
|
-
* - [Examples](https://atlassian.design/components/logo/examples)
|
|
209
|
-
* - [Code](https://atlassian.design/components/logo/code)
|
|
210
|
-
* - [Usage](https://atlassian.design/components/logo/usage)
|
|
211
|
-
*/
|
|
212
|
-
export declare const ConfluenceIcon: ({
|
|
128
|
+
// @public
|
|
129
|
+
export const ConfluenceIcon: ({
|
|
213
130
|
appearance,
|
|
214
131
|
label,
|
|
215
132
|
size,
|
|
@@ -220,16 +137,8 @@ export declare const ConfluenceIcon: ({
|
|
|
220
137
|
textColor,
|
|
221
138
|
}: LogoProps) => JSX.Element;
|
|
222
139
|
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
*
|
|
226
|
-
* The Confluence logo with both the wordmark and the icon combined.
|
|
227
|
-
*
|
|
228
|
-
* - [Examples](https://atlassian.design/components/logo/examples)
|
|
229
|
-
* - [Code](https://atlassian.design/components/logo/code)
|
|
230
|
-
* - [Usage](https://atlassian.design/components/logo/usage)
|
|
231
|
-
*/
|
|
232
|
-
export declare const ConfluenceLogo: ({
|
|
140
|
+
// @public
|
|
141
|
+
export const ConfluenceLogo: ({
|
|
233
142
|
appearance,
|
|
234
143
|
label,
|
|
235
144
|
size,
|
|
@@ -240,16 +149,8 @@ export declare const ConfluenceLogo: ({
|
|
|
240
149
|
textColor,
|
|
241
150
|
}: LogoProps) => JSX.Element;
|
|
242
151
|
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
*
|
|
246
|
-
* The Confluence brand/product name styled as a logo, without an accompanying icon.
|
|
247
|
-
*
|
|
248
|
-
* - [Examples](https://atlassian.design/components/logo/examples)
|
|
249
|
-
* - [Code](https://atlassian.design/components/logo/code)
|
|
250
|
-
* - [Usage](https://atlassian.design/components/logo/usage)
|
|
251
|
-
*/
|
|
252
|
-
export declare const ConfluenceWordmark: ({
|
|
152
|
+
// @public
|
|
153
|
+
export const ConfluenceWordmark: ({
|
|
253
154
|
appearance,
|
|
254
155
|
label,
|
|
255
156
|
size,
|
|
@@ -257,16 +158,8 @@ export declare const ConfluenceWordmark: ({
|
|
|
257
158
|
textColor,
|
|
258
159
|
}: LogoProps) => JSX.Element;
|
|
259
160
|
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
*
|
|
263
|
-
* The Halp icon without an accompanying wordmark.
|
|
264
|
-
*
|
|
265
|
-
* - [Examples](https://atlassian.design/components/logo/examples)
|
|
266
|
-
* - [Code](https://atlassian.design/components/logo/code)
|
|
267
|
-
* - [Usage](https://atlassian.design/components/logo/usage)
|
|
268
|
-
*/
|
|
269
|
-
export declare const HalpIcon: ({
|
|
161
|
+
// @public
|
|
162
|
+
export const HalpIcon: ({
|
|
270
163
|
appearance,
|
|
271
164
|
label,
|
|
272
165
|
size,
|
|
@@ -277,16 +170,8 @@ export declare const HalpIcon: ({
|
|
|
277
170
|
iconGradientStop,
|
|
278
171
|
}: LogoProps) => JSX.Element;
|
|
279
172
|
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
*
|
|
283
|
-
* The Halp logo with both the wordmark and the icon combined.
|
|
284
|
-
*
|
|
285
|
-
* - [Examples](https://atlassian.design/components/logo/examples)
|
|
286
|
-
* - [Code](https://atlassian.design/components/logo/code)
|
|
287
|
-
* - [Usage](https://atlassian.design/components/logo/usage)
|
|
288
|
-
*/
|
|
289
|
-
export declare const HalpLogo: ({
|
|
173
|
+
// @public
|
|
174
|
+
export const HalpLogo: ({
|
|
290
175
|
appearance,
|
|
291
176
|
label,
|
|
292
177
|
size,
|
|
@@ -297,16 +182,8 @@ export declare const HalpLogo: ({
|
|
|
297
182
|
textColor,
|
|
298
183
|
}: LogoProps) => JSX.Element;
|
|
299
184
|
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
*
|
|
303
|
-
* The Halp brand/product name styled as a logo, without an accompanying icon.
|
|
304
|
-
*
|
|
305
|
-
* - [Examples](https://atlassian.design/components/logo/examples)
|
|
306
|
-
* - [Code](https://atlassian.design/components/logo/code)
|
|
307
|
-
* - [Usage](https://atlassian.design/components/logo/usage)
|
|
308
|
-
*/
|
|
309
|
-
export declare const HalpWordmark: ({
|
|
185
|
+
// @public
|
|
186
|
+
export const HalpWordmark: ({
|
|
310
187
|
appearance,
|
|
311
188
|
label,
|
|
312
189
|
size,
|
|
@@ -314,10 +191,8 @@ export declare const HalpWordmark: ({
|
|
|
314
191
|
textColor,
|
|
315
192
|
}: LogoProps) => JSX.Element;
|
|
316
193
|
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
*/
|
|
320
|
-
export declare const HipchatIcon: ({
|
|
194
|
+
// @public @deprecated (undocumented)
|
|
195
|
+
export const HipchatIcon: ({
|
|
321
196
|
label,
|
|
322
197
|
size,
|
|
323
198
|
testId,
|
|
@@ -327,10 +202,8 @@ export declare const HipchatIcon: ({
|
|
|
327
202
|
textColor,
|
|
328
203
|
}: LogoProps) => JSX.Element;
|
|
329
204
|
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
*/
|
|
333
|
-
export declare const HipchatLogo: ({
|
|
205
|
+
// @public @deprecated (undocumented)
|
|
206
|
+
export const HipchatLogo: ({
|
|
334
207
|
iconColor,
|
|
335
208
|
iconGradientStart,
|
|
336
209
|
iconGradientStop,
|
|
@@ -340,10 +213,8 @@ export declare const HipchatLogo: ({
|
|
|
340
213
|
textColor,
|
|
341
214
|
}: LogoProps) => JSX.Element;
|
|
342
215
|
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
*/
|
|
346
|
-
export declare const HipchatWordmark: ({
|
|
216
|
+
// @public @deprecated (undocumented)
|
|
217
|
+
export const HipchatWordmark: ({
|
|
347
218
|
iconColor,
|
|
348
219
|
iconGradientStart,
|
|
349
220
|
iconGradientStop,
|
|
@@ -353,16 +224,8 @@ export declare const HipchatWordmark: ({
|
|
|
353
224
|
textColor,
|
|
354
225
|
}: LogoProps) => JSX.Element;
|
|
355
226
|
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
*
|
|
359
|
-
* The Jira Align icon without an accompanying wordmark.
|
|
360
|
-
*
|
|
361
|
-
* - [Examples](https://atlassian.design/components/logo/examples)
|
|
362
|
-
* - [Code](https://atlassian.design/components/logo/code)
|
|
363
|
-
* - [Usage](https://atlassian.design/components/logo/usage)
|
|
364
|
-
*/
|
|
365
|
-
export declare const JiraAlignIcon: ({
|
|
227
|
+
// @public
|
|
228
|
+
export const JiraAlignIcon: ({
|
|
366
229
|
appearance,
|
|
367
230
|
label,
|
|
368
231
|
size,
|
|
@@ -373,16 +236,8 @@ export declare const JiraAlignIcon: ({
|
|
|
373
236
|
iconGradientStop,
|
|
374
237
|
}: LogoProps) => JSX.Element;
|
|
375
238
|
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
*
|
|
379
|
-
* The Jira Align logo with both the wordmark and the icon combined.
|
|
380
|
-
*
|
|
381
|
-
* - [Examples](https://atlassian.design/components/logo/examples)
|
|
382
|
-
* - [Code](https://atlassian.design/components/logo/code)
|
|
383
|
-
* - [Usage](https://atlassian.design/components/logo/usage)
|
|
384
|
-
*/
|
|
385
|
-
export declare const JiraAlignLogo: ({
|
|
239
|
+
// @public
|
|
240
|
+
export const JiraAlignLogo: ({
|
|
386
241
|
appearance,
|
|
387
242
|
label,
|
|
388
243
|
size,
|
|
@@ -393,16 +248,8 @@ export declare const JiraAlignLogo: ({
|
|
|
393
248
|
textColor,
|
|
394
249
|
}: LogoProps) => JSX.Element;
|
|
395
250
|
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
*
|
|
399
|
-
* The Jira Align brand/product name styled as a logo, without an accompanying icon.
|
|
400
|
-
*
|
|
401
|
-
* - [Examples](https://atlassian.design/components/logo/examples)
|
|
402
|
-
* - [Code](https://atlassian.design/components/logo/code)
|
|
403
|
-
* - [Usage](https://atlassian.design/components/logo/usage)
|
|
404
|
-
*/
|
|
405
|
-
export declare const JiraAlignWordmark: ({
|
|
251
|
+
// @public
|
|
252
|
+
export const JiraAlignWordmark: ({
|
|
406
253
|
appearance,
|
|
407
254
|
label,
|
|
408
255
|
size,
|
|
@@ -410,10 +257,8 @@ export declare const JiraAlignWordmark: ({
|
|
|
410
257
|
textColor,
|
|
411
258
|
}: LogoProps) => JSX.Element;
|
|
412
259
|
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
*/
|
|
416
|
-
export declare const JiraCoreIcon: ({
|
|
260
|
+
// @public @deprecated (undocumented)
|
|
261
|
+
export const JiraCoreIcon: ({
|
|
417
262
|
iconColor,
|
|
418
263
|
iconGradientStart,
|
|
419
264
|
iconGradientStop,
|
|
@@ -423,10 +268,8 @@ export declare const JiraCoreIcon: ({
|
|
|
423
268
|
textColor,
|
|
424
269
|
}: LogoProps) => JSX.Element;
|
|
425
270
|
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
*/
|
|
429
|
-
export declare const JiraCoreLogo: ({
|
|
271
|
+
// @public @deprecated (undocumented)
|
|
272
|
+
export const JiraCoreLogo: ({
|
|
430
273
|
iconColor,
|
|
431
274
|
iconGradientStart,
|
|
432
275
|
iconGradientStop,
|
|
@@ -436,10 +279,8 @@ export declare const JiraCoreLogo: ({
|
|
|
436
279
|
textColor,
|
|
437
280
|
}: LogoProps) => JSX.Element;
|
|
438
281
|
|
|
439
|
-
|
|
440
|
-
|
|
441
|
-
*/
|
|
442
|
-
export declare const JiraCoreWordmark: ({
|
|
282
|
+
// @public @deprecated (undocumented)
|
|
283
|
+
export const JiraCoreWordmark: ({
|
|
443
284
|
iconColor,
|
|
444
285
|
iconGradientStart,
|
|
445
286
|
iconGradientStop,
|
|
@@ -449,16 +290,8 @@ export declare const JiraCoreWordmark: ({
|
|
|
449
290
|
textColor,
|
|
450
291
|
}: LogoProps) => JSX.Element;
|
|
451
292
|
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
*
|
|
455
|
-
* The Jira icon without an accompanying wordmark.
|
|
456
|
-
*
|
|
457
|
-
* - [Examples](https://atlassian.design/components/logo/examples)
|
|
458
|
-
* - [Code](https://atlassian.design/components/logo/code)
|
|
459
|
-
* - [Usage](https://atlassian.design/components/logo/usage)
|
|
460
|
-
*/
|
|
461
|
-
export declare const JiraIcon: ({
|
|
293
|
+
// @public
|
|
294
|
+
export const JiraIcon: ({
|
|
462
295
|
appearance,
|
|
463
296
|
label,
|
|
464
297
|
size,
|
|
@@ -469,16 +302,8 @@ export declare const JiraIcon: ({
|
|
|
469
302
|
iconGradientStop,
|
|
470
303
|
}: LogoProps) => JSX.Element;
|
|
471
304
|
|
|
472
|
-
|
|
473
|
-
|
|
474
|
-
*
|
|
475
|
-
* The Jira logo with both the wordmark and the icon combined.
|
|
476
|
-
*
|
|
477
|
-
* - [Examples](https://atlassian.design/components/logo/examples)
|
|
478
|
-
* - [Code](https://atlassian.design/components/logo/code)
|
|
479
|
-
* - [Usage](https://atlassian.design/components/logo/usage)
|
|
480
|
-
*/
|
|
481
|
-
export declare const JiraLogo: ({
|
|
305
|
+
// @public
|
|
306
|
+
export const JiraLogo: ({
|
|
482
307
|
appearance,
|
|
483
308
|
label,
|
|
484
309
|
size,
|
|
@@ -489,10 +314,8 @@ export declare const JiraLogo: ({
|
|
|
489
314
|
textColor,
|
|
490
315
|
}: LogoProps) => JSX.Element;
|
|
491
316
|
|
|
492
|
-
|
|
493
|
-
|
|
494
|
-
*/
|
|
495
|
-
export declare const JiraServiceDeskIcon: ({
|
|
317
|
+
// @public @deprecated (undocumented)
|
|
318
|
+
export const JiraServiceDeskIcon: ({
|
|
496
319
|
iconColor,
|
|
497
320
|
iconGradientStart,
|
|
498
321
|
iconGradientStop,
|
|
@@ -502,10 +325,8 @@ export declare const JiraServiceDeskIcon: ({
|
|
|
502
325
|
textColor,
|
|
503
326
|
}: LogoProps) => JSX.Element;
|
|
504
327
|
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
*/
|
|
508
|
-
export declare const JiraServiceDeskLogo: ({
|
|
328
|
+
// @public @deprecated (undocumented)
|
|
329
|
+
export const JiraServiceDeskLogo: ({
|
|
509
330
|
iconColor,
|
|
510
331
|
iconGradientStart,
|
|
511
332
|
iconGradientStop,
|
|
@@ -515,10 +336,8 @@ export declare const JiraServiceDeskLogo: ({
|
|
|
515
336
|
textColor,
|
|
516
337
|
}: LogoProps) => JSX.Element;
|
|
517
338
|
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
*/
|
|
521
|
-
export declare const JiraServiceDeskWordmark: ({
|
|
339
|
+
// @public @deprecated (undocumented)
|
|
340
|
+
export const JiraServiceDeskWordmark: ({
|
|
522
341
|
iconColor,
|
|
523
342
|
iconGradientStart,
|
|
524
343
|
iconGradientStop,
|
|
@@ -528,16 +347,8 @@ export declare const JiraServiceDeskWordmark: ({
|
|
|
528
347
|
textColor,
|
|
529
348
|
}: LogoProps) => JSX.Element;
|
|
530
349
|
|
|
531
|
-
|
|
532
|
-
|
|
533
|
-
*
|
|
534
|
-
* The Jira Service Management icon without an accompanying wordmark.
|
|
535
|
-
*
|
|
536
|
-
* - [Examples](https://atlassian.design/components/logo/examples)
|
|
537
|
-
* - [Code](https://atlassian.design/components/logo/code)
|
|
538
|
-
* - [Usage](https://atlassian.design/components/logo/usage)
|
|
539
|
-
*/
|
|
540
|
-
export declare const JiraServiceManagementIcon: ({
|
|
350
|
+
// @public
|
|
351
|
+
export const JiraServiceManagementIcon: ({
|
|
541
352
|
appearance,
|
|
542
353
|
label,
|
|
543
354
|
size,
|
|
@@ -548,16 +359,8 @@ export declare const JiraServiceManagementIcon: ({
|
|
|
548
359
|
textColor,
|
|
549
360
|
}: LogoProps) => JSX.Element;
|
|
550
361
|
|
|
551
|
-
|
|
552
|
-
|
|
553
|
-
*
|
|
554
|
-
* The Jira Service Management logo with both the wordmark and the icon combined.
|
|
555
|
-
*
|
|
556
|
-
* - [Examples](https://atlassian.design/components/logo/examples)
|
|
557
|
-
* - [Code](https://atlassian.design/components/logo/code)
|
|
558
|
-
* - [Usage](https://atlassian.design/components/logo/usage)
|
|
559
|
-
*/
|
|
560
|
-
export declare const JiraServiceManagementLogo: ({
|
|
362
|
+
// @public
|
|
363
|
+
export const JiraServiceManagementLogo: ({
|
|
561
364
|
appearance,
|
|
562
365
|
label,
|
|
563
366
|
size,
|
|
@@ -568,16 +371,8 @@ export declare const JiraServiceManagementLogo: ({
|
|
|
568
371
|
textColor,
|
|
569
372
|
}: LogoProps) => JSX.Element;
|
|
570
373
|
|
|
571
|
-
|
|
572
|
-
|
|
573
|
-
*
|
|
574
|
-
* The Jira Service Management brand/product name styled as a logo, without an accompanying icon.
|
|
575
|
-
*
|
|
576
|
-
* - [Examples](https://atlassian.design/components/logo/examples)
|
|
577
|
-
* - [Code](https://atlassian.design/components/logo/code)
|
|
578
|
-
* - [Usage](https://atlassian.design/components/logo/usage)
|
|
579
|
-
*/
|
|
580
|
-
export declare const JiraServiceManagementWordmark: ({
|
|
374
|
+
// @public
|
|
375
|
+
export const JiraServiceManagementWordmark: ({
|
|
581
376
|
appearance,
|
|
582
377
|
label,
|
|
583
378
|
size,
|
|
@@ -585,16 +380,8 @@ export declare const JiraServiceManagementWordmark: ({
|
|
|
585
380
|
textColor,
|
|
586
381
|
}: LogoProps) => JSX.Element;
|
|
587
382
|
|
|
588
|
-
|
|
589
|
-
|
|
590
|
-
*
|
|
591
|
-
* The Jira Software icon without an accompanying wordmark.
|
|
592
|
-
*
|
|
593
|
-
* - [Examples](https://atlassian.design/components/logo/examples)
|
|
594
|
-
* - [Code](https://atlassian.design/components/logo/code)
|
|
595
|
-
* - [Usage](https://atlassian.design/components/logo/usage)
|
|
596
|
-
*/
|
|
597
|
-
export declare const JiraSoftwareIcon: ({
|
|
383
|
+
// @public
|
|
384
|
+
export const JiraSoftwareIcon: ({
|
|
598
385
|
appearance,
|
|
599
386
|
label,
|
|
600
387
|
size,
|
|
@@ -605,16 +392,8 @@ export declare const JiraSoftwareIcon: ({
|
|
|
605
392
|
textColor,
|
|
606
393
|
}: LogoProps) => JSX.Element;
|
|
607
394
|
|
|
608
|
-
|
|
609
|
-
|
|
610
|
-
*
|
|
611
|
-
* The Jira Software logo with both the wordmark and the icon combined.
|
|
612
|
-
*
|
|
613
|
-
* - [Examples](https://atlassian.design/components/logo/examples)
|
|
614
|
-
* - [Code](https://atlassian.design/components/logo/code)
|
|
615
|
-
* - [Usage](https://atlassian.design/components/logo/usage)
|
|
616
|
-
*/
|
|
617
|
-
export declare const JiraSoftwareLogo: ({
|
|
395
|
+
// @public
|
|
396
|
+
export const JiraSoftwareLogo: ({
|
|
618
397
|
appearance,
|
|
619
398
|
label,
|
|
620
399
|
size,
|
|
@@ -625,16 +404,8 @@ export declare const JiraSoftwareLogo: ({
|
|
|
625
404
|
textColor,
|
|
626
405
|
}: LogoProps) => JSX.Element;
|
|
627
406
|
|
|
628
|
-
|
|
629
|
-
|
|
630
|
-
*
|
|
631
|
-
* The Jira Software brand/product name styled as a logo, without an accompanying icon.
|
|
632
|
-
*
|
|
633
|
-
* - [Examples](https://atlassian.design/components/logo/examples)
|
|
634
|
-
* - [Code](https://atlassian.design/components/logo/code)
|
|
635
|
-
* - [Usage](https://atlassian.design/components/logo/usage)
|
|
636
|
-
*/
|
|
637
|
-
export declare const JiraSoftwareWordmark: ({
|
|
407
|
+
// @public
|
|
408
|
+
export const JiraSoftwareWordmark: ({
|
|
638
409
|
appearance,
|
|
639
410
|
label,
|
|
640
411
|
size,
|
|
@@ -645,16 +416,8 @@ export declare const JiraSoftwareWordmark: ({
|
|
|
645
416
|
iconGradientStop,
|
|
646
417
|
}: LogoProps) => JSX.Element;
|
|
647
418
|
|
|
648
|
-
|
|
649
|
-
|
|
650
|
-
*
|
|
651
|
-
* The Jira brand/product name styled as a logo, without an accompanying icon.
|
|
652
|
-
*
|
|
653
|
-
* - [Examples](https://atlassian.design/components/logo/examples)
|
|
654
|
-
* - [Code](https://atlassian.design/components/logo/code)
|
|
655
|
-
* - [Usage](https://atlassian.design/components/logo/usage)
|
|
656
|
-
*/
|
|
657
|
-
export declare const JiraWordmark: ({
|
|
419
|
+
// @public
|
|
420
|
+
export const JiraWordmark: ({
|
|
658
421
|
appearance,
|
|
659
422
|
label,
|
|
660
423
|
size,
|
|
@@ -662,16 +425,8 @@ export declare const JiraWordmark: ({
|
|
|
662
425
|
textColor,
|
|
663
426
|
}: LogoProps) => JSX.Element;
|
|
664
427
|
|
|
665
|
-
|
|
666
|
-
|
|
667
|
-
*
|
|
668
|
-
* The Jira Work Management icon without an accompanying wordmark.
|
|
669
|
-
*
|
|
670
|
-
* - [Examples](https://atlassian.design/components/logo/examples)
|
|
671
|
-
* - [Code](https://atlassian.design/components/logo/code)
|
|
672
|
-
* - [Usage](https://atlassian.design/components/logo/usage)
|
|
673
|
-
*/
|
|
674
|
-
export declare const JiraWorkManagementIcon: ({
|
|
428
|
+
// @public
|
|
429
|
+
export const JiraWorkManagementIcon: ({
|
|
675
430
|
appearance,
|
|
676
431
|
label,
|
|
677
432
|
size,
|
|
@@ -682,16 +437,8 @@ export declare const JiraWorkManagementIcon: ({
|
|
|
682
437
|
textColor,
|
|
683
438
|
}: LogoProps) => JSX.Element;
|
|
684
439
|
|
|
685
|
-
|
|
686
|
-
|
|
687
|
-
*
|
|
688
|
-
* The Jira Work Management logo with both the wordmark and the icon combined.
|
|
689
|
-
*
|
|
690
|
-
* - [Examples](https://atlassian.design/components/logo/examples)
|
|
691
|
-
* - [Code](https://atlassian.design/components/logo/code)
|
|
692
|
-
* - [Usage](https://atlassian.design/components/logo/usage)
|
|
693
|
-
*/
|
|
694
|
-
export declare const JiraWorkManagementLogo: ({
|
|
440
|
+
// @public
|
|
441
|
+
export const JiraWorkManagementLogo: ({
|
|
695
442
|
appearance,
|
|
696
443
|
label,
|
|
697
444
|
size,
|
|
@@ -702,16 +449,8 @@ export declare const JiraWorkManagementLogo: ({
|
|
|
702
449
|
textColor,
|
|
703
450
|
}: LogoProps) => JSX.Element;
|
|
704
451
|
|
|
705
|
-
|
|
706
|
-
|
|
707
|
-
*
|
|
708
|
-
* The Jira Work Management brand/product name styled as a logo, without an accompanying icon.
|
|
709
|
-
*
|
|
710
|
-
* - [Examples](https://atlassian.design/components/logo/examples)
|
|
711
|
-
* - [Code](https://atlassian.design/components/logo/code)
|
|
712
|
-
* - [Usage](https://atlassian.design/components/logo/usage)
|
|
713
|
-
*/
|
|
714
|
-
export declare const JiraWorkManagementWordmark: ({
|
|
452
|
+
// @public
|
|
453
|
+
export const JiraWorkManagementWordmark: ({
|
|
715
454
|
appearance,
|
|
716
455
|
label,
|
|
717
456
|
size,
|
|
@@ -722,47 +461,20 @@ export declare const JiraWorkManagementWordmark: ({
|
|
|
722
461
|
textColor,
|
|
723
462
|
}: LogoProps) => JSX.Element;
|
|
724
463
|
|
|
725
|
-
|
|
726
|
-
|
|
727
|
-
* The size of the icon, uses the same sizing scheme as in `@atlaskit/icon`.
|
|
728
|
-
*/
|
|
464
|
+
// @public (undocumented)
|
|
465
|
+
export type LogoProps = {
|
|
729
466
|
size?: Size;
|
|
730
|
-
/**
|
|
731
|
-
* Choice of logo appearance between 3 brand-approved color combinations that will be hooked up to design tokens and theming.
|
|
732
|
-
*/
|
|
733
467
|
appearance?: Appearance;
|
|
734
|
-
/**
|
|
735
|
-
* @deprecated CSS color to be applied to the wordmark portion of the logo SVG. The use of this prop is not recommended as it is not compatible with design tokens; use the `appearance` prop instead.
|
|
736
|
-
*/
|
|
737
468
|
textColor?: string;
|
|
738
|
-
/**
|
|
739
|
-
* @deprecated CSS color to be applied to the non-gradient icon portion of the logo SVG. The use of this prop is not recommended as it is not compatible with design tokens; use the `appearance` prop instead.
|
|
740
|
-
*/
|
|
741
469
|
iconColor?: string;
|
|
742
|
-
/**
|
|
743
|
-
* @deprecated CSS color to start the gradient/shadow on the icon. The use of this prop is not recommended as it is not compatible with design tokens; use the `appearance` prop instead.
|
|
744
|
-
*/
|
|
745
470
|
iconGradientStart?: string;
|
|
746
|
-
/**
|
|
747
|
-
* @deprecated CSS color to end the gradient/shadow on the icon. Should usually match iconColor to avoid
|
|
748
|
-
* rendering issues in some browsers such as Safari. The use of this prop is not recommended as it is not compatible with design tokens; use the `appearance` prop instead.
|
|
749
|
-
*/
|
|
750
471
|
iconGradientStop?: string;
|
|
751
|
-
/**
|
|
752
|
-
* Accessible text to be used for screen readers (it's optional since the default props provide a label that matches the logo).
|
|
753
|
-
*/
|
|
754
472
|
label?: string;
|
|
755
|
-
/**
|
|
756
|
-
* A testId prop is provided for specified elements, which is a unique string that appears as a data attribute data-testid in the rendered code, serving as a hook for automated tests.
|
|
757
|
-
* - `{testId}--wrapper` to access the svg element's wrapper
|
|
758
|
-
*/
|
|
759
473
|
testId?: string;
|
|
760
474
|
};
|
|
761
475
|
|
|
762
|
-
|
|
763
|
-
|
|
764
|
-
*/
|
|
765
|
-
export declare const OpsGenieIcon: ({
|
|
476
|
+
// @public @deprecated (undocumented)
|
|
477
|
+
export const OpsGenieIcon: ({
|
|
766
478
|
iconColor,
|
|
767
479
|
iconGradientStart,
|
|
768
480
|
iconGradientStop,
|
|
@@ -771,16 +483,8 @@ export declare const OpsGenieIcon: ({
|
|
|
771
483
|
textColor,
|
|
772
484
|
}: LogoProps) => JSX.Element;
|
|
773
485
|
|
|
774
|
-
|
|
775
|
-
|
|
776
|
-
*
|
|
777
|
-
* The Opsgenie icon without an accompanying wordmark.
|
|
778
|
-
*
|
|
779
|
-
* - [Examples](https://atlassian.design/components/logo/examples)
|
|
780
|
-
* - [Code](https://atlassian.design/components/logo/code)
|
|
781
|
-
* - [Usage](https://atlassian.design/components/logo/usage)
|
|
782
|
-
*/
|
|
783
|
-
export declare const OpsgenieIcon: ({
|
|
486
|
+
// @public
|
|
487
|
+
export const OpsgenieIcon: ({
|
|
784
488
|
appearance,
|
|
785
489
|
label,
|
|
786
490
|
size,
|
|
@@ -791,10 +495,8 @@ export declare const OpsgenieIcon: ({
|
|
|
791
495
|
iconGradientStop,
|
|
792
496
|
}: LogoProps) => JSX.Element;
|
|
793
497
|
|
|
794
|
-
|
|
795
|
-
|
|
796
|
-
*/
|
|
797
|
-
export declare const OpsGenieLogo: ({
|
|
498
|
+
// @public @deprecated (undocumented)
|
|
499
|
+
export const OpsGenieLogo: ({
|
|
798
500
|
iconColor,
|
|
799
501
|
iconGradientStart,
|
|
800
502
|
iconGradientStop,
|
|
@@ -803,16 +505,8 @@ export declare const OpsGenieLogo: ({
|
|
|
803
505
|
textColor,
|
|
804
506
|
}: LogoProps) => JSX.Element;
|
|
805
507
|
|
|
806
|
-
|
|
807
|
-
|
|
808
|
-
*
|
|
809
|
-
* The Opsgenie logo with both the wordmark and the icon combined.
|
|
810
|
-
*
|
|
811
|
-
* - [Examples](https://atlassian.design/components/logo/examples)
|
|
812
|
-
* - [Code](https://atlassian.design/components/logo/code)
|
|
813
|
-
* - [Usage](https://atlassian.design/components/logo/usage)
|
|
814
|
-
*/
|
|
815
|
-
export declare const OpsgenieLogo: ({
|
|
508
|
+
// @public
|
|
509
|
+
export const OpsgenieLogo: ({
|
|
816
510
|
appearance,
|
|
817
511
|
label,
|
|
818
512
|
size,
|
|
@@ -823,10 +517,8 @@ export declare const OpsgenieLogo: ({
|
|
|
823
517
|
iconGradientStop,
|
|
824
518
|
}: LogoProps) => JSX.Element;
|
|
825
519
|
|
|
826
|
-
|
|
827
|
-
|
|
828
|
-
*/
|
|
829
|
-
export declare const OpsGenieWordmark: ({
|
|
520
|
+
// @public @deprecated (undocumented)
|
|
521
|
+
export const OpsGenieWordmark: ({
|
|
830
522
|
iconColor,
|
|
831
523
|
iconGradientStart,
|
|
832
524
|
iconGradientStop,
|
|
@@ -835,16 +527,8 @@ export declare const OpsGenieWordmark: ({
|
|
|
835
527
|
textColor,
|
|
836
528
|
}: LogoProps) => JSX.Element;
|
|
837
529
|
|
|
838
|
-
|
|
839
|
-
|
|
840
|
-
*
|
|
841
|
-
* The Opsgenie brand/product name styled as a logo, without an accompanying icon.
|
|
842
|
-
*
|
|
843
|
-
* - [Examples](https://atlassian.design/components/logo/examples)
|
|
844
|
-
* - [Code](https://atlassian.design/components/logo/code)
|
|
845
|
-
* - [Usage](https://atlassian.design/components/logo/usage)
|
|
846
|
-
*/
|
|
847
|
-
export declare const OpsgenieWordmark: ({
|
|
530
|
+
// @public
|
|
531
|
+
export const OpsgenieWordmark: ({
|
|
848
532
|
appearance,
|
|
849
533
|
size,
|
|
850
534
|
testId,
|
|
@@ -854,18 +538,11 @@ export declare const OpsgenieWordmark: ({
|
|
|
854
538
|
iconGradientStop,
|
|
855
539
|
}: LogoProps) => JSX.Element;
|
|
856
540
|
|
|
857
|
-
|
|
541
|
+
// @public (undocumented)
|
|
542
|
+
type Size = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
|
|
858
543
|
|
|
859
|
-
|
|
860
|
-
|
|
861
|
-
*
|
|
862
|
-
* The Statuspage icon without an accompanying wordmark.
|
|
863
|
-
*
|
|
864
|
-
* - [Examples](https://atlassian.design/components/logo/examples)
|
|
865
|
-
* - [Code](https://atlassian.design/components/logo/code)
|
|
866
|
-
* - [Usage](https://atlassian.design/components/logo/usage)
|
|
867
|
-
*/
|
|
868
|
-
export declare const StatuspageIcon: ({
|
|
544
|
+
// @public
|
|
545
|
+
export const StatuspageIcon: ({
|
|
869
546
|
appearance,
|
|
870
547
|
label,
|
|
871
548
|
size,
|
|
@@ -876,16 +553,8 @@ export declare const StatuspageIcon: ({
|
|
|
876
553
|
textColor,
|
|
877
554
|
}: LogoProps) => JSX.Element;
|
|
878
555
|
|
|
879
|
-
|
|
880
|
-
|
|
881
|
-
*
|
|
882
|
-
* The Statuspage logo with both the wordmark and the icon combined.
|
|
883
|
-
*
|
|
884
|
-
* - [Examples](https://atlassian.design/components/logo/examples)
|
|
885
|
-
* - [Code](https://atlassian.design/components/logo/code)
|
|
886
|
-
* - [Usage](https://atlassian.design/components/logo/usage)
|
|
887
|
-
*/
|
|
888
|
-
export declare const StatuspageLogo: ({
|
|
556
|
+
// @public
|
|
557
|
+
export const StatuspageLogo: ({
|
|
889
558
|
appearance,
|
|
890
559
|
label,
|
|
891
560
|
size,
|
|
@@ -896,16 +565,8 @@ export declare const StatuspageLogo: ({
|
|
|
896
565
|
textColor,
|
|
897
566
|
}: LogoProps) => JSX.Element;
|
|
898
567
|
|
|
899
|
-
|
|
900
|
-
|
|
901
|
-
*
|
|
902
|
-
* The Statuspage brand/product name styled as a logo, without an accompanying icon.
|
|
903
|
-
*
|
|
904
|
-
* - [Examples](https://atlassian.design/components/logo/examples)
|
|
905
|
-
* - [Code](https://atlassian.design/components/logo/code)
|
|
906
|
-
* - [Usage](https://atlassian.design/components/logo/usage)
|
|
907
|
-
*/
|
|
908
|
-
export declare const StatuspageWordmark: ({
|
|
568
|
+
// @public
|
|
569
|
+
export const StatuspageWordmark: ({
|
|
909
570
|
appearance,
|
|
910
571
|
label,
|
|
911
572
|
size,
|
|
@@ -916,10 +577,8 @@ export declare const StatuspageWordmark: ({
|
|
|
916
577
|
textColor,
|
|
917
578
|
}: LogoProps) => JSX.Element;
|
|
918
579
|
|
|
919
|
-
|
|
920
|
-
|
|
921
|
-
*/
|
|
922
|
-
export declare const StrideIcon: ({
|
|
580
|
+
// @public @deprecated (undocumented)
|
|
581
|
+
export const StrideIcon: ({
|
|
923
582
|
iconColor,
|
|
924
583
|
iconGradientStart,
|
|
925
584
|
iconGradientStop,
|
|
@@ -928,10 +587,8 @@ export declare const StrideIcon: ({
|
|
|
928
587
|
textColor,
|
|
929
588
|
}: LogoProps) => JSX.Element;
|
|
930
589
|
|
|
931
|
-
|
|
932
|
-
|
|
933
|
-
*/
|
|
934
|
-
export declare const StrideLogo: ({
|
|
590
|
+
// @public @deprecated (undocumented)
|
|
591
|
+
export const StrideLogo: ({
|
|
935
592
|
iconColor,
|
|
936
593
|
iconGradientStart,
|
|
937
594
|
iconGradientStop,
|
|
@@ -940,10 +597,8 @@ export declare const StrideLogo: ({
|
|
|
940
597
|
textColor,
|
|
941
598
|
}: LogoProps) => JSX.Element;
|
|
942
599
|
|
|
943
|
-
|
|
944
|
-
|
|
945
|
-
*/
|
|
946
|
-
export declare const StrideWordmark: ({
|
|
600
|
+
// @public @deprecated (undocumented)
|
|
601
|
+
export const StrideWordmark: ({
|
|
947
602
|
iconColor,
|
|
948
603
|
iconGradientStart,
|
|
949
604
|
iconGradientStop,
|
|
@@ -952,16 +607,8 @@ export declare const StrideWordmark: ({
|
|
|
952
607
|
textColor,
|
|
953
608
|
}: LogoProps) => JSX.Element;
|
|
954
609
|
|
|
955
|
-
|
|
956
|
-
|
|
957
|
-
*
|
|
958
|
-
* The Trello icon without an accompanying wordmark.
|
|
959
|
-
*
|
|
960
|
-
* - [Examples](https://atlassian.design/components/logo/examples)
|
|
961
|
-
* - [Code](https://atlassian.design/components/logo/code)
|
|
962
|
-
* - [Usage](https://atlassian.design/components/logo/usage)
|
|
963
|
-
*/
|
|
964
|
-
export declare const TrelloIcon: ({
|
|
610
|
+
// @public
|
|
611
|
+
export const TrelloIcon: ({
|
|
965
612
|
appearance,
|
|
966
613
|
label,
|
|
967
614
|
size,
|
|
@@ -972,16 +619,8 @@ export declare const TrelloIcon: ({
|
|
|
972
619
|
textColor,
|
|
973
620
|
}: LogoProps) => JSX.Element;
|
|
974
621
|
|
|
975
|
-
|
|
976
|
-
|
|
977
|
-
*
|
|
978
|
-
* The Trello logo with both the wordmark and the icon combined.
|
|
979
|
-
*
|
|
980
|
-
* - [Examples](https://atlassian.design/components/logo/examples)
|
|
981
|
-
* - [Code](https://atlassian.design/components/logo/code)
|
|
982
|
-
* - [Usage](https://atlassian.design/components/logo/usage)
|
|
983
|
-
*/
|
|
984
|
-
export declare const TrelloLogo: ({
|
|
622
|
+
// @public
|
|
623
|
+
export const TrelloLogo: ({
|
|
985
624
|
appearance,
|
|
986
625
|
label,
|
|
987
626
|
size,
|
|
@@ -992,16 +631,8 @@ export declare const TrelloLogo: ({
|
|
|
992
631
|
textColor,
|
|
993
632
|
}: LogoProps) => JSX.Element;
|
|
994
633
|
|
|
995
|
-
|
|
996
|
-
|
|
997
|
-
*
|
|
998
|
-
* The Trello brand/product name styled as a logo, without an accompanying icon.
|
|
999
|
-
*
|
|
1000
|
-
* - [Examples](https://atlassian.design/components/logo/examples)
|
|
1001
|
-
* - [Code](https://atlassian.design/components/logo/code)
|
|
1002
|
-
* - [Usage](https://atlassian.design/components/logo/usage)
|
|
1003
|
-
*/
|
|
1004
|
-
export declare const TrelloWordmark: ({
|
|
634
|
+
// @public
|
|
635
|
+
export const TrelloWordmark: ({
|
|
1005
636
|
appearance,
|
|
1006
637
|
label,
|
|
1007
638
|
size,
|
|
@@ -1012,5 +643,5 @@ export declare const TrelloWordmark: ({
|
|
|
1012
643
|
textColor,
|
|
1013
644
|
}: LogoProps) => JSX.Element;
|
|
1014
645
|
|
|
1015
|
-
|
|
646
|
+
// (No @packageDocumentation comment for this package)
|
|
1016
647
|
```
|