@patternfly/patternfly 6.0.0-prerelease.6 → 6.0.0-prerelease.8

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 (28) hide show
  1. package/base/patternfly-variables.css +14 -5
  2. package/base/tokens/tokens-charts-dark.scss +1 -1
  3. package/base/tokens/tokens-charts.scss +1 -1
  4. package/base/tokens/tokens-dark.scss +4 -1
  5. package/base/tokens/tokens-default.scss +12 -6
  6. package/base/tokens/tokens-palette.scss +1 -1
  7. package/components/Button/button.css +2 -2
  8. package/components/Button/button.scss +2 -2
  9. package/components/Check/check.css +2 -2
  10. package/components/Check/check.scss +2 -2
  11. package/components/FormControl/form-control.css +9 -5
  12. package/components/FormControl/form-control.scss +9 -5
  13. package/components/MenuToggle/menu-toggle.css +2 -2
  14. package/components/MenuToggle/menu-toggle.scss +2 -2
  15. package/components/Pagination/pagination.css +1 -1
  16. package/components/Pagination/pagination.scss +1 -1
  17. package/components/Radio/radio.css +2 -2
  18. package/components/Radio/radio.scss +2 -2
  19. package/components/Slider/slider.css +1 -1
  20. package/components/Slider/slider.scss +1 -1
  21. package/components/_index.css +19 -15
  22. package/package.json +4 -4
  23. package/patternfly-base-no-globals.css +14 -5
  24. package/patternfly-base.css +14 -5
  25. package/patternfly-no-globals.css +33 -20
  26. package/patternfly.css +33 -20
  27. package/patternfly.min.css +1 -1
  28. package/patternfly.min.css.map +1 -1
package/components/_index.css CHANGED
@@ -1632,7 +1632,7 @@ button.pf-v6-c-breadcrumb__link {
1632
1632
  --pf-v6-c-button__icon--MarginInlineEnd: 0;
1633
1633
  --pf-v6-c-button__icon--m-start--MarginInlineEnd: 0;
1634
1634
  --pf-v6-c-button__icon--m-end--MarginInlineStart: 0;
1635
- --pf-v6-c-button__progress--width: calc(var(--pf-v6-c-spinner--m-md--diameter) + var(--pf-t--global--spacer--sm));
1635
+ --pf-v6-c-button__progress--width: calc(var(--pf-t--global--icon--size--lg) + var(--pf-t--global--spacer--sm));
1636
1636
  --pf-v6-c-button__progress--Opacity: 0;
1637
1637
  --pf-v6-c-button__progress--TranslateY: -50%;
1638
1638
  --pf-v6-c-button__progress--TranslateX: 0;
@@ -1643,7 +1643,7 @@ button.pf-v6-c-breadcrumb__link {
1643
1643
  --pf-v6-c-button--m-progress--PaddingInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-button__progress--width) / 2);
1644
1644
  --pf-v6-c-button--m-in-progress--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
1645
1645
  --pf-v6-c-button--m-in-progress--PaddingInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-button__progress--width));
1646
- --pf-v6-c-button--m-in-progress--m-plain--Color: var(--pf-v6-c-spinner--Color);
1646
+ --pf-v6-c-button--m-in-progress--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
1647
1647
  --pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart: 50%;
1648
1648
  --pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
1649
1649
  --pf-v6-c-button--m-primary__c-badge--BorderColor: var(--pf-t--global--border--color--default);
@@ -2548,7 +2548,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2548
2548
  .pf-v6-c-check {
2549
2549
  --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--gap--group--vertical) var(--pf-t--global--spacer--gap--text-to-element--default);
2550
2550
  --pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
2551
- --pf-v6-c-check--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
2551
+ --pf-v6-c-check--m-standalone--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
2552
2552
  --pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
2553
2553
  --pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
2554
2554
  --pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body--default);
@@ -2571,7 +2571,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2571
2571
  .pf-v6-c-check.pf-m-standalone {
2572
2572
  display: inline-grid;
2573
2573
  grid-template-columns: auto;
2574
- min-height: var(--pf-v6-c-check--MinHeight);
2574
+ min-height: var(--pf-v6-c-check--m-standalone--MinHeight);
2575
2575
  }
2576
2576
  .pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
2577
2577
  align-self: center;
@@ -6800,9 +6800,11 @@ ul) {
6800
6800
  --pf-v6-c-form-control--OutlineOffset: -6px;
6801
6801
  --pf-v6-c-form-control--BorderRadius: var(--pf-t--global--border--radius--small);
6802
6802
  --pf-v6-c-form-control--before--BorderWidth: var(--pf-t--global--border--width--control--default);
6803
+ --pf-v6-c-form-control--before--BorderStyle: solid;
6803
6804
  --pf-v6-c-form-control--before--BorderColor: var(--pf-t--global--border--color--default);
6804
6805
  --pf-v6-c-form-control--before--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
6805
6806
  --pf-v6-c-form-control--after--BorderWidth: var(--pf-t--global--border--width--control--default);
6807
+ --pf-v6-c-form-control--after--BorderStyle: solid;
6806
6808
  --pf-v6-c-form-control--after--BorderColor: transparent;
6807
6809
  --pf-v6-c-form-control--after--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
6808
6810
  --pf-v6-c-form-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
@@ -6824,10 +6826,11 @@ ul) {
6824
6826
  --pf-v6-c-form-control--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
6825
6827
  --pf-v6-c-form-control--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
6826
6828
  --pf-v6-c-form-control--m-disabled--after--BorderColor: transparent;
6827
- --pf-v6-c-form-control--m-readonly--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
6828
- --pf-v6-c-form-control--m-readonly--BorderColor: transparent;
6829
+ --pf-v6-c-form-control--m-readonly--BackgroundColor: var(--pf-t--global--background--color--control--read-only);
6830
+ --pf-v6-c-form-control--m-readonly--BorderColor: var(--pf-t--global--border--color--control--read-only);
6829
6831
  --pf-v6-c-form-control--m-readonly--hover--after--BorderColor: revert;
6830
6832
  --pf-v6-c-form-control--m-readonly--m-plain--BackgroundColor: transparent;
6833
+ --pf-v6-c-form-control--m-readonly--m-plain--BorderColor: transparent;
6831
6834
  --pf-v6-c-form-control--m-readonly--m-plain--inset--base: 0;
6832
6835
  --pf-v6-c-form-control--m-readonly--m-plain--OutlineOffset: 0;
6833
6836
  --pf-v6-c-form-control--m-success--after--BorderWidth: var(--pf-t--global--border--width--control--default);
@@ -6887,12 +6890,12 @@ ul) {
6887
6890
  }
