@patternfly/patternfly 6.0.0-alpha.66 → 6.0.0-alpha.68

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 (21) hide show
  1. package/base/patternfly-variables.css +1 -4
  2. package/base/tokens/_tokens-default.scss +4 -4
  3. package/components/Tabs/tabs.css +143 -175
  4. package/components/Tabs/tabs.scss +159 -217
  5. package/components/ToggleGroup/toggle-group.css +22 -3
  6. package/components/ToggleGroup/toggle-group.scss +30 -7
  7. package/docs/components/Tabs/examples/Tabs.css +1 -1
  8. package/docs/components/Tabs/examples/Tabs.md +1025 -826
  9. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +36 -28
  10. package/docs/demos/Tabs/examples/Tabs.md +21 -17
  11. package/package.json +1 -1
  12. package/patternfly-base-no-globals-theme-dark-unversioned.css +1 -4
  13. package/patternfly-base-no-globals.css +1 -4
  14. package/patternfly-base-theme-dark-unversioned.css +1 -4
  15. package/patternfly-base.css +1 -4
  16. package/patternfly-no-globals.css +166 -186
  17. package/patternfly-theme-dark-unversioned.css +166 -186
  18. package/patternfly.css +166 -186
  19. package/patternfly.min.css +1 -1
  20. package/patternfly.min.css.map +1 -1
  21. package/components/Tabs/themes/dark/tabs.scss +0 -10
package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md CHANGED
@@ -1147,13 +1147,15 @@ wrapperTag: div
1147
1147
  role="region"
1148
1148
  id="primary-detail-expanded-example-drawer-tabs"
1149
1149
  >
1150
- <button
1151
- class="pf-v5-c-tabs__scroll-button"
1152
- type="button"
1153
- aria-label="Scroll left"
1154
- >
1155
- <i class="fas fa-angle-left" aria-hidden="true"></i>
1156
- </button>
1150
+ <div class="pf-v5-c-tabs__scroll-button">
1151
+ <button
1152
+ class="pf-v5-c-button pf-m-plain"
1153
+ type="button"
1154
+ aria-label="Scroll left"
1155
+ >
1156
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
1157
+ </button>
1158
+ </div>
1157
1159
  <ul class="pf-v5-c-tabs__list" role="tablist">
1158
1160
  <li
1159
1161
  class="pf-v5-c-tabs__item pf-m-current"
@@ -1181,13 +1183,15 @@ wrapperTag: div
1181
1183
  </button>
1182
1184
  </li>
1183
1185
  </ul>
1184
- <button
1185
- class="pf-v5-c-tabs__scroll-button"
1186
- type="button"
1187
- aria-label="Scroll right"
1188
- >
1189
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1190
- </button>
1186
+ <div class="pf-v5-c-tabs__scroll-button">
1187
+ <button
1188
+ class="pf-v5-c-button pf-m-plain"
1189
+ type="button"
1190
+ aria-label="Scroll right"
1191
+ >
1192
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
1193
+ </button>
1194
+ </div>
1191
1195
  </div>
1192
1196
  </div>
1193
1197
 
@@ -7272,13 +7276,15 @@ wrapperTag: div
7272
7276
  role="region"
7273
7277
  id="primary-detail-inline-modifier-example-drawer-tabs"
7274
7278
  >
7275
- <button
7276
- class="pf-v5-c-tabs__scroll-button"
7277
- type="button"
7278
- aria-label="Scroll left"
7279
- >
7280
- <i class="fas fa-angle-left" aria-hidden="true"></i>
7281
- </button>
7279
+ <div class="pf-v5-c-tabs__scroll-button">
7280
+ <button
7281
+ class="pf-v5-c-button pf-m-plain"
7282
+ type="button"
7283
+ aria-label="Scroll left"
7284
+ >
7285
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
7286
+ </button>
7287
+ </div>
7282
7288
  <ul class="pf-v5-c-tabs__list" role="tablist">
7283
7289
  <li class="pf-v5-c-tabs__item pf-m-current" role="presentation">
7284
7290
  <button
@@ -7303,13 +7309,15 @@ wrapperTag: div
7303
7309
  </button>
7304
7310
  </li>
7305
7311
  </ul>
7306
- <button
7307
- class="pf-v5-c-tabs__scroll-button"
7308
- type="button"
7309
- aria-label="Scroll right"
7310
- >
7311
- <i class="fas fa-angle-right" aria-hidden="true"></i>
7312
- </button>
7312
+ <div class="pf-v5-c-tabs__scroll-button">
7313
+ <button
7314
+ class="pf-v5-c-button pf-m-plain"
7315
+ type="button"
7316
+ aria-label="Scroll right"
7317
+ >
7318
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
7319
+ </button>
7320
+ </div>
7313
7321
  </div>
7314
7322
  </div>
7315
7323
 
package/docs/demos/Tabs/examples/Tabs.md CHANGED
@@ -1456,7 +1456,7 @@ section: components
1456
1456
  <div class="pf-v5-l-flex pf-m-column">
1457
1457
  <div class="pf-v5-l-flex__item">
1458
1458
  <div
1459
- class="pf-v5-c-tabs pf-m-secondary"
1459
+ class="pf-v5-c-tabs"
1460
1460
  role="region"
1461
1461
  id="nested-tabs-example-tabs-tabs-subtabs"
1462
1462
  >
@@ -2686,13 +2686,15 @@ section: components
2686
2686
  role="region"
2687
2687
  id="-tabs"
2688
2688
  >
