@patternfly/react-table 6.4.1-prerelease.9 → 6.4.1

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 (32) hide show
  1. package/CHANGELOG.md +1 -39
  2. package/components/package.json +1 -1
  3. package/deprecated/package.json +1 -1
  4. package/dist/dynamic/components/Table/package.json +1 -1
  5. package/dist/dynamic/components/Table/utils/decorators/package.json +1 -1
  6. package/dist/dynamic/components/Table/utils/package.json +1 -1
  7. package/dist/dynamic/deprecated/components/Table/base/package.json +1 -1
  8. package/dist/dynamic/deprecated/components/Table/package.json +1 -1
  9. package/dist/dynamic/deprecated/components/package.json +1 -1
  10. package/dist/esm/components/Table/SelectColumn.d.ts +1 -4
  11. package/dist/esm/components/Table/SelectColumn.d.ts.map +1 -1
  12. package/dist/esm/components/Table/SelectColumn.js +2 -8
  13. package/dist/esm/components/Table/SelectColumn.js.map +1 -1
  14. package/dist/esm/components/Table/utils/decorators/selectable.d.ts.map +1 -1
  15. package/dist/esm/components/Table/utils/decorators/selectable.js +6 -6
  16. package/dist/esm/components/Table/utils/decorators/selectable.js.map +1 -1
  17. package/dist/js/components/Table/SelectColumn.d.ts +1 -4
  18. package/dist/js/components/Table/SelectColumn.d.ts.map +1 -1
  19. package/dist/js/components/Table/SelectColumn.js +2 -8
  20. package/dist/js/components/Table/SelectColumn.js.map +1 -1
  21. package/dist/js/components/Table/utils/decorators/selectable.d.ts.map +1 -1
  22. package/dist/js/components/Table/utils/decorators/selectable.js +6 -6
  23. package/dist/js/components/Table/utils/decorators/selectable.js.map +1 -1
  24. package/dist/umd/assets/{output-Jk122ILV.css → output-BVwPvz9M.css} +364 -450
  25. package/dist/umd/react-table.min.js +3 -3
  26. package/package.json +4 -4
  27. package/src/components/Table/SelectColumn.tsx +5 -25
  28. package/src/components/Table/utils/__snapshots__/transformers.test.tsx.snap +16 -0
  29. package/src/components/Table/utils/decorators/selectable.tsx +5 -6
  30. package/src/components/Table/utils/transformers.test.tsx +11 -54
  31. package/src/demos/Table.md +8 -8
  32. package/src/deprecated/components/Table/__tests__/__snapshots__/Table.test.tsx.snap +39 -150
@@ -3740,6 +3740,221 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
3740
3740
  --pf-v6-c-table--cell--Width: auto;
3741
3741
  }
3742
3742
  }