6888
6891
  .pf-v6-c-form-control::before {
6889
6892
  border-color: var(--pf-v6-c-form-control--before--BorderColor);
6890
- border-style: var(--pf-v6-c-form-control--before--BorderStyle, solid);
6893
+ border-style: var(--pf-v6-c-form-control--before--BorderStyle);
6891
6894
  border-width: var(--pf-v6-c-form-control--before--BorderWidth);
6892
6895
  border-radius: var(--pf-v6-c-form-control--before--BorderRadius);
6893
6896
  }
6894
6897
  .pf-v6-c-form-control::after {
6895
- border: var(--pf-v6-c-form-control--after--BorderWidth) var(--pf-v6-c-form-control--after--BorderStyle, solid) var(--pf-v6-c-form-control--after--BorderColor);
6898
+ border: var(--pf-v6-c-form-control--after--BorderWidth) var(--pf-v6-c-form-control--after--BorderStyle) var(--pf-v6-c-form-control--after--BorderColor);
6896
6899
  border-radius: var(--pf-v6-c-form-control--before--BorderRadius);
6897
6900
  }
6898
6901
  .pf-v6-c-form-control > :is(input, select, textarea) {
@@ -6920,7 +6923,7 @@ ul) {
6920
6923
  }
6921
6924
  .pf-v6-c-form-control.pf-m-readonly {
6922
6925
  --pf-v6-c-form-control--BackgroundColor: var(--pf-v6-c-form-control--m-readonly--BackgroundColor);
6923
- --pf-v6-c-form-control--BorderColor: var(--pf-v6-c-form-control--m-readonly--BorderColor);
6926
+ --pf-v6-c-form-control--before--BorderColor: var(--pf-v6-c-form-control--m-readonly--BorderColor);
6924
6927
  }
6925
6928
  .pf-v6-c-form-control.pf-m-readonly:hover {
6926
6929
  --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-readonly--hover--after--BorderColor);
@@ -6930,6 +6933,7 @@ ul) {
6930
6933
  }
6931
6934
  .pf-v6-c-form-control.pf-m-readonly.pf-m-plain {
6932
6935
  --pf-v6-c-form-control--m-readonly--BackgroundColor: var(--pf-v6-c-form-control--m-readonly--m-plain--BackgroundColor);
6936
+ --pf-v6-c-form-control--m-readonly--BorderColor: var(--pf-v6-c-form-control--m-readonly--m-plain--BorderColor);
6933
6937
  --pf-v6-c-form-control--inset--base: var(--pf-v6-c-form-control--m-readonly--m-plain--inset--base);
6934
6938
  --pf-v6-c-form-control--before--BorderStyle: none;
6935
6939
  --pf-v6-c-form-control--after--BorderStyle: none;
@@ -9986,9 +9990,9 @@ ul.pf-v6-c-list {
9986
9990
  --pf-v6-c-menu-toggle--disabled__toggle-icon--Color: var(--pf-t--global--icon--color--on-disabled);
9987
9991
  --pf-v6-c-menu-toggle--disabled__status-icon--Color: var(--pf-t--global--icon--color--on-disabled);
9988
9992
  --pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
9989
- --pf-v6-c-menu-toggle__icon--MinHeight: calc(var(--pf-v6-c-menu__item--FontSize) * var(--pf-v6-c-menu__item--LineHeight));
9993
+ --pf-v6-c-menu-toggle__icon--MinHeight: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight));
9990
9994
  --pf-v6-c-menu-toggle__icon--Color: var(--pf-t--global--icon--color--regular);
9991
- --pf-v6-c-menu-toggle__toggle-icon--MinHeight: calc(var(--pf-v6-c-menu__item--FontSize) * var(--pf-v6-c-menu__item--LineHeight));
9995
+ --pf-v6-c-menu-toggle__toggle-icon--MinHeight: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight));
9992
9996
  --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
9993
9997
  --pf-v6-c-menu-toggle--m-primary--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
9994
9998
  --pf-v6-c-menu-toggle--m-primary--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
@@ -12026,7 +12030,7 @@ ul.pf-v6-c-list {
12026
12030
  --pf-v6-c-pagination__nav--ColumnGap: var(--pf-t--global--spacer--sm);
12027
12031
  --pf-v6-c-pagination__nav-page-select--FontSize: var(--pf-t--global--font--size--body--default);
12028
12032
  --pf-v6-c-pagination__nav-page-select--ColumnGap: var(--pf-t--global--spacer--sm);
12029
- --pf-v6-c-pagination__nav-page-select--c-form-control--width-base: calc((var(--pf-v6-c-form-control--PaddingInlineEnd) + var(--pf-v6-c-form-control--PaddingInlineStart)) + (var(--pf-v6-c-form-control--before--BorderWidth) * 2));
12033
+ --pf-v6-c-pagination__nav-page-select--c-form-control--width-base: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-t--global--border--width--control--default) * 2);
12030
12034
  --pf-v6-c-pagination__nav-page-select--c-form-control--width-chars: 2;
12031
12035
  --pf-v6-c-pagination__nav-page-select--c-form-control--Width: calc(var(--pf-v6-c-pagination__nav-page-select--c-form-control--width-base) + (var(--pf-v6-c-pagination__nav-page-select--c-form-control--width-chars) * 1ch));
12032
12036
  --pf-v6-c-pagination__total-items--Display: block;
