@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.
Files changed (38) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/dist/umd/react-core.min.css +69 -69
  3. package/package.json +5 -5
  4. package/src/components/Menu/examples/Menu.md +19 -1290
  5. package/src/components/Menu/examples/MenuBasic.tsx +51 -0
  6. package/src/components/Menu/examples/MenuFilteringWithTextInput.tsx +52 -0
  7. package/src/components/Menu/examples/MenuOptionMultiSelect.tsx +30 -0
  8. package/src/components/Menu/examples/MenuOptionSingleSelect.tsx +27 -0
  9. package/src/components/Menu/examples/MenuScrollable.tsx +48 -0
  10. package/src/components/Menu/examples/MenuScrollableCustomMenuHeight.tsx +48 -0
  11. package/src/components/Menu/examples/MenuWithActions.tsx +75 -0
  12. package/src/components/Menu/examples/MenuWithCheckbox.tsx +2 -2
  13. package/src/components/Menu/examples/MenuWithDescription.tsx +35 -0
  14. package/src/components/Menu/examples/{MenuDrilldown.tsx → MenuWithDrilldown.tsx} +1 -1
  15. package/src/components/Menu/examples/MenuWithDrilldownBreadcrumbs.tsx +331 -0
  16. package/src/components/Menu/examples/{MenuDrilldownInitialState.tsx → MenuWithDrilldownInitialState.tsx} +0 -0
  17. package/src/components/Menu/examples/{MenuDrilldownSubmenuFunctions.tsx → MenuWithDrilldownSubmenuFunctions.tsx} +1 -1
  18. package/src/components/Menu/examples/MenuWithFavorites.tsx +104 -0
  19. package/src/components/Menu/examples/MenuWithFooter.tsx +40 -0
  20. package/src/components/Menu/examples/MenuWithIcons.tsx +33 -0
  21. package/src/components/Menu/examples/MenuWithLinks.tsx +30 -0
  22. package/src/components/Menu/examples/MenuWithSeparators.tsx +26 -0
  23. package/src/components/Menu/examples/MenuWithTitledGroups.tsx +46 -0
  24. package/src/components/Menu/examples/MenuWithViewMore.tsx +118 -0
  25. package/src/components/Radio/examples/Radio.md +12 -68
  26. package/src/components/Radio/examples/RadioControlled.tsx +21 -0
  27. package/src/components/Radio/examples/RadioDisabled.tsx +15 -0
  28. package/src/components/Radio/examples/RadioLabelWraps.tsx +6 -0
  29. package/src/components/Radio/examples/RadioReversed.tsx +6 -0
  30. package/src/components/Radio/examples/RadioStandaloneInput.tsx +6 -0
  31. package/src/components/Radio/examples/RadioUncontrolled.tsx +6 -0
  32. package/src/components/Radio/examples/RadioWithBody.tsx +6 -0
  33. package/src/components/Radio/examples/RadioWithDescription.tsx +11 -0
  34. package/src/components/Radio/examples/RadioWithDescriptionAndBody.tsx +12 -0
  35. package/src/components/Spinner/examples/Spinner.md +3 -21
  36. package/src/components/Spinner/examples/SpinnerBasic.tsx +4 -0
  37. package/src/components/Spinner/examples/SpinnerCustomSize.tsx +6 -0
  38. 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",
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.3",
38
- "@patternfly/react-styles": "^4.77.3",
39
- "@patternfly/react-tokens": "^4.79.3",
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": "1f3a381413227fade8f0551512fcdc5a47436e7c"
63
+ "gitHead": "aff8cdef5d30d83cc8f51e62f76ff8e40e8edd2a"
64
64
  }