3743
+ .pf-v6-u-screen-reader {
3744
+ position: fixed;
3745
+ inset-block-start: 0;
3746
+ inset-inline-start: 0;
3747
+ overflow: hidden;
3748
+ clip: rect(0, 0, 0, 0);
3749
+ white-space: nowrap;
3750
+ border: 0;
3751
+ }
3752
+
3753
+ .pf-v6-u-visible {
3754
+ position: static;
3755
+ overflow: visible;
3756
+ clip: auto;
3757
+ white-space: normal;
3758
+ border: inherit;
3759
+ }
3760
+
3761
+ .pf-v6-u-hidden {
3762
+ display: none !important;
3763
+ }
3764
+
3765
+ @media screen and (min-width: 36rem) {
3766
+ .pf-v6-u-screen-reader-on-sm {
3767
+ position: fixed;
3768
+ inset-block-start: 0;
3769
+ inset-inline-start: 0;
3770
+ overflow: hidden;
3771
+ clip: rect(0, 0, 0, 0);
3772
+ white-space: nowrap;
3773
+ border: 0;
3774
+ }
3775
+ }
3776
+ @media screen and (min-width: 36rem) {
3777
+ .pf-v6-u-visible-on-sm {
3778
+ position: static;
3779
+ overflow: visible;
3780
+ clip: auto;
3781
+ white-space: normal;
3782
+ border: inherit;
3783
+ }
3784
+ }
3785
+ @media screen and (min-width: 36rem) {
3786
+ .pf-v6-u-hidden-on-sm {
3787
+ display: none !important;
3788
+ }
3789
+ }
3790
+ @media screen and (min-width: 48rem) {
3791
+ .pf-v6-u-screen-reader-on-md {
3792
+ position: fixed;
3793
+ inset-block-start: 0;
3794
+ inset-inline-start: 0;
3795
+ overflow: hidden;
3796
+ clip: rect(0, 0, 0, 0);
3797
+ white-space: nowrap;
3798
+ border: 0;
3799
+ }
3800
+ }
3801
+ @media screen and (min-width: 48rem) {
3802
+ .pf-v6-u-visible-on-md {
3803
+ position: static;
3804
+ overflow: visible;
3805
+ clip: auto;
3806
+ white-space: normal;
3807
+ border: inherit;
3808
+ }
3809
+ }
3810
+ @media screen and (min-width: 48rem) {
3811
+ .pf-v6-u-hidden-on-md {
3812
+ display: none !important;
3813
+ }
3814
+ }
3815
+ @media screen and (min-width: 62rem) {
3816
+ .pf-v6-u-screen-reader-on-lg {
3817
+ position: fixed;
3818
+ inset-block-start: 0;
3819
+ inset-inline-start: 0;
3820
+ overflow: hidden;
3821
+ clip: rect(0, 0, 0, 0);
3822
+ white-space: nowrap;
3823
+ border: 0;
3824
+ }
3825
+ }
3826
+ @media screen and (min-width: 62rem) {
3827
+ .pf-v6-u-visible-on-lg {
3828
+ position: static;
3829
+ overflow: visible;
3830
+ clip: auto;
3831
+ white-space: normal;
3832
+ border: inherit;
3833
+ }
3834
+ }
3835
+ @media screen and (min-width: 62rem) {
3836
+ .pf-v6-u-hidden-on-lg {
3837
+ display: none !important;
3838
+ }
3839
+ }
3840
+ @media screen and (min-width: 75rem) {
3841
+ .pf-v6-u-screen-reader-on-xl {
3842
+ position: fixed;
3843
+ inset-block-start: 0;
3844
+ inset-inline-start: 0;
3845
+ overflow: hidden;
3846
+ clip: rect(0, 0, 0, 0);
3847
+ white-space: nowrap;
3848
+ border: 0;
3849
+ }
3850
+ }
3851
+ @media screen and (min-width: 75rem) {
3852
+ .pf-v6-u-visible-on-xl {
3853
+ position: static;
3854
+ overflow: visible;
3855
+ clip: auto;
3856
+ white-space: normal;
3857
+ border: inherit;
3858
+ }
3859
+ }
3860
+ @media screen and (min-width: 75rem) {
3861
+ .pf-v6-u-hidden-on-xl {
3862
+ display: none !important;
3863
+ }
3864
+ }
3865
+ @media screen and (min-width: 90.625rem) {
3866
+ .pf-v6-u-screen-reader-on-2xl {
3867
+ position: fixed;
3868
+ inset-block-start: 0;
3869
+ inset-inline-start: 0;
3870
+ overflow: hidden;
3871
+ clip: rect(0, 0, 0, 0);
3872
+ white-space: nowrap;
3873
+ border: 0;
3874
+ }
3875
+ }
3876
+ @media screen and (min-width: 90.625rem) {
3877
+ .pf-v6-u-visible-on-2xl {
3878
+ position: static;
3879
+ overflow: visible;
3880
+ clip: auto;
3881
+ white-space: normal;
3882
+ border: inherit;
3883
+ }
3884
+ }
3885
+ @media screen and (min-width: 90.625rem) {
3886
+ .pf-v6-u-hidden-on-2xl {
3887
+ display: none !important;
3888
+ }
3889
+ }
3890
+ .pf-v6-c-table {
3891
+ --pf-v6-c-table__sticky-cell--MinWidth--base: 8.75rem;
3892
+ --pf-v6-c-table__sticky-cell--MinWidth: var(--pf-v6-c-table__sticky-cell--MinWidth--base);
3893
+ --pf-v6-c-table__sticky-cell--ZIndex: var(--pf-t--global--z-index--xs);
3894
+ --pf-v6-c-table__sticky-cell--InsetInlineEnd: auto;
3895
+ --pf-v6-c-table__sticky-cell--InsetInlineStart: auto;
3896
+ --pf-v6-c-table__sticky-cell--BackgroundColor: var(--pf-t--global--background--color--primary--default);
3897
+ --pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
3898
+ --pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndColor: var(--pf-t--global--border--color--default);
3899
+ --pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartWidth: var(--pf-t--global--border--width--divider--default);
3900
+ --pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
3901
+ --pf-v6-c-table__sticky-cell--m-right--InsetInlineEnd: 0;
3902
+ --pf-v6-c-table__sticky-cell--m-left--InsetInlineStart: 0;
3903
+ --pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex: calc(var(--pf-v6-c-table__sticky-cell--ZIndex) + 1);
3904
+ }
3905
+
3906
+ .pf-v6-c-table .pf-v6-c-table__sticky-cell {
3907
+ position: sticky;
3908
+ inset-inline-start: var(--pf-v6-c-table__sticky-cell--InsetInlineStart);
3909
+ inset-inline-end: var(--pf-v6-c-table__sticky-cell--InsetInlineEnd);
3910
+ z-index: var(--pf-v6-c-table__sticky-cell--ZIndex);
3911
+ min-width: var(--pf-v6-c-table__sticky-cell--MinWidth);
3912
+ }
3913
+
3914
+ .pf-v6-c-table__sticky-cell {
3915
+ --pf-v6-c-table--cell--Overflow: visible;
3916
+ --pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex);
3917
+ background-color: var(--pf-v6-c-table__sticky-cell--BackgroundColor);
3918
+ background-clip: padding-box;
3919
+ }
3920
+
3921
+ .pf-v6-c-table__sticky-cell.pf-m-border-right::before {
3922
+ --pf-v6-c-table--cell--m-border-right--before--BorderInlineEndWidth: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndWidth);
3923
+ --pf-v6-c-table--cell--m-border-right--before--BorderInlineEndColor: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndColor);
3924
+ }
3925
+
3926
+ .pf-v6-c-table__sticky-cell.pf-m-border-left::before {
3927
+ --pf-v6-c-table--cell--m-border-left--before--BorderInlineStartWidth: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartWidth);
3928
+ --pf-v6-c-table--cell--m-border-left--before--BorderInlineStartColor: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartColor);
3929
+ }
3930
+
3931
+ .pf-v6-c-table__sticky-cell.pf-m-right, .pf-v6-c-table__sticky-cell.pf-m-inline-end {
3932
+ --pf-v6-c-table__sticky-cell--InsetInlineEnd: var(--pf-v6-c-table__sticky-cell--m-right--InsetInlineEnd);
3933
+ }
3934
+
3935
+ .pf-v6-c-table__sticky-cell.pf-m-left, .pf-v6-c-table__sticky-cell.pf-m-inline-start {
3936
+ --pf-v6-c-table__sticky-cell--InsetInlineStart: var(--pf-v6-c-table__sticky-cell--m-left--InsetInlineStart);
3937
+ }
3938
+
3939
+ .pf-v6-c-scroll-outer-wrapper {
3940
+ --pf-v6-c-scroll-outer-wrapper--MinHeight: 25rem;
3941
+ --pf-v6-c-scroll-outer-wrapper--MaxHeight: 100%;
3942
+ display: flex;
3943
+ flex-direction: column;
3944
+ max-width: 100%;
3945
+ min-height: var(--pf-v6-c-scroll-outer-wrapper--MinHeight);
3946
+ max-height: var(--pf-v6-c-scroll-outer-wrapper--MaxHeight);
3947
+ overflow: hidden;
3948
+ }
3949
+
3950
+ .pf-v6-c-scroll-inner-wrapper {
3951
+ display: flex;
3952
+ flex-direction: column;
3953
+ max-width: 100%;
3954
+ max-height: 100%;
3955
+ overflow: auto;
3956
+ }
3957
+
3743
3958
  .pf-v6-c-form {
3744
3959
  --pf-v6-c-form--GridGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
3745
3960
  --pf-v6-c-form__group--Gap: var(--pf-t--global--spacer--gap--group--vertical);
@@ -4317,221 +4532,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
4317
4532
  margin-block-end: var(--pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd);
4318
4533
  }
