@patternfly/patternfly 6.3.0-prerelease.40 → 6.3.0-prerelease.42

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 (12) hide show
  1. package/components/Button/button.css +1 -1
  2. package/components/Button/button.scss +1 -1
  3. package/components/TextInputGroup/text-input-group.css +4 -0
  4. package/components/TextInputGroup/text-input-group.scss +4 -0
  5. package/components/_index.css +5 -1
  6. package/docs/components/InlineEdit/examples/InlineEdit.md +0 -4
  7. package/docs/components/Popover/examples/Popover.md +0 -4
  8. package/package.json +3 -3
  9. package/patternfly-no-globals.css +5 -1
  10. package/patternfly.css +5 -1
  11. package/patternfly.min.css +1 -1
  12. package/patternfly.min.css.map +1 -1
package/components/Button/button.css CHANGED
@@ -327,7 +327,7 @@
327
327
  cursor: pointer;
328
328
  -webkit-user-select: none;
329
329
  user-select: none;
330
- background: var(--pf-v6-c-button--BackgroundColor) radial-gradient(circle, transparent 1%, color-mix(in srgb, currentcolor 15%, transparent) 1%) center/15000% 15000%;
330
+ background: var(--pf-v6-c-button--BackgroundColor) radial-gradient(circle, transparent 1%, color-mix(in srgb, currentcolor 15%, transparent) 2%) center/15000% 15000%;
331
331
  border: 0;
332
332
  border-start-start-radius: var(--pf-v6-c-button--BorderStartStartRadius, var(--pf-v6-c-button--BorderRadius));
333
333
  border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
package/components/Button/button.scss CHANGED
@@ -385,7 +385,7 @@
385
385
  -webkit-user-select: none;
386
386
  user-select: none;
387
387
  // stylelint-enable property-no-vendor-prefix