@@ -13447,7 +13451,7 @@ ul.pf-v6-c-list {
13447
13451
  .pf-v6-c-radio {
13448
13452
  --pf-v6-c-radio--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
13449
13453
  --pf-v6-c-radio--AccentColor: var(--pf-t--global--icon--color--brand--default);
13450
- --pf-v6-c-radio--Height: calc(var(--pf-v6-c-radio__label--FontSize) * var(--pf-v6-c-radio__label--LineHeight));
13454
+ --pf-v6-c-radio--m-standalone--MinHeight: calc(var(--pf-v6-c-radio__label--FontSize) * var(--pf-v6-c-radio__label--LineHeight));
13451
13455
  --pf-v6-c-radio__label--disabled--Color: var(--pf-t--global--text--color--disabled);
13452
13456
  --pf-v6-c-radio__label--Color: var(--pf-t--global--text--color--regular);
13453
13457
  --pf-v6-c-radio__label--FontWeight: var(--pf-t--global--font--weight--body--default);
@@ -13471,7 +13475,7 @@ ul.pf-v6-c-list {
13471
13475
  .pf-v6-c-radio.pf-m-standalone {
13472
13476
  display: inline-grid;
13473
13477
  grid-template-columns: auto;
13474
- height: var(--pf-v6-c-check--Height);
13478
+ min-height: var(--pf-v6-c-radio--m-standalone--MinHeight);
13475
13479
  }
13476
13480
  .pf-v6-c-radio.pf-m-standalone .pf-v6-c-radio__input {
13477
13481
  align-self: center;
@@ -14172,7 +14176,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14172
14176
  --pf-v6-c-slider__thumb--before--TranslateX: -50%;
14173
14177
  --pf-v6-c-slider__thumb--before--TranslateY: -50%;
14174
14178
  --pf-v6-c-slider__value--MarginInlineStart: var(--pf-t--global--spacer--md);
14175
- --pf-v6-c-slider__value--c-form-control--width-base: calc(var(--pf-v6-c-form-control--PaddingInlineStart) + var(--pf-v6-c-form-control--PaddingInlineEnd) + 1.25rem);
14179
+ --pf-v6-c-slider__value--c-form-control--width-base: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-t--global--spacer--control--horizontal--default) + 1.25rem);
14176
14180
  --pf-v6-c-slider__value--c-form-control--width-chars: 3;
14177
14181
  --pf-v6-c-slider__value--c-form-control--Width: calc(var(--pf-v6-c-slider__value--c-form-control--width-base) + var(--pf-v6-c-slider__value--c-form-control--width-chars) * 1ch);
14178
14182
  --pf-v6-c-slider__value--m-floating--TranslateX: -50%;
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.0.0-prerelease.6",
4
+ "version": "6.0.0-prerelease.8",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
@@ -47,11 +47,11 @@
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.0.0-alpha.92",
50
+ "@patternfly/documentation-framework": "6.0.0-alpha.94",
51
51
  "@patternfly/patternfly-a11y": "4.3.1",
52
52
  "@patternfly/react-code-editor": "6.0.0-prerelease.4",
53
- "@patternfly/react-core": "6.0.0-prerelease.4",
54
- "@patternfly/react-table": "6.0.0-prerelease.4",
53
+ "@patternfly/react-core": "6.0.0-prerelease.9",
54
+ "@patternfly/react-table": "6.0.0-prerelease.6",
55
55
  "@starptech/prettyhtml": "^0.10.0",
56
56
  "backstopjs": "^6.3.23",
57
57
  "cheerio": "^1.0.0-rc.12",
package/patternfly-base-no-globals.css CHANGED
@@ -6351,17 +6351,17 @@
6351
6351
  --pf-t--global--font--size--300: 1rem;
6352
6352
  --pf-t--global--font--size--400: 1.125rem;
6353
6353
  --pf-t--global--font--size--500: 1.25rem;
6354
- --pf-t--global--font--size--600: 1.375rem;
6354
+ --pf-t--global--font--size--600: 1.5rem;
6355
6355
  --pf-t--global--font--size--700: 1.75rem;
6356
6356
  --pf-t--global--font--size--800: 2.25rem;
6357
6357
  --pf-t--global--font--weight--100: 400;
6358
6358
  --pf-t--global--font--weight--200: 500;
6359
- --pf-t--global--font--weight--300: 700;
6359
+ --pf-t--global--font--weight--300: 500;
6360
6360
  --pf-t--global--font--weight--400: 700;
6361
6361
  --pf-t--global--icon--size--100: 0.75rem;
6362
6362
  --pf-t--global--icon--size--200: 0.875rem;
6363
6363
  --pf-t--global--icon--size--250: 1rem;
6364
- --pf-t--global--icon--size--300: 1.375rem;
6364
+ --pf-t--global--icon--size--300: 1.5rem;
6365
6365
  --pf-t--global--icon--size--400: 3.5rem;
6366
6366
  --pf-t--global--icon--size--500: 6rem;
6367
6367
  --pf-t--global--spacer--100: 0.25rem;
@@ -6397,6 +6397,7 @@
6397
6397
  --pf-t--global--border--color--100: var(--pf-t--color--gray--30);
6398
6398
  --pf-t--global--border--color--200: var(--pf-t--color--gray--40);
6399
6399
  --pf-t--global--border--color--300: var(--pf-t--color--gray--50);
6400
+ --pf-t--global--border--color--50: var(--pf-t--color--gray--20);
6400
6401
  --pf-t--global--border--radius--large: var(--pf-t--global--border--radius--400);
6401
6402
  --pf-t--global--border--radius--medium: var(--pf-t--global--border--radius--300);
6402
6403
  --pf-t--global--border--radius--pill: var(--pf-t--global--border--radius--500);
@@ -6598,6 +6599,7 @@
6598
6599
  --pf-t--global--z-index--xs: var(--pf-t--global--z-index--100);
6599
6600
  --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--100);
6600
6601
  --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--100);
6602
+ --pf-t--global--background--color--control--read-only: var(--pf-t--global--background--color--200);
6601
6603
  --pf-t--global--background--color--disabled--default: var(--pf-t--global--color--disabled--100);
6602
6604
  --pf-t--global--background--color--floating--clicked: var(--pf-t--global--background--color--200);
6603
6605
  --pf-t--global--background--color--floating--default: var(--pf-t--global--background--color--100);
@@ -6612,6 +6614,7 @@
6612
6614
  --pf-t--global--background--color--secondary--default: var(--pf-t--global--background--color--200);
