@patternfly/patternfly 6.3.0-prerelease.65 → 6.3.0-prerelease.67

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 (13) hide show
  1. package/components/FormControl/form-control.css +6 -1
  2. package/components/FormControl/form-control.scss +8 -3
  3. package/components/Sidebar/sidebar.css +7 -0
  4. package/components/Sidebar/sidebar.scss +7 -0
  5. package/components/_index.css +13 -1
  6. package/docs/components/JumpLinks/examples/JumpLinks.md +164 -77
  7. package/docs/demos/Drawer/examples/Drawer.md +0 -2
  8. package/docs/demos/JumpLinks/examples/JumpLinks.md +0 -5
  9. package/package.json +2 -2
  10. package/patternfly-no-globals.css +13 -1
  11. package/patternfly.css +13 -1
  12. package/patternfly.min.css +1 -1
  13. package/patternfly.min.css.map +1 -1
package/docs/demos/Drawer/examples/Drawer.md CHANGED
@@ -1435,7 +1435,6 @@ wrapperTag: div
1435
1435
  <button
1436
1436
  class="pf-v6-c-button pf-m-plain"
1437
1437
  type="button"
1438
- aria-label="Toggle jump links"
1439
1438
  >
1440
1439
  <span class="pf-v6-c-button__icon pf-m-start">
1441
1440
  <span class="pf-v6-c-jump-links__toggle-icon">
@@ -1857,7 +1856,6 @@ wrapperTag: div
1857
1856
  <button
1858
1857
  class="pf-v6-c-button pf-m-plain"
1859
1858
  type="button"
1860
- aria-label="Toggle jump links"
1861
1859
  >
1862
1860
  <span class="pf-v6-c-button__icon pf-m-start">
1863
1861
  <span class="pf-v6-c-jump-links__toggle-icon">
package/docs/demos/JumpLinks/examples/JumpLinks.md CHANGED
@@ -300,7 +300,6 @@ section: components
300
300
  <button
301
301
  class="pf-v6-c-button pf-m-plain"
302
302
  type="button"
303
- aria-label="Toggle jump links"
304
303
  >
305
304
  <span class="pf-v6-c-button__icon pf-m-start">
306
305
  <span class="pf-v6-c-jump-links__toggle-icon">
@@ -734,7 +733,6 @@ section: components
734
733
  <button
735
734
  class="pf-v6-c-button pf-m-plain"
736
735
  type="button"
737
- aria-label="Toggle jump links"
738
736
  >
739
737
  <span class="pf-v6-c-button__icon pf-m-start">
740
738
  <span class="pf-v6-c-jump-links__toggle-icon">
@@ -1168,7 +1166,6 @@ section: components
1168
1166
  <button
1169
1167
  class="pf-v6-c-button pf-m-plain"
1170
1168
  type="button"
1171
- aria-label="Toggle jump links"
1172
1169
  >
1173
1170
  <span class="pf-v6-c-button__icon pf-m-start">
1174
1171
  <span class="pf-v6-c-jump-links__toggle-icon">
@@ -1939,7 +1936,6 @@ section: components
1939
1936
  <button
1940
1937
  class="pf-v6-c-button pf-m-plain"
1941
1938
  type="button"
1942
- aria-label="Toggle jump links"
1943
1939
  >
1944
1940
  <span class="pf-v6-c-button__icon pf-m-start">
1945
1941
  <span class="pf-v6-c-jump-links__toggle-icon">
@@ -2361,7 +2357,6 @@ section: components
2361
2357
  <button
2362
2358
  class="pf-v6-c-button pf-m-plain"
2363
2359
  type="button"
2364
- aria-label="Toggle jump links"
2365
2360
  >
2366
2361
  <span class="pf-v6-c-button__icon pf-m-start">
