@patternfly/react-core 4.227.3 → 4.227.6
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 +24 -0
- package/dist/umd/react-core.min.css +69 -69
- package/package.json +5 -5
- package/src/components/Menu/examples/Menu.md +19 -1290
- package/src/components/Menu/examples/MenuBasic.tsx +51 -0
- package/src/components/Menu/examples/MenuFilteringWithTextInput.tsx +52 -0
- package/src/components/Menu/examples/MenuOptionMultiSelect.tsx +30 -0
- package/src/components/Menu/examples/MenuOptionSingleSelect.tsx +27 -0
- package/src/components/Menu/examples/MenuScrollable.tsx +48 -0
- package/src/components/Menu/examples/MenuScrollableCustomMenuHeight.tsx +48 -0
- package/src/components/Menu/examples/MenuWithActions.tsx +75 -0
- package/src/components/Menu/examples/MenuWithCheckbox.tsx +2 -2
- package/src/components/Menu/examples/MenuWithDescription.tsx +35 -0
- package/src/components/Menu/examples/{MenuDrilldown.tsx → MenuWithDrilldown.tsx} +1 -1
- package/src/components/Menu/examples/MenuWithDrilldownBreadcrumbs.tsx +331 -0
- package/src/components/Menu/examples/{MenuDrilldownInitialState.tsx → MenuWithDrilldownInitialState.tsx} +0 -0
- package/src/components/Menu/examples/{MenuDrilldownSubmenuFunctions.tsx → MenuWithDrilldownSubmenuFunctions.tsx} +1 -1
- package/src/components/Menu/examples/MenuWithFavorites.tsx +104 -0
- package/src/components/Menu/examples/MenuWithFooter.tsx +40 -0
- package/src/components/Menu/examples/MenuWithIcons.tsx +33 -0
- package/src/components/Menu/examples/MenuWithLinks.tsx +30 -0
- package/src/components/Menu/examples/MenuWithSeparators.tsx +26 -0
- package/src/components/Menu/examples/MenuWithTitledGroups.tsx +46 -0
- package/src/components/Menu/examples/MenuWithViewMore.tsx +118 -0
- package/src/components/Radio/examples/Radio.md +12 -68
- package/src/components/Radio/examples/RadioControlled.tsx +21 -0
- package/src/components/Radio/examples/RadioDisabled.tsx +15 -0
- package/src/components/Radio/examples/RadioLabelWraps.tsx +6 -0
- package/src/components/Radio/examples/RadioReversed.tsx +6 -0
- package/src/components/Radio/examples/RadioStandaloneInput.tsx +6 -0
- package/src/components/Radio/examples/RadioUncontrolled.tsx +6 -0
- package/src/components/Radio/examples/RadioWithBody.tsx +6 -0
- package/src/components/Radio/examples/RadioWithDescription.tsx +11 -0
- package/src/components/Radio/examples/RadioWithDescriptionAndBody.tsx +12 -0
- package/src/components/Spinner/examples/Spinner.md +3 -21
- package/src/components/Spinner/examples/SpinnerBasic.tsx +4 -0
- package/src/components/Spinner/examples/SpinnerCustomSize.tsx +6 -0
- package/src/components/Spinner/examples/SpinnerSizeVariations.tsx +11 -0
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,30 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## 4.227.6 (2022-07-28)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @patternfly/react-core
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
## 4.227.5 (2022-07-27)
|
|
15
|
+
|
|
16
|
+
**Note:** Version bump only for package @patternfly/react-core
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
## 4.227.4 (2022-07-27)
|
|
23
|
+
|
|
24
|
+
**Note:** Version bump only for package @patternfly/react-core
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
|
|
6
30
|
## 4.227.3 (2022-07-27)
|
|
7
31
|
|
|
8
32
|
**Note:** Version bump only for package @patternfly/react-core
|
|
@@ -25997,75 +25997,6 @@ label.pf-c-tree-view__node-text {
|
|
|
25997
25997
|
--pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
|
|
25998
25998
|
}
|
|
25999
25999
|
}
|
|
26000
|
-
.pf-l-gallery {
|
|
26001
|
-
--pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
|
|
26002
|
-
--pf-l-gallery--GridTemplateColumns--min: 250px;
|
|
26003
|
-
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
|
|
26004
|
-
--pf-l-gallery--GridTemplateColumns--max: 1fr;
|
|
26005
|
-
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
|
|
26006
|
-
--pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
|
|
26007
|
-
--pf-l-gallery--GridTemplateRows: auto;
|
|
26008
|
-
display: grid;
|
|
26009
|
-
grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
|
|
26010
|
-
grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
|
|
26011
|
-
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
|
|
26012
|
-
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
|
|
26013
|
-
}
|
|
26014
|
-
|
|
26015
|
-
.pf-l-gallery.pf-m-gutter {
|
|
26016
|
-
grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
|
|
26017
|
-
}
|
|
26018
|
-
|
|
26019
|
-
@media (min-width: 576px) {
|
|
26020
|
-
.pf-l-gallery {
|
|
26021
|
-
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
|
|
26022
|
-
}
|
|
26023
|
-
}
|
|
26024
|
-
@media (min-width: 768px) {
|
|
26025
|
-
.pf-l-gallery {
|
|
26026
|
-
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)));
|
|
26027
|
-
}
|
|
26028
|
-
}
|
|
26029
|
-
@media (min-width: 992px) {
|
|
26030
|
-
.pf-l-gallery {
|
|
26031
|
-
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))));
|
|
26032
|
-
}
|
|
26033
|
-
}
|
|
26034
|
-
@media (min-width: 1200px) {
|
|
26035
|
-
.pf-l-gallery {
|
|
26036
|
-
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)))));
|
|
26037
|
-
}
|
|
26038
|
-
}
|
|
26039
|
-
@media (min-width: 1450px) {
|
|
26040
|
-
.pf-l-gallery {
|
|
26041
|
-
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))))));
|
|
26042
|
-
}
|
|
26043
|
-
}
|
|
26044
|
-
@media (min-width: 576px) {
|
|
26045
|
-
.pf-l-gallery {
|
|
26046
|
-
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
|
|
26047
|
-
}
|
|
26048
|
-
}
|
|
26049
|
-
@media (min-width: 768px) {
|
|
26050
|
-
.pf-l-gallery {
|
|
26051
|
-
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)));
|
|
26052
|
-
}
|
|
26053
|
-
}
|
|
26054
|
-
@media (min-width: 992px) {
|
|
26055
|
-
.pf-l-gallery {
|
|
26056
|
-
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))));
|
|
26057
|
-
}
|
|
26058
|
-
}
|
|
26059
|
-
@media (min-width: 1200px) {
|
|
26060
|
-
.pf-l-gallery {
|
|
26061
|
-
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)))));
|
|
26062
|
-
}
|
|
26063
|
-
}
|
|
26064
|
-
@media (min-width: 1450px) {
|
|
26065
|
-
.pf-l-gallery {
|
|
26066
|
-
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))))));
|
|
26067
|
-
}
|
|
26068
|
-
}
|
|
26069
26000
|
.pf-l-grid {
|
|
26070
26001
|
--pf-l-grid--m-gutter--GridGap: var(--pf-global--gutter);
|
|
26071
26002
|
--pf-l-grid__item--GridColumnStart: auto;
|
|
@@ -27280,6 +27211,75 @@ label.pf-c-tree-view__node-text {
|
|
|
27280
27211
|
grid-gap: var(--pf-l-grid--m-gutter--GridGap);
|
|
27281
27212
|
}
|
|
27282
27213
|
|
|
27214
|
+
.pf-l-gallery {
|
|
27215
|
+
--pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
|
|
27216
|
+
--pf-l-gallery--GridTemplateColumns--min: 250px;
|
|
27217
|
+
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
|
|
27218
|
+
--pf-l-gallery--GridTemplateColumns--max: 1fr;
|
|
27219
|
+
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
|
|
27220
|
+
--pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
|
|
27221
|
+
--pf-l-gallery--GridTemplateRows: auto;
|
|
27222
|
+
display: grid;
|
|
27223
|
+
grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
|
|
27224
|
+
grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
|
|
27225
|
+
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
|
|
27226
|
+
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
|
|
27227
|
+
}
|
|
27228
|
+
|
|
27229
|
+
.pf-l-gallery.pf-m-gutter {
|
|
27230
|
+
grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
|
|
27231
|
+
}
|
|
27232
|
+
|
|
27233
|
+
@media (min-width: 576px) {
|
|
27234
|
+
.pf-l-gallery {
|
|
27235
|
+
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
|
|
27236
|
+
}
|
|
27237
|
+
}
|
|
27238
|
+
@media (min-width: 768px) {
|
|
27239
|
+
.pf-l-gallery {
|
|
27240
|
+
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)));
|
|
27241
|
+
}
|
|
27242
|
+
}
|
|
27243
|
+
@media (min-width: 992px) {
|
|
27244
|
+
.pf-l-gallery {
|
|
27245
|
+
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))));
|
|
27246
|
+
}
|
|
27247
|
+
}
|
|
27248
|
+
@media (min-width: 1200px) {
|
|
27249
|
+
.pf-l-gallery {
|
|
27250
|
+
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)))));
|
|
27251
|
+
}
|
|
27252
|
+
}
|
|
27253
|
+
@media (min-width: 1450px) {
|
|
27254
|
+
.pf-l-gallery {
|
|
27255
|
+
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))))));
|
|
27256
|
+
}
|
|
27257
|
+
}
|
|
27258
|
+
@media (min-width: 576px) {
|
|
27259
|
+
.pf-l-gallery {
|
|
27260
|
+
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
|
|
27261
|
+
}
|
|
27262
|
+
}
|
|
27263
|
+
@media (min-width: 768px) {
|
|
27264
|
+
.pf-l-gallery {
|
|
27265
|
+
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)));
|
|
27266
|
+
}
|
|
27267
|
+
}
|
|
27268
|
+
@media (min-width: 992px) {
|
|
27269
|
+
.pf-l-gallery {
|
|
27270
|
+
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))));
|
|
27271
|
+
}
|
|
27272
|
+
}
|
|
27273
|
+
@media (min-width: 1200px) {
|
|
27274
|
+
.pf-l-gallery {
|
|
27275
|
+
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)))));
|
|
27276
|
+
}
|
|
27277
|
+
}
|
|
27278
|
+
@media (min-width: 1450px) {
|
|
27279
|
+
.pf-l-gallery {
|
|
27280
|
+
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))))));
|
|
27281
|
+
}
|
|
27282
|
+
}
|
|
27283
27283
|
.pf-l-level {
|
|
27284
27284
|
--pf-l-level--m-gutter--MarginRight: var(--pf-global--gutter);
|
|
27285
27285
|
display: flex;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@patternfly/react-core",
|
|
3
|
-
"version": "4.227.
|
|
3
|
+
"version": "4.227.6",
|
|
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.78.
|
|
38
|
-
"@patternfly/react-styles": "^4.77.
|
|
39
|
-
"@patternfly/react-tokens": "^4.79.
|
|
37
|
+
"@patternfly/react-icons": "^4.78.6",
|
|
38
|
+
"@patternfly/react-styles": "^4.77.6",
|
|
39
|
+
"@patternfly/react-tokens": "^4.79.6",
|
|
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": "aff8cdef5d30d83cc8f51e62f76ff8e40e8edd2a"
|
|
64
64
|
}
|