6613
6615
  --pf-t--global--background--color--secondary--hover: var(--pf-t--global--background--color--300);
6614
6616
  --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--200);
6617
+ --pf-t--global--border--color--control--read-only: var(--pf-t--global--border--color--50);
6615
6618
  --pf-t--global--border--color--default: var(--pf-t--global--border--color--100);
6616
6619
  --pf-t--global--border--color--disabled: var(--pf-t--global--color--disabled--200);
6617
6620
  --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--100);
@@ -6755,8 +6758,11 @@
6755
6758
  --pf-t--global--spacer--gap--control-to-control--default: var(--pf-t--global--spacer--xs);
6756
6759
  --pf-t--global--spacer--gap--group--horizontal: var(--pf-t--global--spacer--md);
6757
6760
  --pf-t--global--spacer--gap--group--vertical: var(--pf-t--global--spacer--sm);
6758
- --pf-t--global--spacer--gap--group-to-group--horizontal: var(--pf-t--global--spacer--2xl);
6759
- --pf-t--global--spacer--gap--group-to-group--vertical: var(--pf-t--global--spacer--lg);
6761
+ --pf-t--global--spacer--gap--group-to-group--horizontal--compact: var(--pf-t--global--spacer--sm);
6762
+ --pf-t--global--spacer--gap--group-to-group--horizontal--default: var(--pf-t--global--spacer--2xl);
6763
+ --pf-t--global--spacer--gap--group-to-group--vertical--compact: var(--pf-t--global--spacer--md);
6764
+ --pf-t--global--spacer--gap--group-to-group--vertical--default: var(--pf-t--global--spacer--lg);
6765
+ --pf-t--global--spacer--gap--text-to-element--compact: var(--pf-t--global--spacer--xs);
6760
6766
  --pf-t--global--spacer--gap--text-to-element--default: var(--pf-t--global--spacer--sm);
6761
6767
  --pf-t--global--spacer--gutter--default: var(--pf-t--global--spacer--md);
6762
6768
  --pf-t--global--spacer--inset--page-chrome: var(--pf-t--global--spacer--lg);
@@ -7074,6 +7080,7 @@
7074
7080
  --pf-t--global--dark--background--color--highlight--200: var(--pf-t--color--yellow--30);
7075
7081
  --pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
7076
7082
  --pf-t--global--dark--border--color--200: var(--pf-t--color--gray--40);
7083
+ --pf-t--global--dark--border--color--50: var(--pf-t--color--gray--60);
7077
7084
  --pf-t--global--dark--color--brand--100: var(--pf-t--color--blue--30);
7078
7085
  --pf-t--global--dark--color--brand--200: var(--pf-t--color--blue--20);
7079
7086
  --pf-t--global--dark--color--brand--300: var(--pf-t--color--blue--10);
@@ -7140,6 +7147,7 @@
7140
7147
  --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--dark--background--color--200);
7141
7148
  --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--dark--background--color--200);
7142
7149
  --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--300);
7150
+ --pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--300);
7143
7151
  --pf-t--global--background--color--disabled--default: var(--pf-t--global--dark--color--disabled--100);
7144
7152
  --pf-t--global--background--color--floating--clicked: var(--pf-t--global--dark--background--color--200);
7145
7153
  --pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--300);
@@ -7154,6 +7162,7 @@
7154
7162
  --pf-t--global--background--color--secondary--default: var(--pf-t--global--dark--background--color--100);
7155
7163
  --pf-t--global--background--color--secondary--hover: var(--pf-t--global--dark--background--color--200);
7156
7164
  --pf-t--global--border--color--clicked: var(--pf-t--global--dark--color--brand--200);
7165
+ --pf-t--global--border--color--control--read-only: var(--pf-t--global--dark--border--color--50);
7157
7166
  --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--200);
7158
7167
  --pf-t--global--border--color--disabled: var(--pf-t--global--dark--color--disabled--200);
7159
7168
  --pf-t--global--border--color--hover: var(--pf-t--global--dark--color--brand--100);
package/patternfly-base.css CHANGED
@@ -6472,17 +6472,17 @@ button) {
6472
6472
  --pf-t--global--font--size--300: 1rem;
6473
6473
  --pf-t--global--font--size--400: 1.125rem;
6474
6474
  --pf-t--global--font--size--500: 1.25rem;
6475
- --pf-t--global--font--size--600: 1.375rem;
6475
+ --pf-t--global--font--size--600: 1.5rem;
6476
6476
  --pf-t--global--font--size--700: 1.75rem;
6477
6477
  --pf-t--global--font--size--800: 2.25rem;
6478
6478
  --pf-t--global--font--weight--100: 400;
6479
6479
  --pf-t--global--font--weight--200: 500;
6480
- --pf-t--global--font--weight--300: 700;
6480
+ --pf-t--global--font--weight--300: 500;
6481
6481
  --pf-t--global--font--weight--400: 700;
6482
6482
  --pf-t--global--icon--size--100: 0.75rem;
6483
6483
  --pf-t--global--icon--size--200: 0.875rem;
6484
6484
  --pf-t--global--icon--size--250: 1rem;
6485
- --pf-t--global--icon--size--300: 1.375rem;
6485
+ --pf-t--global--icon--size--300: 1.5rem;
6486
6486
  --pf-t--global--icon--size--400: 3.5rem;
6487
6487
  --pf-t--global--icon--size--500: 6rem;
6488
6488
  --pf-t--global--spacer--100: 0.25rem;
@@ -6518,6 +6518,7 @@ button) {
6518
6518
  --pf-t--global--border--color--100: var(--pf-t--color--gray--30);
6519
6519
  --pf-t--global--border--color--200: var(--pf-t--color--gray--40);
6520
6520
  --pf-t--global--border--color--300: var(--pf-t--color--gray--50);
6521
+ --pf-t--global--border--color--50: var(--pf-t--color--gray--20);
6521
6522
  --pf-t--global--border--radius--large: var(--pf-t--global--border--radius--400);
6522
6523
  --pf-t--global--border--radius--medium: var(--pf-t--global--border--radius--300);
6523
6524
  --pf-t--global--border--radius--pill: var(--pf-t--global--border--radius--500);
@@ -6719,6 +6720,7 @@ button) {
6719
6720
  --pf-t--global--z-index--xs: var(--pf-t--global--z-index--100);
6720
6721
  --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--100);