4319
4534
 
4320
- .pf-v6-c-table {
4321
- --pf-v6-c-table__sticky-cell--MinWidth--base: 8.75rem;
4322
- --pf-v6-c-table__sticky-cell--MinWidth: var(--pf-v6-c-table__sticky-cell--MinWidth--base);
4323
- --pf-v6-c-table__sticky-cell--ZIndex: var(--pf-t--global--z-index--xs);
4324
- --pf-v6-c-table__sticky-cell--InsetInlineEnd: auto;
4325
- --pf-v6-c-table__sticky-cell--InsetInlineStart: auto;
4326
- --pf-v6-c-table__sticky-cell--BackgroundColor: var(--pf-t--global--background--color--primary--default);
4327
- --pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
4328
- --pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndColor: var(--pf-t--global--border--color--default);
4329
- --pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartWidth: var(--pf-t--global--border--width--divider--default);
4330
- --pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
4331
- --pf-v6-c-table__sticky-cell--m-right--InsetInlineEnd: 0;
4332
- --pf-v6-c-table__sticky-cell--m-left--InsetInlineStart: 0;
4333
- --pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex: calc(var(--pf-v6-c-table__sticky-cell--ZIndex) + 1);
4334
- }
4335
-
4336
- .pf-v6-c-table .pf-v6-c-table__sticky-cell {
4337
- position: sticky;
4338
- inset-inline-start: var(--pf-v6-c-table__sticky-cell--InsetInlineStart);
4339
- inset-inline-end: var(--pf-v6-c-table__sticky-cell--InsetInlineEnd);
4340
- z-index: var(--pf-v6-c-table__sticky-cell--ZIndex);
4341
- min-width: var(--pf-v6-c-table__sticky-cell--MinWidth);
4342
- }
4343
-
4344
- .pf-v6-c-table__sticky-cell {
4345
- --pf-v6-c-table--cell--Overflow: visible;
4346
- --pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex);
4347
- background-color: var(--pf-v6-c-table__sticky-cell--BackgroundColor);
4348
- background-clip: padding-box;
4349
- }
4350
-
4351
- .pf-v6-c-table__sticky-cell.pf-m-border-right::before {
4352
- --pf-v6-c-table--cell--m-border-right--before--BorderInlineEndWidth: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndWidth);
4353
- --pf-v6-c-table--cell--m-border-right--before--BorderInlineEndColor: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndColor);
4354
- }
4355
-
4356
- .pf-v6-c-table__sticky-cell.pf-m-border-left::before {
4357
- --pf-v6-c-table--cell--m-border-left--before--BorderInlineStartWidth: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartWidth);
4358
- --pf-v6-c-table--cell--m-border-left--before--BorderInlineStartColor: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartColor);
4359
- }
4360
-
4361
- .pf-v6-c-table__sticky-cell.pf-m-right, .pf-v6-c-table__sticky-cell.pf-m-inline-end {
4362
- --pf-v6-c-table__sticky-cell--InsetInlineEnd: var(--pf-v6-c-table__sticky-cell--m-right--InsetInlineEnd);
4363
- }
4364
-
4365
- .pf-v6-c-table__sticky-cell.pf-m-left, .pf-v6-c-table__sticky-cell.pf-m-inline-start {
4366
- --pf-v6-c-table__sticky-cell--InsetInlineStart: var(--pf-v6-c-table__sticky-cell--m-left--InsetInlineStart);
4367
- }
4368
-
4369
- .pf-v6-c-scroll-outer-wrapper {
4370
- --pf-v6-c-scroll-outer-wrapper--MinHeight: 25rem;
4371
- --pf-v6-c-scroll-outer-wrapper--MaxHeight: 100%;
4372
- display: flex;
4373
- flex-direction: column;
4374
- max-width: 100%;
4375
- min-height: var(--pf-v6-c-scroll-outer-wrapper--MinHeight);
4376
- max-height: var(--pf-v6-c-scroll-outer-wrapper--MaxHeight);
4377
- overflow: hidden;
4378
- }
4379
-
4380
- .pf-v6-c-scroll-inner-wrapper {
4381
- display: flex;
4382
- flex-direction: column;
4383
- max-width: 100%;
4384
- max-height: 100%;
4385
- overflow: auto;
4386
- }
4387
-
4388
- .pf-v6-u-screen-reader {
4389
- position: fixed;
4390
- inset-block-start: 0;
4391
- inset-inline-start: 0;
4392
- overflow: hidden;
4393
- clip: rect(0, 0, 0, 0);
4394
- white-space: nowrap;
4395
- border: 0;
4396
- }
4397
-
4398
- .pf-v6-u-visible {
4399
- position: static;
4400
- overflow: visible;
4401
- clip: auto;
4402
- white-space: normal;
4403
- border: inherit;
4404
- }
4405
-
4406
- .pf-v6-u-hidden {
4407
- display: none !important;
4408
- }
4409
-
4410
- @media screen and (min-width: 36rem) {
4411
- .pf-v6-u-screen-reader-on-sm {
4412
- position: fixed;
4413
- inset-block-start: 0;
4414
- inset-inline-start: 0;
4415
- overflow: hidden;
4416
- clip: rect(0, 0, 0, 0);
4417
- white-space: nowrap;
4418
- border: 0;
4419
- }
4420
- }
4421
- @media screen and (min-width: 36rem) {
4422
- .pf-v6-u-visible-on-sm {
4423
- position: static;
4424
- overflow: visible;
4425
- clip: auto;
4426
- white-space: normal;
4427
- border: inherit;
4428
- }
4429
- }
4430
- @media screen and (min-width: 36rem) {
4431
- .pf-v6-u-hidden-on-sm {
4432
- display: none !important;
4433
- }
4434
- }
4435
- @media screen and (min-width: 48rem) {
4436
- .pf-v6-u-screen-reader-on-md {
4437
- position: fixed;
4438
- inset-block-start: 0;
4439
- inset-inline-start: 0;
4440
- overflow: hidden;
4441
- clip: rect(0, 0, 0, 0);
4442
- white-space: nowrap;
4443
- border: 0;
4444
- }
4445
- }
4446
- @media screen and (min-width: 48rem) {
4447
- .pf-v6-u-visible-on-md {
4448
- position: static;
4449
- overflow: visible;
4450
- clip: auto;
4451
- white-space: normal;
4452
- border: inherit;
4453
- }
4454
- }
4455
- @media screen and (min-width: 48rem) {
4456
- .pf-v6-u-hidden-on-md {
4457
- display: none !important;
4458
- }
4459
- }
4460
- @media screen and (min-width: 62rem) {
4461
- .pf-v6-u-screen-reader-on-lg {
4462
- position: fixed;
4463
- inset-block-start: 0;
4464
- inset-inline-start: 0;
4465
- overflow: hidden;
4466
- clip: rect(0, 0, 0, 0);
4467
- white-space: nowrap;
4468
- border: 0;
4469
- }
4470
- }
4471
- @media screen and (min-width: 62rem) {
4472
- .pf-v6-u-visible-on-lg {
4473
- position: static;
4474
- overflow: visible;
4475
- clip: auto;
4476
- white-space: normal;
4477
- border: inherit;
4478
- }
4479
- }
4480
- @media screen and (min-width: 62rem) {
4481
- .pf-v6-u-hidden-on-lg {
4482
- display: none !important;
4483
- }
4484
- }
4485
- @media screen and (min-width: 75rem) {
4486
- .pf-v6-u-screen-reader-on-xl {
4487
- position: fixed;
4488
- inset-block-start: 0;
4489
- inset-inline-start: 0;
4490
- overflow: hidden;
4491
- clip: rect(0, 0, 0, 0);
4492
- white-space: nowrap;
4493
- border: 0;
4494
- }
4495
- }
4496
- @media screen and (min-width: 75rem) {
4497
- .pf-v6-u-visible-on-xl {
4498
- position: static;
4499
- overflow: visible;
4500
- clip: auto;
4501
- white-space: normal;
4502
- border: inherit;
4503
- }
4504
- }
4505
- @media screen and (min-width: 75rem) {
4506
- .pf-v6-u-hidden-on-xl {
4507
- display: none !important;
4508
- }
4509
- }
4510
- @media screen and (min-width: 90.625rem) {
4511
- .pf-v6-u-screen-reader-on-2xl {
4512
- position: fixed;
4513
- inset-block-start: 0;
4514
- inset-inline-start: 0;
4515
- overflow: hidden;
4516
- clip: rect(0, 0, 0, 0);
4517
- white-space: nowrap;
4518
- border: 0;
4519
- }
4520
- }
4521
- @media screen and (min-width: 90.625rem) {
4522
- .pf-v6-u-visible-on-2xl {
4523
- position: static;
4524
- overflow: visible;
4525
- clip: auto;
4526
- white-space: normal;
4527
- border: inherit;
4528
- }
4529
- }
4530
- @media screen and (min-width: 90.625rem) {
4531
- .pf-v6-u-hidden-on-2xl {
4532
- display: none !important;
4533
- }
4534
- }
4535
4535
  .pf-v6-c-tooltip {
4536
4536
  --pf-v6-c-tooltip--MaxWidth: 18.75rem;
4537
4537
  --pf-v6-c-tooltip--BoxShadow: var(--pf-t--global--box-shadow--md);
@@ -5177,57 +5177,139 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
5177
5177
  align-items: baseline;
5178
5178
  }