2367
2362
  <span class="pf-v6-c-jump-links__toggle-icon">
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.65",
4
+ "version": "6.3.0-prerelease.67",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "engines": {
@@ -51,7 +51,7 @@
51
51
  "@commitlint/config-conventional": "^19.1.0",
52
52
  "@fortawesome/fontawesome": "^1.1.8",
53
53
  "@octokit/rest": "^20.1.0",
54
- "@patternfly/documentation-framework": "6.22.5",
54
+ "@patternfly/documentation-framework": "6.22.6",
55
55
  "@patternfly/patternfly-a11y": "5.1.0",
56
56
  "@patternfly/react-code-editor": "6.3.1",
57
57
  "@patternfly/react-core": "6.3.1",
package/patternfly-no-globals.css CHANGED
@@ -16255,6 +16255,12 @@ ul) {
16255
16255
  .pf-v6-c-form-control > :is(input, select) {
16256
16256
  text-overflow: ellipsis;
16257
16257
  }
16258
+ .pf-v6-c-form-control > select {
16259
+ background-color: var(--pf-v6-c-form-control--BackgroundColor);
16260
+ }
16261
+ .pf-v6-c-form-control > select * {
16262
+ color: var(--pf-v6-c-form-control--Color);
16263
+ }
16258
16264
  .pf-v6-c-form-control:has(input) {
16259
16265
  --pf-v6-c-form-control--PaddingBlockStart: var(--pf-v6-c-form-control__input--PaddingBlockStart);
16260
16266
  --pf-v6-c-form-control--PaddingBlockEnd: var(--pf-v6-c-form-control__input--PaddingBlockEnd);
@@ -16400,7 +16406,6 @@ ul) {
16400
16406
  --pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control__select--PaddingInlineStart);
16401
16407
  --pf-v6-c-form-control--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__select--PaddingInlineEnd) + var(--pf-v6-c-form-control__icon--FontSize));
16402
16408
  --pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd);
16403
- background-color: var(--pf-v6-c-form-control--BackgroundColor);
16404
16409
  }
16405
16410
  .pf-v6-c-form-control:has(select) .pf-v6-c-form-control__utilities {
16406
16411
  padding-inline-end: var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd);
@@ -23493,6 +23498,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23493
23498
  --pf-v6-c-sidebar--m-stack__panel--Position: sticky;
23494
23499
  --pf-v6-c-sidebar--m-stack__panel--InsetBlockStart: 0;
23495
23500
  --pf-v6-c-sidebar--m-stack__panel--BoxShadow: var(--pf-v6-c-sidebar__panel--BoxShadow--base);
23501
+ --pf-v6-c-sidebar--m-stack__panel--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
23496
23502
  --pf-v6-c-sidebar--m-stack--m-panel-right__panel--Order: -1;
23497
23503
  --pf-v6-c-sidebar--m-split__main--AlignItems: flex-start;
23498
23504
  --pf-v6-c-sidebar--m-split__main--FlexDirection: row;
@@ -23501,6 +23507,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23501
23507
  --pf-v6-c-sidebar--m-split--m-panel-right__panel--Order: 1;
23502
23508
  --pf-v6-c-sidebar--m-split__main--m-border--before--Display: block;
23503
23509
  --pf-v6-c-sidebar__panel--FlexBasis--base: auto;
23510
+ --pf-v6-c-sidebar__panel--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
23511
+ --pf-v6-c-sidebar__panel--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
23504
23512
  --pf-v6-c-sidebar__panel--BoxShadow--base: var(--pf-t--global--box-shadow--md--bottom);
23505
23513
  --pf-v6-c-sidebar__panel--BoxShadow: var(--pf-v6-c-sidebar__panel--BoxShadow--base);
23506
23514
  --pf-v6-c-sidebar__panel--InsetBlockStart: 0;
@@ -23529,6 +23537,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23529
23537
  --pf-v6-c-sidebar__main--FlexDirection: var(--pf-v6-c-sidebar__main--md--FlexDirection);
23530
23538
  --pf-v6-c-sidebar__main--AlignItems: var(--pf-v6-c-sidebar__main--md--AlignItems);
23531
23539
  --pf-v6-c-sidebar__main--m-border--before--Display: var(--pf-v6-c-sidebar__main--m-border--before--md--Display);
23540
+ --pf-v6-c-sidebar__panel--BorderBlockEndWidth: 0;
23532
23541
  --pf-v6-c-sidebar__panel--BoxShadow: none;
23533
23542
  --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--md--FlexBasis);
23534
23543
  --pf-v6-c-sidebar__panel--InsetBlockStart: var(--pf-v6-c-sidebar__panel--md--InsetBlockStart);
@@ -23558,6 +23567,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23558
23567
  --pf-v6-c-sidebar__main--AlignItems: var(--pf-v6-c-sidebar--m-stack__main--AlignItems);
23559
23568
  --pf-v6-c-sidebar__panel--Position: var(--pf-v6-c-sidebar--m-stack__panel--Position);