6721
6722
  --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--100);
6723
+ --pf-t--global--background--color--control--read-only: var(--pf-t--global--background--color--200);
6722
6724
  --pf-t--global--background--color--disabled--default: var(--pf-t--global--color--disabled--100);
6723
6725
  --pf-t--global--background--color--floating--clicked: var(--pf-t--global--background--color--200);
6724
6726
  --pf-t--global--background--color--floating--default: var(--pf-t--global--background--color--100);
@@ -6733,6 +6735,7 @@ button) {
6733
6735
  --pf-t--global--background--color--secondary--default: var(--pf-t--global--background--color--200);
6734
6736
  --pf-t--global--background--color--secondary--hover: var(--pf-t--global--background--color--300);
6735
6737
  --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--200);
6738
+ --pf-t--global--border--color--control--read-only: var(--pf-t--global--border--color--50);
6736
6739
  --pf-t--global--border--color--default: var(--pf-t--global--border--color--100);
6737
6740
  --pf-t--global--border--color--disabled: var(--pf-t--global--color--disabled--200);
6738
6741
  --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--100);
@@ -6876,8 +6879,11 @@ button) {
6876
6879
  --pf-t--global--spacer--gap--control-to-control--default: var(--pf-t--global--spacer--xs);
6877
6880
  --pf-t--global--spacer--gap--group--horizontal: var(--pf-t--global--spacer--md);
6878
6881
  --pf-t--global--spacer--gap--group--vertical: var(--pf-t--global--spacer--sm);
6879
- --pf-t--global--spacer--gap--group-to-group--horizontal: var(--pf-t--global--spacer--2xl);
6880
- --pf-t--global--spacer--gap--group-to-group--vertical: var(--pf-t--global--spacer--lg);
6882
+ --pf-t--global--spacer--gap--group-to-group--horizontal--compact: var(--pf-t--global--spacer--sm);
6883
+ --pf-t--global--spacer--gap--group-to-group--horizontal--default: var(--pf-t--global--spacer--2xl);
6884
+ --pf-t--global--spacer--gap--group-to-group--vertical--compact: var(--pf-t--global--spacer--md);
6885
+ --pf-t--global--spacer--gap--group-to-group--vertical--default: var(--pf-t--global--spacer--lg);
6886
+ --pf-t--global--spacer--gap--text-to-element--compact: var(--pf-t--global--spacer--xs);
6881
6887
  --pf-t--global--spacer--gap--text-to-element--default: var(--pf-t--global--spacer--sm);
6882
6888
  --pf-t--global--spacer--gutter--default: var(--pf-t--global--spacer--md);
6883
6889
  --pf-t--global--spacer--inset--page-chrome: var(--pf-t--global--spacer--lg);
@@ -7195,6 +7201,7 @@ button) {
7195
7201
  --pf-t--global--dark--background--color--highlight--200: var(--pf-t--color--yellow--30);
7196
7202
  --pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
7197
7203
  --pf-t--global--dark--border--color--200: var(--pf-t--color--gray--40);
7204
+ --pf-t--global--dark--border--color--50: var(--pf-t--color--gray--60);
7198
7205
  --pf-t--global--dark--color--brand--100: var(--pf-t--color--blue--30);
7199
7206
  --pf-t--global--dark--color--brand--200: var(--pf-t--color--blue--20);
7200
7207
  --pf-t--global--dark--color--brand--300: var(--pf-t--color--blue--10);
@@ -7261,6 +7268,7 @@ button) {
7261
7268
  --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--dark--background--color--200);
7262
7269
  --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--dark--background--color--200);
7263
7270
  --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--300);
7271
+ --pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--300);
7264
7272
  --pf-t--global--background--color--disabled--default: var(--pf-t--global--dark--color--disabled--100);
7265
7273
  --pf-t--global--background--color--floating--clicked: var(--pf-t--global--dark--background--color--200);
7266
7274
  --pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--300);
@@ -7275,6 +7283,7 @@ button) {
7275
7283
  --pf-t--global--background--color--secondary--default: var(--pf-t--global--dark--background--color--100);
7276
7284
  --pf-t--global--background--color--secondary--hover: var(--pf-t--global--dark--background--color--200);
7277
7285
  --pf-t--global--border--color--clicked: var(--pf-t--global--dark--color--brand--200);
7286
+ --pf-t--global--border--color--control--read-only: var(--pf-t--global--dark--border--color--50);
7278
7287
  --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--200);
7279
7288
  --pf-t--global--border--color--disabled: var(--pf-t--global--dark--color--disabled--200);
7280
7289
  --pf-t--global--border--color--hover: var(--pf-t--global--dark--color--brand--100);
package/patternfly-no-globals.css CHANGED
@@ -6352,17 +6352,17 @@
6352
6352
  --pf-t--global--font--size--300: 1rem;
6353
6353
  --pf-t--global--font--size--400: 1.125rem;
6354
6354
  --pf-t--global--font--size--500: 1.25rem;
6355
- --pf-t--global--font--size--600: 1.375rem;
6355
+ --pf-t--global--font--size--600: 1.5rem;
6356
6356
  --pf-t--global--font--size--700: 1.75rem;
6357
6357
  --pf-t--global--font--size--800: 2.25rem;
6358
6358
  --pf-t--global--font--weight--100: 400;
6359
6359
  --pf-t--global--font--weight--200: 500;
6360
- --pf-t--global--font--weight--300: 700;
6360
+ --pf-t--global--font--weight--300: 500;
6361
6361
  --pf-t--global--font--weight--400: 700;
6362
6362
  --pf-t--global--icon--size--100: 0.75rem;
6363
6363
  --pf-t--global--icon--size--200: 0.875rem;
6364
6364
  --pf-t--global--icon--size--250: 1rem;
6365
- --pf-t--global--icon--size--300: 1.375rem;
6365
+ --pf-t--global--icon--size--300: 1.5rem;
6366
6366
  --pf-t--global--icon--size--400: 3.5rem;
6367
6367
  --pf-t--global--icon--size--500: 6rem;