5179
5179
 
5180
- .pf-v6-c-menu-toggle.pf-m-split-button > .pf-v6-c-check.pf-m-standalone, .pf-v6-c-menu-toggle__button:has(> .pf-v6-c-menu-toggle__controls:only-child) {
5181
- padding-inline-start: var(--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart);
5182
- padding-inline-end: var(--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd);
5180
+ .pf-v6-c-menu-toggle.pf-m-split-button > .pf-v6-c-check.pf-m-standalone, .pf-v6-c-menu-toggle__button:has(> .pf-v6-c-menu-toggle__controls:only-child) {
5181
+ padding-inline-start: var(--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart);
5182
+ padding-inline-end: var(--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd);
5183
+ }
5184
+
5185
+ .pf-v6-c-menu-toggle__text {
5186
+ overflow: hidden;
5187
+ text-overflow: ellipsis;
5188
+ white-space: nowrap;
5189
+ min-width: 0;
5190
+ }
5191
+
5192
+ .pf-v6-c-menu-toggle__count {
5193
+ display: flex;
5194
+ flex-wrap: nowrap;
5195
+ }
5196
+
5197
+ .pf-v6-c-menu-toggle__icon.pf-m-avatar .pf-v6-c-avatar,
5198
+ .pf-v6-c-menu-toggle__icon.pf-m-avatar img,
5199
+ .pf-v6-c-menu-toggle__icon.pf-m-avatar svg, .pf-v6-c-menu-toggle:not(.pf-m-plain) .pf-v6-c-menu-toggle__icon {
5200
+ margin-block-start: calc(var(--pf-v6-c-menu-toggle--PaddingBlockStart) * -1);
5201
+ margin-block-end: calc(var(--pf-v6-c-menu-toggle--PaddingBlockEnd) * -1);
5202
+ }
5203
+
5204
+ .pf-v6-c-menu-toggle__icon {
5205
+ flex-shrink: 0;
5206
+ transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
5207
+ transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
5208
+ transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
5209
+ rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
5210
+ }
5211
+
5212
+ .pf-v6-c-menu-toggle__icon :where(picture, img) {
5213
+ vertical-align: middle;
5214
+ }
5215
+
5216
+ .pf-v6-c-menu-toggle__controls {
5217
+ display: flex;
5218
+ gap: var(--pf-v6-c-menu-toggle__controls--Gap);
5219
+ align-items: center;
5220
+ justify-content: center;
5221
+ margin-inline-start: auto;
5222
+ }
5223
+
5224
+ .pf-v6-c-menu-toggle__toggle-icon {
5225
+ min-height: var(--pf-v6-c-menu-toggle__toggle-icon--MinHeight);
5226
+ color: var(--pf-v6-c-menu-toggle__toggle-icon--Color, inherit);
5227
+ }
5228
+
5229
+ .pf-v6-c-menu-toggle__status-icon {
5230
+ color: var(--pf-v6-c-menu-toggle__status-icon--Color, inherit);
5231
+ }
5232
+
5233
+ .pf-v6-c-check {
5234
+ --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--gap--group--vertical) var(--pf-t--global--spacer--gap--text-to-element--default);
5235
+ --pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
5236
+ --pf-v6-c-check--m-standalone--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
5237
+ --pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
5238
+ --pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
5239
+ --pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body--default);
5240
+ --pf-v6-c-check__label--FontSize: var(--pf-t--global--font--size--body--default);
5241
+ --pf-v6-c-check__label--LineHeight: var(--pf-t--global--font--line-height--body);
5242
+ --pf-v6-c-check__description--FontSize: var(--pf-t--global--font--size--body--sm);
5243
+ --pf-v6-c-check__description--Color: var(--pf-t--global--text--color--subtle);
5244
+ --pf-v6-c-check__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
5245
+ --pf-v6-c-check__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
5246
+ --pf-v6-c-check__label-required--Color: var(--pf-t--global--color--status--danger--default);
5247
+ --pf-v6-c-check__input--TranslateY: calc((var(--pf-v6-c-check__label--LineHeight) * var(--pf-v6-c-check__label--FontSize) / 2 ) - 50%);
5248
+ }
5249
+
5250
+ .pf-v6-c-check {
5251
+ display: grid;
5252
+ grid-template-columns: auto 1fr;
5253
+ grid-gap: var(--pf-v6-c-check--GridGap);
5254
+ accent-color: var(--pf-v6-c-check--AccentColor);
5255
+ }
5256
+
5257
+ .pf-v6-c-check.pf-m-standalone {
5258
+ display: inline-grid;
5259
+ grid-template-columns: auto;
5260
+ min-height: var(--pf-v6-c-check--m-standalone--MinHeight);
5261
+ }
5262
+
5263
+ .pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
5264
+ align-self: center;
5265
+ transform: none;
5183
5266
  }
