orcs-design-system 3.1.17 → 3.1.18
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.
|
@@ -14,7 +14,7 @@ export var defaultAvatar = function defaultAvatar() {
|
|
|
14
14
|
title: "Ayden Lundgre",
|
|
15
15
|
initials: "AL",
|
|
16
16
|
subtitle: "Senior Business Analyst",
|
|
17
|
-
image: "https://
|
|
17
|
+
image: "https://api.dicebear.com/7.x/personas/svg?seed=aydos"
|
|
18
18
|
});
|
|
19
19
|
};
|
|
20
20
|
defaultAvatar.storyName = "Default";
|
|
@@ -37,7 +37,7 @@ export var imageOnly = function imageOnly() {
|
|
|
37
37
|
return /*#__PURE__*/React.createElement(Spacer, {
|
|
38
38
|
my: 4
|
|
39
39
|
}, /*#__PURE__*/React.createElement(Avatar, {
|
|
40
|
-
image: "https://
|
|
40
|
+
image: "https://api.dicebear.com/7.x/personas/svg?seed=aydos",
|
|
41
41
|
imageAlt: "Ayden Lundgre"
|
|
42
42
|
}));
|
|
43
43
|
};
|
|
@@ -58,7 +58,7 @@ export var nameLink = function nameLink() {
|
|
|
58
58
|
}, "Ayden Lundgre"),
|
|
59
59
|
subtitle: "Senior Business Analyst",
|
|
60
60
|
initials: "AL",
|
|
61
|
-
image: "https://
|
|
61
|
+
image: "https://api.dicebear.com/7.x/personas/svg?seed=aydos",
|
|
62
62
|
imageAlt: "Ayden Lundgre"
|
|
63
63
|
});
|
|
64
64
|
};
|
|
@@ -76,7 +76,7 @@ export var small = function small() {
|
|
|
76
76
|
title: "Ayden Lundgre",
|
|
77
77
|
subtitle: "Senior Business Analyst",
|
|
78
78
|
initials: "AL",
|
|
79
|
-
image: "https://
|
|
79
|
+
image: "https://api.dicebear.com/7.x/personas/svg?seed=aydos"
|
|
80
80
|
}), /*#__PURE__*/React.createElement(Avatar, {
|
|
81
81
|
sizing: "small",
|
|
82
82
|
title: /*#__PURE__*/React.createElement(StyledLink, {
|
|
@@ -85,7 +85,7 @@ export var small = function small() {
|
|
|
85
85
|
subtitle: "Senior Business Analyst",
|
|
86
86
|
imageAlt: "Avatar for Ayden Lundgre",
|
|
87
87
|
initials: "AL",
|
|
88
|
-
image: "https://
|
|
88
|
+
image: "https://api.dicebear.com/7.x/personas/svg?seed=aydos"
|
|
89
89
|
}));
|
|
90
90
|
};
|
|
91
91
|
small.storyName = "Small";
|
|
@@ -103,7 +103,7 @@ export var large = function large() {
|
|
|
103
103
|
title: "Ayden Lundgre",
|
|
104
104
|
subtitle: "Senior Business Analyst",
|
|
105
105
|
initials: "AL",
|
|
106
|
-
image: "https://
|
|
106
|
+
image: "https://api.dicebear.com/7.x/personas/svg?seed=aydos"
|
|
107
107
|
}), /*#__PURE__*/React.createElement(Avatar, {
|
|
108
108
|
sizing: "large",
|
|
109
109
|
title: /*#__PURE__*/React.createElement(StyledLink, {
|
|
@@ -112,7 +112,7 @@ export var large = function large() {
|
|
|
112
112
|
subtitle: "Senior Business Analyst",
|
|
113
113
|
imageAlt: "Avatar for Ayden Lundgre",
|
|
114
114
|
initials: "AL",
|
|
115
|
-
image: "https://
|
|
115
|
+
image: "https://api.dicebear.com/7.x/personas/svg?seed=aydos"
|
|
116
116
|
}));
|
|
117
117
|
};
|
|
118
118
|
large.storyName = "Large";
|
|
@@ -138,7 +138,7 @@ export var subtitleContent = function subtitleContent() {
|
|
|
138
138
|
}, "Ayden Lundgre"),
|
|
139
139
|
imageAlt: "Avatar for Ayden Lundgre",
|
|
140
140
|
initials: "AL",
|
|
141
|
-
image: "https://
|
|
141
|
+
image: "https://api.dicebear.com/7.x/personas/svg?seed=aydos",
|
|
142
142
|
subtitleContent: /*#__PURE__*/React.createElement(Badge, {
|
|
143
143
|
mt: "xs"
|
|
144
144
|
}, "Senior Business Analyst")
|
|
@@ -148,7 +148,7 @@ export var subtitleContent = function subtitleContent() {
|
|
|
148
148
|
href: "#"
|
|
149
149
|
}, "Ayden Lundgre"),
|
|
150
150
|
initials: "AL",
|
|
151
|
-
image: "https://
|
|
151
|
+
image: "https://api.dicebear.com/7.x/personas/svg?seed=aydos",
|
|
152
152
|
imageAlt: "Avatar for Ayden Lundgre",
|
|
153
153
|
subtitleContent: /*#__PURE__*/React.createElement(Flex, {
|
|
154
154
|
flexWrap: "wrap"
|
|
@@ -170,7 +170,7 @@ export var localTime = function localTime() {
|
|
|
170
170
|
href: "#"
|
|
171
171
|
}, "Ayden Lundgre"),
|
|
172
172
|
initials: "AL",
|
|
173
|
-
image: "https://
|
|
173
|
+
image: "https://api.dicebear.com/7.x/personas/svg?seed=aydos",
|
|
174
174
|
imageAlt: "Avatar for Ayden Lundgre",
|
|
175
175
|
subtitleContent: /*#__PURE__*/React.createElement(Badge, {
|
|
176
176
|
mt: "xs"
|
|
@@ -190,7 +190,7 @@ export var inverted = function inverted() {
|
|
|
190
190
|
title: "Ayden Lundgre",
|
|
191
191
|
subtitle: "Senior Business Analyst",
|
|
192
192
|
initials: "AL",
|
|
193
|
-
image: "https://
|
|
193
|
+
image: "https://api.dicebear.com/7.x/personas/svg?seed=aydos"
|
|
194
194
|
}), /*#__PURE__*/React.createElement(Avatar, {
|
|
195
195
|
type: "inverted",
|
|
196
196
|
title: /*#__PURE__*/React.createElement(StyledLink, {
|
|
@@ -198,7 +198,7 @@ export var inverted = function inverted() {
|
|
|
198
198
|
}, "Ayden Lundgre"),
|
|
199
199
|
subtitle: "Senior Business Analyst",
|
|
200
200
|
initials: "AL",
|
|
201
|
-
image: "https://
|
|
201
|
+
image: "https://api.dicebear.com/7.x/personas/svg?seed=aydos",
|
|
202
202
|
imageAlt: "Avatar for Ayden Lundgre"
|
|
203
203
|
}), /*#__PURE__*/React.createElement(Avatar, {
|
|
204
204
|
type: "inverted",
|
|
@@ -216,7 +216,7 @@ export var inverted = function inverted() {
|
|
|
216
216
|
}, "Ayden Lundgre"),
|
|
217
217
|
subtitle: "Senior Business Analyst",
|
|
218
218
|
initials: "AL",
|
|
219
|
-
image: "https://
|
|
219
|
+
image: "https://api.dicebear.com/7.x/personas/svg?seed=aydos",
|
|
220
220
|
imageAlt: "Avatar for Ayden Lundgre"
|
|
221
221
|
})));
|
|
222
222
|
};
|
|
@@ -9,7 +9,8 @@ export var defaultHeader = function defaultHeader() {
|
|
|
9
9
|
return /*#__PURE__*/React.createElement(HeaderSimple, {
|
|
10
10
|
appName: "App Name",
|
|
11
11
|
userName: "Michael",
|
|
12
|
-
avatarSource: "https://
|
|
12
|
+
avatarSource: "https://api.dicebear.com/7.x/personas/svg?seed=mike",
|
|
13
|
+
avatarAlt: "Avatar for Michael",
|
|
13
14
|
currentWorskapce: "Org Design Workspace"
|
|
14
15
|
});
|
|
15
16
|
};
|
|
@@ -19,7 +20,8 @@ export var headerWithSearch = function headerWithSearch() {
|
|
|
19
20
|
variant: "search",
|
|
20
21
|
appName: "App Name",
|
|
21
22
|
userName: "Michael",
|
|
22
|
-
avatarSource: "https://
|
|
23
|
+
avatarSource: "https://api.dicebear.com/7.x/personas/svg?seed=mike",
|
|
24
|
+
avatarAlt: "Avatar for Michael",
|
|
23
25
|
currentWorskapce: "Org Design Workspace",
|
|
24
26
|
searchComponent: /*#__PURE__*/React.createElement(TextInput, {
|
|
25
27
|
fullWidth: true,
|
|
@@ -86,6 +86,7 @@ var HeaderSimple = function HeaderSimple(_ref) {
|
|
|
86
86
|
var appName = _ref.appName,
|
|
87
87
|
userName = _ref.userName,
|
|
88
88
|
avatarSource = _ref.avatarSource,
|
|
89
|
+
avatarAlt = _ref.avatarAlt,
|
|
89
90
|
searchComponent = _ref.searchComponent,
|
|
90
91
|
dataTestId = _ref.dataTestId,
|
|
91
92
|
variant = _ref.variant,
|
|
@@ -113,7 +114,8 @@ var HeaderSimple = function HeaderSimple(_ref) {
|
|
|
113
114
|
type: "inverted",
|
|
114
115
|
sizing: "small",
|
|
115
116
|
title: userName,
|
|
116
|
-
image: avatarSource
|
|
117
|
+
image: avatarSource,
|
|
118
|
+
imageAlt: avatarAlt
|
|
117
119
|
})));
|
|
118
120
|
};
|
|
119
121
|
HeaderSimple.propTypes = {
|
|
@@ -127,6 +129,8 @@ HeaderSimple.propTypes = {
|
|
|
127
129
|
userName: PropTypes.node,
|
|
128
130
|
/** Source path for avatar image. */
|
|
129
131
|
avatarSource: PropTypes.node,
|
|
132
|
+
/** Alt text for avatar image. */
|
|
133
|
+
avatarAlt: PropTypes.string,
|
|
130
134
|
/** Can specify a component to be used for searching */
|
|
131
135
|
searchComponent: PropTypes.node,
|
|
132
136
|
/** Applies the chosen theme to the entire header. */
|
|
@@ -178,6 +182,13 @@ HeaderSimple.__docgenInfo = {
|
|
|
178
182
|
},
|
|
179
183
|
"required": false
|
|
180
184
|
},
|
|
185
|
+
"avatarAlt": {
|
|
186
|
+
"description": "Alt text for avatar image.",
|
|
187
|
+
"type": {
|
|
188
|
+
"name": "string"
|
|
189
|
+
},
|
|
190
|
+
"required": false
|
|
191
|
+
},
|
|
181
192
|
"searchComponent": {
|
|
182
193
|
"description": "Can specify a component to be used for searching",
|
|
183
194
|
"type": {
|
|
@@ -213,7 +213,7 @@ export var personTag = function personTag() {
|
|
|
213
213
|
}, /*#__PURE__*/React.createElement(Tag, {
|
|
214
214
|
disabled: true,
|
|
215
215
|
personEntity: {
|
|
216
|
-
avatarSrc: "https://
|
|
216
|
+
avatarSrc: "https://api.dicebear.com/7.x/personas/svg?seed=maxi"
|
|
217
217
|
}
|
|
218
218
|
}, "Maximillian Dubois"), /*#__PURE__*/React.createElement(Tag, {
|
|
219
219
|
disabled: true,
|
|
@@ -225,7 +225,7 @@ export var personTag = function personTag() {
|
|
|
225
225
|
personEntity: true
|
|
226
226
|
}, "Maximillian Dubois"), /*#__PURE__*/React.createElement(Tag, {
|
|
227
227
|
personEntity: {
|
|
228
|
-
avatarSrc: "https://
|
|
228
|
+
avatarSrc: "https://api.dicebear.com/7.x/personas/svg?seed=maxi"
|
|
229
229
|
}
|
|
230
230
|
}, "Maximillian Dubois"), /*#__PURE__*/React.createElement(Tag, {
|
|
231
231
|
personEntity: {
|
|
@@ -236,7 +236,7 @@ export var personTag = function personTag() {
|
|
|
236
236
|
}, "Maximillian Dubois"), /*#__PURE__*/React.createElement(Tag, {
|
|
237
237
|
selected: true,
|
|
238
238
|
personEntity: {
|
|
239
|
-
avatarSrc: "https://
|
|
239
|
+
avatarSrc: "https://api.dicebear.com/7.x/personas/svg?seed=maxi"
|
|
240
240
|
}
|
|
241
241
|
}, "Maximillian Dubois"), /*#__PURE__*/React.createElement(Tag, {
|
|
242
242
|
selected: true,
|
|
@@ -250,7 +250,7 @@ export var personTag = function personTag() {
|
|
|
250
250
|
selected: true,
|
|
251
251
|
highlighted: true,
|
|
252
252
|
personEntity: {
|
|
253
|
-
avatarSrc: "https://
|
|
253
|
+
avatarSrc: "https://api.dicebear.com/7.x/personas/svg?seed=maxi"
|
|
254
254
|
}
|
|
255
255
|
}, "Maximillian Dubois"), /*#__PURE__*/React.createElement(Tag, {
|
|
256
256
|
selected: true,
|
|
@@ -271,7 +271,7 @@ export var personTagSmall = function personTagSmall() {
|
|
|
271
271
|
small: true,
|
|
272
272
|
disabled: true,
|
|
273
273
|
personEntity: {
|
|
274
|
-
avatarSrc: "https://
|
|
274
|
+
avatarSrc: "https://api.dicebear.com/7.x/personas/svg?seed=maxi"
|
|
275
275
|
}
|
|
276
276
|
}, "Maximillian Dubois"), /*#__PURE__*/React.createElement(Tag, {
|
|
277
277
|
small: true,
|
|
@@ -286,7 +286,7 @@ export var personTagSmall = function personTagSmall() {
|
|
|
286
286
|
}, "Maximillian Dubois"), /*#__PURE__*/React.createElement(Tag, {
|
|
287
287
|
small: true,
|
|
288
288
|
personEntity: {
|
|
289
|
-
avatarSrc: "https://
|
|
289
|
+
avatarSrc: "https://api.dicebear.com/7.x/personas/svg?seed=maxi"
|
|
290
290
|
}
|
|
291
291
|
}, "Maximillian Dubois"), /*#__PURE__*/React.createElement(Tag, {
|
|
292
292
|
small: true,
|
|
@@ -300,7 +300,7 @@ export var personTagSmall = function personTagSmall() {
|
|
|
300
300
|
small: true,
|
|
301
301
|
selected: true,
|
|
302
302
|
personEntity: {
|
|
303
|
-
avatarSrc: "https://
|
|
303
|
+
avatarSrc: "https://api.dicebear.com/7.x/personas/svg?seed=maxi"
|
|
304
304
|
}
|
|
305
305
|
}, "Maximillian Dubois"), /*#__PURE__*/React.createElement(Tag, {
|
|
306
306
|
small: true,
|
|
@@ -317,7 +317,7 @@ export var personTagSmall = function personTagSmall() {
|
|
|
317
317
|
selected: true,
|
|
318
318
|
highlighted: true,
|
|
319
319
|
personEntity: {
|
|
320
|
-
avatarSrc: "https://
|
|
320
|
+
avatarSrc: "https://api.dicebear.com/7.x/personas/svg?seed=maxi"
|
|
321
321
|
}
|
|
322
322
|
}, "Maximillian Dubois"), /*#__PURE__*/React.createElement(Tag, {
|
|
323
323
|
small: true,
|