6368
6368
  --pf-t--global--spacer--100: 0.25rem;
@@ -6398,6 +6398,7 @@
6398
6398
  --pf-t--global--border--color--100: var(--pf-t--color--gray--30);
6399
6399
  --pf-t--global--border--color--200: var(--pf-t--color--gray--40);
6400
6400
  --pf-t--global--border--color--300: var(--pf-t--color--gray--50);
6401
+ --pf-t--global--border--color--50: var(--pf-t--color--gray--20);
6401
6402
  --pf-t--global--border--radius--large: var(--pf-t--global--border--radius--400);
6402
6403
  --pf-t--global--border--radius--medium: var(--pf-t--global--border--radius--300);
6403
6404
  --pf-t--global--border--radius--pill: var(--pf-t--global--border--radius--500);
@@ -6599,6 +6600,7 @@
6599
6600
  --pf-t--global--z-index--xs: var(--pf-t--global--z-index--100);
6600
6601
  --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--100);
6601
6602
  --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--100);
6603
+ --pf-t--global--background--color--control--read-only: var(--pf-t--global--background--color--200);
6602
6604
  --pf-t--global--background--color--disabled--default: var(--pf-t--global--color--disabled--100);
6603
6605
  --pf-t--global--background--color--floating--clicked: var(--pf-t--global--background--color--200);
6604
6606
  --pf-t--global--background--color--floating--default: var(--pf-t--global--background--color--100);
@@ -6613,6 +6615,7 @@
6613
6615
  --pf-t--global--background--color--secondary--default: var(--pf-t--global--background--color--200);
6614
6616
  --pf-t--global--background--color--secondary--hover: var(--pf-t--global--background--color--300);
6615
6617
  --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--200);
6618
+ --pf-t--global--border--color--control--read-only: var(--pf-t--global--border--color--50);
6616
6619
  --pf-t--global--border--color--default: var(--pf-t--global--border--color--100);
6617
6620
  --pf-t--global--border--color--disabled: var(--pf-t--global--color--disabled--200);
6618
6621
  --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--100);
@@ -6756,8 +6759,11 @@
6756
6759
  --pf-t--global--spacer--gap--control-to-control--default: var(--pf-t--global--spacer--xs);
6757
6760
  --pf-t--global--spacer--gap--group--horizontal: var(--pf-t--global--spacer--md);
6758
6761
  --pf-t--global--spacer--gap--group--vertical: var(--pf-t--global--spacer--sm);
6759
- --pf-t--global--spacer--gap--group-to-group--horizontal: var(--pf-t--global--spacer--2xl);
6760
- --pf-t--global--spacer--gap--group-to-group--vertical: var(--pf-t--global--spacer--lg);
6762
+ --pf-t--global--spacer--gap--group-to-group--horizontal--compact: var(--pf-t--global--spacer--sm);
6763
+ --pf-t--global--spacer--gap--group-to-group--horizontal--default: var(--pf-t--global--spacer--2xl);
6764
+ --pf-t--global--spacer--gap--group-to-group--vertical--compact: var(--pf-t--global--spacer--md);
6765
+ --pf-t--global--spacer--gap--group-to-group--vertical--default: var(--pf-t--global--spacer--lg);
6766
+ --pf-t--global--spacer--gap--text-to-element--compact: var(--pf-t--global--spacer--xs);
6761
6767
  --pf-t--global--spacer--gap--text-to-element--default: var(--pf-t--global--spacer--sm);
6762
6768
  --pf-t--global--spacer--gutter--default: var(--pf-t--global--spacer--md);
6763
6769
  --pf-t--global--spacer--inset--page-chrome: var(--pf-t--global--spacer--lg);
@@ -7075,6 +7081,7 @@
7075
7081
  --pf-t--global--dark--background--color--highlight--200: var(--pf-t--color--yellow--30);
7076
7082
  --pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
7077
7083
  --pf-t--global--dark--border--color--200: var(--pf-t--color--gray--40);
7084
+ --pf-t--global--dark--border--color--50: var(--pf-t--color--gray--60);
7078
7085
  --pf-t--global--dark--color--brand--100: var(--pf-t--color--blue--30);
7079
7086
  --pf-t--global--dark--color--brand--200: var(--pf-t--color--blue--20);
7080
7087
  --pf-t--global--dark--color--brand--300: var(--pf-t--color--blue--10);
@@ -7141,6 +7148,7 @@
7141
7148
  --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--dark--background--color--200);
7142
7149
  --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--dark--background--color--200);
7143
7150
  --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--300);
7151
+ --pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--300);
7144
7152
  --pf-t--global--background--color--disabled--default: var(--pf-t--global--dark--color--disabled--100);
7145
7153
  --pf-t--global--background--color--floating--clicked: var(--pf-t--global--dark--background--color--200);
7146
7154
  --pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--300);
@@ -7155,6 +7163,7 @@
7155
7163
  --pf-t--global--background--color--secondary--default: var(--pf-t--global--dark--background--color--100);
7156
7164
  --pf-t--global--background--color--secondary--hover: var(--pf-t--global--dark--background--color--200);
7157
7165
  --pf-t--global--border--color--clicked: var(--pf-t--global--dark--color--brand--200);
7166
+ --pf-t--global--border--color--control--read-only: var(--pf-t--global--dark--border--color--50);
7158
7167
  --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--200);
7159
7168
  --pf-t--global--border--color--disabled: var(--pf-t--global--dark--color--disabled--200);
7160
7169
  --pf-t--global--border--color--hover: var(--pf-t--global--dark--color--brand--100);
@@ -9063,7 +9072,7 @@ button.pf-v6-c-breadcrumb__link {
9063
9072
  --pf-v6-c-button__icon--MarginInlineEnd: 0;
9064
9073
  --pf-v6-c-button__icon--m-start--MarginInlineEnd: 0;
9065
9074
  --pf-v6-c-button__icon--m-end--MarginInlineStart: 0;
9066
- --pf-v6-c-button__progress--width: calc(var(--pf-v6-c-spinner--m-md--diameter) + var(--pf-t--global--spacer--sm));
9075
+ --pf-v6-c-button__progress--width: calc(var(--pf-t--global--icon--size--lg) + var(--pf-t--global--spacer--sm));
9067
9076
  --pf-v6-c-button__progress--Opacity: 0;
9068
9077
  --pf-v6-c-button__progress--TranslateY: -50%;
9069
9078
  --pf-v6-c-button__progress--TranslateX: 0;
@@ -9074,7 +9083,7 @@ button.pf-v6-c-breadcrumb__link {
9074
9083
  --pf-v6-c-button--m-progress--PaddingInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-button__progress--width) / 2);