5184
5267
 
5185
- .pf-v6-c-menu-toggle__text {
5186
- overflow: hidden;
5187
- text-overflow: ellipsis;
5188
- white-space: nowrap;
5189
- min-width: 0;
5268
+ .pf-v6-c-check__input {
5269
+ align-self: start;
5270
+ font-size: var(--pf-v6-c-check__label--FontSize);
5271
+ line-height: var(--pf-v6-c-check__label--LineHeight);
5272
+ transform: translateY(var(--pf-v6-c-check__input--TranslateY));
5190
5273
  }
5191
5274
 
5192
- .pf-v6-c-menu-toggle__count {
5193
- display: flex;
5194
- flex-wrap: nowrap;
5275
+ .pf-v6-c-check__label {
5276
+ font-size: var(--pf-v6-c-check__label--FontSize);
5277
+ font-weight: var(--pf-v6-c-check__label--FontWeight);
5278
+ line-height: var(--pf-v6-c-check__label--LineHeight);
5279
+ color: var(--pf-v6-c-check__label--Color);
5195
5280
  }
5196
5281
 
5197
- .pf-v6-c-menu-toggle__icon.pf-m-avatar .pf-v6-c-avatar,
5198
- .pf-v6-c-menu-toggle__icon.pf-m-avatar img,
5199
- .pf-v6-c-menu-toggle__icon.pf-m-avatar svg, .pf-v6-c-menu-toggle:not(.pf-m-plain) .pf-v6-c-menu-toggle__icon {
5200
- margin-block-start: calc(var(--pf-v6-c-menu-toggle--PaddingBlockStart) * -1);
5201
- margin-block-end: calc(var(--pf-v6-c-menu-toggle--PaddingBlockEnd) * -1);
5282
+ .pf-v6-c-check__description {
5283
+ grid-column: 2;
5284
+ font-size: var(--pf-v6-c-check__description--FontSize);
5285
+ color: var(--pf-v6-c-check__description--Color);
5202
5286
  }
5203
5287
 
5204
- .pf-v6-c-menu-toggle__icon {
5205
- flex-shrink: 0;
5206
- transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
5207
- transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
5208
- transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
5209
- rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
5288
+ .pf-v6-c-check__body {
5289
+ grid-column: 2;
5210
5290
  }
5211
5291
 
5212
- .pf-v6-c-menu-toggle__icon :where(picture, img) {
5213
- vertical-align: middle;
5292
+ .pf-v6-c-check__label,
5293
+ .pf-v6-c-check__input {
5294
+ justify-self: start;
5214
5295
  }
5215
5296
 
5216
- .pf-v6-c-menu-toggle__controls {
5217
- display: flex;
5218
- gap: var(--pf-v6-c-menu-toggle__controls--Gap);
5219
- align-items: center;
5220
- justify-content: center;
5221
- margin-inline-start: auto;
5297
+ label.pf-v6-c-check, .pf-v6-c-check__label,
5298
+ .pf-v6-c-check__input {
5299
+ cursor: pointer;
5222
5300
  }
5223
5301
 
5224
- .pf-v6-c-menu-toggle__toggle-icon {
5225
- min-height: var(--pf-v6-c-menu-toggle__toggle-icon--MinHeight);
5226
- color: var(--pf-v6-c-menu-toggle__toggle-icon--Color, inherit);
5302
+ .pf-v6-c-check__label:disabled, .pf-v6-c-check__label.pf-m-disabled,
5303
+ .pf-v6-c-check__input:disabled,
5304
+ .pf-v6-c-check__input.pf-m-disabled {
5305
+ --pf-v6-c-check__label--Color: var(--pf-v6-c-check__label--disabled--Color);
5306
+ cursor: not-allowed;
5227
5307
  }
5228
5308
 
5229
- .pf-v6-c-menu-toggle__status-icon {
5230
- color: var(--pf-v6-c-menu-toggle__status-icon--Color, inherit);
5309
+ .pf-v6-c-check__label-required {
5310
+ margin-inline-start: var(--pf-v6-c-check__label-required--MarginInlineStart);
5311
+ font-size: var(--pf-v6-c-check__label-required--FontSize);
5312
+ color: var(--pf-v6-c-check__label-required--Color);
5231
5313
  }
5232
5314
 
5233
5315
  .pf-v6-c-button {
@@ -6125,6 +6207,38 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
6125
6207
  scale: 1.5;
6126
6208
  }
6127
6209
  }
6210
+ .pf-v6-c-action-list {
6211
+ --pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
6212
+ --pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
6213
+ --pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
6214
+ --pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
6215
+ }
6216
+
6217
+ .pf-v6-c-action-list,
6218
+ .pf-v6-c-action-list__group {
6219
+ display: flex;
6220
+ align-items: start;
6221
+ }
6222
+
6223
+ .pf-v6-c-action-list {
6224
+ row-gap: var(--pf-v6-c-action-list--RowGap);
6225
+ column-gap: var(--pf-v6-c-action-list--ColumnGap);
6226
+ }
6227
+
6228
+ .pf-v6-c-action-list.pf-m-icons {
6229
+ --pf-v6-c-action-list__group--ColumnGap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
6230
+ column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
6231
+ }
6232
+
6233
+ .pf-v6-c-action-list__group {
6234
+ row-gap: var(--pf-v6-c-action-list__group--RowGap, var(--pf-v6-c-action-list--RowGap));
6235
+ column-gap: var(--pf-v6-c-action-list__group--ColumnGap);
6236
+ }
6237
+
6238
+ .pf-v6-c-action-list__group.pf-m-icons {
6239
+ column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
6240
+ }
6241
+
6128
6242
  .pf-v6-c-form-control {
6129
6243
  --pf-v6-c-form-control--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
6130
6244
  --pf-v6-c-form-control--Color: var(--pf-t--global--text--color--regular);
@@ -6544,38 +6658,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
6544
6658
  pointer-events: none;
6545
6659
  }
6546
6660
 
6547
- .pf-v6-c-action-list {
6548
- --pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
6549
- --pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
6550
- --pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
6551
- --pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
6552
- }
6553
-
6554
- .pf-v6-c-action-list,
6555
- .pf-v6-c-action-list__group {
6556
- display: flex;
6557
- align-items: start;
6558
- }
6559
-
6560
- .pf-v6-c-action-list {
6561
- row-gap: var(--pf-v6-c-action-list--RowGap);
6562
- column-gap: var(--pf-v6-c-action-list--ColumnGap);
6563
- }
6564
-
6565
- .pf-v6-c-action-list.pf-m-icons {
6566
- --pf-v6-c-action-list__group--ColumnGap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
6567
- column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
6568
- }
6569
-
6570
- .pf-v6-c-action-list__group {
6571
- row-gap: var(--pf-v6-c-action-list__group--RowGap, var(--pf-v6-c-action-list--RowGap));
6572
- column-gap: var(--pf-v6-c-action-list__group--ColumnGap);
6573
- }
6574
-
6575
- .pf-v6-c-action-list__group.pf-m-icons {
6576
- column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
6577
- }
6578
-
6579
6661
  .pf-v6-c-divider {
6580
6662
  --pf-v6-c-divider--Display: flex;
6581
6663
  --pf-v6-c-divider--Color: var(--pf-t--global--border--color--default);
@@ -7118,174 +7200,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
7118
7200
  margin-block-start: var(--pf-v6-c-popover__footer--MarginBlockStart);
7119
7201
  }
7120
7202
 
7121
- .pf-v6-c-radio {
7122
- --pf-v6-c-radio--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
7123
- --pf-v6-c-radio--AccentColor: var(--pf-t--global--icon--color--brand--default);
7124
- --pf-v6-c-radio--m-standalone--MinHeight: calc(var(--pf-v6-c-radio__label--FontSize) * var(--pf-v6-c-radio__label--LineHeight));
7125
- --pf-v6-c-radio__label--disabled--Color: var(--pf-t--global--text--color--disabled);
7126
- --pf-v6-c-radio__label--Color: var(--pf-t--global--text--color--regular);
7127
- --pf-v6-c-radio__label--FontWeight: var(--pf-t--global--font--weight--body--default);
7128
- --pf-v6-c-radio__label--FontSize: var(--pf-t--global--font--size--body--default);
7129
- --pf-v6-c-radio__label--LineHeight: var(--pf-t--global--font--line-height--body);
7130
- --pf-v6-c-radio__description--FontSize: var(--pf-t--global--font--size--body--sm);
7131
- --pf-v6-c-radio__description--Color: var(--pf-t--global--text--color--subtle);
7132
- --pf-v6-c-radio__input--first-child--MarginInlineStart: 0.0625rem;
7133
- --pf-v6-c-radio__input--last-child--MarginInlineEnd: 0.0625rem;
7134
- --pf-v6-c-radio__body--MarginBlockStart: var(--pf-t--global--spacer--sm);
7135
- --pf-v6-c-radio__input--TranslateY: calc((var(--pf-v6-c-radio__label--LineHeight) * var(--pf-v6-c-radio__label--FontSize) / 2 ) - 50%);
7136
- }
7137
-
7138
- .pf-v6-c-radio {
7139
- display: grid;
7140
- grid-template-columns: auto 1fr;
7141
- grid-gap: var(--pf-v6-c-radio--GridGap);
7142
- align-items: baseline;
7143
- accent-color: var(--pf-v6-c-radio--AccentColor);
7144
- }
7145
-
7146
- .pf-v6-c-radio.pf-m-standalone {
7147
- display: inline-grid;
7148
- grid-template-columns: auto;
7149
- min-height: var(--pf-v6-c-radio--m-standalone--MinHeight);
7150
- }
7151
-
7152
- .pf-v6-c-radio.pf-m-standalone .pf-v6-c-radio__input {
7153
- align-self: center;
7154
- transform: none;
7155
- }
7156
-
7157
- .pf-v6-c-radio__input {
7158
- align-self: start;
7159
- font-size: var(--pf-v6-c-radio__label--FontSize);
7160
- line-height: var(--pf-v6-c-radio__label--LineHeight);
7161
- transform: translateY(var(--pf-v6-c-radio__input--TranslateY));
7162
- }
7163
-
7164
- .pf-v6-c-radio__input:first-child {
7165
- margin-inline-start: var(--pf-v6-c-radio__input--first-child--MarginInlineStart);
7166
- }
7167
-
7168
- .pf-v6-c-radio__input:last-child {
7169
- margin-inline-end: var(--pf-v6-c-radio__input--last-child--MarginInlineEnd);
7170
- }
7171
-
7172
- .pf-v6-c-radio__label {
7173
- font-size: var(--pf-v6-c-radio__label--FontSize);
7174
- font-weight: var(--pf-v6-c-radio__label--FontWeight);
7175
- line-height: var(--pf-v6-c-radio__label--LineHeight);
7176
- color: var(--pf-v6-c-radio__label--Color);
7177
- }
7178
-
7179
- .pf-v6-c-radio__description {
7180
- grid-column: 2;
7181
- font-size: var(--pf-v6-c-radio__description--FontSize);
7182
- color: var(--pf-v6-c-radio__description--Color);
7183
- }
7184
-
7185
- .pf-v6-c-radio__body {
7186
- grid-column: 2;
7187
- margin-block-start: var(--pf-v6-c-radio__body--MarginBlockStart);
7188
- }
7189
-
7190
- .pf-v6-c-radio__label,
7191
- .pf-v6-c-radio__input {
7192
- justify-self: start;
7193
- }
7194
-
7195
- label.pf-v6-c-radio, .pf-v6-c-radio__label,
7196
- .pf-v6-c-radio__input {
7197
- cursor: pointer;
7198
- }
7199
-
7200
- .pf-v6-c-radio__label:disabled, .pf-v6-c-radio__label.pf-m-disabled,
7201
- .pf-v6-c-radio__input:disabled,
7202
- .pf-v6-c-radio__input.pf-m-disabled {
7203
- --pf-v6-c-radio__label--Color: var(--pf-v6-c-radio__label--disabled--Color);
7204
- cursor: not-allowed;
7205
- }
7206
-
7207
- .pf-v6-c-check {
7208
- --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--gap--group--vertical) var(--pf-t--global--spacer--gap--text-to-element--default);
7209
- --pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
7210
- --pf-v6-c-check--m-standalone--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
7211
- --pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
7212
- --pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
7213
- --pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body--default);
7214
- --pf-v6-c-check__label--FontSize: var(--pf-t--global--font--size--body--default);
7215
- --pf-v6-c-check__label--LineHeight: var(--pf-t--global--font--line-height--body);
7216
- --pf-v6-c-check__description--FontSize: var(--pf-t--global--font--size--body--sm);
7217
- --pf-v6-c-check__description--Color: var(--pf-t--global--text--color--subtle);
7218
- --pf-v6-c-check__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
7219
- --pf-v6-c-check__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
7220
- --pf-v6-c-check__label-required--Color: var(--pf-t--global--color--status--danger--default);
7221
- --pf-v6-c-check__input--TranslateY: calc((var(--pf-v6-c-check__label--LineHeight) * var(--pf-v6-c-check__label--FontSize) / 2 ) - 50%);
7222
- }
7223
-
7224
- .pf-v6-c-check {
7225
- display: grid;
7226
- grid-template-columns: auto 1fr;
7227
- grid-gap: var(--pf-v6-c-check--GridGap);
7228
- accent-color: var(--pf-v6-c-check--AccentColor);
7229
- }
7230
-
7231
- .pf-v6-c-check.pf-m-standalone {
7232
- display: inline-grid;
7233
- grid-template-columns: auto;
7234
- min-height: var(--pf-v6-c-check--m-standalone--MinHeight);
7235
- }
7236
-
7237
- .pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
7238
- align-self: center;
7239
- transform: none;
7240
- }
7241
-
7242
- .pf-v6-c-check__input {
7243
- align-self: start;
7244
- font-size: var(--pf-v6-c-check__label--FontSize);
7245
- line-height: var(--pf-v6-c-check__label--LineHeight);
7246
- transform: translateY(var(--pf-v6-c-check__input--TranslateY));
7247
- }
7248
-
7249
- .pf-v6-c-check__label {
7250
- font-size: var(--pf-v6-c-check__label--FontSize);
7251
- font-weight: var(--pf-v6-c-check__label--FontWeight);
7252
- line-height: var(--pf-v6-c-check__label--LineHeight);
7253
- color: var(--pf-v6-c-check__label--Color);
7254
- }
7255
-
7256
- .pf-v6-c-check__description {
7257
- grid-column: 2;
7258
- font-size: var(--pf-v6-c-check__description--FontSize);
7259
- color: var(--pf-v6-c-check__description--Color);
7260
- }
7261
-
7262
- .pf-v6-c-check__body {
7263
- grid-column: 2;
7264
- }
7265
-
7266
- .pf-v6-c-check__label,
7267
- .pf-v6-c-check__input {
7268
- justify-self: start;
7269
- }
7270
-
7271
- label.pf-v6-c-check, .pf-v6-c-check__label,
7272
- .pf-v6-c-check__input {
7273
- cursor: pointer;
7274
- }
7275
-
7276
- .pf-v6-c-check__label:disabled, .pf-v6-c-check__label.pf-m-disabled,
7277
- .pf-v6-c-check__input:disabled,
7278
- .pf-v6-c-check__input.pf-m-disabled {
7279
- --pf-v6-c-check__label--Color: var(--pf-v6-c-check__label--disabled--Color);
7280
- cursor: not-allowed;
7281
- }
7282
-
7283
- .pf-v6-c-check__label-required {
7284
- margin-inline-start: var(--pf-v6-c-check__label-required--MarginInlineStart);
7285
- font-size: var(--pf-v6-c-check__label-required--FontSize);
7286
- color: var(--pf-v6-c-check__label-required--Color);
7287
- }
7288
-
7289
7203
  .pf-v6-c-spinner {
7290
7204
  --pf-v6-c-spinner--diameter: var(--pf-t--global--icon--size--2xl);
7291
7205
  --pf-v6-c-spinner--Width: var(--pf-v6-c-spinner--diameter);