2689
- <button
2690
- class="pf-v5-c-tabs__scroll-button"
2691
- type="button"
2692
- aria-label="Scroll left"
2693
- >
2694
- <i class="fas fa-angle-left" aria-hidden="true"></i>
2695
- </button>
2689
+ <div class="pf-v5-c-tabs__scroll-button">
2690
+ <button
2691
+ class="pf-v5-c-button pf-m-plain"
2692
+ type="button"
2693
+ aria-label="Scroll left"
2694
+ >
2695
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
2696
+ </button>
2697
+ </div>
2696
2698
  <ul class="pf-v5-c-tabs__list" role="tablist">
2697
2699
  <li
2698
2700
  class="pf-v5-c-tabs__item pf-m-current"
@@ -2720,13 +2722,15 @@ section: components
2720
2722
  </button>
2721
2723
  </li>
2722
2724
  </ul>
2723
- <button
2724
- class="pf-v5-c-tabs__scroll-button"
2725
- type="button"
2726
- aria-label="Scroll right"
2727
- >
2728
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2729
- </button>
2725
+ <div class="pf-v5-c-tabs__scroll-button">
2726
+ <button
2727
+ class="pf-v5-c-button pf-m-plain"
2728
+ type="button"
2729
+ aria-label="Scroll right"
2730
+ >
2731
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
2732
+ </button>
2733
+ </div>
2730
2734
  </div>
2731
2735
  </div>
2732
2736
  <div class="pf-v5-c-drawer__body">
@@ -2909,7 +2913,7 @@ section: components
2909
2913
  <div class="pf-v5-l-grid pf-m-gutter">
2910
2914
  <div class="pf-v5-l-grid__item">
2911
2915
  <div
2912
- class="pf-v5-c-tabs pf-m-secondary pf-m-inset-none"
2916
+ class="pf-v5-c-tabs pf-m-inset-none"
2913
2917
  role="region"
2914
2918
  id="modal-tabs-example-tabs"
2915
2919
  >
@@ -3631,7 +3635,7 @@ section: components
3631
3635
  </div>
3632
3636
  <div class="pf-v5-l-grid__item">
3633
3637
  <div
3634
- class="pf-v5-c-tabs pf-m-secondary pf-m-inset-none"
3638
+ class="pf-v5-c-tabs pf-m-inset-none"
3635
3639
  role="region"
3636
3640
  id="gray-tabs-example-tabs-subtabs"
3637
3641
  >
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-alpha.66",
4
+ "version": "6.0.0-alpha.68",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-base-no-globals-theme-dark-unversioned.css CHANGED
@@ -411,10 +411,6 @@ html .ws-preview {
411
411
  --pf-t--color--white: #fff;
412
412
  }
413
413
 
414
- /**
415
- * Do not edit directly
416
- * Generated on Tue, 05 Dec 2023 16:11:05 GMT
417
- */
418
414
  :root {
419
415
  --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
420
416
  --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
@@ -697,6 +693,7 @@ html .ws-preview {
697
693
  --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--200);
698
694
  --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--100);
699
695
  --pf-t--global--border--color--default: var(--pf-t--global--border--color--100);
696
+ --pf-t--global--border--color--disabled: var(--pf-t--global--background--color--disabled--default);
700
697
  --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--300);
701
698
  --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
702
699
  --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
package/patternfly-base-no-globals.css CHANGED
@@ -411,10 +411,6 @@ html .ws-preview {
411
411
  --pf-t--color--white: #fff;
412
412
  }
413
413
 
414
- /**
415
- * Do not edit directly
416
- * Generated on Tue, 05 Dec 2023 16:11:05 GMT
417
- */
418
414
  :root {
419
415
  --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
420
416
  --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
@@ -697,6 +693,7 @@ html .ws-preview {
697
693
  --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--200);
698
694
  --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--100);
699
695
  --pf-t--global--border--color--default: var(--pf-t--global--border--color--100);
696
+ --pf-t--global--border--color--disabled: var(--pf-t--global--background--color--disabled--default);
700
697
  --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--300);
701
698
  --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
702
699
  --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
package/patternfly-base-theme-dark-unversioned.css CHANGED
@@ -411,10 +411,6 @@ html .ws-preview {
411
411
  --pf-t--color--white: #fff;
412
412
  }
413
413
 
414
- /**
415
- * Do not edit directly
416
- * Generated on Tue, 05 Dec 2023 16:11:05 GMT
417
- */
418
414
  :root {
419
415
  --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
420
416
  --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
@@ -697,6 +693,7 @@ html .ws-preview {
697
693
  --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--200);
698
694
  --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--100);
699
695
  --pf-t--global--border--color--default: var(--pf-t--global--border--color--100);
696
+ --pf-t--global--border--color--disabled: var(--pf-t--global--background--color--disabled--default);
700
697
  --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--300);
701
698
  --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
702
699
  --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
package/patternfly-base.css CHANGED
@@ -411,10 +411,6 @@ html .ws-preview {
411
411
  --pf-t--color--white: #fff;
412
412
  }
413
413
 
414
- /**
415
- * Do not edit directly
416
- * Generated on Tue, 05 Dec 2023 16:11:05 GMT
417
- */
418
414
  :root {
419
415
  --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
420
416
  --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
@@ -697,6 +693,7 @@ html .ws-preview {
697
693
  --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--200);
698
694
  --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--100);
699
695
  --pf-t--global--border--color--default: var(--pf-t--global--border--color--100);
696
+ --pf-t--global--border--color--disabled: var(--pf-t--global--background--color--disabled--default);
700
697
  --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--300);
701
698
  --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
702
699
  --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--200);