23560
23569
  --pf-v6-c-sidebar__panel--InsetBlockStart: var(--pf-v6-c-sidebar--m-stack__panel--InsetBlockStart);
23570
+ --pf-v6-c-sidebar__panel--BorderBlockEndWidth: var(--pf-v6-c-sidebar--m-stack__panel--BorderBlockEndWidth);
23561
23571
  --pf-v6-c-sidebar__panel--BoxShadow: var(--pf-v6-c-sidebar--m-stack__panel--BoxShadow);
23562
23572
  --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--m-stack--FlexBasis);
23563
23573
  --pf-v6-c-sidebar__main--m-border--before--Display: none;
@@ -23568,6 +23578,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23568
23578
  --pf-v6-c-sidebar__main--AlignItems: var(--pf-v6-c-sidebar--m-split__main--AlignItems);
23569
23579
  --pf-v6-c-sidebar__panel--Position: var(--pf-v6-c-sidebar--m-split__panel--Position);
23570
23580
  --pf-v6-c-sidebar__panel--InsetBlockStart: var(--pf-v6-c-sidebar--m-split__panel--InsetBlockStart);
23581
+ --pf-v6-c-sidebar__panel--BorderBlockEndWidth: 0;
23571
23582
  --pf-v6-c-sidebar__panel--BoxShadow: none;
23572
23583
  --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--m-split--FlexBasis);
23573
23584
  --pf-v6-c-sidebar__main--m-border--before--Display: var(--pf-v6-c-sidebar--m-split__main--m-border--before--Display);
@@ -23599,6 +23610,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23599
23610
  padding-inline-start: var(--pf-v6-c-sidebar__panel--PaddingInlineStart);
23600
23611
  padding-inline-end: var(--pf-v6-c-sidebar__panel--PaddingInlineEnd);
23601
23612
  background-color: var(--pf-v6-c-sidebar__panel--BackgroundColor);
23613
+ border-block-end: var(--pf-v6-c-sidebar__panel--BorderBlockEndWidth) solid var(--pf-v6-c-sidebar__panel--BorderBlockEndColor);
23602
23614
  box-shadow: var(--pf-v6-c-sidebar__panel--BoxShadow);
23603
23615
  }
23604
23616
  .pf-v6-c-sidebar__panel.pf-m-padding {
package/patternfly.css CHANGED
@@ -16395,6 +16395,12 @@ ul) {
16395
16395
  .pf-v6-c-form-control > :is(input, select) {
16396
16396
  text-overflow: ellipsis;
16397
16397
  }
16398
+ .pf-v6-c-form-control > select {
16399
+ background-color: var(--pf-v6-c-form-control--BackgroundColor);
16400
+ }
16401
+ .pf-v6-c-form-control > select * {
16402
+ color: var(--pf-v6-c-form-control--Color);
16403
+ }
16398
16404
  .pf-v6-c-form-control:has(input) {
16399
16405
  --pf-v6-c-form-control--PaddingBlockStart: var(--pf-v6-c-form-control__input--PaddingBlockStart);
16400
16406
  --pf-v6-c-form-control--PaddingBlockEnd: var(--pf-v6-c-form-control__input--PaddingBlockEnd);
@@ -16540,7 +16546,6 @@ ul) {
16540
16546
  --pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control__select--PaddingInlineStart);
16541
16547
  --pf-v6-c-form-control--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__select--PaddingInlineEnd) + var(--pf-v6-c-form-control__icon--FontSize));
16542
16548
  --pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd);
16543
- background-color: var(--pf-v6-c-form-control--BackgroundColor);
16544
16549
  }
16545
16550
  .pf-v6-c-form-control:has(select) .pf-v6-c-form-control__utilities {
16546
16551
  padding-inline-end: var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd);
@@ -23633,6 +23638,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23633
23638
  --pf-v6-c-sidebar--m-stack__panel--Position: sticky;
23634
23639
  --pf-v6-c-sidebar--m-stack__panel--InsetBlockStart: 0;
23635
23640
  --pf-v6-c-sidebar--m-stack__panel--BoxShadow: var(--pf-v6-c-sidebar__panel--BoxShadow--base);
23641
+ --pf-v6-c-sidebar--m-stack__panel--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
23636
23642
  --pf-v6-c-sidebar--m-stack--m-panel-right__panel--Order: -1;
23637
23643
  --pf-v6-c-sidebar--m-split__main--AlignItems: flex-start;
