@patternfly/react-core 4.221.8 → 4.221.9
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 +8 -0
- package/dist/esm/components/Label/Label.d.ts +1 -1
- package/dist/esm/components/Label/Label.d.ts.map +1 -1
- package/dist/esm/components/Label/Label.js +1 -0
- package/dist/esm/components/Label/Label.js.map +1 -1
- package/dist/js/components/Label/Label.d.ts +1 -1
- package/dist/js/components/Label/Label.d.ts.map +1 -1
- package/dist/js/components/Label/Label.js +1 -0
- package/dist/js/components/Label/Label.js.map +1 -1
- package/dist/umd/react-core.css +107 -107
- package/dist/umd/react-core.js +1 -0
- package/dist/umd/react-core.min.js +1 -1
- package/package.json +5 -5
- package/src/components/Label/Label.tsx +2 -1
- package/src/components/Label/examples/Label.md +44 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@patternfly/react-core",
|
|
3
|
-
"version": "4.221.
|
|
3
|
+
"version": "4.221.9",
|
|
4
4
|
"description": "This library provides a set of common React components for use with the PatternFly reference implementation.",
|
|
5
5
|
"main": "dist/js/index.js",
|
|
6
6
|
"module": "dist/esm/index.js",
|
|
@@ -34,9 +34,9 @@
|
|
|
34
34
|
"generate": "node scripts/copyStyles.js"
|
|
35
35
|
},
|
|
36
36
|
"dependencies": {
|
|
37
|
-
"@patternfly/react-icons": "^4.72.
|
|
38
|
-
"@patternfly/react-styles": "^4.71.
|
|
39
|
-
"@patternfly/react-tokens": "^4.73.
|
|
37
|
+
"@patternfly/react-icons": "^4.72.9",
|
|
38
|
+
"@patternfly/react-styles": "^4.71.9",
|
|
39
|
+
"@patternfly/react-tokens": "^4.73.9",
|
|
40
40
|
"focus-trap": "6.9.2",
|
|
41
41
|
"react-dropzone": "9.0.0",
|
|
42
42
|
"tippy.js": "5.1.2",
|
|
@@ -60,5 +60,5 @@
|
|
|
60
60
|
"react": "^16.8.0 || ^17.0.0",
|
|
61
61
|
"react-dom": "^16.8.0 || ^17.0.0"
|
|
62
62
|
},
|
|
63
|
-
"gitHead": "
|
|
63
|
+
"gitHead": "caf3cacb7a188572da906aa223edb8e6003493c6"
|
|
64
64
|
}
|
|
@@ -14,7 +14,7 @@ export interface LabelProps extends React.HTMLProps<HTMLSpanElement> {
|
|
|
14
14
|
/** Additional classes added to the label. */
|
|
15
15
|
className?: string;
|
|
16
16
|
/** Color of the label. */
|
|
17
|
-
color?: 'blue' | 'cyan' | 'green' | 'orange' | 'purple' | 'red' | 'grey';
|
|
17
|
+
color?: 'blue' | 'cyan' | 'green' | 'orange' | 'purple' | 'red' | 'grey' | 'gold';
|
|
18
18
|
/** Variant of the label. */
|
|
19
19
|
variant?: 'outline' | 'filled';
|
|
20
20
|
/** Flag indicating the label is compact. */
|
|
@@ -78,6 +78,7 @@ const colorStyles = {
|
|
|
78
78
|
orange: styles.modifiers.orange,
|
|
79
79
|
purple: styles.modifiers.purple,
|
|
80
80
|
red: styles.modifiers.red,
|
|
81
|
+
gold: styles.modifiers.gold,
|
|
81
82
|
grey: ''
|
|
82
83
|
};
|
|
83
84
|
|
|
@@ -156,6 +156,27 @@ import InfoCircleIcon from '@patternfly/react-icons/dist/esm/icons/info-circle-i
|
|
|
156
156
|
<Label color="cyan" icon={<InfoCircleIcon />} onClose={Function.prototype} isTruncated>
|
|
157
157
|
Cyan label with icon that overflows
|
|
158
158
|
</Label>
|
|
159
|
+
<br />
|
|
160
|
+
<br />
|
|
161
|
+
<Label color="gold">Gold</Label>{' '}
|
|
162
|
+
<Label color="gold" icon={<InfoCircleIcon />}>
|
|
163
|
+
Gold icon
|
|
164
|
+
</Label>{' '}
|
|
165
|
+
<Label color="gold" onClose={Function.prototype}>
|
|
166
|
+
Gold removable
|
|
167
|
+
</Label>{' '}
|
|
168
|
+
<Label color="gold" icon={<InfoCircleIcon />} onClose={Function.prototype}>
|
|
169
|
+
Gold icon removable
|
|
170
|
+
</Label>{' '}
|
|
171
|
+
<Label color="gold" href="#filled">
|
|
172
|
+
Gold link
|
|
173
|
+
</Label>{' '}
|
|
174
|
+
<Label color="gold" href="#filled" onClose={Function.prototype}>
|
|
175
|
+
Gold link removable
|
|
176
|
+
</Label>
|
|
177
|
+
<Label color="gold" icon={<InfoCircleIcon />} onClose={Function.prototype} isTruncated>
|
|
178
|
+
Gold label with icon that overflows
|
|
179
|
+
</Label>
|
|
159
180
|
</React.Fragment>;
|
|
160
181
|
```
|
|
161
182
|
|
|
@@ -324,6 +345,29 @@ import InfoCircleIcon from '@patternfly/react-icons/dist/esm/icons/info-circle-i
|
|
|
324
345
|
<Label variant="outline" color="cyan" icon={<InfoCircleIcon />} onClose={Function.prototype} isTruncated>
|
|
325
346
|
Cyan label with icon that overflows
|
|
326
347
|
</Label>
|
|
348
|
+
<br />
|
|
349
|
+
<br />
|
|
350
|
+
<Label variant="outline" color="gold">
|
|
351
|
+
Gold
|
|
352
|
+
</Label>{' '}
|
|
353
|
+
<Label variant="outline" color="gold" icon={<InfoCircleIcon />}>
|
|
354
|
+
Gold icon
|
|
355
|
+
</Label>{' '}
|
|
356
|
+
<Label variant="outline" color="gold" onClose={Function.prototype}>
|
|
357
|
+
Gold removable
|
|
358
|
+
</Label>{' '}
|
|
359
|
+
<Label variant="outline" color="gold" icon={<InfoCircleIcon />} onClose={Function.prototype}>
|
|
360
|
+
Gold icon removable
|
|
361
|
+
</Label>{' '}
|
|
362
|
+
<Label variant="outline" color="gold" href="#outline">
|
|
363
|
+
Gold link
|
|
364
|
+
</Label>{' '}
|
|
365
|
+
<Label variant="outline" color="gold" href="#outline" onClose={Function.prototype}>
|
|
366
|
+
Gold link removable
|
|
367
|
+
</Label>
|
|
368
|
+
<Label variant="outline" color="gold" icon={<InfoCircleIcon />} onClose={Function.prototype} isTruncated>
|
|
369
|
+
Gold label with icon that overflows
|
|
370
|
+
</Label>
|
|
327
371
|
</React.Fragment>;
|
|
328
372
|
```
|
|
329
373
|
|