9075
9084
  --pf-v6-c-button--m-in-progress--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
9076
9085
  --pf-v6-c-button--m-in-progress--PaddingInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-button__progress--width));
9077
- --pf-v6-c-button--m-in-progress--m-plain--Color: var(--pf-v6-c-spinner--Color);
9086
+ --pf-v6-c-button--m-in-progress--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
9078
9087
  --pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart: 50%;
9079
9088
  --pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
9080
9089
  --pf-v6-c-button--m-primary__c-badge--BorderColor: var(--pf-t--global--border--color--default);
@@ -9979,7 +9988,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9979
9988
  .pf-v6-c-check {
9980
9989
  --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--gap--group--vertical) var(--pf-t--global--spacer--gap--text-to-element--default);
9981
9990
  --pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
9982
- --pf-v6-c-check--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
9991
+ --pf-v6-c-check--m-standalone--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
9983
9992
  --pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
9984
9993
  --pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
9985
9994
  --pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body--default);
@@ -10002,7 +10011,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
10002
10011
  .pf-v6-c-check.pf-m-standalone {
10003
10012
  display: inline-grid;
10004
10013
  grid-template-columns: auto;
10005
- min-height: var(--pf-v6-c-check--MinHeight);
10014
+ min-height: var(--pf-v6-c-check--m-standalone--MinHeight);
10006
10015
  }
10007
10016
  .pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
10008
10017
  align-self: center;
@@ -14231,9 +14240,11 @@ ul) {
14231
14240
  --pf-v6-c-form-control--OutlineOffset: -6px;
14232
14241
  --pf-v6-c-form-control--BorderRadius: var(--pf-t--global--border--radius--small);
14233
14242
  --pf-v6-c-form-control--before--BorderWidth: var(--pf-t--global--border--width--control--default);
14243
+ --pf-v6-c-form-control--before--BorderStyle: solid;
14234
14244
  --pf-v6-c-form-control--before--BorderColor: var(--pf-t--global--border--color--default);
14235
14245
  --pf-v6-c-form-control--before--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
14236
14246
  --pf-v6-c-form-control--after--BorderWidth: var(--pf-t--global--border--width--control--default);
14247
+ --pf-v6-c-form-control--after--BorderStyle: solid;
14237
14248
  --pf-v6-c-form-control--after--BorderColor: transparent;
14238
14249
  --pf-v6-c-form-control--after--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
14239
14250
  --pf-v6-c-form-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
@@ -14255,10 +14266,11 @@ ul) {
14255
14266
  --pf-v6-c-form-control--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
14256
14267
  --pf-v6-c-form-control--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
14257
14268
  --pf-v6-c-form-control--m-disabled--after--BorderColor: transparent;
14258
- --pf-v6-c-form-control--m-readonly--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
14259
- --pf-v6-c-form-control--m-readonly--BorderColor: transparent;
14269
+ --pf-v6-c-form-control--m-readonly--BackgroundColor: var(--pf-t--global--background--color--control--read-only);
14270
+ --pf-v6-c-form-control--m-readonly--BorderColor: var(--pf-t--global--border--color--control--read-only);
14260
14271
  --pf-v6-c-form-control--m-readonly--hover--after--BorderColor: revert;
14261
14272
  --pf-v6-c-form-control--m-readonly--m-plain--BackgroundColor: transparent;
14273
+ --pf-v6-c-form-control--m-readonly--m-plain--BorderColor: transparent;
14262
14274
  --pf-v6-c-form-control--m-readonly--m-plain--inset--base: 0;
14263
14275
  --pf-v6-c-form-control--m-readonly--m-plain--OutlineOffset: 0;
14264
14276
  --pf-v6-c-form-control--m-success--after--BorderWidth: var(--pf-t--global--border--width--control--default);
@@ -14318,12 +14330,12 @@ ul) {
14318
14330
  }
14319
14331
  .pf-v6-c-form-control::before {
14320
14332
  border-color: var(--pf-v6-c-form-control--before--BorderColor);
14321
- border-style: var(--pf-v6-c-form-control--before--BorderStyle, solid);
14333
+ border-style: var(--pf-v6-c-form-control--before--BorderStyle);
14322
14334
  border-width: var(--pf-v6-c-form-control--before--BorderWidth);
14323
14335
  border-radius: var(--pf-v6-c-form-control--before--BorderRadius);
14324
14336
  }
14325
14337
  .pf-v6-c-form-control::after {
14326
- border: var(--pf-v6-c-form-control--after--BorderWidth) var(--pf-v6-c-form-control--after--BorderStyle, solid) var(--pf-v6-c-form-control--after--BorderColor);
14338
+ border: var(--pf-v6-c-form-control--after--BorderWidth) var(--pf-v6-c-form-control--after--BorderStyle) var(--pf-v6-c-form-control--after--BorderColor);
14327
14339
  border-radius: var(--pf-v6-c-form-control--before--BorderRadius);
14328
14340
  }
14329
14341
  .pf-v6-c-form-control > :is(input, select, textarea) {
@@ -14351,7 +14363,7 @@ ul) {
14351
14363
  }
14352
14364
  .pf-v6-c-form-control.pf-m-readonly {
14353
14365
  --pf-v6-c-form-control--BackgroundColor: var(--pf-v6-c-form-control--m-readonly--BackgroundColor);
14354
- --pf-v6-c-form-control--BorderColor: var(--pf-v6-c-form-control--m-readonly--BorderColor);
14366
+ --pf-v6-c-form-control--before--BorderColor: var(--pf-v6-c-form-control--m-readonly--BorderColor);
14355
14367
  }
14356
14368
  .pf-v6-c-form-control.pf-m-readonly:hover {
14357
14369
  --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-readonly--hover--after--BorderColor);