388
- background: var(--#{$button}--BackgroundColor) radial-gradient(circle, transparent 1%, color-mix(in srgb, currentcolor 15%, transparent) 1%) center/15000% 15000%;
388
+ background: var(--#{$button}--BackgroundColor) radial-gradient(circle, transparent 1%, color-mix(in srgb, currentcolor 15%, transparent) 2%) center/15000% 15000%;
389
389
  border: 0;
390
390
  border-start-start-radius: var(--#{$button}--BorderStartStartRadius, var(--#{$button}--BorderRadius));
391
391
  border-start-end-radius: var(--#{$button}--BorderStartEndRadius, var(--#{$button}--BorderRadius));
package/components/TextInputGroup/text-input-group.css CHANGED
@@ -31,6 +31,7 @@
31
31
  --pf-v6-c-text-input-group__text-input--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
32
32
  --pf-v6-c-text-input-group__text-input--MinWidth: 12ch;
33
33
  --pf-v6-c-text-input-group__text-input--m-hint--Color: var(--pf-t--global--text--color--placeholder);
34
+ --pf-v6-c-text-input-group__text-input--Color: var(--pf-t--global--text--color--regular);
34
35
  --pf-v6-c-text-input-group__text-input--placeholder--Color: var(--pf-t--global--text--color--placeholder);
35
36
  --pf-v6-c-text-input-group__text-input--BackgroundColor: transparent;
36
37
  --pf-v6-c-text-input-group__text-input--OutlineOffset: -6px;
@@ -77,6 +78,8 @@
77
78
  }
78
79
  .pf-v6-c-text-input-group.pf-m-disabled {
79
80
  --pf-v6-c-text-input-group--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
81
+ --pf-v6-c-text-input-group__text-input--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
82
+ --pf-v6-c-text-input-group__text-input--placeholder--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
80
83
  --pf-v6-c-text-input-group__icon--Color: var(--pf-v6-c-text-input-group--m-disabled__icon--Color);
81
84
  --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-v6-c-text-input-group--m-disabled__icon--m-status--Color);
82
85
  --pf-v6-c-text-input-group--BackgroundColor: var(--pf-v6-c-text-input-group--m-disabled--BackgroundColor);
@@ -187,6 +190,7 @@
187
190
  padding-block-end: var(--pf-v6-c-text-input-group__text-input--PaddingBlockEnd);
188
191
  padding-inline-start: var(--pf-v6-c-text-input-group__text-input--PaddingInlineStart);
189
192
  padding-inline-end: var(--pf-v6-c-text-input-group__text-input--PaddingInlineEnd);
193
+ color: var(--pf-v6-c-text-input-group__text-input--Color);
190
194
  background-color: var(--pf-v6-c-text-input-group__text-input--BackgroundColor);
191
195
  border: 0;
192
196
  outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
package/components/TextInputGroup/text-input-group.scss CHANGED
@@ -44,6 +44,7 @@
44
44
  --#{$text-input-group}__text-input--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
45
45
  --#{$text-input-group}__text-input--MinWidth: 12ch;
46
46
  --#{$text-input-group}__text-input--m-hint--Color: var(--pf-t--global--text--color--placeholder);
47
+ --#{$text-input-group}__text-input--Color: var(--pf-t--global--text--color--regular);
47
48
  --#{$text-input-group}__text-input--placeholder--Color: var(--pf-t--global--text--color--placeholder);
48
49
  --#{$text-input-group}__text-input--BackgroundColor: transparent;
49
50
  --#{$text-input-group}__text-input--OutlineOffset: -6px;
@@ -97,6 +98,8 @@
97
98
 
98
99
  &.pf-m-disabled {
99
100
  --#{$text-input-group}--Color: var(--#{$text-input-group}--m-disabled--Color);
101
+ --#{$text-input-group}__text-input--Color: var(--#{$text-input-group}--m-disabled--Color);
102
+ --#{$text-input-group}__text-input--placeholder--Color: var(--#{$text-input-group}--m-disabled--Color);
100
103
  --#{$text-input-group}__icon--Color: var(--#{$text-input-group}--m-disabled__icon--Color);
101
104
  --#{$text-input-group}__icon--m-status--Color: var(--#{$text-input-group}--m-disabled__icon--m-status--Color);
102
105
  --#{$text-input-group}--BackgroundColor: var(--#{$text-input-group}--m-disabled--BackgroundColor);
@@ -213,6 +216,7 @@
213
216
  padding-block-end: var(--#{$text-input-group}__text-input--PaddingBlockEnd);
214
217
  padding-inline-start: var(--#{$text-input-group}__text-input--PaddingInlineStart);
215
218
  padding-inline-end: var(--#{$text-input-group}__text-input--PaddingInlineEnd);
219
+ color: var(--#{$text-input-group}__text-input--Color);
216
220
  background-color: var(--#{$text-input-group}__text-input--BackgroundColor);
217
221
  border: 0;
218
222
  outline-offset: var(--#{$text-input-group}__text-input--OutlineOffset);
package/components/_index.css CHANGED
@@ -1855,7 +1855,7 @@ button.pf-v6-c-breadcrumb__link {
1855
1855
  cursor: pointer;
1856
1856
  -webkit-user-select: none;
1857
1857
  user-select: none;
1858
- background: var(--pf-v6-c-button--BackgroundColor) radial-gradient(circle, transparent 1%, color-mix(in srgb, currentcolor 15%, transparent) 1%) center/15000% 15000%;
1858
+ background: var(--pf-v6-c-button--BackgroundColor) radial-gradient(circle, transparent 1%, color-mix(in srgb, currentcolor 15%, transparent) 2%) center/15000% 15000%;
1859
1859
  border: 0;
1860
1860
  border-start-start-radius: var(--pf-v6-c-button--BorderStartStartRadius, var(--pf-v6-c-button--BorderRadius));
1861
1861
  border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
@@ -20025,6 +20025,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20025
20025
  --pf-v6-c-text-input-group__text-input--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
20026
20026
  --pf-v6-c-text-input-group__text-input--MinWidth: 12ch;
20027
20027
  --pf-v6-c-text-input-group__text-input--m-hint--Color: var(--pf-t--global--text--color--placeholder);
20028
+ --pf-v6-c-text-input-group__text-input--Color: var(--pf-t--global--text--color--regular);
20028
20029
  --pf-v6-c-text-input-group__text-input--placeholder--Color: var(--pf-t--global--text--color--placeholder);
20029
20030
  --pf-v6-c-text-input-group__text-input--BackgroundColor: transparent;
20030
20031
  --pf-v6-c-text-input-group__text-input--OutlineOffset: -6px;
@@ -20071,6 +20072,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20071
20072
  }
20072
20073
  .pf-v6-c-text-input-group.pf-m-disabled {
20073
20074
  --pf-v6-c-text-input-group--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
20075
+ --pf-v6-c-text-input-group__text-input--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
20076
+ --pf-v6-c-text-input-group__text-input--placeholder--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
20074
20077
  --pf-v6-c-text-input-group__icon--Color: var(--pf-v6-c-text-input-group--m-disabled__icon--Color);
20075
20078
  --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-v6-c-text-input-group--m-disabled__icon--m-status--Color);
20076
20079
  --pf-v6-c-text-input-group--BackgroundColor: var(--pf-v6-c-text-input-group--m-disabled--BackgroundColor);
@@ -20181,6 +20184,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20181
20184
  padding-block-end: var(--pf-v6-c-text-input-group__text-input--PaddingBlockEnd);
20182
20185
  padding-inline-start: var(--pf-v6-c-text-input-group__text-input--PaddingInlineStart);
20183
20186
  padding-inline-end: var(--pf-v6-c-text-input-group__text-input--PaddingInlineEnd);
20187
+ color: var(--pf-v6-c-text-input-group__text-input--Color);
20184
20188
  background-color: var(--pf-v6-c-text-input-group__text-input--BackgroundColor);
20185
20189
  border: 0;
20186
20190
  outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
package/docs/components/InlineEdit/examples/InlineEdit.md CHANGED
@@ -917,7 +917,3 @@ All accessibility requirements for inputs apply to elements within inline edit.
917
917
  | `.pf-m-bold` | `.pf-v6-c-inline-edit__label` | Modifies an inline edit label's `font-weight`. |
918
918
  | `.pf-m-valid` | `.pf-v6-c-inline-edit__action` | Modifies the action button state. |
919
919
  | `.pf-m-enable-editable` | `.pf-v6-c-inline-edit__action` | Exposes an inline edit action by default. |
920
-
921
- ```
922
- -->
923
- ```
package/docs/components/Popover/examples/Popover.md CHANGED
@@ -6,10 +6,6 @@ cssPrefix: pf-v6-c-popover
6
6
 
7
7
  ## Examples
8
8
 
9
- ```
10
- {{> popover-close}}
11
- ```
12
-
13
9
  ### Top
14
10
 
15
11
  ```html isFullscreen
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "6.3.0-prerelease.40",
4
+ "version": "6.3.0-prerelease.42",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
@@ -47,9 +47,9 @@
47
47
  "@commitlint/config-conventional": "^19.1.0",
48
48
  "@fortawesome/fontawesome": "^1.1.8",
49
49
  "@octokit/rest": "^20.1.0",
50
- "@patternfly/documentation-framework": "6.11.2",
50
+ "@patternfly/documentation-framework": "6.15.5",
51
51
  "@patternfly/patternfly-a11y": "5.1.0",
52
- "@patternfly/react-code-editor": "6.2.2",
52
+ "@patternfly/react-code-editor": "6.3.0",
53
53
  "@patternfly/react-core": "6.2.2",
54
54
  "@patternfly/react-table": "6.2.2",
55
55
  "@starptech/prettyhtml": "^0.10.0",
package/patternfly-no-globals.css CHANGED
@@ -9351,7 +9351,7 @@ button.pf-v6-c-breadcrumb__link {
9351
9351
  cursor: pointer;
9352
9352
  -webkit-user-select: none;
9353
9353
  user-select: none;
9354
- background: var(--pf-v6-c-button--BackgroundColor) radial-gradient(circle, transparent 1%, color-mix(in srgb, currentcolor 15%, transparent) 1%) center/15000% 15000%;
9354
+ background: var(--pf-v6-c-button--BackgroundColor) radial-gradient(circle, transparent 1%, color-mix(in srgb, currentcolor 15%, transparent) 2%) center/15000% 15000%;
9355
9355
  border: 0;
9356
9356
  border-start-start-radius: var(--pf-v6-c-button--BorderStartStartRadius, var(--pf-v6-c-button--BorderRadius));
9357
9357
  border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
@@ -27521,6 +27521,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
27521
27521
  --pf-v6-c-text-input-group__text-input--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
27522
27522
  --pf-v6-c-text-input-group__text-input--MinWidth: 12ch;
27523
27523
  --pf-v6-c-text-input-group__text-input--m-hint--Color: var(--pf-t--global--text--color--placeholder);
27524
+ --pf-v6-c-text-input-group__text-input--Color: var(--pf-t--global--text--color--regular);
27524
27525
  --pf-v6-c-text-input-group__text-input--placeholder--Color: var(--pf-t--global--text--color--placeholder);
27525
27526
  --pf-v6-c-text-input-group__text-input--BackgroundColor: transparent;
27526
27527
  --pf-v6-c-text-input-group__text-input--OutlineOffset: -6px;
@@ -27567,6 +27568,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
27567
27568
  }
27568
27569
  .pf-v6-c-text-input-group.pf-m-disabled {
27569
27570
  --pf-v6-c-text-input-group--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
27571
+ --pf-v6-c-text-input-group__text-input--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
27572
+ --pf-v6-c-text-input-group__text-input--placeholder--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
27570
27573
  --pf-v6-c-text-input-group__icon--Color: var(--pf-v6-c-text-input-group--m-disabled__icon--Color);
27571
27574
  --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-v6-c-text-input-group--m-disabled__icon--m-status--Color);
27572
27575
  --pf-v6-c-text-input-group--BackgroundColor: var(--pf-v6-c-text-input-group--m-disabled--BackgroundColor);
@@ -27677,6 +27680,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
27677
27680
  padding-block-end: var(--pf-v6-c-text-input-group__text-input--PaddingBlockEnd);
27678
27681
  padding-inline-start: var(--pf-v6-c-text-input-group__text-input--PaddingInlineStart);
27679
27682
  padding-inline-end: var(--pf-v6-c-text-input-group__text-input--PaddingInlineEnd);
27683
+ color: var(--pf-v6-c-text-input-group__text-input--Color);
27680
27684
  background-color: var(--pf-v6-c-text-input-group__text-input--BackgroundColor);
27681
27685
  border: 0;
27682
27686
  outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
package/patternfly.css CHANGED
@@ -9487,7 +9487,7 @@ button.pf-v6-c-breadcrumb__link {
9487
9487
  cursor: pointer;
9488
9488
  -webkit-user-select: none;
9489
9489
  user-select: none;
9490
- background: var(--pf-v6-c-button--BackgroundColor) radial-gradient(circle, transparent 1%, color-mix(in srgb, currentcolor 15%, transparent) 1%) center/15000% 15000%;
9490
+ background: var(--pf-v6-c-button--BackgroundColor) radial-gradient(circle, transparent 1%, color-mix(in srgb, currentcolor 15%, transparent) 2%) center/15000% 15000%;
9491
9491
  border: 0;
9492
9492
  border-start-start-radius: var(--pf-v6-c-button--BorderStartStartRadius, var(--pf-v6-c-button--BorderRadius));
9493
9493
  border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
@@ -27657,6 +27657,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
27657
27657
  --pf-v6-c-text-input-group__text-input--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
27658
27658
  --pf-v6-c-text-input-group__text-input--MinWidth: 12ch;
27659
27659
  --pf-v6-c-text-input-group__text-input--m-hint--Color: var(--pf-t--global--text--color--placeholder);
27660
+ --pf-v6-c-text-input-group__text-input--Color: var(--pf-t--global--text--color--regular);
27660
27661
  --pf-v6-c-text-input-group__text-input--placeholder--Color: var(--pf-t--global--text--color--placeholder);
27661
27662
  --pf-v6-c-text-input-group__text-input--BackgroundColor: transparent;
27662
27663
  --pf-v6-c-text-input-group__text-input--OutlineOffset: -6px;
@@ -27703,6 +27704,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
27703
27704
  }
27704
27705
  .pf-v6-c-text-input-group.pf-m-disabled {
27705
27706
  --pf-v6-c-text-input-group--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
27707
+ --pf-v6-c-text-input-group__text-input--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
27708
+ --pf-v6-c-text-input-group__text-input--placeholder--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
27706
27709
  --pf-v6-c-text-input-group__icon--Color: var(--pf-v6-c-text-input-group--m-disabled__icon--Color);
27707
27710
  --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-v6-c-text-input-group--m-disabled__icon--m-status--Color);
27708
27711
  --pf-v6-c-text-input-group--BackgroundColor: var(--pf-v6-c-text-input-group--m-disabled--BackgroundColor);
@@ -27813,6 +27816,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
27813
27816
  padding-block-end: var(--pf-v6-c-text-input-group__text-input--PaddingBlockEnd);
27814
27817
  padding-inline-start: var(--pf-v6-c-text-input-group__text-input--PaddingInlineStart);
27815
27818
  padding-inline-end: var(--pf-v6-c-text-input-group__text-input--PaddingInlineEnd);
27819
+ color: var(--pf-v6-c-text-input-group__text-input--Color);
27816
27820
  background-color: var(--pf-v6-c-text-input-group__text-input--BackgroundColor);
27817
27821
  border: 0;
27818
27822
  outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);