23638
23644
  --pf-v6-c-sidebar--m-split__main--FlexDirection: row;
@@ -23641,6 +23647,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23641
23647
  --pf-v6-c-sidebar--m-split--m-panel-right__panel--Order: 1;
23642
23648
  --pf-v6-c-sidebar--m-split__main--m-border--before--Display: block;
23643
23649
  --pf-v6-c-sidebar__panel--FlexBasis--base: auto;
23650
+ --pf-v6-c-sidebar__panel--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
23651
+ --pf-v6-c-sidebar__panel--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
23644
23652
  --pf-v6-c-sidebar__panel--BoxShadow--base: var(--pf-t--global--box-shadow--md--bottom);
23645
23653
  --pf-v6-c-sidebar__panel--BoxShadow: var(--pf-v6-c-sidebar__panel--BoxShadow--base);
23646
23654
  --pf-v6-c-sidebar__panel--InsetBlockStart: 0;
@@ -23669,6 +23677,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23669
23677
  --pf-v6-c-sidebar__main--FlexDirection: var(--pf-v6-c-sidebar__main--md--FlexDirection);
23670
23678
  --pf-v6-c-sidebar__main--AlignItems: var(--pf-v6-c-sidebar__main--md--AlignItems);
23671
23679
  --pf-v6-c-sidebar__main--m-border--before--Display: var(--pf-v6-c-sidebar__main--m-border--before--md--Display);
23680
+ --pf-v6-c-sidebar__panel--BorderBlockEndWidth: 0;
23672
23681
  --pf-v6-c-sidebar__panel--BoxShadow: none;
23673
23682
  --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--md--FlexBasis);
23674
23683
  --pf-v6-c-sidebar__panel--InsetBlockStart: var(--pf-v6-c-sidebar__panel--md--InsetBlockStart);
@@ -23698,6 +23707,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23698
23707
  --pf-v6-c-sidebar__main--AlignItems: var(--pf-v6-c-sidebar--m-stack__main--AlignItems);
23699
23708
  --pf-v6-c-sidebar__panel--Position: var(--pf-v6-c-sidebar--m-stack__panel--Position);
23700
23709
  --pf-v6-c-sidebar__panel--InsetBlockStart: var(--pf-v6-c-sidebar--m-stack__panel--InsetBlockStart);
23710
+ --pf-v6-c-sidebar__panel--BorderBlockEndWidth: var(--pf-v6-c-sidebar--m-stack__panel--BorderBlockEndWidth);
23701
23711
  --pf-v6-c-sidebar__panel--BoxShadow: var(--pf-v6-c-sidebar--m-stack__panel--BoxShadow);
23702
23712
  --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--m-stack--FlexBasis);
23703
23713
  --pf-v6-c-sidebar__main--m-border--before--Display: none;
@@ -23708,6 +23718,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23708
23718
  --pf-v6-c-sidebar__main--AlignItems: var(--pf-v6-c-sidebar--m-split__main--AlignItems);
23709
23719
  --pf-v6-c-sidebar__panel--Position: var(--pf-v6-c-sidebar--m-split__panel--Position);
23710
23720
  --pf-v6-c-sidebar__panel--InsetBlockStart: var(--pf-v6-c-sidebar--m-split__panel--InsetBlockStart);
23721
+ --pf-v6-c-sidebar__panel--BorderBlockEndWidth: 0;
23711
23722
  --pf-v6-c-sidebar__panel--BoxShadow: none;
23712
23723
  --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--m-split--FlexBasis);
23713
23724
  --pf-v6-c-sidebar__main--m-border--before--Display: var(--pf-v6-c-sidebar--m-split__main--m-border--before--Display);
@@ -23739,6 +23750,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23739
23750
  padding-inline-start: var(--pf-v6-c-sidebar__panel--PaddingInlineStart);
23740
23751
  padding-inline-end: var(--pf-v6-c-sidebar__panel--PaddingInlineEnd);
23741
23752
  background-color: var(--pf-v6-c-sidebar__panel--BackgroundColor);
23753
+ border-block-end: var(--pf-v6-c-sidebar__panel--BorderBlockEndWidth) solid var(--pf-v6-c-sidebar__panel--BorderBlockEndColor);
23742
23754
  box-shadow: var(--pf-v6-c-sidebar__panel--BoxShadow);
23743
23755
  }
23744
23756
  .pf-v6-c-sidebar__panel.pf-m-padding {