@@ -14361,6 +14373,7 @@ ul) {
14361
14373
  }
14362
14374
  .pf-v6-c-form-control.pf-m-readonly.pf-m-plain {
14363
14375
  --pf-v6-c-form-control--m-readonly--BackgroundColor: var(--pf-v6-c-form-control--m-readonly--m-plain--BackgroundColor);
14376
+ --pf-v6-c-form-control--m-readonly--BorderColor: var(--pf-v6-c-form-control--m-readonly--m-plain--BorderColor);
14364
14377
  --pf-v6-c-form-control--inset--base: var(--pf-v6-c-form-control--m-readonly--m-plain--inset--base);
14365
14378
  --pf-v6-c-form-control--before--BorderStyle: none;
14366
14379
  --pf-v6-c-form-control--after--BorderStyle: none;
@@ -17417,9 +17430,9 @@ ul.pf-v6-c-list {
17417
17430
  --pf-v6-c-menu-toggle--disabled__toggle-icon--Color: var(--pf-t--global--icon--color--on-disabled);
17418
17431
  --pf-v6-c-menu-toggle--disabled__status-icon--Color: var(--pf-t--global--icon--color--on-disabled);
17419
17432
  --pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
17420
- --pf-v6-c-menu-toggle__icon--MinHeight: calc(var(--pf-v6-c-menu__item--FontSize) * var(--pf-v6-c-menu__item--LineHeight));
17433
+ --pf-v6-c-menu-toggle__icon--MinHeight: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight));
17421
17434
  --pf-v6-c-menu-toggle__icon--Color: var(--pf-t--global--icon--color--regular);
17422
- --pf-v6-c-menu-toggle__toggle-icon--MinHeight: calc(var(--pf-v6-c-menu__item--FontSize) * var(--pf-v6-c-menu__item--LineHeight));
17435
+ --pf-v6-c-menu-toggle__toggle-icon--MinHeight: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight));
17423
17436
  --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
17424
17437
  --pf-v6-c-menu-toggle--m-primary--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
17425
17438
  --pf-v6-c-menu-toggle--m-primary--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
@@ -19457,7 +19470,7 @@ ul.pf-v6-c-list {
19457
19470
  --pf-v6-c-pagination__nav--ColumnGap: var(--pf-t--global--spacer--sm);
19458
19471
  --pf-v6-c-pagination__nav-page-select--FontSize: var(--pf-t--global--font--size--body--default);
19459
19472
  --pf-v6-c-pagination__nav-page-select--ColumnGap: var(--pf-t--global--spacer--sm);
19460
- --pf-v6-c-pagination__nav-page-select--c-form-control--width-base: calc((var(--pf-v6-c-form-control--PaddingInlineEnd) + var(--pf-v6-c-form-control--PaddingInlineStart)) + (var(--pf-v6-c-form-control--before--BorderWidth) * 2));
19473
+ --pf-v6-c-pagination__nav-page-select--c-form-control--width-base: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-t--global--border--width--control--default) * 2);
19461
19474
  --pf-v6-c-pagination__nav-page-select--c-form-control--width-chars: 2;
19462
19475
  --pf-v6-c-pagination__nav-page-select--c-form-control--Width: calc(var(--pf-v6-c-pagination__nav-page-select--c-form-control--width-base) + (var(--pf-v6-c-pagination__nav-page-select--c-form-control--width-chars) * 1ch));
19463
19476
  --pf-v6-c-pagination__total-items--Display: block;
@@ -20878,7 +20891,7 @@ ul.pf-v6-c-list {
20878
20891
  .pf-v6-c-radio {
20879
20892
  --pf-v6-c-radio--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
20880
20893
  --pf-v6-c-radio--AccentColor: var(--pf-t--global--icon--color--brand--default);
20881
- --pf-v6-c-radio--Height: calc(var(--pf-v6-c-radio__label--FontSize) * var(--pf-v6-c-radio__label--LineHeight));
20894
+ --pf-v6-c-radio--m-standalone--MinHeight: calc(var(--pf-v6-c-radio__label--FontSize) * var(--pf-v6-c-radio__label--LineHeight));
20882
20895
  --pf-v6-c-radio__label--disabled--Color: var(--pf-t--global--text--color--disabled);
20883
20896
  --pf-v6-c-radio__label--Color: var(--pf-t--global--text--color--regular);
20884
20897
  --pf-v6-c-radio__label--FontWeight: var(--pf-t--global--font--weight--body--default);
@@ -20902,7 +20915,7 @@ ul.pf-v6-c-list {
20902
20915
  .pf-v6-c-radio.pf-m-standalone {
20903
20916
  display: inline-grid;
20904
20917
  grid-template-columns: auto;
20905
- height: var(--pf-v6-c-check--Height);
20918
+ min-height: var(--pf-v6-c-radio--m-standalone--MinHeight);
20906
20919
  }
20907
20920
  .pf-v6-c-radio.pf-m-standalone .pf-v6-c-radio__input {
20908
20921
  align-self: center;
@@ -21603,7 +21616,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21603
21616
  --pf-v6-c-slider__thumb--before--TranslateX: -50%;
21604
21617
  --pf-v6-c-slider__thumb--before--TranslateY: -50%;
21605
21618
  --pf-v6-c-slider__value--MarginInlineStart: var(--pf-t--global--spacer--md);
21606
- --pf-v6-c-slider__value--c-form-control--width-base: calc(var(--pf-v6-c-form-control--PaddingInlineStart) + var(--pf-v6-c-form-control--PaddingInlineEnd) + 1.25rem);
21619
+ --pf-v6-c-slider__value--c-form-control--width-base: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-t--global--spacer--control--horizontal--default) + 1.25rem);
21607
21620
  --pf-v6-c-slider__value--c-form-control--width-chars: 3;
21608
21621
  --pf-v6-c-slider__value--c-form-control--Width: calc(var(--pf-v6-c-slider__value--c-form-control--width-base) + var(--pf-v6-c-slider__value--c-form-control--width-chars) * 1ch);
21609
21622
  --pf-v6-c-slider__value--m-floating--TranslateX: -50%;