@patternfly/react-templates 6.0.0-alpha.48 → 6.0.0-alpha.49

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 (7) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/components/package.json +1 -1
  3. package/dist/dynamic/components/Dropdown/package.json +1 -1
  4. package/dist/dynamic/components/Select/package.json +1 -1
  5. package/dist/umd/assets/{output-DJw8RSWm.css → output-EHbIEyt_.css} +1029 -1029
  6. package/dist/umd/react-templates.min.js +1 -1
  7. package/package.json +3 -3
package/dist/umd/assets/{output-DJw8RSWm.css → output-EHbIEyt_.css} RENAMED
@@ -1522,26 +1522,6 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
1522
1522
  box-shadow: var(--pf-v6-c-back-to-top--c-button--BoxShadow);
1523
1523
  }
1524
1524
 
1525
- :where(:root, .pf-v6-c-backdrop) {
1526
- --pf-v6-c-backdrop--Position: fixed;
1527
- --pf-v6-c-backdrop--ZIndex: var(--pf-t--global--z-index--lg);
1528
- --pf-v6-c-backdrop--BackgroundColor: var(--pf-t--global--background--color--backdrop--default);
1529
- }
1530
-
1531
- .pf-v6-c-backdrop {
1532
- position: var(--pf-v6-c-backdrop--Position);
1533
- inset-block-start: 0;
1534
- inset-inline-start: 0;
1535
- z-index: var(--pf-v6-c-backdrop--ZIndex);
1536
- width: 100%;
1537
- height: 100%;
1538
- background-color: var(--pf-v6-c-backdrop--BackgroundColor);
1539
- }
1540
-
1541
- .pf-v6-c-backdrop__open {
1542
- overflow: hidden;
1543
- }
1544
-
1545
1525
  :where(:root, .pf-v6-c-background-image) {
1546
1526
  --pf-v6-c-background-image--BackgroundColor: var(--pf-t--global--background--color--primary--default);
1547
1527
  --pf-v6-c-background-image--BackgroundImage: none;
@@ -1570,6 +1550,26 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
1570
1550
  --pf-v6-c-background-image--BackgroundPosition: bottom left;
1571
1551
  }
1572
1552
 
1553
+ :where(:root, .pf-v6-c-backdrop) {
1554
+ --pf-v6-c-backdrop--Position: fixed;
1555
+ --pf-v6-c-backdrop--ZIndex: var(--pf-t--global--z-index--lg);
1556
+ --pf-v6-c-backdrop--BackgroundColor: var(--pf-t--global--background--color--backdrop--default);
1557
+ }
1558
+
1559
+ .pf-v6-c-backdrop {
1560
+ position: var(--pf-v6-c-backdrop--Position);
1561
+ inset-block-start: 0;
1562
+ inset-inline-start: 0;
1563
+ z-index: var(--pf-v6-c-backdrop--ZIndex);
1564
+ width: 100%;
1565
+ height: 100%;
1566
+ background-color: var(--pf-v6-c-backdrop--BackgroundColor);
1567
+ }
1568
+
1569
+ .pf-v6-c-backdrop__open {
1570
+ overflow: hidden;
1571
+ }
1572
+
1573
1573
  :where(:root, .pf-v6-c-badge) {
1574
1574
  --pf-v6-c-badge--BorderColor: transparent;
1575
1575
  --pf-v6-c-badge--BorderWidth: var(--pf-t--global--border--width--regular);
@@ -1812,6 +1812,73 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
1812
1812
  cursor: not-allowed;
1813
1813
  }
1814
1814
 
1815
+ :where(:root, .pf-v6-c-brand) {
1816
+ --pf-v6-c-brand--Width: auto;
1817
+ --pf-v6-c-brand--Height: auto;
1818
+ }
1819
+
1820
+ .pf-v6-c-brand {
1821
+ width: var(--pf-v6-c-brand--Width--base);
1822
+ height: var(--pf-v6-c-brand--Height--base);
1823
+ --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width);
1824
+ --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height);
1825
+ }
1826
+
1827
+ @media (min-width: 36rem) {
1828
+ .pf-v6-c-brand {
1829
+ --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width));
1830
+ }
1831
+ }
1832
+ @media (min-width: 48rem) {
1833
+ .pf-v6-c-brand {
1834
+ --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-md, var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width)));
1835
+ }
1836
+ }
1837
+ @media (min-width: 62rem) {
1838
+ .pf-v6-c-brand {
1839
+ --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-lg, var(--pf-v6-c-brand--Width-on-md, var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width))));
1840
+ }
1841
+ }
1842
+ @media (min-width: 75rem) {
1843
+ .pf-v6-c-brand {
1844
+ --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-xl, var(--pf-v6-c-brand--Width-on-lg, var(--pf-v6-c-brand--Width-on-md, var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width)))));
1845
+ }
1846
+ }
1847
+ @media (min-width: 90.625rem) {
1848
+ .pf-v6-c-brand {
1849
+ --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-2xl, var(--pf-v6-c-brand--Width-on-xl, var(--pf-v6-c-brand--Width-on-lg, var(--pf-v6-c-brand--Width-on-md, var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width))))));
1850
+ }
1851
+ }
1852
+ @media (min-width: 36rem) {
1853
+ .pf-v6-c-brand {
1854
+ --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height));
1855
+ }
1856
+ }
1857
+ @media (min-width: 48rem) {
1858
+ .pf-v6-c-brand {
1859
+ --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-md, var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height)));
1860
+ }
1861
+ }
1862
+ @media (min-width: 62rem) {
1863
+ .pf-v6-c-brand {
1864
+ --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-lg, var(--pf-v6-c-brand--Height-on-md, var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height))));
1865
+ }
1866
+ }
1867
+ @media (min-width: 75rem) {
1868
+ .pf-v6-c-brand {
1869
+ --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-xl, var(--pf-v6-c-brand--Height-on-lg, var(--pf-v6-c-brand--Height-on-md, var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height)))));
1870
+ }
1871
+ }
1872
+ @media (min-width: 90.625rem) {
1873
+ .pf-v6-c-brand {
1874
+ --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-2xl, var(--pf-v6-c-brand--Height-on-xl, var(--pf-v6-c-brand--Height-on-lg, var(--pf-v6-c-brand--Height-on-md, var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height))))));
1875
+ }
1876
+ }
1877
+ .pf-v6-c-brand.pf-m-picture {
1878
+ display: inline-flex;
1879
+ max-width: 100%;
1880
+ }
1881
+
1815
1882
  :where(:root, .pf-v6-c-breadcrumb) {
1816
1883
  --pf-v6-c-breadcrumb__item--FontSize: var(--pf-t--global--font--size--body--sm);
1817
1884
  --pf-v6-c-breadcrumb__item--LineHeight: var(--pf-t--global--font--line-height--body);
@@ -1927,73 +1994,6 @@ button.pf-v6-c-breadcrumb__link {
1927
1994
  display: none;
1928
1995
  }
1929
1996
 
1930
- :where(:root, .pf-v6-c-brand) {
1931
- --pf-v6-c-brand--Width: auto;
1932
- --pf-v6-c-brand--Height: auto;
1933
- }
1934
-
1935
- .pf-v6-c-brand {
1936
- width: var(--pf-v6-c-brand--Width--base);
1937
- height: var(--pf-v6-c-brand--Height--base);
1938
- --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width);
1939
- --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height);
1940
- }
1941
-
1942
- @media (min-width: 36rem) {
1943
- .pf-v6-c-brand {
1944
- --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width));
1945
- }
1946
- }
1947
- @media (min-width: 48rem) {
1948
- .pf-v6-c-brand {
1949
- --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-md, var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width)));
1950
- }
1951
- }
1952
- @media (min-width: 62rem) {
1953
- .pf-v6-c-brand {
1954
- --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-lg, var(--pf-v6-c-brand--Width-on-md, var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width))));
1955
- }
1956
- }
1957
- @media (min-width: 75rem) {
1958
- .pf-v6-c-brand {
1959
- --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-xl, var(--pf-v6-c-brand--Width-on-lg, var(--pf-v6-c-brand--Width-on-md, var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width)))));
1960
- }
1961
- }
1962
- @media (min-width: 90.625rem) {
1963
- .pf-v6-c-brand {
1964
- --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-2xl, var(--pf-v6-c-brand--Width-on-xl, var(--pf-v6-c-brand--Width-on-lg, var(--pf-v6-c-brand--Width-on-md, var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width))))));
1965
- }
1966
- }
1967
- @media (min-width: 36rem) {
1968
- .pf-v6-c-brand {
1969
- --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height));
1970
- }
1971
- }
1972
- @media (min-width: 48rem) {
1973
- .pf-v6-c-brand {
1974
- --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-md, var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height)));
1975
- }
1976
- }
1977
- @media (min-width: 62rem) {
1978
- .pf-v6-c-brand {
1979
- --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-lg, var(--pf-v6-c-brand--Height-on-md, var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height))));
1980
- }
1981
- }
1982
- @media (min-width: 75rem) {
1983
- .pf-v6-c-brand {
1984
- --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-xl, var(--pf-v6-c-brand--Height-on-lg, var(--pf-v6-c-brand--Height-on-md, var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height)))));
1985
- }
1986
- }
1987
- @media (min-width: 90.625rem) {
1988
- .pf-v6-c-brand {
1989
- --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-2xl, var(--pf-v6-c-brand--Height-on-xl, var(--pf-v6-c-brand--Height-on-lg, var(--pf-v6-c-brand--Height-on-md, var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height))))));
1990
- }
1991
- }
1992
- .pf-v6-c-brand.pf-m-picture {
1993
- display: inline-flex;
1994
- max-width: 100%;
1995
- }
1996
-
1997
1997
  :where(:root, .pf-v6-c-button) {
1998
1998
  --pf-v6-c-button--Display: inline-flex;
1999
1999
  --pf-v6-c-button--AlignItems: baseline;
@@ -3296,6 +3296,60 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
3296
3296
  --pf-v6-c-button--m-plain--hover__icon--Color: var(--pf-v6-c-clipboard-copy__actions-item--button--hover--Color);
3297
3297
  }
3298
3298
 
3299
+ :where(:root, .pf-v6-c-code-block) {
3300
+ --pf-v6-c-code-block--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
3301
+ --pf-v6-c-code-block--BorderRadius: var(--pf-t--global--border--radius--medium);
3302
+ --pf-v6-c-code-block__header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
3303
+ --pf-v6-c-code-block__header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
3304
+ --pf-v6-c-code-block__header--PaddingBlockStart: var(--pf-t--global--spacer--xs);
3305
+ --pf-v6-c-code-block__header--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
3306
+ --pf-v6-c-code-block__header--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
3307
+ --pf-v6-c-code-block__header--PaddingInlineStart: var(--pf-t--global--spacer--sm);
3308
+ --pf-v6-c-code-block__content--PaddingBlockStart: var(--pf-t--global--spacer--md);
3309
+ --pf-v6-c-code-block__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
3310
+ --pf-v6-c-code-block__content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
3311
+ --pf-v6-c-code-block__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
3312
+ --pf-v6-c-code-block__pre--FontFamily: var(--pf-t--global--font--family--mono);
3313
+ --pf-v6-c-code-block__pre--FontSize: var(--pf-t--global--font--size--xs);
3314
+ }
3315
+
3316
+ .pf-v6-c-code-block {
3317
+ background-color: var(--pf-v6-c-code-block--BackgroundColor);
3318
+ border-radius: var(--pf-v6-c-code-block--BorderRadius);
3319
+ }
3320
+
3321
+ .pf-v6-c-code-block__header {
3322
+ display: flex;
3323
+ padding-block-start: var(--pf-v6-c-code-block__header--PaddingBlockStart);
3324
+ padding-block-end: var(--pf-v6-c-code-block__header--PaddingBlockEnd);
3325
+ padding-inline-start: var(--pf-v6-c-code-block__header--PaddingInlineStart);
3326
+ padding-inline-end: var(--pf-v6-c-code-block__header--PaddingInlineEnd);
3327
+ border-block-end: var(--pf-v6-c-code-block__header--BorderBlockEndWidth) solid var(--pf-v6-c-code-block__header--BorderBlockEndColor);
3328
+ }
3329
+
3330
+ .pf-v6-c-code-block__actions {
3331
+ display: flex;
3332
+ margin-inline-start: auto;
3333
+ }
3334
+
3335
+ .pf-v6-c-code-block__content {
3336
+ padding-block-start: var(--pf-v6-c-code-block__content--PaddingBlockStart);
3337
+ padding-block-end: var(--pf-v6-c-code-block__content--PaddingBlockEnd);
3338
+ padding-inline-start: var(--pf-v6-c-code-block__content--PaddingInlineStart);
3339
+ padding-inline-end: var(--pf-v6-c-code-block__content--PaddingInlineEnd);
3340
+ }
3341
+
3342
+ .pf-v6-c-code-block__pre {
3343
+ font-family: var(--pf-v6-c-code-block__pre--FontFamily);
3344
+ font-size: var(--pf-v6-c-code-block__pre--FontSize);
3345
+ overflow-wrap: break-word;
3346
+ white-space: pre-wrap;
3347
+ }
3348
+
3349
+ .pf-v6-c-code-block__code {
3350
+ font-family: var(--pf-v6-c-code-block__code--FontFamily, inherit);
3351
+ }
3352
+
3299
3353
  :where(:root, .pf-v6-c-content) {
3300
3354
  --pf-v6-c-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
3301
3355
  --pf-v6-c-content--LineHeight: var(--pf-t--global--font--line-height--body);
@@ -6178,34 +6232,94 @@ ul) {
6178
6232
  justify-content: center;
6179
6233
  }
6180
6234
 
6181
- :where(:root, .pf-v6-c-expandable-section) {
6182
- --pf-v6-c-expandable-section__toggle--PaddingBlockStart: var(--pf-t--global--spacer--sm);
6183
- --pf-v6-c-expandable-section__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
6184
- --pf-v6-c-expandable-section__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
6185
- --pf-v6-c-expandable-section__toggle--PaddingInlineStart: var(--pf-t--global--spacer--sm);
6186
- --pf-v6-c-expandable-section__toggle--BackgroundColor: transparent;
6187
- --pf-v6-c-expandable-section__toggle--ColumnGap: calc(var(--pf-t--global--spacer--xs) + var(--pf-t--global--spacer--sm));
6188
- --pf-v6-c-expandable-section__toggle-icon--MinWidth: 1em;
6189
- --pf-v6-c-expandable-section__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
6190
- --pf-v6-c-expandable-section__toggle-icon--Transition: .2s ease-in 0s;
6191
- --pf-v6-c-expandable-section__toggle-icon--Rotate: 0;
6192
- --pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
6193
- --pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
6194
- --pf-v6-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate: -90deg;
6195
- --pf-v6-c-expandable-section__toggle-text--Color: var(--pf-t--global--color--brand--default);
6196
- --pf-v6-c-expandable-section__toggle-text--hover--Color: var(--pf-t--global--color--brand--hover);
6197
- --pf-v6-c-expandable-section--m-expanded__toggle-text--Color: var(--pf-t--global--color--brand--hover);
6198
- --pf-v6-c-expandable-section__content--PaddingBlockStart: var(--pf-t--global--spacer--sm);
6199
- --pf-v6-c-expandable-section__content--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
6200
- --pf-v6-c-expandable-section__content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
6201
- --pf-v6-c-expandable-section__content--PaddingInlineStart: var(--pf-t--global--spacer--sm);
6202
- --pf-v6-c-expandable-section__content--MaxWidth: auto;
6203
- --pf-v6-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
6204
- --pf-v6-c-expandable-section--m-display-lg--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
6205
- --pf-v6-c-expandable-section--m-display-lg--BorderColor: var(--pf-t--global--border--color--default);
6206
- --pf-v6-c-expandable-section--m-display-lg--BorderRadius: var(--pf-t--global--border--radius--medium);
6207
- --pf-v6-c-expandable-section--m-display-lg__toggle--PaddingBlockStart: var(--pf-t--global--spacer--md);
6208
- --pf-v6-c-expandable-section--m-display-lg__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
6235
+ :where(:root, .pf-v6-c-file-upload) {
6236
+ --pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--sm);
6237
+ --pf-v6-c-file-upload--PaddingBlockStart: var(--pf-t--global--spacer--sm);
6238
+ --pf-v6-c-file-upload--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
6239
+ --pf-v6-c-file-upload--PaddingInlineStart: var(--pf-t--global--spacer--sm);
6240
+ --pf-v6-c-file-upload--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
6241
+ --pf-v6-c-file-upload--BorderRadius: var(--pf-t--global--border--radius--small);
6242
+ --pf-v6-c-file-upload--BorderWidth: var(--pf-t--global--border--width--regular);
6243
+ --pf-v6-c-file-upload--BorderColor: transparent;
6244
+ --pf-v6-c-file-upload--BorderStyle: solid;
6245
+ --pf-v6-c-file-upload--m-drag-hover--BorderColor: var(--pf-t--global--icon--color--brand--default);
6246
+ --pf-v6-c-file-upload--m-drag-hover--BorderStyle: dashed;
6247
+ --pf-v6-c-file-upload__file-select__c-button--m-control--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
6248
+ --pf-v6-c-file-upload__file-details__c-form-control--MinHeight: calc(var(--pf-t--global--spacer--3xl) * 2);
6249
+ }
6250
+
6251
+ .pf-v6-c-file-upload {
6252
+ position: relative;
6253
+ display: flex;
6254
+ flex-direction: column;
6255
+ row-gap: var(--pf-v6-c-file-upload--RowGap);
6256
+ padding-block-start: var(--pf-v6-c-file-upload--PaddingBlockStart);
6257
+ padding-block-end: var(--pf-v6-c-file-upload--PaddingBlockEnd);
6258
+ padding-inline-start: var(--pf-v6-c-file-upload--PaddingInlineStart);
6259
+ padding-inline-end: var(--pf-v6-c-file-upload--PaddingInlineEnd);
6260
+ border: var(--pf-v6-c-file-upload--BorderWidth) var(--pf-v6-c-file-upload--BorderStyle) var(--pf-v6-c-file-upload--BorderColor);
6261
+ border-radius: var(--pf-v6-c-file-upload--BorderRadius);
6262
+ }
6263
+
6264
+ .pf-v6-c-file-upload.pf-m-drag-hover {
6265
+ --pf-v6-c-file-upload--BorderColor: var(--pf-v6-c-file-upload--m-drag-hover--BorderColor);
6266
+ --pf-v6-c-file-upload--BorderStyle: var(--pf-v6-c-file-upload--m-drag-hover--BorderStyle);
6267
+ }
6268
+
6269
+ .pf-v6-c-file-upload.pf-m-loading .pf-v6-c-file-upload__file-details {
6270
+ position: relative;
6271
+ }
6272
+
6273
+ .pf-v6-c-file-upload__file-select .pf-v6-c-button.pf-m-control {
6274
+ outline-offset: var(--pf-v6-c-file-upload__file-select__c-button--m-control--OutlineOffset);
6275
+ }
6276
+
6277
+ .pf-v6-c-file-upload__file-details {
6278
+ position: relative;
6279
+ display: flex;
6280
+ }
6281
+
6282
+ .pf-v6-c-file-upload__file-details .pf-v6-c-form-control {
6283
+ flex: 1 1 auto;
6284
+ min-height: var(--pf-v6-c-file-upload__file-details__c-form-control--MinHeight);
6285
+ border-block-start: 0;
6286
+ }
6287
+
6288
+ .pf-v6-c-file-upload__file-details-spinner {
6289
+ position: absolute;
6290
+ inset-block-start: 50%;
6291
+ inset-inline-start: 50%;
6292
+ transform: translate(-50%, -50%);
6293
+ }
6294
+
6295
+ :where(:root, .pf-v6-c-expandable-section) {
6296
+ --pf-v6-c-expandable-section__toggle--PaddingBlockStart: var(--pf-t--global--spacer--sm);
6297
+ --pf-v6-c-expandable-section__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
6298
+ --pf-v6-c-expandable-section__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
6299
+ --pf-v6-c-expandable-section__toggle--PaddingInlineStart: var(--pf-t--global--spacer--sm);
6300
+ --pf-v6-c-expandable-section__toggle--BackgroundColor: transparent;
6301
+ --pf-v6-c-expandable-section__toggle--ColumnGap: calc(var(--pf-t--global--spacer--xs) + var(--pf-t--global--spacer--sm));
6302
+ --pf-v6-c-expandable-section__toggle-icon--MinWidth: 1em;
6303
+ --pf-v6-c-expandable-section__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
6304
+ --pf-v6-c-expandable-section__toggle-icon--Transition: .2s ease-in 0s;
6305
+ --pf-v6-c-expandable-section__toggle-icon--Rotate: 0;
6306
+ --pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
6307
+ --pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
6308
+ --pf-v6-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate: -90deg;
6309
+ --pf-v6-c-expandable-section__toggle-text--Color: var(--pf-t--global--color--brand--default);
6310
+ --pf-v6-c-expandable-section__toggle-text--hover--Color: var(--pf-t--global--color--brand--hover);
6311
+ --pf-v6-c-expandable-section--m-expanded__toggle-text--Color: var(--pf-t--global--color--brand--hover);
6312
+ --pf-v6-c-expandable-section__content--PaddingBlockStart: var(--pf-t--global--spacer--sm);
6313
+ --pf-v6-c-expandable-section__content--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
6314
+ --pf-v6-c-expandable-section__content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
6315
+ --pf-v6-c-expandable-section__content--PaddingInlineStart: var(--pf-t--global--spacer--sm);
6316
+ --pf-v6-c-expandable-section__content--MaxWidth: auto;
6317
+ --pf-v6-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
6318
+ --pf-v6-c-expandable-section--m-display-lg--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
6319
+ --pf-v6-c-expandable-section--m-display-lg--BorderColor: var(--pf-t--global--border--color--default);
6320
+ --pf-v6-c-expandable-section--m-display-lg--BorderRadius: var(--pf-t--global--border--radius--medium);
6321
+ --pf-v6-c-expandable-section--m-display-lg__toggle--PaddingBlockStart: var(--pf-t--global--spacer--md);
6322
+ --pf-v6-c-expandable-section--m-display-lg__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
6209
6323
  --pf-v6-c-expandable-section--m-display-lg__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--md);
6210
6324
  --pf-v6-c-expandable-section--m-display-lg__toggle--PaddingInlineStart: var(--pf-t--global--spacer--lg);
6211
6325
  --pf-v6-c-expandable-section--m-display-lg__toggle--BorderRadius: var(--pf-t--global--border--radius--medium);
@@ -6326,66 +6440,6 @@ ul) {
6326
6440
  padding-inline-end: var(--pf-v6-c-expandable-section__content--PaddingInlineEnd);
6327
6441
  }
6328
6442
 
6329
- :where(:root, .pf-v6-c-file-upload) {
6330
- --pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--sm);
6331
- --pf-v6-c-file-upload--PaddingBlockStart: var(--pf-t--global--spacer--sm);
6332
- --pf-v6-c-file-upload--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
6333
- --pf-v6-c-file-upload--PaddingInlineStart: var(--pf-t--global--spacer--sm);
6334
- --pf-v6-c-file-upload--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
6335
- --pf-v6-c-file-upload--BorderRadius: var(--pf-t--global--border--radius--small);
6336
- --pf-v6-c-file-upload--BorderWidth: var(--pf-t--global--border--width--regular);
6337
- --pf-v6-c-file-upload--BorderColor: transparent;
6338
- --pf-v6-c-file-upload--BorderStyle: solid;
6339
- --pf-v6-c-file-upload--m-drag-hover--BorderColor: var(--pf-t--global--icon--color--brand--default);
6340
- --pf-v6-c-file-upload--m-drag-hover--BorderStyle: dashed;
6341
- --pf-v6-c-file-upload__file-select__c-button--m-control--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
6342
- --pf-v6-c-file-upload__file-details__c-form-control--MinHeight: calc(var(--pf-t--global--spacer--3xl) * 2);
6343
- }
6344
-
6345
- .pf-v6-c-file-upload {
6346
- position: relative;
6347
- display: flex;
6348
- flex-direction: column;
6349
- row-gap: var(--pf-v6-c-file-upload--RowGap);
6350
- padding-block-start: var(--pf-v6-c-file-upload--PaddingBlockStart);
6351
- padding-block-end: var(--pf-v6-c-file-upload--PaddingBlockEnd);
6352
- padding-inline-start: var(--pf-v6-c-file-upload--PaddingInlineStart);
6353
- padding-inline-end: var(--pf-v6-c-file-upload--PaddingInlineEnd);
6354
- border: var(--pf-v6-c-file-upload--BorderWidth) var(--pf-v6-c-file-upload--BorderStyle) var(--pf-v6-c-file-upload--BorderColor);
6355
- border-radius: var(--pf-v6-c-file-upload--BorderRadius);
6356
- }
6357
-
6358
- .pf-v6-c-file-upload.pf-m-drag-hover {
6359
- --pf-v6-c-file-upload--BorderColor: var(--pf-v6-c-file-upload--m-drag-hover--BorderColor);
6360
- --pf-v6-c-file-upload--BorderStyle: var(--pf-v6-c-file-upload--m-drag-hover--BorderStyle);
6361
- }
6362
-
6363
- .pf-v6-c-file-upload.pf-m-loading .pf-v6-c-file-upload__file-details {
6364
- position: relative;
6365
- }
6366
-
6367
- .pf-v6-c-file-upload__file-select .pf-v6-c-button.pf-m-control {
6368
- outline-offset: var(--pf-v6-c-file-upload__file-select__c-button--m-control--OutlineOffset);
6369
- }
6370
-
6371
- .pf-v6-c-file-upload__file-details {
6372
- position: relative;
6373
- display: flex;
6374
- }
6375
-
6376
- .pf-v6-c-file-upload__file-details .pf-v6-c-form-control {
6377
- flex: 1 1 auto;
6378
- min-height: var(--pf-v6-c-file-upload__file-details__c-form-control--MinHeight);
6379
- border-block-start: 0;
6380
- }
6381
-
6382
- .pf-v6-c-file-upload__file-details-spinner {
6383
- position: absolute;
6384
- inset-block-start: 50%;
6385
- inset-inline-start: 50%;
6386
- transform: translate(-50%, -50%);
6387
- }
6388
-
6389
6443
  :where(:root, .pf-v6-c-form) {
6390
6444
  --pf-v6-c-form--GridGap: var(--pf-t--global--spacer--lg);
6391
6445
  --pf-v6-c-form__group--Gap: var(--pf-t--global--spacer--sm);
@@ -9046,6 +9100,82 @@ input.pf-v6-c-label__content {
9046
9100
  display: none;
9047
9101
  }
9048
9102
 
9103
+ :where(:root, .pf-v6-c-list) {
9104
+ --pf-v6-c-list--PaddingInlineStart: var(--pf-t--global--spacer--lg);
9105
+ --pf-v6-c-list--ul--ListStyle: var(--pf-t--global--list-style);
9106
+ --pf-v6-c-list--Gap: var(--pf-t--global--spacer--sm);
9107
+ --pf-v6-c-list--nested--PaddingBlockStart: var(--pf-v6-c-list--Gap);
9108
+ --pf-v6-c-list--m-plain--PaddingInlineStart: 0;
9109
+ --pf-v6-c-list--m-inline--PaddingInlineStart: 0;
9110
+ --pf-v6-c-list--m-inline--ColumnGap: var(--pf-t--global--spacer--lg);
9111
+ --pf-v6-c-list--m-inline--RowGap: var(--pf-t--global--spacer--xs);
9112
+ --pf-v6-c-list--m-bordered--li--PaddingBlockStart: var(--pf-v6-c-list--Gap);
9113
+ --pf-v6-c-list--m-bordered--li--BorderBlockStartColor: var(--pf-t--global--border--color--default);
9114
+ --pf-v6-c-list--m-bordered--li--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
9115
+ --pf-v6-c-list__item-icon--MinWidth: var(--pf-t--global--icon--size--sm);
9116
+ --pf-v6-c-list__item-icon--MarginBlockStart: var(--pf-t--global--spacer--xs);
9117
+ --pf-v6-c-list__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
9118
+ --pf-v6-c-list__item-icon--Color: var(--pf-t--global--icon--color--regular);
9119
+ --pf-v6-c-list__item-icon--FontSize: var(--pf-t--global--icon--size--sm);
9120
+ --pf-v6-c-list--m-icon-lg__item-icon--MinWidth: var(--pf-t--global--icon--size--lg);
9121
+ --pf-v6-c-list--m-icon-lg__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--md);
9122
+ --pf-v6-c-list--m-icon-lg__item-icon--FontSize: var(--pf-t--global--icon--size--lg);
9123
+ }
9124
+
9125
+ .pf-v6-c-list {
9126
+ display: flex;
9127
+ flex-direction: column;
9128
+ gap: var(--pf-v6-c-list--Gap);
9129
+ padding-inline-start: var(--pf-v6-c-list--PaddingInlineStart);
9130
+ }
9131
+
9132
+ .pf-v6-c-list .pf-v6-c-list {
9133
+ padding-block-start: var(--pf-v6-c-list--nested--PaddingBlockStart);
9134
+ }
9135
+
9136
+ ul.pf-v6-c-list {
9137
+ list-style: var(--pf-v6-c-list--ul--ListStyle);
9138
+ }
9139
+
9140
+ .pf-v6-c-list.pf-m-icon-lg {
9141
+ --pf-v6-c-list__item-icon--MinWidth: var(--pf-v6-c-list--m-icon-lg__item-icon--MinWidth);
9142
+ --pf-v6-c-list__item-icon--MarginBlockStart: 0;
9143
+ --pf-v6-c-list__item-icon--MarginInlineEnd: var(--pf-v6-c-list--m-icon-lg__item-icon--MarginInlineEnd);
9144
+ --pf-v6-c-list__item-icon--FontSize: var(--pf-v6-c-list--m-icon-lg__item-icon--FontSize);
9145
+ }
9146
+
9147
+ .pf-v6-c-list.pf-m-plain {
9148
+ --pf-v6-c-list--PaddingInlineStart: var(--pf-v6-c-list--m-plain--PaddingInlineStart);
9149
+ list-style: none;
9150
+ }
9151
+
9152
+ .pf-v6-c-list.pf-m-inline {
9153
+ --pf-v6-c-list--PaddingInlineStart: var(--pf-v6-c-list--m-inline--PaddingInlineStart);
9154
+ --pf-v6-c-list--Gap: var(--pf-v6-c-list--m-inline--RowGap) var(--pf-v6-c-list--m-inline--ColumnGap);
9155
+ flex-direction: row;
9156
+ flex-wrap: wrap;
9157
+ list-style: none;
9158
+ }
9159
+
9160
+ .pf-v6-c-list.pf-m-bordered > * + * {
9161
+ padding-block-start: var(--pf-v6-c-list--m-bordered--li--PaddingBlockStart);
9162
+ border-block-start: var(--pf-v6-c-list--m-bordered--li--BorderBlockStartWidth) solid var(--pf-v6-c-list--m-bordered--li--BorderBlockStartColor);
9163
+ }
9164
+
9165
+ .pf-v6-c-list__item {
9166
+ display: flex;
9167
+ }
9168
+
9169
+ .pf-v6-c-list__item-icon {
9170
+ flex-shrink: 0;
9171
+ min-width: var(--pf-v6-c-list__item-icon--MinWidth);
9172
+ margin-block-start: var(--pf-v6-c-list__item-icon--MarginBlockStart);
9173
+ margin-inline-end: var(--pf-v6-c-list__item-icon--MarginInlineEnd);
9174
+ font-size: var(--pf-v6-c-list__item-icon--FontSize);
9175
+ line-height: 1;
9176
+ color: var(--pf-v6-c-list__item-icon--Color);
9177
+ }
9178
+
9049
9179
  :where(:root, .pf-v6-c-login) {
9050
9180
  --pf-v6-c-login--PaddingBlockStart: var(--pf-t--global--spacer--lg);
9051
9181
  --pf-v6-c-login--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
@@ -9306,82 +9436,6 @@ input.pf-v6-c-label__content {
9306
9436
  padding-block-start: var(--pf-v6-c-login__footer--c-list--PaddingBlockStart);
9307
9437
  }
9308
9438
 
9309
- :where(:root, .pf-v6-c-list) {
9310
- --pf-v6-c-list--PaddingInlineStart: var(--pf-t--global--spacer--lg);
9311
- --pf-v6-c-list--ul--ListStyle: var(--pf-t--global--list-style);
9312
- --pf-v6-c-list--Gap: var(--pf-t--global--spacer--sm);
9313
- --pf-v6-c-list--nested--PaddingBlockStart: var(--pf-v6-c-list--Gap);
9314
- --pf-v6-c-list--m-plain--PaddingInlineStart: 0;
9315
- --pf-v6-c-list--m-inline--PaddingInlineStart: 0;
9316
- --pf-v6-c-list--m-inline--ColumnGap: var(--pf-t--global--spacer--lg);
9317
- --pf-v6-c-list--m-inline--RowGap: var(--pf-t--global--spacer--xs);
9318
- --pf-v6-c-list--m-bordered--li--PaddingBlockStart: var(--pf-v6-c-list--Gap);
9319
- --pf-v6-c-list--m-bordered--li--BorderBlockStartColor: var(--pf-t--global--border--color--default);
9320
- --pf-v6-c-list--m-bordered--li--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
9321
- --pf-v6-c-list__item-icon--MinWidth: var(--pf-t--global--icon--size--sm);
9322
- --pf-v6-c-list__item-icon--MarginBlockStart: var(--pf-t--global--spacer--xs);
9323
- --pf-v6-c-list__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
9324
- --pf-v6-c-list__item-icon--Color: var(--pf-t--global--icon--color--regular);
9325
- --pf-v6-c-list__item-icon--FontSize: var(--pf-t--global--icon--size--sm);
9326
- --pf-v6-c-list--m-icon-lg__item-icon--MinWidth: var(--pf-t--global--icon--size--lg);
9327
- --pf-v6-c-list--m-icon-lg__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--md);
9328
- --pf-v6-c-list--m-icon-lg__item-icon--FontSize: var(--pf-t--global--icon--size--lg);
9329
- }
9330
-
9331
- .pf-v6-c-list {
9332
- display: flex;
9333
- flex-direction: column;
9334
- gap: var(--pf-v6-c-list--Gap);
9335
- padding-inline-start: var(--pf-v6-c-list--PaddingInlineStart);
9336
- }
9337
-
9338
- .pf-v6-c-list .pf-v6-c-list {
9339
- padding-block-start: var(--pf-v6-c-list--nested--PaddingBlockStart);
9340
- }
9341
-
9342
- ul.pf-v6-c-list {
9343
- list-style: var(--pf-v6-c-list--ul--ListStyle);
9344
- }
9345
-
9346
- .pf-v6-c-list.pf-m-icon-lg {
9347
- --pf-v6-c-list__item-icon--MinWidth: var(--pf-v6-c-list--m-icon-lg__item-icon--MinWidth);
9348
- --pf-v6-c-list__item-icon--MarginBlockStart: 0;
9349
- --pf-v6-c-list__item-icon--MarginInlineEnd: var(--pf-v6-c-list--m-icon-lg__item-icon--MarginInlineEnd);
9350
- --pf-v6-c-list__item-icon--FontSize: var(--pf-v6-c-list--m-icon-lg__item-icon--FontSize);
9351
- }
9352
-
9353
- .pf-v6-c-list.pf-m-plain {
9354
- --pf-v6-c-list--PaddingInlineStart: var(--pf-v6-c-list--m-plain--PaddingInlineStart);
9355
- list-style: none;
9356
- }
9357
-
9358
- .pf-v6-c-list.pf-m-inline {
9359
- --pf-v6-c-list--PaddingInlineStart: var(--pf-v6-c-list--m-inline--PaddingInlineStart);
9360
- --pf-v6-c-list--Gap: var(--pf-v6-c-list--m-inline--RowGap) var(--pf-v6-c-list--m-inline--ColumnGap);
9361
- flex-direction: row;
9362
- flex-wrap: wrap;
9363
- list-style: none;
9364
- }
9365
-
9366
- .pf-v6-c-list.pf-m-bordered > * + * {
9367
- padding-block-start: var(--pf-v6-c-list--m-bordered--li--PaddingBlockStart);
9368
- border-block-start: var(--pf-v6-c-list--m-bordered--li--BorderBlockStartWidth) solid var(--pf-v6-c-list--m-bordered--li--BorderBlockStartColor);
9369
- }
9370
-
9371
- .pf-v6-c-list__item {
9372
- display: flex;
9373
- }
9374
-
9375
- .pf-v6-c-list__item-icon {
9376
- flex-shrink: 0;
9377
- min-width: var(--pf-v6-c-list__item-icon--MinWidth);
9378
- margin-block-start: var(--pf-v6-c-list__item-icon--MarginBlockStart);
9379
- margin-inline-end: var(--pf-v6-c-list__item-icon--MarginInlineEnd);
9380
- font-size: var(--pf-v6-c-list__item-icon--FontSize);
9381
- line-height: 1;
9382
- color: var(--pf-v6-c-list__item-icon--Color);
9383
- }
9384
-
9385
9439
  :where(:root, .pf-v6-c-masthead) {
9386
9440
  --pf-v6-c-masthead--RowGap: var(--pf-t--global--spacer--sm);
9387
9441
  --pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--gutter--default);
@@ -11670,60 +11724,6 @@ ul.pf-v6-c-list {
11670
11724
  column-gap: var(--pf-v6-c-overflow-menu--ColumnGap);
11671
11725
  }
11672
11726
 
11673
- :where(:root, .pf-v6-c-code-block) {
11674
- --pf-v6-c-code-block--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
11675
- --pf-v6-c-code-block--BorderRadius: var(--pf-t--global--border--radius--medium);
11676
- --pf-v6-c-code-block__header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
11677
- --pf-v6-c-code-block__header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
11678
- --pf-v6-c-code-block__header--PaddingBlockStart: var(--pf-t--global--spacer--xs);
11679
- --pf-v6-c-code-block__header--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
11680
- --pf-v6-c-code-block__header--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
11681
- --pf-v6-c-code-block__header--PaddingInlineStart: var(--pf-t--global--spacer--sm);
11682
- --pf-v6-c-code-block__content--PaddingBlockStart: var(--pf-t--global--spacer--md);
11683
- --pf-v6-c-code-block__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
11684
- --pf-v6-c-code-block__content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
11685
- --pf-v6-c-code-block__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
11686
- --pf-v6-c-code-block__pre--FontFamily: var(--pf-t--global--font--family--mono);
11687
- --pf-v6-c-code-block__pre--FontSize: var(--pf-t--global--font--size--xs);
11688
- }
11689
-
11690
- .pf-v6-c-code-block {
11691
- background-color: var(--pf-v6-c-code-block--BackgroundColor);
11692
- border-radius: var(--pf-v6-c-code-block--BorderRadius);
11693
- }
11694
-
11695
- .pf-v6-c-code-block__header {
11696
- display: flex;
11697
- padding-block-start: var(--pf-v6-c-code-block__header--PaddingBlockStart);
11698
- padding-block-end: var(--pf-v6-c-code-block__header--PaddingBlockEnd);
11699
- padding-inline-start: var(--pf-v6-c-code-block__header--PaddingInlineStart);
11700
- padding-inline-end: var(--pf-v6-c-code-block__header--PaddingInlineEnd);
11701
- border-block-end: var(--pf-v6-c-code-block__header--BorderBlockEndWidth) solid var(--pf-v6-c-code-block__header--BorderBlockEndColor);
11702
- }
11703
-
11704
- .pf-v6-c-code-block__actions {
11705
- display: flex;
11706
- margin-inline-start: auto;
11707
- }
11708
-
11709
- .pf-v6-c-code-block__content {
11710
- padding-block-start: var(--pf-v6-c-code-block__content--PaddingBlockStart);
11711
- padding-block-end: var(--pf-v6-c-code-block__content--PaddingBlockEnd);
11712
- padding-inline-start: var(--pf-v6-c-code-block__content--PaddingInlineStart);
11713
- padding-inline-end: var(--pf-v6-c-code-block__content--PaddingInlineEnd);
11714
- }
11715
-
11716
- .pf-v6-c-code-block__pre {
11717
- font-family: var(--pf-v6-c-code-block__pre--FontFamily);
11718
- font-size: var(--pf-v6-c-code-block__pre--FontSize);
11719
- overflow-wrap: break-word;
11720
- white-space: pre-wrap;
11721
- }
11722
-
11723
- .pf-v6-c-code-block__code {
11724
- font-family: var(--pf-v6-c-code-block__code--FontFamily, inherit);
11725
- }
11726
-
11727
11727
  :where(:root, .pf-v6-c-page) {
11728
11728
  --pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
11729
11729
  --pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
@@ -12943,140 +12943,319 @@ ul.pf-v6-c-list {
12943
12943
  margin-block-start: var(--pf-v6-c-popover__footer--MarginBlockStart);
12944
12944
  }
12945
12945
 
12946
- :where(:root, .pf-v6-c-progress-stepper) {
12947
- --pf-v6-c-progress-stepper--m-vertical--GridAutoFlow: row;
12948
- --pf-v6-c-progress-stepper--m-vertical--GridTemplateColumns: auto 1fr;
12949
- --pf-v6-c-progress-stepper--m-vertical__step-connector--before--InsetBlockStart: 0;
12950
- --pf-v6-c-progress-stepper--m-vertical__step-connector--before--InsetInlineStart: calc(var(--pf-v6-c-progress-stepper__step-icon--Width) / 2);
12951
- --pf-v6-c-progress-stepper--m-vertical__step-connector--before--Width: auto;
12952
- --pf-v6-c-progress-stepper--m-vertical__step-connector--before--Height: 100%;
12953
- --pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderInlineEndWidth: var(--pf-t--global--border--width--box--default);
12954
- --pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderInlineEndColor: var(--pf-t--global--border--color--default);
12955
- --pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderBlockEndWidth: 0;
12956
- --pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderBlockEndColor: transparent;
12957
- --pf-v6-c-progress-stepper--m-vertical__step-connector--before--Transform: translateX(-50%);
12958
- --pf-v6-c-progress-stepper--m-vertical__step-main--MarginBlockStart: 0px;
12959
- --pf-v6-c-progress-stepper--m-vertical__step-main--MarginInlineEnd: 0;
12960
- --pf-v6-c-progress-stepper--m-vertical__step-main--MarginBlockEnd: var(--pf-t--global--spacer--xl);
12961
- --pf-v6-c-progress-stepper--m-vertical__step-main--MarginInlineStart: var(--pf-t--global--spacer--sm);
12962
- --pf-v6-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns: 1fr;
12963
- --pf-v6-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
12964
- --pf-v6-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow: auto;
12965
- --pf-v6-c-progress-stepper--m-vertical--m-compact__step-main--MarginBlockStart: 0;
12966
- --pf-v6-c-progress-stepper--m-vertical--m-compact__step-main--MarginInlineEnd: 0;
12967
- --pf-v6-c-progress-stepper--m-vertical--m-compact__step-main--MarginInlineStart: 0;
12968
- --pf-v6-c-progress-stepper--m-vertical--m-center__step-main--MarginInlineEnd: 0;
12969
- --pf-v6-c-progress-stepper--m-vertical--m-center__step-main--MarginInlineStart: 0;
12970
- --pf-v6-c-progress-stepper--m-horizontal--GridAutoFlow: column;
12971
- --pf-v6-c-progress-stepper--m-horizontal--GridTemplateColumns: initial;
12972
- --pf-v6-c-progress-stepper--m-horizontal__step-connector--before--InsetBlockStart: calc(var(--pf-v6-c-progress-stepper__step-icon--Height) / 2);
12973
- --pf-v6-c-progress-stepper--m-horizontal__step-connector--before--InsetInlineStart: 0;
12974
- --pf-v6-c-progress-stepper--m-horizontal__step-connector--before--Width: 100%;
12975
- --pf-v6-c-progress-stepper--m-horizontal__step-connector--before--Height: auto;
12976
- --pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderInlineEndWidth: 0;
12977
- --pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderInlineEndColor: unset;
12978
- --pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
12979
- --pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderBlockEndColor: var(--pf-t--global--border--color--default);
12980
- --pf-v6-c-progress-stepper--m-horizontal__step-connector--before--Transform: translateY(-50%);
12981
- --pf-v6-c-progress-stepper--m-horizontal__step-main--MarginBlockStart: var(--pf-t--global--spacer--sm);
12982
- --pf-v6-c-progress-stepper--m-horizontal__step-main--MarginInlineEnd: var(--pf-t--global--spacer--sm);
12983
- --pf-v6-c-progress-stepper--m-horizontal__step-main--MarginBlockEnd: 0;
12984
- --pf-v6-c-progress-stepper--m-horizontal__step-main--MarginInlineStart: 0;
12985
- --pf-v6-c-progress-stepper--m-horizontal--m-compact--GridTemplateColumns: repeat(auto-fill, 1.75rem);
12986
- --pf-v6-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBlockEnd: 0;
12987
- --pf-v6-c-progress-stepper--m-horizontal--m-compact__step-connector--GridRow: 2;
12988
- --pf-v6-c-progress-stepper--m-compact--GridAutoFlow: row;
12989
- --pf-v6-c-progress-stepper--m-compact__step-main--MarginBlockStart: 0;
12990
- --pf-v6-c-progress-stepper--m-compact__step-main--MarginBlockEnd: var(--pf-t--global--spacer--sm);
12991
- --pf-v6-c-progress-stepper--m-compact__step-connector--MinWidth: 1.75rem;
12992
- --pf-v6-c-progress-stepper--m-compact__step-icon--Width: 1.125rem;
12993
- --pf-v6-c-progress-stepper--m-compact__step-icon--FontSize: var(--pf-t--global--icon--size--font--body--sm);
12994
- --pf-v6-c-progress-stepper--m-compact__step-title--FontSize: var(--pf-t--global--font--size--body--lg);
12995
- --pf-v6-c-progress-stepper--m-compact__step-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
12996
- --pf-v6-c-progress-stepper--m-compact__pficon--MarginBlockStart: 2px;
12997
- --pf-v6-c-progress-stepper--m-compact__fa-exclamation-triangle--MarginBlockStart: -3px;
12998
- --pf-v6-c-progress-stepper--m-center__step-connector--before--InsetInlineStart: 50%;
12999
- --pf-v6-c-progress-stepper--m-center--GridTemplateColumns: 1fr;
13000
- --pf-v6-c-progress-stepper--m-center__step-connector--JustifyContent: center;
13001
- --pf-v6-c-progress-stepper--m-center__step-main--MarginInlineEnd: var(--pf-t--global--spacer--xs);
13002
- --pf-v6-c-progress-stepper--m-center__step-main--MarginInlineStart: var(--pf-t--global--spacer--xs);
13003
- --pf-v6-c-progress-stepper--m-center__step-main--TextAlign: center;
13004
- --pf-v6-c-progress-stepper--m-center__step-description--MarginInlineEnd: 0;
13005
- --pf-v6-c-progress-stepper--m-center__step-description--MarginInlineStart: 0;
13006
- --pf-v6-c-progress-stepper--GridTemplateRows: auto 1fr;
13007
- --pf-v6-c-progress-stepper__step-connector--JustifyContent: flex-start;
13008
- --pf-v6-c-progress-stepper__step-icon--ZIndex: var(--pf-t--global--z-index--xs);
13009
- --pf-v6-c-progress-stepper__step-icon--Width: 1.5rem;
13010
- --pf-v6-c-progress-stepper__step-icon--Height: var(--pf-v6-c-progress-stepper__step-icon--Width);
13011
- --pf-v6-c-progress-stepper__step-icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
13012
- --pf-v6-c-progress-stepper__step-icon--Color: var(--pf-t--global--icon--color--regular);
13013
- --pf-v6-c-progress-stepper__step-icon--BackgroundColor: var(--pf-t--global--background--color--primary--default);
13014
- --pf-v6-c-progress-stepper__step-icon--BorderWidth: var(--pf-t--global--border--width--box--default);
13015
- --pf-v6-c-progress-stepper__step-icon--BorderColor: var(--pf-t--global--border--color--default);
13016
- --pf-v6-c-progress-stepper__step--m-current__step-icon--Color: var(--pf-t--global--icon--color--brand--default);
13017
- --pf-v6-c-progress-stepper__step--m-info__step-icon--Color: var(--pf-t--global--icon--color--status--info--default);
13018
- --pf-v6-c-progress-stepper__step--m-success__step-icon--Color: var(--pf-t--global--icon--color--status--success--default);
13019
- --pf-v6-c-progress-stepper__step--m-warning__step-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
13020
- --pf-v6-c-progress-stepper__step--m-danger__step-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
13021
- --pf-v6-c-progress-stepper__step--m-custom__step-icon--Color: var(--pf-t--global--icon--color--status--custom--default);
13022
- --pf-v6-c-progress-stepper__pficon--MarginBlockStart: 3px;
13023
- --pf-v6-c-progress-stepper__fa-exclamation-triangle--MarginBlockStart: -2px;
13024
- --pf-v6-c-progress-stepper__step-title--Color: var(--pf-t--global--text--color--regular);
13025
- --pf-v6-c-progress-stepper__step-title--TextAlign: start;
13026
- --pf-v6-c-progress-stepper__step-title--FontSize: var(--pf-t--global--font--size--body--lg);
13027
- --pf-v6-c-progress-stepper__step-title--FontWeight: var(--pf-t--global--font--weight--body--default);
13028
- --pf-v6-c-progress-stepper__step--m-current__step-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
13029
- --pf-v6-c-progress-stepper__step--m-current__step-title--Color: var(--pf-t--global--text--color--regular);
13030
- --pf-v6-c-progress-stepper__step--m-pending__step-title--Color: var(--pf-t--global--text--color--subtle);
13031
- --pf-v6-c-progress-stepper__step--m-danger__step-title--Color: var(--pf-t--global--text--color--status--danger--default);
13032
- --pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineStart: 0;
13033
- --pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineEnd: 0;
13034
- --pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--default);
13035
- --pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--default);
13036
- --pf-v6-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset: 0.25rem;
13037
- --pf-v6-c-progress-stepper__step-title--m-help-text--hover--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--hover);
13038
- --pf-v6-c-progress-stepper__step-title--m-help-text--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--hover);
13039
- --pf-v6-c-progress-stepper__step-title--m-help-text--hover--Color: var(--pf-t--global--text--color--brand--hover);
13040
- --pf-v6-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--Color: var(--pf-t--global--text--color--status--danger--hover);
13041
- --pf-v6-c-progress-stepper__step-description--MarginBlockStart: var(--pf-t--global--spacer--xs);
13042
- --pf-v6-c-progress-stepper__step-description--FontSize: var(--pf-t--global--font--size--body--sm);
13043
- --pf-v6-c-progress-stepper__step-description--Color: var(--pf-t--global--text--color--subtle);
13044
- --pf-v6-c-progress-stepper__step-description--TextAlign: start;
13045
- --pf-v6-c-progress-stepper--GridAutoFlow: var(--pf-v6-c-progress-stepper--m-vertical--GridAutoFlow);
13046
- --pf-v6-c-progress-stepper--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-vertical--GridTemplateColumns);
13047
- --pf-v6-c-progress-stepper__step-connector--before--InsetBlockStart: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--InsetBlockStart);
13048
- --pf-v6-c-progress-stepper__step-connector--before--InsetInlineStart: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--InsetInlineStart);
13049
- --pf-v6-c-progress-stepper__step-connector--before--Width: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--Width);
13050
- --pf-v6-c-progress-stepper__step-connector--before--Height: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--Height);
13051
- --pf-v6-c-progress-stepper__step-connector--before--BorderInlineEndWidth: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderInlineEndWidth);
13052
- --pf-v6-c-progress-stepper__step-connector--before--BorderInlineEndColor: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderInlineEndColor);
13053
- --pf-v6-c-progress-stepper__step-connector--before--BorderBlockEndWidth: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderBlockEndWidth);
13054
- --pf-v6-c-progress-stepper__step-connector--before--BorderBlockEndColor: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderBlockEndColor);
13055
- --pf-v6-c-progress-stepper__step-connector--before--Transform: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--Transform);
13056
- --pf-v6-c-progress-stepper__step-main--MarginBlockStart: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginBlockStart);
13057
- --pf-v6-c-progress-stepper__step-main--MarginInlineEnd: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginInlineEnd);
13058
- --pf-v6-c-progress-stepper__step-main--MarginBlockEnd: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginBlockEnd);
13059
- --pf-v6-c-progress-stepper__step-main--MarginInlineStart: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginInlineStart);
13060
- --pf-v6-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns);
13061
- --pf-v6-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-v6-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow);
13062
- --pf-v6-c-progress-stepper--m-compact__step-connector--PaddingBlockEnd: var(--pf-v6-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBlockEnd);
13063
- --pf-v6-c-progress-stepper--m-center__step-connector--before--Content: none;
13064
- --pf-v6-c-progress-stepper--m-center__step-main--before--Content: "";
12946
+ :where(:root, .pf-v6-c-progress) {
12947
+ --pf-v6-c-progress--GridGap: var(--pf-t--global--spacer--md);
12948
+ --pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
12949
+ --pf-v6-c-progress__bar--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
12950
+ --pf-v6-c-progress__measure--m-static-width--MinWidth: 4.5ch;
12951
+ --pf-v6-c-progress__status--Gap: var(--pf-t--global--spacer--sm);
12952
+ --pf-v6-c-progress__status-icon--Color: var(--pf-t--global--icon--color--regular);
12953
+ --pf-v6-c-progress__indicator--Height: var(--pf-v6-c-progress__bar--Height);
12954
+ --pf-v6-c-progress__indicator--BackgroundColor: var(--pf-t--global--color--brand--default);
12955
+ --pf-v6-c-progress__helper-text--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) - var(--pf-v6-c-progress--GridGap));
12956
+ --pf-v6-c-progress--m-success__indicator--BackgroundColor: var(--pf-t--global--color--status--success--default);
12957
+ --pf-v6-c-progress--m-warning__indicator--BackgroundColor: var(--pf-t--global--color--status--warning--default);
12958
+ --pf-v6-c-progress--m-danger__indicator--BackgroundColor: var(--pf-t--global--color--status--danger--default);
12959
+ --pf-v6-c-progress--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
12960
+ --pf-v6-c-progress--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
12961
+ --pf-v6-c-progress--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
12962
+ --pf-v6-c-progress--m-inside__indicator--MinWidth: var(--pf-t--global--spacer--xl);
12963
+ --pf-v6-c-progress--m-inside__measure--Color: var(--pf-t--global--text--color--on-brand--default);
12964
+ --pf-v6-c-progress--m-success--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-success--default);
12965
+ --pf-v6-c-progress--m-warning--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-warning--default);
12966
+ --pf-v6-c-progress--m-danger--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-danger--default);
12967
+ --pf-v6-c-progress--m-inside__measure--FontSize: var(--pf-t--global--font--size--sm);
12968
+ --pf-v6-c-progress--m-outside__measure--FontSize: var(--pf-t--global--font--size--sm);
12969
+ --pf-v6-c-progress--m-sm__bar--Height: var(--pf-t--global--spacer--sm);
12970
+ --pf-v6-c-progress--m-sm__measure--FontSize: var(--pf-t--global--font--size--body--sm);
12971
+ --pf-v6-c-progress--m-lg__bar--Height: var(--pf-t--global--spacer--lg);
13065
12972
  }
13066
12973
 
13067
- @media screen and (min-width: 48rem) {
13068
- :where(:root, .pf-v6-c-progress-stepper) {
13069
- --pf-v6-c-progress-stepper--GridAutoFlow: var(--pf-v6-c-progress-stepper--m-horizontal--GridAutoFlow);
13070
- --pf-v6-c-progress-stepper--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-horizontal--GridTemplateColumns);
13071
- --pf-v6-c-progress-stepper__step-connector--before--InsetBlockStart: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--InsetBlockStart);
13072
- --pf-v6-c-progress-stepper__step-connector--before--InsetInlineStart: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--InsetInlineStart);
13073
- --pf-v6-c-progress-stepper__step-connector--before--Width: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--Width);
13074
- --pf-v6-c-progress-stepper__step-connector--before--Height: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--Height);
13075
- --pf-v6-c-progress-stepper__step-connector--before--BorderInlineEndWidth: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderInlineEndWidth);
13076
- --pf-v6-c-progress-stepper__step-connector--before--BorderInlineEndColor: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderInlineEndColor);
13077
- --pf-v6-c-progress-stepper__step-connector--before--BorderBlockEndWidth: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderBlockEndWidth);
13078
- --pf-v6-c-progress-stepper__step-connector--before--BorderBlockEndColor: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderBlockEndColor);
13079
- --pf-v6-c-progress-stepper__step-connector--before--Transform: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--Transform);
12974
+ .pf-v6-c-progress {
12975
+ display: grid;
12976
+ grid-template-rows: 1fr auto;
12977
+ grid-template-columns: auto auto;
12978
+ grid-gap: var(--pf-v6-c-progress--GridGap);
12979
+ align-items: end;
12980
+ }
12981
+
12982
+ .pf-v6-c-progress.pf-m-sm {
12983
+ --pf-v6-c-progress__bar--Height: var(--pf-v6-c-progress--m-sm__bar--Height);
12984
+ }
12985
+
12986
+ .pf-v6-c-progress.pf-m-sm .pf-v6-c-progress__measure {
12987
+ font-size: var(--pf-v6-c-progress--m-sm__measure--FontSize);
12988
+ }
12989
+
12990
+ .pf-v6-c-progress.pf-m-lg {
12991
+ --pf-v6-c-progress__bar--Height: var(--pf-v6-c-progress--m-lg__bar--Height);
12992
+ }
12993
+
12994
+ .pf-v6-c-progress.pf-m-inside .pf-v6-c-progress__indicator {
12995
+ display: flex;
12996
+ align-items: center;
12997
+ justify-content: center;
12998
+ min-width: var(--pf-v6-c-progress--m-inside__indicator--MinWidth);
12999
+ }
13000
+
13001
+ .pf-v6-c-progress.pf-m-inside .pf-v6-c-progress__measure {
13002
+ font-size: var(--pf-v6-c-progress--m-inside__measure--FontSize);
13003
+ color: var(--pf-v6-c-progress--m-inside__measure--Color);
13004
+ text-align: center;
13005
+ }
13006
+
13007
+ .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__description {
13008
+ grid-column: 1/3;
13009
+ }
13010
+
13011
+ .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__status {
13012
+ grid-row: 2/3;
13013
+ grid-column: 2/3;
13014
+ align-self: center;
13015
+ }
13016
+
13017
+ .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__measure {
13018
+ display: inline-block;
13019
+ font-size: var(--pf-v6-c-progress--m-outside__measure--FontSize);
13020
+ }
13021
+
13022
+ .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__measure.pf-m-static-width {
13023
+ min-width: var(--pf-v6-c-progress__measure--m-static-width--MinWidth);
13024
+ text-align: start;
13025
+ }
13026
+
13027
+ .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__bar,
13028
+ .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__indicator {
13029
+ grid-column: 1/2;
13030
+ }
13031
+
13032
+ .pf-v6-c-progress.pf-m-singleline {
13033
+ grid-template-rows: 1fr;
13034
+ }
13035
+
13036
+ .pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__description {
13037
+ display: none;
13038
+ }
13039
+
13040
+ .pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__bar {
13041
+ grid-row: 1/2;
13042
+ grid-column: 1/2;
13043
+ }
13044
+
13045
+ .pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__status {
13046
+ grid-row: 1/2;
13047
+ grid-column: 2/3;
13048
+ }
13049
+
13050
+ .pf-v6-c-progress.pf-m-outside, .pf-v6-c-progress.pf-m-singleline {
13051
+ grid-template-columns: 1fr fit-content(50%);
13052
+ }
13053
+
13054
+ .pf-v6-c-progress.pf-m-success {
13055
+ --pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-success__indicator--BackgroundColor);
13056
+ --pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-success__status-icon--Color);
13057
+ --pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-success--m-inside__measure--Color);
13058
+ }
13059
+
13060
+ .pf-v6-c-progress.pf-m-warning {
13061
+ --pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-warning__indicator--BackgroundColor);
13062
+ --pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-warning__status-icon--Color);
13063
+ --pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-warning--m-inside__measure--Color);
13064
+ }
13065
+
13066
+ .pf-v6-c-progress.pf-m-danger {
13067
+ --pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-danger__indicator--BackgroundColor);
13068
+ --pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-danger__status-icon--Color);
13069
+ --pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-danger--m-inside__measure--Color);
13070
+ }
13071
+
13072
+ .pf-v6-c-progress__description {
13073
+ grid-column: 1/2;
13074
+ word-break: break-word;
13075
+ }
13076
+
13077
+ .pf-v6-c-progress__description.pf-m-truncate {
13078
+ overflow: hidden;
13079
+ text-overflow: ellipsis;
13080
+ white-space: nowrap;
13081
+ }
13082
+
13083
+ .pf-v6-c-progress__status {
13084
+ display: flex;
13085
+ grid-row: 1/2;
13086
+ grid-column: 2/3;
13087
+ gap: var(--pf-v6-c-progress__status--Gap);
13088
+ align-items: flex-start;
13089
+ justify-content: flex-end;
13090
+ text-align: end;
13091
+ word-break: break-word;
13092
+ }
13093
+
13094
+ .pf-v6-c-progress__status-icon {
13095
+ color: var(--pf-v6-c-progress__status-icon--Color);
13096
+ }
13097
+
13098
+ .pf-v6-c-progress__bar::before,
13099
+ .pf-v6-c-progress__indicator {
13100
+ inset-block-start: 0;
13101
+ inset-inline-start: 0;
13102
+ }
13103
+
13104
+ .pf-v6-c-progress__bar {
13105
+ position: relative;
13106
+ grid-row: 2/3;
13107
+ grid-column: 1/3;
13108
+ align-self: center;
13109
+ height: var(--pf-v6-c-progress__bar--Height);
13110
+ background-color: var(--pf-v6-c-progress__bar--BackgroundColor);
13111
+ }
13112
+
13113
+ .pf-v6-c-progress__indicator {
13114
+ position: absolute;
13115
+ height: var(--pf-v6-c-progress__indicator--Height);
13116
+ background-color: var(--pf-v6-c-progress__indicator--BackgroundColor);
13117
+ }
13118
+
13119
+ .pf-v6-c-progress__helper-text {
13120
+ grid-row: 3/4;
13121
+ grid-column: 1/3;
13122
+ margin-block-start: var(--pf-v6-c-progress__helper-text--MarginBlockStart);
13123
+ }
13124
+
13125
+ :where(:root, .pf-v6-c-progress-stepper) {
13126
+ --pf-v6-c-progress-stepper--m-vertical--GridAutoFlow: row;
13127
+ --pf-v6-c-progress-stepper--m-vertical--GridTemplateColumns: auto 1fr;
13128
+ --pf-v6-c-progress-stepper--m-vertical__step-connector--before--InsetBlockStart: 0;
13129
+ --pf-v6-c-progress-stepper--m-vertical__step-connector--before--InsetInlineStart: calc(var(--pf-v6-c-progress-stepper__step-icon--Width) / 2);
13130
+ --pf-v6-c-progress-stepper--m-vertical__step-connector--before--Width: auto;
13131
+ --pf-v6-c-progress-stepper--m-vertical__step-connector--before--Height: 100%;
13132
+ --pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderInlineEndWidth: var(--pf-t--global--border--width--box--default);
13133
+ --pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderInlineEndColor: var(--pf-t--global--border--color--default);
13134
+ --pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderBlockEndWidth: 0;
13135
+ --pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderBlockEndColor: transparent;
13136
+ --pf-v6-c-progress-stepper--m-vertical__step-connector--before--Transform: translateX(-50%);
13137
+ --pf-v6-c-progress-stepper--m-vertical__step-main--MarginBlockStart: 0px;
13138
+ --pf-v6-c-progress-stepper--m-vertical__step-main--MarginInlineEnd: 0;
13139
+ --pf-v6-c-progress-stepper--m-vertical__step-main--MarginBlockEnd: var(--pf-t--global--spacer--xl);
13140
+ --pf-v6-c-progress-stepper--m-vertical__step-main--MarginInlineStart: var(--pf-t--global--spacer--sm);
13141
+ --pf-v6-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns: 1fr;
13142
+ --pf-v6-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
13143
+ --pf-v6-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow: auto;
13144
+ --pf-v6-c-progress-stepper--m-vertical--m-compact__step-main--MarginBlockStart: 0;
13145
+ --pf-v6-c-progress-stepper--m-vertical--m-compact__step-main--MarginInlineEnd: 0;
13146
+ --pf-v6-c-progress-stepper--m-vertical--m-compact__step-main--MarginInlineStart: 0;
13147
+ --pf-v6-c-progress-stepper--m-vertical--m-center__step-main--MarginInlineEnd: 0;
13148
+ --pf-v6-c-progress-stepper--m-vertical--m-center__step-main--MarginInlineStart: 0;
13149
+ --pf-v6-c-progress-stepper--m-horizontal--GridAutoFlow: column;
13150
+ --pf-v6-c-progress-stepper--m-horizontal--GridTemplateColumns: initial;
13151
+ --pf-v6-c-progress-stepper--m-horizontal__step-connector--before--InsetBlockStart: calc(var(--pf-v6-c-progress-stepper__step-icon--Height) / 2);
13152
+ --pf-v6-c-progress-stepper--m-horizontal__step-connector--before--InsetInlineStart: 0;
13153
+ --pf-v6-c-progress-stepper--m-horizontal__step-connector--before--Width: 100%;
13154
+ --pf-v6-c-progress-stepper--m-horizontal__step-connector--before--Height: auto;
13155
+ --pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderInlineEndWidth: 0;
13156
+ --pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderInlineEndColor: unset;
13157
+ --pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
13158
+ --pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderBlockEndColor: var(--pf-t--global--border--color--default);
13159
+ --pf-v6-c-progress-stepper--m-horizontal__step-connector--before--Transform: translateY(-50%);
13160
+ --pf-v6-c-progress-stepper--m-horizontal__step-main--MarginBlockStart: var(--pf-t--global--spacer--sm);
13161
+ --pf-v6-c-progress-stepper--m-horizontal__step-main--MarginInlineEnd: var(--pf-t--global--spacer--sm);
13162
+ --pf-v6-c-progress-stepper--m-horizontal__step-main--MarginBlockEnd: 0;
13163
+ --pf-v6-c-progress-stepper--m-horizontal__step-main--MarginInlineStart: 0;
13164
+ --pf-v6-c-progress-stepper--m-horizontal--m-compact--GridTemplateColumns: repeat(auto-fill, 1.75rem);
13165
+ --pf-v6-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBlockEnd: 0;
13166
+ --pf-v6-c-progress-stepper--m-horizontal--m-compact__step-connector--GridRow: 2;
13167
+ --pf-v6-c-progress-stepper--m-compact--GridAutoFlow: row;
13168
+ --pf-v6-c-progress-stepper--m-compact__step-main--MarginBlockStart: 0;
13169
+ --pf-v6-c-progress-stepper--m-compact__step-main--MarginBlockEnd: var(--pf-t--global--spacer--sm);
13170
+ --pf-v6-c-progress-stepper--m-compact__step-connector--MinWidth: 1.75rem;
13171
+ --pf-v6-c-progress-stepper--m-compact__step-icon--Width: 1.125rem;
13172
+ --pf-v6-c-progress-stepper--m-compact__step-icon--FontSize: var(--pf-t--global--icon--size--font--body--sm);
13173
+ --pf-v6-c-progress-stepper--m-compact__step-title--FontSize: var(--pf-t--global--font--size--body--lg);
13174
+ --pf-v6-c-progress-stepper--m-compact__step-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
13175
+ --pf-v6-c-progress-stepper--m-compact__pficon--MarginBlockStart: 2px;
13176
+ --pf-v6-c-progress-stepper--m-compact__fa-exclamation-triangle--MarginBlockStart: -3px;
13177
+ --pf-v6-c-progress-stepper--m-center__step-connector--before--InsetInlineStart: 50%;
13178
+ --pf-v6-c-progress-stepper--m-center--GridTemplateColumns: 1fr;
13179
+ --pf-v6-c-progress-stepper--m-center__step-connector--JustifyContent: center;
13180
+ --pf-v6-c-progress-stepper--m-center__step-main--MarginInlineEnd: var(--pf-t--global--spacer--xs);
13181
+ --pf-v6-c-progress-stepper--m-center__step-main--MarginInlineStart: var(--pf-t--global--spacer--xs);
13182
+ --pf-v6-c-progress-stepper--m-center__step-main--TextAlign: center;
13183
+ --pf-v6-c-progress-stepper--m-center__step-description--MarginInlineEnd: 0;
13184
+ --pf-v6-c-progress-stepper--m-center__step-description--MarginInlineStart: 0;
13185
+ --pf-v6-c-progress-stepper--GridTemplateRows: auto 1fr;
13186
+ --pf-v6-c-progress-stepper__step-connector--JustifyContent: flex-start;
13187
+ --pf-v6-c-progress-stepper__step-icon--ZIndex: var(--pf-t--global--z-index--xs);
13188
+ --pf-v6-c-progress-stepper__step-icon--Width: 1.5rem;
13189
+ --pf-v6-c-progress-stepper__step-icon--Height: var(--pf-v6-c-progress-stepper__step-icon--Width);
13190
+ --pf-v6-c-progress-stepper__step-icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
13191
+ --pf-v6-c-progress-stepper__step-icon--Color: var(--pf-t--global--icon--color--regular);
13192
+ --pf-v6-c-progress-stepper__step-icon--BackgroundColor: var(--pf-t--global--background--color--primary--default);
13193
+ --pf-v6-c-progress-stepper__step-icon--BorderWidth: var(--pf-t--global--border--width--box--default);
13194
+ --pf-v6-c-progress-stepper__step-icon--BorderColor: var(--pf-t--global--border--color--default);
13195
+ --pf-v6-c-progress-stepper__step--m-current__step-icon--Color: var(--pf-t--global--icon--color--brand--default);
13196
+ --pf-v6-c-progress-stepper__step--m-info__step-icon--Color: var(--pf-t--global--icon--color--status--info--default);
13197
+ --pf-v6-c-progress-stepper__step--m-success__step-icon--Color: var(--pf-t--global--icon--color--status--success--default);
13198
+ --pf-v6-c-progress-stepper__step--m-warning__step-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
13199
+ --pf-v6-c-progress-stepper__step--m-danger__step-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
13200
+ --pf-v6-c-progress-stepper__step--m-custom__step-icon--Color: var(--pf-t--global--icon--color--status--custom--default);
13201
+ --pf-v6-c-progress-stepper__pficon--MarginBlockStart: 3px;
13202
+ --pf-v6-c-progress-stepper__fa-exclamation-triangle--MarginBlockStart: -2px;
13203
+ --pf-v6-c-progress-stepper__step-title--Color: var(--pf-t--global--text--color--regular);
13204
+ --pf-v6-c-progress-stepper__step-title--TextAlign: start;
13205
+ --pf-v6-c-progress-stepper__step-title--FontSize: var(--pf-t--global--font--size--body--lg);
13206
+ --pf-v6-c-progress-stepper__step-title--FontWeight: var(--pf-t--global--font--weight--body--default);
13207
+ --pf-v6-c-progress-stepper__step--m-current__step-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
13208
+ --pf-v6-c-progress-stepper__step--m-current__step-title--Color: var(--pf-t--global--text--color--regular);
13209
+ --pf-v6-c-progress-stepper__step--m-pending__step-title--Color: var(--pf-t--global--text--color--subtle);
13210
+ --pf-v6-c-progress-stepper__step--m-danger__step-title--Color: var(--pf-t--global--text--color--status--danger--default);
13211
+ --pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineStart: 0;
13212
+ --pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineEnd: 0;
13213
+ --pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--default);
13214
+ --pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--default);
13215
+ --pf-v6-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset: 0.25rem;
13216
+ --pf-v6-c-progress-stepper__step-title--m-help-text--hover--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--hover);
13217
+ --pf-v6-c-progress-stepper__step-title--m-help-text--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--hover);
13218
+ --pf-v6-c-progress-stepper__step-title--m-help-text--hover--Color: var(--pf-t--global--text--color--brand--hover);
13219
+ --pf-v6-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--Color: var(--pf-t--global--text--color--status--danger--hover);
13220
+ --pf-v6-c-progress-stepper__step-description--MarginBlockStart: var(--pf-t--global--spacer--xs);
13221
+ --pf-v6-c-progress-stepper__step-description--FontSize: var(--pf-t--global--font--size--body--sm);
13222
+ --pf-v6-c-progress-stepper__step-description--Color: var(--pf-t--global--text--color--subtle);
13223
+ --pf-v6-c-progress-stepper__step-description--TextAlign: start;
13224
+ --pf-v6-c-progress-stepper--GridAutoFlow: var(--pf-v6-c-progress-stepper--m-vertical--GridAutoFlow);
13225
+ --pf-v6-c-progress-stepper--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-vertical--GridTemplateColumns);
13226
+ --pf-v6-c-progress-stepper__step-connector--before--InsetBlockStart: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--InsetBlockStart);
13227
+ --pf-v6-c-progress-stepper__step-connector--before--InsetInlineStart: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--InsetInlineStart);
13228
+ --pf-v6-c-progress-stepper__step-connector--before--Width: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--Width);
13229
+ --pf-v6-c-progress-stepper__step-connector--before--Height: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--Height);
13230
+ --pf-v6-c-progress-stepper__step-connector--before--BorderInlineEndWidth: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderInlineEndWidth);
13231
+ --pf-v6-c-progress-stepper__step-connector--before--BorderInlineEndColor: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderInlineEndColor);
13232
+ --pf-v6-c-progress-stepper__step-connector--before--BorderBlockEndWidth: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderBlockEndWidth);
13233
+ --pf-v6-c-progress-stepper__step-connector--before--BorderBlockEndColor: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderBlockEndColor);
13234
+ --pf-v6-c-progress-stepper__step-connector--before--Transform: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--Transform);
13235
+ --pf-v6-c-progress-stepper__step-main--MarginBlockStart: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginBlockStart);
13236
+ --pf-v6-c-progress-stepper__step-main--MarginInlineEnd: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginInlineEnd);
13237
+ --pf-v6-c-progress-stepper__step-main--MarginBlockEnd: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginBlockEnd);
13238
+ --pf-v6-c-progress-stepper__step-main--MarginInlineStart: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginInlineStart);
13239
+ --pf-v6-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns);
13240
+ --pf-v6-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-v6-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow);
13241
+ --pf-v6-c-progress-stepper--m-compact__step-connector--PaddingBlockEnd: var(--pf-v6-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBlockEnd);
13242
+ --pf-v6-c-progress-stepper--m-center__step-connector--before--Content: none;
13243
+ --pf-v6-c-progress-stepper--m-center__step-main--before--Content: "";
13244
+ }
13245
+
13246
+ @media screen and (min-width: 48rem) {
13247
+ :where(:root, .pf-v6-c-progress-stepper) {
13248
+ --pf-v6-c-progress-stepper--GridAutoFlow: var(--pf-v6-c-progress-stepper--m-horizontal--GridAutoFlow);
13249
+ --pf-v6-c-progress-stepper--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-horizontal--GridTemplateColumns);
13250
+ --pf-v6-c-progress-stepper__step-connector--before--InsetBlockStart: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--InsetBlockStart);
13251
+ --pf-v6-c-progress-stepper__step-connector--before--InsetInlineStart: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--InsetInlineStart);
13252
+ --pf-v6-c-progress-stepper__step-connector--before--Width: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--Width);
13253
+ --pf-v6-c-progress-stepper__step-connector--before--Height: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--Height);
13254
+ --pf-v6-c-progress-stepper__step-connector--before--BorderInlineEndWidth: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderInlineEndWidth);
13255
+ --pf-v6-c-progress-stepper__step-connector--before--BorderInlineEndColor: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderInlineEndColor);
13256
+ --pf-v6-c-progress-stepper__step-connector--before--BorderBlockEndWidth: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderBlockEndWidth);
13257
+ --pf-v6-c-progress-stepper__step-connector--before--BorderBlockEndColor: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderBlockEndColor);
13258
+ --pf-v6-c-progress-stepper__step-connector--before--Transform: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--Transform);
13080
13259
  --pf-v6-c-progress-stepper__step-main--MarginBlockStart: var(--pf-v6-c-progress-stepper--m-horizontal__step-main--MarginBlockStart);
13081
13260
  --pf-v6-c-progress-stepper__step-main--MarginInlineEnd: var(--pf-v6-c-progress-stepper--m-horizontal__step-main--MarginInlineEnd);
13082
13261
  --pf-v6-c-progress-stepper__step-main--MarginBlockEnd: var(--pf-v6-c-progress-stepper--m-horizontal__step-main--MarginBlockEnd);
@@ -13513,251 +13692,72 @@ ul.pf-v6-c-list {
13513
13692
  .pf-v6-c-progress-stepper.pf-m-vertical-on-xl {
13514
13693
  --pf-v6-c-progress-stepper--GridAutoFlow: var(--pf-v6-c-progress-stepper--m-vertical--GridAutoFlow);
13515
13694
  --pf-v6-c-progress-stepper--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-vertical--GridTemplateColumns);
13516
- --pf-v6-c-progress-stepper__step-connector--before--InsetBlockStart: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--InsetBlockStart);
13517
- --pf-v6-c-progress-stepper__step-connector--before--InsetInlineStart: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--InsetInlineStart);
13518
- --pf-v6-c-progress-stepper__step-connector--before--Width: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--Width);
13519
- --pf-v6-c-progress-stepper__step-connector--before--Height: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--Height);
13520
- --pf-v6-c-progress-stepper__step-connector--before--BorderInlineEndWidth: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderInlineEndWidth);
13521
- --pf-v6-c-progress-stepper__step-connector--before--BorderInlineEndColor: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderInlineEndColor);
13522
- --pf-v6-c-progress-stepper__step-connector--before--BorderBlockEndWidth: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderBlockEndWidth);
13523
- --pf-v6-c-progress-stepper__step-connector--before--BorderBlockEndColor: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderBlockEndColor);
13524
- --pf-v6-c-progress-stepper__step-connector--before--Transform: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--Transform);
13525
- --pf-v6-c-progress-stepper__step-main--MarginBlockStart: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginBlockStart);
13526
- --pf-v6-c-progress-stepper__step-main--MarginInlineEnd: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginInlineEnd);
13527
- --pf-v6-c-progress-stepper__step-main--MarginBlockEnd: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginBlockEnd);
13528
- --pf-v6-c-progress-stepper__step-main--MarginInlineStart: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginInlineStart);
13529
- --pf-v6-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns);
13530
- --pf-v6-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-v6-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow);
13531
- --pf-v6-c-progress-stepper--m-compact__step-connector--PaddingBlockEnd: var(--pf-v6-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBlockEnd);
13532
- --pf-v6-c-progress-stepper--m-center__step-connector--before--Content: none;
13533
- --pf-v6-c-progress-stepper--m-center__step-main--before--Content: "";
13534
- }
13535
- }
13536
- @media (min-width: 90.625rem) {
13537
- .pf-v6-c-progress-stepper.pf-m-horizontal-on-2xl {
13538
- --pf-v6-c-progress-stepper--GridAutoFlow: var(--pf-v6-c-progress-stepper--m-horizontal--GridAutoFlow);
13539
- --pf-v6-c-progress-stepper--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-horizontal--GridTemplateColumns);
13540
- --pf-v6-c-progress-stepper__step-connector--before--InsetBlockStart: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--InsetBlockStart);
13541
- --pf-v6-c-progress-stepper__step-connector--before--InsetInlineStart: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--InsetInlineStart);
13542
- --pf-v6-c-progress-stepper__step-connector--before--Width: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--Width);
13543
- --pf-v6-c-progress-stepper__step-connector--before--Height: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--Height);
13544
- --pf-v6-c-progress-stepper__step-connector--before--BorderInlineEndWidth: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderInlineEndWidth);
13545
- --pf-v6-c-progress-stepper__step-connector--before--BorderInlineEndColor: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderInlineEndColor);
13546
- --pf-v6-c-progress-stepper__step-connector--before--BorderBlockEndWidth: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderBlockEndWidth);
13547
- --pf-v6-c-progress-stepper__step-connector--before--BorderBlockEndColor: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderBlockEndColor);
13548
- --pf-v6-c-progress-stepper__step-connector--before--Transform: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--Transform);
13549
- --pf-v6-c-progress-stepper__step-main--MarginBlockStart: var(--pf-v6-c-progress-stepper--m-horizontal__step-main--MarginBlockStart);
13550
- --pf-v6-c-progress-stepper__step-main--MarginInlineEnd: var(--pf-v6-c-progress-stepper--m-horizontal__step-main--MarginInlineEnd);
13551
- --pf-v6-c-progress-stepper__step-main--MarginBlockEnd: var(--pf-v6-c-progress-stepper--m-horizontal__step-main--MarginBlockEnd);
13552
- --pf-v6-c-progress-stepper__step-main--MarginInlineStart: var(--pf-v6-c-progress-stepper--m-horizontal__step-main--MarginInlineStart);
13553
- --pf-v6-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-horizontal--m-compact--GridTemplateColumns);
13554
- --pf-v6-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-v6-c-progress-stepper--m-horizontal--m-compact__step-connector--GridRow);
13555
- --pf-v6-c-progress-stepper--m-compact__step-connector--PaddingBlockEnd: var(--pf-v6-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBlockEnd);
13556
- --pf-v6-c-progress-stepper--m-center__step-connector--before--Content: "";
13557
- --pf-v6-c-progress-stepper--m-center__step-main--before--Content: none;
13558
- }
13559
- .pf-v6-c-progress-stepper.pf-m-vertical-on-2xl {
13560
- --pf-v6-c-progress-stepper--GridAutoFlow: var(--pf-v6-c-progress-stepper--m-vertical--GridAutoFlow);
13561
- --pf-v6-c-progress-stepper--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-vertical--GridTemplateColumns);
13562
- --pf-v6-c-progress-stepper__step-connector--before--InsetBlockStart: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--InsetBlockStart);
13563
- --pf-v6-c-progress-stepper__step-connector--before--InsetInlineStart: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--InsetInlineStart);
13564
- --pf-v6-c-progress-stepper__step-connector--before--Width: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--Width);
13565
- --pf-v6-c-progress-stepper__step-connector--before--Height: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--Height);
13566
- --pf-v6-c-progress-stepper__step-connector--before--BorderInlineEndWidth: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderInlineEndWidth);
13567
- --pf-v6-c-progress-stepper__step-connector--before--BorderInlineEndColor: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderInlineEndColor);
13568
- --pf-v6-c-progress-stepper__step-connector--before--BorderBlockEndWidth: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderBlockEndWidth);
13569
- --pf-v6-c-progress-stepper__step-connector--before--BorderBlockEndColor: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderBlockEndColor);
13570
- --pf-v6-c-progress-stepper__step-connector--before--Transform: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--Transform);
13571
- --pf-v6-c-progress-stepper__step-main--MarginBlockStart: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginBlockStart);
13572
- --pf-v6-c-progress-stepper__step-main--MarginInlineEnd: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginInlineEnd);
13573
- --pf-v6-c-progress-stepper__step-main--MarginBlockEnd: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginBlockEnd);
13574
- --pf-v6-c-progress-stepper__step-main--MarginInlineStart: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginInlineStart);
13575
- --pf-v6-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns);
13576
- --pf-v6-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-v6-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow);
13577
- --pf-v6-c-progress-stepper--m-compact__step-connector--PaddingBlockEnd: var(--pf-v6-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBlockEnd);
13578
- --pf-v6-c-progress-stepper--m-center__step-connector--before--Content: none;
13579
- --pf-v6-c-progress-stepper--m-center__step-main--before--Content: "";
13580
- }
13581
- }
13582
- :where(:root, .pf-v6-c-progress) {
13583
- --pf-v6-c-progress--GridGap: var(--pf-t--global--spacer--md);
13584
- --pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
13585
- --pf-v6-c-progress__bar--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
13586
- --pf-v6-c-progress__measure--m-static-width--MinWidth: 4.5ch;
13587
- --pf-v6-c-progress__status--Gap: var(--pf-t--global--spacer--sm);
13588
- --pf-v6-c-progress__status-icon--Color: var(--pf-t--global--icon--color--regular);
13589
- --pf-v6-c-progress__indicator--Height: var(--pf-v6-c-progress__bar--Height);
13590
- --pf-v6-c-progress__indicator--BackgroundColor: var(--pf-t--global--color--brand--default);
13591
- --pf-v6-c-progress__helper-text--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) - var(--pf-v6-c-progress--GridGap));
13592
- --pf-v6-c-progress--m-success__indicator--BackgroundColor: var(--pf-t--global--color--status--success--default);
13593
- --pf-v6-c-progress--m-warning__indicator--BackgroundColor: var(--pf-t--global--color--status--warning--default);
13594
- --pf-v6-c-progress--m-danger__indicator--BackgroundColor: var(--pf-t--global--color--status--danger--default);
13595
- --pf-v6-c-progress--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
13596
- --pf-v6-c-progress--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
13597
- --pf-v6-c-progress--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
13598
- --pf-v6-c-progress--m-inside__indicator--MinWidth: var(--pf-t--global--spacer--xl);
13599
- --pf-v6-c-progress--m-inside__measure--Color: var(--pf-t--global--text--color--on-brand--default);
13600
- --pf-v6-c-progress--m-success--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-success--default);
13601
- --pf-v6-c-progress--m-warning--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-warning--default);
13602
- --pf-v6-c-progress--m-danger--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-danger--default);
13603
- --pf-v6-c-progress--m-inside__measure--FontSize: var(--pf-t--global--font--size--sm);
13604
- --pf-v6-c-progress--m-outside__measure--FontSize: var(--pf-t--global--font--size--sm);
13605
- --pf-v6-c-progress--m-sm__bar--Height: var(--pf-t--global--spacer--sm);
13606
- --pf-v6-c-progress--m-sm__measure--FontSize: var(--pf-t--global--font--size--body--sm);
13607
- --pf-v6-c-progress--m-lg__bar--Height: var(--pf-t--global--spacer--lg);
13608
- }
13609
-
13610
- .pf-v6-c-progress {
13611
- display: grid;
13612
- grid-template-rows: 1fr auto;
13613
- grid-template-columns: auto auto;
13614
- grid-gap: var(--pf-v6-c-progress--GridGap);
13615
- align-items: end;
13616
- }
13617
-
13618
- .pf-v6-c-progress.pf-m-sm {
13619
- --pf-v6-c-progress__bar--Height: var(--pf-v6-c-progress--m-sm__bar--Height);
13620
- }
13621
-
13622
- .pf-v6-c-progress.pf-m-sm .pf-v6-c-progress__measure {
13623
- font-size: var(--pf-v6-c-progress--m-sm__measure--FontSize);
13624
- }
13625
-
13626
- .pf-v6-c-progress.pf-m-lg {
13627
- --pf-v6-c-progress__bar--Height: var(--pf-v6-c-progress--m-lg__bar--Height);
13628
- }
13629
-
13630
- .pf-v6-c-progress.pf-m-inside .pf-v6-c-progress__indicator {
13631
- display: flex;
13632
- align-items: center;
13633
- justify-content: center;
13634
- min-width: var(--pf-v6-c-progress--m-inside__indicator--MinWidth);
13635
- }
13636
-
13637
- .pf-v6-c-progress.pf-m-inside .pf-v6-c-progress__measure {
13638
- font-size: var(--pf-v6-c-progress--m-inside__measure--FontSize);
13639
- color: var(--pf-v6-c-progress--m-inside__measure--Color);
13640
- text-align: center;
13641
- }
13642
-
13643
- .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__description {
13644
- grid-column: 1/3;
13645
- }
13646
-
13647
- .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__status {
13648
- grid-row: 2/3;
13649
- grid-column: 2/3;
13650
- align-self: center;
13651
- }
13652
-
13653
- .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__measure {
13654
- display: inline-block;
13655
- font-size: var(--pf-v6-c-progress--m-outside__measure--FontSize);
13656
- }
13657
-
13658
- .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__measure.pf-m-static-width {
13659
- min-width: var(--pf-v6-c-progress__measure--m-static-width--MinWidth);
13660
- text-align: start;
13661
- }
13662
-
13663
- .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__bar,
13664
- .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__indicator {
13665
- grid-column: 1/2;
13666
- }
13667
-
13668
- .pf-v6-c-progress.pf-m-singleline {
13669
- grid-template-rows: 1fr;
13670
- }
13671
-
13672
- .pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__description {
13673
- display: none;
13674
- }
13675
-
13676
- .pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__bar {
13677
- grid-row: 1/2;
13678
- grid-column: 1/2;
13679
- }
13680
-
13681
- .pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__status {
13682
- grid-row: 1/2;
13683
- grid-column: 2/3;
13684
- }
13685
-
13686
- .pf-v6-c-progress.pf-m-outside, .pf-v6-c-progress.pf-m-singleline {
13687
- grid-template-columns: 1fr fit-content(50%);
13688
- }
13689
-
13690
- .pf-v6-c-progress.pf-m-success {
13691
- --pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-success__indicator--BackgroundColor);
13692
- --pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-success__status-icon--Color);
13693
- --pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-success--m-inside__measure--Color);
13694
- }
13695
-
13696
- .pf-v6-c-progress.pf-m-warning {
13697
- --pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-warning__indicator--BackgroundColor);
13698
- --pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-warning__status-icon--Color);
13699
- --pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-warning--m-inside__measure--Color);
13700
- }
13701
-
13702
- .pf-v6-c-progress.pf-m-danger {
13703
- --pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-danger__indicator--BackgroundColor);
13704
- --pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-danger__status-icon--Color);
13705
- --pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-danger--m-inside__measure--Color);
13706
- }
13707
-
13708
- .pf-v6-c-progress__description {
13709
- grid-column: 1/2;
13710
- word-break: break-word;
13711
- }
13712
-
13713
- .pf-v6-c-progress__description.pf-m-truncate {
13714
- overflow: hidden;
13715
- text-overflow: ellipsis;
13716
- white-space: nowrap;
13717
- }
13718
-
13719
- .pf-v6-c-progress__status {
13720
- display: flex;
13721
- grid-row: 1/2;
13722
- grid-column: 2/3;
13723
- gap: var(--pf-v6-c-progress__status--Gap);
13724
- align-items: flex-start;
13725
- justify-content: flex-end;
13726
- text-align: end;
13727
- word-break: break-word;
13728
- }
13729
-
13730
- .pf-v6-c-progress__status-icon {
13731
- color: var(--pf-v6-c-progress__status-icon--Color);
13732
- }
13733
-
13734
- .pf-v6-c-progress__bar::before,
13735
- .pf-v6-c-progress__indicator {
13736
- inset-block-start: 0;
13737
- inset-inline-start: 0;
13738
- }
13739
-
13740
- .pf-v6-c-progress__bar {
13741
- position: relative;
13742
- grid-row: 2/3;
13743
- grid-column: 1/3;
13744
- align-self: center;
13745
- height: var(--pf-v6-c-progress__bar--Height);
13746
- background-color: var(--pf-v6-c-progress__bar--BackgroundColor);
13747
- }
13748
-
13749
- .pf-v6-c-progress__indicator {
13750
- position: absolute;
13751
- height: var(--pf-v6-c-progress__indicator--Height);
13752
- background-color: var(--pf-v6-c-progress__indicator--BackgroundColor);
13695
+ --pf-v6-c-progress-stepper__step-connector--before--InsetBlockStart: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--InsetBlockStart);
13696
+ --pf-v6-c-progress-stepper__step-connector--before--InsetInlineStart: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--InsetInlineStart);
13697
+ --pf-v6-c-progress-stepper__step-connector--before--Width: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--Width);
13698
+ --pf-v6-c-progress-stepper__step-connector--before--Height: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--Height);
13699
+ --pf-v6-c-progress-stepper__step-connector--before--BorderInlineEndWidth: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderInlineEndWidth);
13700
+ --pf-v6-c-progress-stepper__step-connector--before--BorderInlineEndColor: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderInlineEndColor);
13701
+ --pf-v6-c-progress-stepper__step-connector--before--BorderBlockEndWidth: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderBlockEndWidth);
13702
+ --pf-v6-c-progress-stepper__step-connector--before--BorderBlockEndColor: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderBlockEndColor);
13703
+ --pf-v6-c-progress-stepper__step-connector--before--Transform: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--Transform);
13704
+ --pf-v6-c-progress-stepper__step-main--MarginBlockStart: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginBlockStart);
13705
+ --pf-v6-c-progress-stepper__step-main--MarginInlineEnd: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginInlineEnd);
13706
+ --pf-v6-c-progress-stepper__step-main--MarginBlockEnd: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginBlockEnd);
13707
+ --pf-v6-c-progress-stepper__step-main--MarginInlineStart: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginInlineStart);
13708
+ --pf-v6-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns);
13709
+ --pf-v6-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-v6-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow);
13710
+ --pf-v6-c-progress-stepper--m-compact__step-connector--PaddingBlockEnd: var(--pf-v6-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBlockEnd);
13711
+ --pf-v6-c-progress-stepper--m-center__step-connector--before--Content: none;
13712
+ --pf-v6-c-progress-stepper--m-center__step-main--before--Content: "";
13713
+ }
13753
13714
  }
13754
-
13755
- .pf-v6-c-progress__helper-text {
13756
- grid-row: 3/4;
13757
- grid-column: 1/3;
13758
- margin-block-start: var(--pf-v6-c-progress__helper-text--MarginBlockStart);
13715
+ @media (min-width: 90.625rem) {
13716
+ .pf-v6-c-progress-stepper.pf-m-horizontal-on-2xl {
13717
+ --pf-v6-c-progress-stepper--GridAutoFlow: var(--pf-v6-c-progress-stepper--m-horizontal--GridAutoFlow);
13718
+ --pf-v6-c-progress-stepper--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-horizontal--GridTemplateColumns);
13719
+ --pf-v6-c-progress-stepper__step-connector--before--InsetBlockStart: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--InsetBlockStart);
13720
+ --pf-v6-c-progress-stepper__step-connector--before--InsetInlineStart: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--InsetInlineStart);
13721
+ --pf-v6-c-progress-stepper__step-connector--before--Width: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--Width);
13722
+ --pf-v6-c-progress-stepper__step-connector--before--Height: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--Height);
13723
+ --pf-v6-c-progress-stepper__step-connector--before--BorderInlineEndWidth: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderInlineEndWidth);
13724
+ --pf-v6-c-progress-stepper__step-connector--before--BorderInlineEndColor: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderInlineEndColor);
13725
+ --pf-v6-c-progress-stepper__step-connector--before--BorderBlockEndWidth: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderBlockEndWidth);
13726
+ --pf-v6-c-progress-stepper__step-connector--before--BorderBlockEndColor: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--BorderBlockEndColor);
13727
+ --pf-v6-c-progress-stepper__step-connector--before--Transform: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--Transform);
13728
+ --pf-v6-c-progress-stepper__step-main--MarginBlockStart: var(--pf-v6-c-progress-stepper--m-horizontal__step-main--MarginBlockStart);
13729
+ --pf-v6-c-progress-stepper__step-main--MarginInlineEnd: var(--pf-v6-c-progress-stepper--m-horizontal__step-main--MarginInlineEnd);
13730
+ --pf-v6-c-progress-stepper__step-main--MarginBlockEnd: var(--pf-v6-c-progress-stepper--m-horizontal__step-main--MarginBlockEnd);
13731
+ --pf-v6-c-progress-stepper__step-main--MarginInlineStart: var(--pf-v6-c-progress-stepper--m-horizontal__step-main--MarginInlineStart);
13732
+ --pf-v6-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-horizontal--m-compact--GridTemplateColumns);
13733
+ --pf-v6-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-v6-c-progress-stepper--m-horizontal--m-compact__step-connector--GridRow);
13734
+ --pf-v6-c-progress-stepper--m-compact__step-connector--PaddingBlockEnd: var(--pf-v6-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBlockEnd);
13735
+ --pf-v6-c-progress-stepper--m-center__step-connector--before--Content: "";
13736
+ --pf-v6-c-progress-stepper--m-center__step-main--before--Content: none;
13737
+ }
13738
+ .pf-v6-c-progress-stepper.pf-m-vertical-on-2xl {
13739
+ --pf-v6-c-progress-stepper--GridAutoFlow: var(--pf-v6-c-progress-stepper--m-vertical--GridAutoFlow);
13740
+ --pf-v6-c-progress-stepper--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-vertical--GridTemplateColumns);
13741
+ --pf-v6-c-progress-stepper__step-connector--before--InsetBlockStart: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--InsetBlockStart);
13742
+ --pf-v6-c-progress-stepper__step-connector--before--InsetInlineStart: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--InsetInlineStart);
13743
+ --pf-v6-c-progress-stepper__step-connector--before--Width: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--Width);
13744
+ --pf-v6-c-progress-stepper__step-connector--before--Height: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--Height);
13745
+ --pf-v6-c-progress-stepper__step-connector--before--BorderInlineEndWidth: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderInlineEndWidth);
13746
+ --pf-v6-c-progress-stepper__step-connector--before--BorderInlineEndColor: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderInlineEndColor);
13747
+ --pf-v6-c-progress-stepper__step-connector--before--BorderBlockEndWidth: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderBlockEndWidth);
13748
+ --pf-v6-c-progress-stepper__step-connector--before--BorderBlockEndColor: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--BorderBlockEndColor);
13749
+ --pf-v6-c-progress-stepper__step-connector--before--Transform: var(--pf-v6-c-progress-stepper--m-vertical__step-connector--before--Transform);
13750
+ --pf-v6-c-progress-stepper__step-main--MarginBlockStart: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginBlockStart);
13751
+ --pf-v6-c-progress-stepper__step-main--MarginInlineEnd: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginInlineEnd);
13752
+ --pf-v6-c-progress-stepper__step-main--MarginBlockEnd: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginBlockEnd);
13753
+ --pf-v6-c-progress-stepper__step-main--MarginInlineStart: var(--pf-v6-c-progress-stepper--m-vertical__step-main--MarginInlineStart);
13754
+ --pf-v6-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns);
13755
+ --pf-v6-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-v6-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow);
13756
+ --pf-v6-c-progress-stepper--m-compact__step-connector--PaddingBlockEnd: var(--pf-v6-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBlockEnd);
13757
+ --pf-v6-c-progress-stepper--m-center__step-connector--before--Content: none;
13758
+ --pf-v6-c-progress-stepper--m-center__step-main--before--Content: "";
13759
+ }
13759
13760
  }
13760
-
13761
13761
  :where(:root, .pf-v6-c-radio) {
13762
13762
  --pf-v6-c-radio--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
13763
13763
  --pf-v6-c-radio--AccentColor: var(--pf-t--global--icon--color--brand--default);
@@ -14559,87 +14559,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14559
14559
  margin-inline-start: var(--pf-v6-c-slider__main--actions--MarginInlineStart);
14560
14560
  }
14561
14561
 
14562
- :where(:root, .pf-v6-c-spinner) {
14563
- --pf-v6-c-spinner--diameter: var(--pf-t--global--icon--size--2xl);
14564
- --pf-v6-c-spinner--Width: var(--pf-v6-c-spinner--diameter);
14565
- --pf-v6-c-spinner--Height: var(--pf-v6-c-spinner--diameter);
14566
- --pf-v6-c-spinner--Color: var(--pf-t--global--icon--color--brand--default);
14567
- --pf-v6-c-spinner--AnimationDuration: 1.4s;
14568
- --pf-v6-c-spinner--AnimationTimingFunction: linear;
14569
- --pf-v6-c-spinner--StrokeWidth: 10;
14570
- --pf-v6-c-spinner__path--StrokeWidth: var(--pf-v6-c-spinner--StrokeWidth);
14571
- --pf-v6-c-spinner__path--AnimationTimingFunction: ease-in-out;
14572
- --pf-v6-c-spinner--m-sm--diameter: var(--pf-t--global--icon--size--md);
14573
- --pf-v6-c-spinner--m-md--diameter: var(--pf-t--global--icon--size--lg);
14574
- --pf-v6-c-spinner--m-lg--diameter: var(--pf-t--global--icon--size--xl);
14575
- --pf-v6-c-spinner--m-xl--diameter: var(--pf-t--global--icon--size--2xl);
14576
- --pf-v6-c-spinner--m-inline--diameter: 1em;
14577
- }
14578
-
14579
- .pf-v6-c-spinner {
14580
- width: var(--pf-v6-c-spinner--Width);
14581
- height: var(--pf-v6-c-spinner--Height);
14582
- overflow: hidden;
14583
- animation: pf-v6-c-spinner-animation-rotate calc(var(--pf-v6-c-spinner--AnimationDuration) * 2) var(--pf-v6-c-spinner--AnimationTimingFunction) infinite;
14584
- }
14585
-
14586
- .pf-v6-c-spinner.pf-m-inline {
14587
- --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-inline--diameter);
14588
- }
14589
-
14590
- .pf-v6-c-spinner.pf-m-sm {
14591
- --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-sm--diameter);
14592
- }
14593
-
14594
- .pf-v6-c-spinner.pf-m-md {
14595
- --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-md--diameter);
14596
- }
14597
-
14598
- .pf-v6-c-spinner.pf-m-lg {
14599
- --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-lg--diameter);
14600
- }
14601
-
14602
- .pf-v6-c-spinner.pf-m-xl {
14603
- --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xl--diameter);
14604
- }
14605
-
14606
- .pf-v6-c-spinner__path {
14607
- width: 100%;
14608
- height: 100%;
14609
- stroke: var(--pf-v6-c-spinner--Color);
14610
- stroke-dasharray: 283;
14611
- stroke-dashoffset: 280;
14612
- stroke-linecap: round;
14613
- stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
14614
- transform-origin: 50% 50%;
14615
- animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
14616
- }
14617
-
14618
- @keyframes pf-v6-c-spinner-animation-rotate {
14619
- 0% {
14620
- transform: rotate(0deg);
14621
- }
14622
- 100% {
14623
- transform: rotate(360deg);
14624
- }
14625
- }
14626
- @keyframes pf-v6-c-spinner-animation-dash {
14627
- 0% {
14628
- stroke-dashoffset: 280;
14629
- transform: rotate(0);
14630
- }
14631
- 15% {
14632
- stroke-width: calc(var(--pf-v6-c-spinner__path--StrokeWidth) - 4);
14633
- }
14634
- 40% {
14635
- stroke-dasharray: 220;
14636
- stroke-dashoffset: 150;
14637
- }
14638
- 100% {
14639
- stroke-dashoffset: 280;
14640
- transform: rotate(720deg);
14641
- }
14642
- }
14643
14562
  :where(:root, .pf-v6-c-skip-to-content) {
14644
14563
  --pf-v6-c-skip-to-content--InsetBlockStart: var(--pf-t--global--spacer--md);
14645
14564
  --pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
@@ -14657,168 +14576,87 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14657
14576
  inset-inline-start: var(--pf-v6-c-skip-to-content--focus--InsetInlineStart);
14658
14577
  }
14659
14578
 
14660
- :where(:root, .pf-v6-c-switch) {
14661
- --pf-v6-c-switch--FontSize: var(--pf-t--global--font--size--sm);
14662
- --pf-v6-c-switch--ColumnGap: var(--pf-t--global--spacer--sm);
14663
- --pf-v6-c-switch__toggle-icon--FontSize: calc(var(--pf-v6-c-switch--FontSize) * .625);
14664
- --pf-v6-c-switch__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
14665
- --pf-v6-c-switch__toggle-icon--InsetInlineStart: calc(var(--pf-v6-c-switch--FontSize) * .4);
14666
- --pf-v6-c-switch__toggle-icon--Offset: 0.125rem;
14667
- --pf-v6-c-switch__input--disabled__toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
14668
- --pf-v6-c-switch--LineHeight: var(--pf-t--global--font--line-height--body);
14669
- --pf-v6-c-switch--Height: auto;
14670
- --pf-v6-c-switch__input--checked__toggle--BackgroundColor: var(--pf-t--global--color--brand--default);
14671
- --pf-v6-c-switch__input--checked__toggle--before--TranslateX: calc(100% + var(--pf-v6-c-switch__toggle-icon--Offset));
14672
- --pf-v6-c-switch__input--checked__toggle--BorderWidth: 0;
14673
- --pf-v6-c-switch__input--checked__label--Color: var(--pf-t--global--text--color--regular);
14674
- --pf-v6-c-switch__input--not-checked__label--Color: var(--pf-t--global--text--color--subtle);
14675
- --pf-v6-c-switch__input--disabled__label--Color: var(--pf-t--global--text--color--disabled);
14676
- --pf-v6-c-switch__input--disabled__toggle--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
14677
- --pf-v6-c-switch__input--checked__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--inverse);
14678
- --pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--subtle);
14679
- --pf-v6-c-switch__input--disabled__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--on-disabled);
14680
- --pf-v6-c-switch__input--focus__toggle--OutlineWidth: var(--pf-t--global--border--width--strong);
14681
- --pf-v6-c-switch__input--focus__toggle--OutlineOffset: var(--pf-t--global--spacer--xs);
14682
- --pf-v6-c-switch__input--focus__toggle--OutlineColor: var(--pf-t--global--color--brand--default);
14683
- --pf-v6-c-switch__toggle--Height: calc(var(--pf-v6-c-switch--FontSize) * var(--pf-v6-c-switch--LineHeight));
14684
- --pf-v6-c-switch__toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
14685
- --pf-v6-c-switch__toggle--BorderColor: var(--pf-t--global--border--color--default);
14686
- --pf-v6-c-switch__toggle--BorderWidth: var(--pf-t--global--border--width--control--default);
14687
- --pf-v6-c-switch__toggle--BorderRadius: var(--pf-t--global--border--radius--pill);
14688
- --pf-v6-c-switch__toggle--before--Width: calc(var(--pf-v6-c-switch--FontSize) - var(--pf-v6-c-switch__toggle-icon--Offset));
14689
- --pf-v6-c-switch__toggle--before--Height: var(--pf-v6-c-switch__toggle--before--Width);
14690
- --pf-v6-c-switch__toggle--before--InsetInlineStart: calc((var(--pf-v6-c-switch__toggle--Height) - var(--pf-v6-c-switch__toggle--before--Height)) / 2);
14691
- --pf-v6-c-switch__toggle--before--BorderRadius: var(--pf-t--global--border--radius--large);
14692
- --pf-v6-c-switch__toggle--before--Transition: transform .25s ease 0s;
14693
- --pf-v6-c-switch__toggle--Width: calc(var(--pf-v6-c-switch__toggle--Height) + var(--pf-v6-c-switch__toggle-icon--Offset) + var(--pf-v6-c-switch__toggle--before--Width));
14694
- }
14695
-
14696
- .pf-v6-c-switch {
14697
- position: relative;
14698
- display: inline-grid;
14699
- grid-template-columns: auto;
14700
- grid-auto-columns: 1fr;
14701
- column-gap: var(--pf-v6-c-switch--ColumnGap);
14702
- height: var(--pf-v6-c-switch--Height);
14703
- font-size: var(--pf-v6-c-switch--FontSize);
14704
- line-height: var(--pf-v6-c-switch--LineHeight);
14705
- vertical-align: middle;
14706
- cursor: pointer;
14707
- }
14708
-
14709
- .pf-v6-c-switch.pf-m-reverse .pf-v6-c-switch__label,
14710
- .pf-v6-c-switch.pf-m-reverse .pf-v6-c-switch__toggle {
14711
- grid-row: 1;
14712
- }
14713
-
14714
- .pf-v6-c-switch.pf-m-reverse .pf-v6-c-switch__label {
14715
- grid-column: 1;
14716
- }
14717
-
14718
- .pf-v6-c-switch__input {
14719
- position: absolute;
14720
- cursor: pointer;
14721
- opacity: 0;
14722
- }
14723
-
14724
- .pf-v6-c-switch__input:focus-visible ~ .pf-v6-c-switch__toggle {
14725
- outline: var(--pf-v6-c-switch__input--focus__toggle--OutlineWidth) solid var(--pf-v6-c-switch__input--focus__toggle--OutlineColor);
14726
- outline-offset: var(--pf-v6-c-switch__input--focus__toggle--OutlineOffset);
14727
- }
14728
-
14729
- .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__label {
14730
- color: var(--pf-v6-c-switch__input--checked__label--Color);
14731
- }
14732
-
14733
- .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle {
14734
- --pf-v6-c-switch__toggle--BorderWidth: var(--pf-v6-c-switch__input--checked__toggle--BorderWidth);
14735
- background-color: var(--pf-v6-c-switch__input--checked__toggle--BackgroundColor);
14736
- }
14737
-
14738
- .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
14739
- transform: translate(var(--pf-v6-c-switch__input--checked__toggle--before--TranslateX), -50%);
14740
- background-color: var(--pf-v6-c-switch__input--checked__toggle--before--BackgroundColor);
14741
- }
14742
-
14743
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
14744
- transform: translate(calc(var(--pf-v6-c-switch__input--checked__toggle--before--TranslateX) * var(--pf-v6-global--inverse--multiplier)), -50%);
14745
- }
14746
-
14747
- .pf-v6-c-switch__input:not(:checked) ~ .pf-v6-c-switch__label {
14748
- color: var(--pf-v6-c-switch__input--not-checked__label--Color);
14749
- }
14750
-
14751
- .pf-v6-c-switch__input:not(:checked) ~ .pf-v6-c-switch__toggle .pf-v6-c-switch__toggle-icon {
14752
- display: none;
14579
+ :where(:root, .pf-v6-c-spinner) {
14580
+ --pf-v6-c-spinner--diameter: var(--pf-t--global--icon--size--2xl);
14581
+ --pf-v6-c-spinner--Width: var(--pf-v6-c-spinner--diameter);
14582
+ --pf-v6-c-spinner--Height: var(--pf-v6-c-spinner--diameter);
14583
+ --pf-v6-c-spinner--Color: var(--pf-t--global--icon--color--brand--default);
14584
+ --pf-v6-c-spinner--AnimationDuration: 1.4s;
14585
+ --pf-v6-c-spinner--AnimationTimingFunction: linear;
14586
+ --pf-v6-c-spinner--StrokeWidth: 10;
14587
+ --pf-v6-c-spinner__path--StrokeWidth: var(--pf-v6-c-spinner--StrokeWidth);
14588
+ --pf-v6-c-spinner__path--AnimationTimingFunction: ease-in-out;
14589
+ --pf-v6-c-spinner--m-sm--diameter: var(--pf-t--global--icon--size--md);
14590
+ --pf-v6-c-spinner--m-md--diameter: var(--pf-t--global--icon--size--lg);
14591
+ --pf-v6-c-spinner--m-lg--diameter: var(--pf-t--global--icon--size--xl);
14592
+ --pf-v6-c-spinner--m-xl--diameter: var(--pf-t--global--icon--size--2xl);
14593
+ --pf-v6-c-spinner--m-inline--diameter: 1em;
14753
14594
  }
14754
14595
 
14755
- .pf-v6-c-switch__input:disabled {
14756
- cursor: not-allowed;
14596
+ .pf-v6-c-spinner {
14597
+ width: var(--pf-v6-c-spinner--Width);
14598
+ height: var(--pf-v6-c-spinner--Height);
14599
+ overflow: hidden;
14600
+ animation: pf-v6-c-spinner-animation-rotate calc(var(--pf-v6-c-spinner--AnimationDuration) * 2) var(--pf-v6-c-spinner--AnimationTimingFunction) infinite;
14757
14601
  }
14758
14602
 
14759
- .pf-v6-c-switch__input:disabled ~ .pf-v6-c-switch__label {
14760
- color: var(--pf-v6-c-switch__input--disabled__label--Color);
14761
- cursor: not-allowed;
14603
+ .pf-v6-c-spinner.pf-m-inline {
14604
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-inline--diameter);
14762
14605
  }
14763
14606
 
14764
- .pf-v6-c-switch__input:disabled ~ .pf-v6-c-switch__toggle {
14765
- --pf-v6-c-switch__toggle-icon--Color: var(--pf-v6-c-switch__input--disabled__toggle-icon--Color);
14766
- cursor: not-allowed;
14767
- background-color: var(--pf-v6-c-switch__input--disabled__toggle--BackgroundColor);
14607
+ .pf-v6-c-spinner.pf-m-sm {
14608
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-sm--diameter);
14768
14609
  }
14769
14610
 
14770
- .pf-v6-c-switch__input:disabled ~ .pf-v6-c-switch__toggle::before {
14771
- background-color: var(--pf-v6-c-switch__input--disabled__toggle--before--BackgroundColor);
14611
+ .pf-v6-c-spinner.pf-m-md {
14612
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-md--diameter);
14772
14613
  }
14773
14614
 
14774
- .pf-v6-c-switch__toggle {
14775
- position: relative;
14776
- display: inline-block;
14777
- width: var(--pf-v6-c-switch__toggle--Width);
14778
- height: var(--pf-v6-c-switch__toggle--Height);
14779
- background-color: var(--pf-v6-c-switch__toggle--BackgroundColor);
14780
- border-radius: var(--pf-v6-c-switch__toggle--BorderRadius);
14615
+ .pf-v6-c-spinner.pf-m-lg {
14616
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-lg--diameter);
14781
14617
  }
14782
14618
 
14783
- .pf-v6-c-switch__toggle::before {
14784
- position: absolute;
14785
- inset-block-start: 50%;
14786
- inset-inline-start: var(--pf-v6-c-switch__toggle--before--InsetInlineStart);
14787
- display: block;
14788
- width: var(--pf-v6-c-switch__toggle--before--Width);
14789
- height: var(--pf-v6-c-switch__toggle--before--Height);
14790
- content: "";
14791
- background-color: var(--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor);
14792
- border-radius: var(--pf-v6-c-switch__toggle--before--BorderRadius);
14793
- transition: var(--pf-v6-c-switch__toggle--before--Transition);
14794
- transform: translateY(-50%);
14619
+ .pf-v6-c-spinner.pf-m-xl {
14620
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xl--diameter);
14795
14621
  }
14796
14622
 
14797
- .pf-v6-c-switch__toggle::after {
14798
- position: absolute;
14799
- inset: 0;
14800
- content: "";
14801
- border: var(--pf-v6-c-switch__toggle--BorderWidth) solid var(--pf-v6-c-switch__toggle--BorderColor);
14802
- border-radius: var(--pf-v6-c-switch__toggle--BorderRadius);
14623
+ .pf-v6-c-spinner__path {
14624
+ width: 100%;
14625
+ height: 100%;
14626
+ stroke: var(--pf-v6-c-spinner--Color);
14627
+ stroke-dasharray: 283;
14628
+ stroke-dashoffset: 280;
14629
+ stroke-linecap: round;
14630
+ stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
14631
+ transform-origin: 50% 50%;
14632
+ animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
14803
14633
  }
14804
14634
 
14805
- .pf-v6-c-switch__toggle-icon {
14806
- position: absolute;
14807
- inset-block-start: 0;
14808
- inset-block-end: 0;
14809
- inset-inline-start: var(--pf-v6-c-switch__toggle-icon--InsetInlineStart);
14810
- display: flex;
14811
- align-items: center;
14812
- font-size: var(--pf-v6-c-switch__toggle-icon--FontSize);
14813
- color: var(--pf-v6-c-switch__toggle-icon--Color);
14635
+ @keyframes pf-v6-c-spinner-animation-rotate {
14636
+ 0% {
14637
+ transform: rotate(0deg);
14638
+ }
14639
+ 100% {
14640
+ transform: rotate(360deg);
14641
+ }
14814
14642
  }
14815
-
14816
- .pf-v6-c-switch__label {
14817
- display: inline-block;
14818
- grid-column: 2;
14819
- vertical-align: top;
14643
+ @keyframes pf-v6-c-spinner-animation-dash {
14644
+ 0% {
14645
+ stroke-dashoffset: 280;
14646
+ transform: rotate(0);
14647
+ }
14648
+ 15% {
14649
+ stroke-width: calc(var(--pf-v6-c-spinner__path--StrokeWidth) - 4);
14650
+ }
14651
+ 40% {
14652
+ stroke-dasharray: 220;
14653
+ stroke-dashoffset: 150;
14654
+ }
14655
+ 100% {
14656
+ stroke-dashoffset: 280;
14657
+ transform: rotate(720deg);
14658
+ }
14820
14659
  }
14821
-
14822
14660
  :where(:root, .pf-v6-c-tabs) {
14823
14661
  --pf-v6-c-tabs--inset: 0;
14824
14662
  --pf-v6-c-tabs--Width: auto;
@@ -15663,83 +15501,245 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15663
15501
  --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--2xl);
15664
15502
  }
15665
15503
  }
15666
- @media (min-width: 90.625rem) {
15667
- .pf-v6-c-tabs.pf-m-inset-none-on-2xl {
15668
- --pf-v6-c-tabs--inset: 0;
15669
- --pf-v6-c-tabs--m-vertical--inset: 0;
15670
- --pf-v6-c-tabs--m-vertical--m-box--inset: 0;
15671
- }
15672
- .pf-v6-c-tabs.pf-m-inset-sm-on-2xl {
15673
- --pf-v6-c-tabs--inset: var(--pf-t--global--spacer--sm);
15674
- --pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--sm);
15675
- --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--sm);
15676
- }
15677
- .pf-v6-c-tabs.pf-m-inset-md-on-2xl {
15678
- --pf-v6-c-tabs--inset: var(--pf-t--global--spacer--md);
15679
- --pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--md);
15680
- --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--md);
15681
- }
15682
- .pf-v6-c-tabs.pf-m-inset-lg-on-2xl {
15683
- --pf-v6-c-tabs--inset: var(--pf-t--global--spacer--lg);
15684
- --pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--lg);
15685
- --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--lg);
15686
- }
15687
- .pf-v6-c-tabs.pf-m-inset-xl-on-2xl {
15688
- --pf-v6-c-tabs--inset: var(--pf-t--global--spacer--xl);
15689
- --pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--xl);
15690
- --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--xl);
15691
- }
15692
- .pf-v6-c-tabs.pf-m-inset-2xl-on-2xl {
15693
- --pf-v6-c-tabs--inset: var(--pf-t--global--spacer--2xl);
15694
- --pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--2xl);
15695
- --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--2xl);
15696
- }
15504
+ @media (min-width: 90.625rem) {
15505
+ .pf-v6-c-tabs.pf-m-inset-none-on-2xl {
15506
+ --pf-v6-c-tabs--inset: 0;
15507
+ --pf-v6-c-tabs--m-vertical--inset: 0;
15508
+ --pf-v6-c-tabs--m-vertical--m-box--inset: 0;
15509
+ }
15510
+ .pf-v6-c-tabs.pf-m-inset-sm-on-2xl {
15511
+ --pf-v6-c-tabs--inset: var(--pf-t--global--spacer--sm);
15512
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--sm);
15513
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--sm);
15514
+ }
15515
+ .pf-v6-c-tabs.pf-m-inset-md-on-2xl {
15516
+ --pf-v6-c-tabs--inset: var(--pf-t--global--spacer--md);
15517
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--md);
15518
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--md);
15519
+ }
15520
+ .pf-v6-c-tabs.pf-m-inset-lg-on-2xl {
15521
+ --pf-v6-c-tabs--inset: var(--pf-t--global--spacer--lg);
15522
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--lg);
15523
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--lg);
15524
+ }
15525
+ .pf-v6-c-tabs.pf-m-inset-xl-on-2xl {
15526
+ --pf-v6-c-tabs--inset: var(--pf-t--global--spacer--xl);
15527
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--xl);
15528
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--xl);
15529
+ }
15530
+ .pf-v6-c-tabs.pf-m-inset-2xl-on-2xl {
15531
+ --pf-v6-c-tabs--inset: var(--pf-t--global--spacer--2xl);
15532
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--2xl);
15533
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--2xl);
15534
+ }
15535
+ }
15536
+ :where(:root, .pf-v6-c-tab-content) {
15537
+ --pf-v6-c-tab-content__body--PaddingBlockStart: 0;
15538
+ --pf-v6-c-tab-content__body--PaddingInlineEnd: 0;
15539
+ --pf-v6-c-tab-content__body--PaddingBlockEnd: 0;
15540
+ --pf-v6-c-tab-content__body--PaddingInlineStart: 0;
15541
+ --pf-v6-c-tab-content--BackgroundColor: transparent;
15542
+ --pf-v6-c-tab-content__body--m-padding--PaddingBlockStart: var(--pf-t--global--spacer--md);
15543
+ --pf-v6-c-tab-content__body--m-padding--PaddingInlineEnd: var(--pf-t--global--spacer--md);
15544
+ --pf-v6-c-tab-content__body--m-padding--PaddingBlockEnd: var(--pf-t--global--spacer--md);
15545
+ --pf-v6-c-tab-content__body--m-padding--PaddingInlineStart: var(--pf-t--global--spacer--md);
15546
+ --pf-v6-c-tab-content__body--m-padding--xl--PaddingBlockStart: var(--pf-t--global--spacer--lg);
15547
+ --pf-v6-c-tab-content__body--m-padding--xl--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
15548
+ --pf-v6-c-tab-content__body--m-padding--xl--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
15549
+ --pf-v6-c-tab-content__body--m-padding--xl--PaddingInlineStart: var(--pf-t--global--spacer--lg);
15550
+ --pf-v6-c-tab-content--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
15551
+ }
15552
+
15553
+ .pf-v6-c-tab-content {
15554
+ background-color: var(--pf-v6-c-tab-content--BackgroundColor);
15555
+ }
15556
+
15557
+ @media screen and (min-width: 75rem) {
15558
+ .pf-v6-c-tab-content {
15559
+ --pf-v6-c-tab-content__body--m-padding--PaddingBlockStart: var(--pf-v6-c-tab-content__body--m-padding--xl--PaddingBlockStart);
15560
+ --pf-v6-c-tab-content__body--m-padding--PaddingInlineEnd: var(--pf-v6-c-tab-content__body--m-padding--xl--PaddingInlineEnd);
15561
+ --pf-v6-c-tab-content__body--m-padding--PaddingBlockEnd: var(--pf-v6-c-tab-content__body--m-padding--xl--PaddingBlockEnd);
15562
+ --pf-v6-c-tab-content__body--m-padding--PaddingInlineStart: var(--pf-v6-c-tab-content__body--m-padding--xl--PaddingInlineStart);
15563
+ }
15564
+ }
15565
+ .pf-v6-c-tab-content.pf-m-secondary {
15566
+ --pf-v6-c-tab-content--BackgroundColor: var(--pf-v6-c-tab-content--m-secondary--BackgroundColor);
15567
+ }
15568
+
15569
+ .pf-v6-c-tab-content__body {
15570
+ padding-block-start: var(--pf-v6-c-tab-content__body--PaddingBlockStart);
15571
+ padding-block-end: var(--pf-v6-c-tab-content__body--PaddingBlockEnd);
15572
+ padding-inline-start: var(--pf-v6-c-tab-content__body--PaddingInlineStart);
15573
+ padding-inline-end: var(--pf-v6-c-tab-content__body--PaddingInlineEnd);
15574
+ }
15575
+
15576
+ .pf-v6-c-tab-content__body.pf-m-padding {
15577
+ --pf-v6-c-tab-content__body--PaddingBlockStart: var(--pf-v6-c-tab-content__body--m-padding--PaddingBlockStart);
15578
+ --pf-v6-c-tab-content__body--PaddingInlineEnd: var(--pf-v6-c-tab-content__body--m-padding--PaddingInlineEnd);
15579
+ --pf-v6-c-tab-content__body--PaddingBlockEnd: var(--pf-v6-c-tab-content__body--m-padding--PaddingBlockEnd);
15580
+ --pf-v6-c-tab-content__body--PaddingInlineStart: var(--pf-v6-c-tab-content__body--m-padding--PaddingInlineStart);
15581
+ }
15582
+
15583
+ :where(:root, .pf-v6-c-switch) {
15584
+ --pf-v6-c-switch--FontSize: var(--pf-t--global--font--size--sm);
15585
+ --pf-v6-c-switch--ColumnGap: var(--pf-t--global--spacer--sm);
15586
+ --pf-v6-c-switch__toggle-icon--FontSize: calc(var(--pf-v6-c-switch--FontSize) * .625);
15587
+ --pf-v6-c-switch__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
15588
+ --pf-v6-c-switch__toggle-icon--InsetInlineStart: calc(var(--pf-v6-c-switch--FontSize) * .4);
15589
+ --pf-v6-c-switch__toggle-icon--Offset: 0.125rem;
15590
+ --pf-v6-c-switch__input--disabled__toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
15591
+ --pf-v6-c-switch--LineHeight: var(--pf-t--global--font--line-height--body);
15592
+ --pf-v6-c-switch--Height: auto;
15593
+ --pf-v6-c-switch__input--checked__toggle--BackgroundColor: var(--pf-t--global--color--brand--default);
15594
+ --pf-v6-c-switch__input--checked__toggle--before--TranslateX: calc(100% + var(--pf-v6-c-switch__toggle-icon--Offset));
15595
+ --pf-v6-c-switch__input--checked__toggle--BorderWidth: 0;
15596
+ --pf-v6-c-switch__input--checked__label--Color: var(--pf-t--global--text--color--regular);
15597
+ --pf-v6-c-switch__input--not-checked__label--Color: var(--pf-t--global--text--color--subtle);
15598
+ --pf-v6-c-switch__input--disabled__label--Color: var(--pf-t--global--text--color--disabled);
15599
+ --pf-v6-c-switch__input--disabled__toggle--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
15600
+ --pf-v6-c-switch__input--checked__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--inverse);
15601
+ --pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--subtle);
15602
+ --pf-v6-c-switch__input--disabled__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--on-disabled);
15603
+ --pf-v6-c-switch__input--focus__toggle--OutlineWidth: var(--pf-t--global--border--width--strong);
15604
+ --pf-v6-c-switch__input--focus__toggle--OutlineOffset: var(--pf-t--global--spacer--xs);
15605
+ --pf-v6-c-switch__input--focus__toggle--OutlineColor: var(--pf-t--global--color--brand--default);
15606
+ --pf-v6-c-switch__toggle--Height: calc(var(--pf-v6-c-switch--FontSize) * var(--pf-v6-c-switch--LineHeight));
15607
+ --pf-v6-c-switch__toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
15608
+ --pf-v6-c-switch__toggle--BorderColor: var(--pf-t--global--border--color--default);
15609
+ --pf-v6-c-switch__toggle--BorderWidth: var(--pf-t--global--border--width--control--default);
15610
+ --pf-v6-c-switch__toggle--BorderRadius: var(--pf-t--global--border--radius--pill);
15611
+ --pf-v6-c-switch__toggle--before--Width: calc(var(--pf-v6-c-switch--FontSize) - var(--pf-v6-c-switch__toggle-icon--Offset));
15612
+ --pf-v6-c-switch__toggle--before--Height: var(--pf-v6-c-switch__toggle--before--Width);
15613
+ --pf-v6-c-switch__toggle--before--InsetInlineStart: calc((var(--pf-v6-c-switch__toggle--Height) - var(--pf-v6-c-switch__toggle--before--Height)) / 2);
15614
+ --pf-v6-c-switch__toggle--before--BorderRadius: var(--pf-t--global--border--radius--large);
15615
+ --pf-v6-c-switch__toggle--before--Transition: transform .25s ease 0s;
15616
+ --pf-v6-c-switch__toggle--Width: calc(var(--pf-v6-c-switch__toggle--Height) + var(--pf-v6-c-switch__toggle-icon--Offset) + var(--pf-v6-c-switch__toggle--before--Width));
15617
+ }
15618
+
15619
+ .pf-v6-c-switch {
15620
+ position: relative;
15621
+ display: inline-grid;
15622
+ grid-template-columns: auto;
15623
+ grid-auto-columns: 1fr;
15624
+ column-gap: var(--pf-v6-c-switch--ColumnGap);
15625
+ height: var(--pf-v6-c-switch--Height);
15626
+ font-size: var(--pf-v6-c-switch--FontSize);
15627
+ line-height: var(--pf-v6-c-switch--LineHeight);
15628
+ vertical-align: middle;
15629
+ cursor: pointer;
15630
+ }
15631
+
15632
+ .pf-v6-c-switch.pf-m-reverse .pf-v6-c-switch__label,
15633
+ .pf-v6-c-switch.pf-m-reverse .pf-v6-c-switch__toggle {
15634
+ grid-row: 1;
15635
+ }
15636
+
15637
+ .pf-v6-c-switch.pf-m-reverse .pf-v6-c-switch__label {
15638
+ grid-column: 1;
15639
+ }
15640
+
15641
+ .pf-v6-c-switch__input {
15642
+ position: absolute;
15643
+ cursor: pointer;
15644
+ opacity: 0;
15645
+ }
15646
+
15647
+ .pf-v6-c-switch__input:focus-visible ~ .pf-v6-c-switch__toggle {
15648
+ outline: var(--pf-v6-c-switch__input--focus__toggle--OutlineWidth) solid var(--pf-v6-c-switch__input--focus__toggle--OutlineColor);
15649
+ outline-offset: var(--pf-v6-c-switch__input--focus__toggle--OutlineOffset);
15650
+ }
15651
+
15652
+ .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__label {
15653
+ color: var(--pf-v6-c-switch__input--checked__label--Color);
15654
+ }
15655
+
15656
+ .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle {
15657
+ --pf-v6-c-switch__toggle--BorderWidth: var(--pf-v6-c-switch__input--checked__toggle--BorderWidth);
15658
+ background-color: var(--pf-v6-c-switch__input--checked__toggle--BackgroundColor);
15659
+ }
15660
+
15661
+ .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
15662
+ transform: translate(var(--pf-v6-c-switch__input--checked__toggle--before--TranslateX), -50%);
15663
+ background-color: var(--pf-v6-c-switch__input--checked__toggle--before--BackgroundColor);
15697
15664
  }
15698
- :where(:root, .pf-v6-c-tab-content) {
15699
- --pf-v6-c-tab-content__body--PaddingBlockStart: 0;
15700
- --pf-v6-c-tab-content__body--PaddingInlineEnd: 0;
15701
- --pf-v6-c-tab-content__body--PaddingBlockEnd: 0;
15702
- --pf-v6-c-tab-content__body--PaddingInlineStart: 0;
15703
- --pf-v6-c-tab-content--BackgroundColor: transparent;
15704
- --pf-v6-c-tab-content__body--m-padding--PaddingBlockStart: var(--pf-t--global--spacer--md);
15705
- --pf-v6-c-tab-content__body--m-padding--PaddingInlineEnd: var(--pf-t--global--spacer--md);
15706
- --pf-v6-c-tab-content__body--m-padding--PaddingBlockEnd: var(--pf-t--global--spacer--md);
15707
- --pf-v6-c-tab-content__body--m-padding--PaddingInlineStart: var(--pf-t--global--spacer--md);
15708
- --pf-v6-c-tab-content__body--m-padding--xl--PaddingBlockStart: var(--pf-t--global--spacer--lg);
15709
- --pf-v6-c-tab-content__body--m-padding--xl--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
15710
- --pf-v6-c-tab-content__body--m-padding--xl--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
15711
- --pf-v6-c-tab-content__body--m-padding--xl--PaddingInlineStart: var(--pf-t--global--spacer--lg);
15712
- --pf-v6-c-tab-content--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
15665
+
15666
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
15667
+ transform: translate(calc(var(--pf-v6-c-switch__input--checked__toggle--before--TranslateX) * var(--pf-v6-global--inverse--multiplier)), -50%);
15713
15668
  }
15714
15669
 
15715
- .pf-v6-c-tab-content {
15716
- background-color: var(--pf-v6-c-tab-content--BackgroundColor);
15670
+ .pf-v6-c-switch__input:not(:checked) ~ .pf-v6-c-switch__label {
15671
+ color: var(--pf-v6-c-switch__input--not-checked__label--Color);
15717
15672
  }
15718
15673
 
15719
- @media screen and (min-width: 75rem) {
15720
- .pf-v6-c-tab-content {
15721
- --pf-v6-c-tab-content__body--m-padding--PaddingBlockStart: var(--pf-v6-c-tab-content__body--m-padding--xl--PaddingBlockStart);
15722
- --pf-v6-c-tab-content__body--m-padding--PaddingInlineEnd: var(--pf-v6-c-tab-content__body--m-padding--xl--PaddingInlineEnd);
15723
- --pf-v6-c-tab-content__body--m-padding--PaddingBlockEnd: var(--pf-v6-c-tab-content__body--m-padding--xl--PaddingBlockEnd);
15724
- --pf-v6-c-tab-content__body--m-padding--PaddingInlineStart: var(--pf-v6-c-tab-content__body--m-padding--xl--PaddingInlineStart);
15725
- }
15674
+ .pf-v6-c-switch__input:not(:checked) ~ .pf-v6-c-switch__toggle .pf-v6-c-switch__toggle-icon {
15675
+ display: none;
15726
15676
  }
15727
- .pf-v6-c-tab-content.pf-m-secondary {
15728
- --pf-v6-c-tab-content--BackgroundColor: var(--pf-v6-c-tab-content--m-secondary--BackgroundColor);
15677
+
15678
+ .pf-v6-c-switch__input:disabled {
15679
+ cursor: not-allowed;
15729
15680
  }
15730
15681
 
15731
- .pf-v6-c-tab-content__body {
15732
- padding-block-start: var(--pf-v6-c-tab-content__body--PaddingBlockStart);
15733
- padding-block-end: var(--pf-v6-c-tab-content__body--PaddingBlockEnd);
15734
- padding-inline-start: var(--pf-v6-c-tab-content__body--PaddingInlineStart);
15735
- padding-inline-end: var(--pf-v6-c-tab-content__body--PaddingInlineEnd);
15682
+ .pf-v6-c-switch__input:disabled ~ .pf-v6-c-switch__label {
15683
+ color: var(--pf-v6-c-switch__input--disabled__label--Color);
15684
+ cursor: not-allowed;
15736
15685
  }
15737
15686
 
15738
- .pf-v6-c-tab-content__body.pf-m-padding {
15739
- --pf-v6-c-tab-content__body--PaddingBlockStart: var(--pf-v6-c-tab-content__body--m-padding--PaddingBlockStart);
15740
- --pf-v6-c-tab-content__body--PaddingInlineEnd: var(--pf-v6-c-tab-content__body--m-padding--PaddingInlineEnd);
15741
- --pf-v6-c-tab-content__body--PaddingBlockEnd: var(--pf-v6-c-tab-content__body--m-padding--PaddingBlockEnd);
15742
- --pf-v6-c-tab-content__body--PaddingInlineStart: var(--pf-v6-c-tab-content__body--m-padding--PaddingInlineStart);
15687
+ .pf-v6-c-switch__input:disabled ~ .pf-v6-c-switch__toggle {
15688
+ --pf-v6-c-switch__toggle-icon--Color: var(--pf-v6-c-switch__input--disabled__toggle-icon--Color);
15689
+ cursor: not-allowed;
15690
+ background-color: var(--pf-v6-c-switch__input--disabled__toggle--BackgroundColor);
15691
+ }
15692
+
15693
+ .pf-v6-c-switch__input:disabled ~ .pf-v6-c-switch__toggle::before {
15694
+ background-color: var(--pf-v6-c-switch__input--disabled__toggle--before--BackgroundColor);
15695
+ }
15696
+
15697
+ .pf-v6-c-switch__toggle {
15698
+ position: relative;
15699
+ display: inline-block;
15700
+ width: var(--pf-v6-c-switch__toggle--Width);
15701
+ height: var(--pf-v6-c-switch__toggle--Height);
15702
+ background-color: var(--pf-v6-c-switch__toggle--BackgroundColor);
15703
+ border-radius: var(--pf-v6-c-switch__toggle--BorderRadius);
15704
+ }
15705
+
15706
+ .pf-v6-c-switch__toggle::before {
15707
+ position: absolute;
15708
+ inset-block-start: 50%;
15709
+ inset-inline-start: var(--pf-v6-c-switch__toggle--before--InsetInlineStart);
15710
+ display: block;
15711
+ width: var(--pf-v6-c-switch__toggle--before--Width);
15712
+ height: var(--pf-v6-c-switch__toggle--before--Height);
15713
+ content: "";
15714
+ background-color: var(--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor);
15715
+ border-radius: var(--pf-v6-c-switch__toggle--before--BorderRadius);
15716
+ transition: var(--pf-v6-c-switch__toggle--before--Transition);
15717
+ transform: translateY(-50%);
15718
+ }
15719
+
15720
+ .pf-v6-c-switch__toggle::after {
15721
+ position: absolute;
15722
+ inset: 0;
15723
+ content: "";
15724
+ border: var(--pf-v6-c-switch__toggle--BorderWidth) solid var(--pf-v6-c-switch__toggle--BorderColor);
15725
+ border-radius: var(--pf-v6-c-switch__toggle--BorderRadius);
15726
+ }
15727
+
15728
+ .pf-v6-c-switch__toggle-icon {
15729
+ position: absolute;
15730
+ inset-block-start: 0;
15731
+ inset-block-end: 0;
15732
+ inset-inline-start: var(--pf-v6-c-switch__toggle-icon--InsetInlineStart);
15733
+ display: flex;
15734
+ align-items: center;
15735
+ font-size: var(--pf-v6-c-switch__toggle-icon--FontSize);
15736
+ color: var(--pf-v6-c-switch__toggle-icon--Color);
15737
+ }
15738
+
15739
+ .pf-v6-c-switch__label {
15740
+ display: inline-block;
15741
+ grid-column: 2;
15742
+ vertical-align: top;
15743
15743
  }
15744
15744
 
15745
15745
  :where(:root, .pf-v6-c-tile) {
@@ -18108,6 +18108,48 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18108
18108
  display: inline-flex;
18109
18109
  }
18110
18110
  }
18111
+ :where(:root, .pf-v6-c-number-input) {
18112
+ --pf-v6-c-number-input__unit--c-input-group--MarginInlineStart: var(--pf-t--global--spacer--sm);
18113
+ --pf-v6-c-number-input__icon--FontSize: var(--pf-t--global--font--size--xs);
18114
+ --pf-v6-c-number-input--c-form-control--width-base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-t--global--border--width--box--default) * 2);
18115
+ --pf-v6-c-number-input--c-form-control--width-icon: var(--pf-t--global--spacer--xl);
18116
+ --pf-v6-c-number-input--c-form-control--width-chars: 4;
18117
+ --pf-v6-c-number-input--c-form-control--Width:
18118
+ calc(
18119
+ calc(
18120
+ var(--pf-v6-c-number-input--c-form-control--width-base) + var(--pf-v6-c-number-input--c-form-control--width-chars) * 1ch
18121
+ ) + var(--pf-v6-c-number-input--c-form-control--width-icon)
18122
+ );
18123
+ }
18124
+
18125
+ .pf-v6-c-number-input {
18126
+ display: inline-flex;
18127
+ align-items: center;
18128
+ }
18129
+
18130
+ .pf-v6-c-number-input .pf-v6-c-form-control {
18131
+ width: var(--pf-v6-c-number-input--c-form-control--Width);
18132
+ }
18133
+
18134
+ .pf-v6-c-number-input .pf-v6-c-form-control > :is(input) {
18135
+ text-align: end;
18136
+ appearance: textfield;
18137
+ }
18138
+
18139
+ .pf-v6-c-number-input .pf-v6-c-form-control > :is(input)::-webkit-inner-spin-button, .pf-v6-c-number-input .pf-v6-c-form-control > :is(input)::-webkit-outer-spin-button {
18140
+ margin: 0;
18141
+ appearance: none;
18142
+ }
18143
+
18144
+ .pf-v6-c-input-group + .pf-v6-c-number-input__unit,
18145
+ .pf-v6-c-number-input__unit + .pf-v6-c-input-group {
18146
+ margin-inline-start: var(--pf-v6-c-number-input__unit--c-input-group--MarginInlineStart);
18147
+ }
18148
+
18149
+ .pf-v6-c-number-input__icon {
18150
+ font-size: var(--pf-v6-c-number-input__icon--FontSize);
18151
+ }
18152
+
18111
18153
  :where(:root, .pf-v6-c-tooltip) {
18112
18154
  --pf-v6-c-tooltip--MaxWidth: 18.75rem;
18113
18155
  --pf-v6-c-tooltip--BoxShadow: var(--pf-t--global--box-shadow--md);
@@ -18239,48 +18281,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18239
18281
  transform: translateX(var(--pf-v6-c-tooltip__arrow--TranslateX, 0)) translateY(var(--pf-v6-c-tooltip__arrow--TranslateY, 0)) rotate(var(--pf-v6-c-tooltip__arrow--Rotate, 0));
18240
18282
  }
18241
18283
 
18242
- :where(:root, .pf-v6-c-number-input) {
18243
- --pf-v6-c-number-input__unit--c-input-group--MarginInlineStart: var(--pf-t--global--spacer--sm);
18244
- --pf-v6-c-number-input__icon--FontSize: var(--pf-t--global--font--size--xs);
18245
- --pf-v6-c-number-input--c-form-control--width-base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-t--global--border--width--box--default) * 2);
18246
- --pf-v6-c-number-input--c-form-control--width-icon: var(--pf-t--global--spacer--xl);
18247
- --pf-v6-c-number-input--c-form-control--width-chars: 4;
18248
- --pf-v6-c-number-input--c-form-control--Width:
18249
- calc(
18250
- calc(
18251
- var(--pf-v6-c-number-input--c-form-control--width-base) + var(--pf-v6-c-number-input--c-form-control--width-chars) * 1ch
18252
- ) + var(--pf-v6-c-number-input--c-form-control--width-icon)
18253
- );
18254
- }
18255
-
18256
- .pf-v6-c-number-input {
18257
- display: inline-flex;
18258
- align-items: center;
18259
- }
18260
-
18261
- .pf-v6-c-number-input .pf-v6-c-form-control {
18262
- width: var(--pf-v6-c-number-input--c-form-control--Width);
18263
- }
18264
-
18265
- .pf-v6-c-number-input .pf-v6-c-form-control > :is(input) {
18266
- text-align: end;
18267
- appearance: textfield;
18268
- }
18269
-
18270
- .pf-v6-c-number-input .pf-v6-c-form-control > :is(input)::-webkit-inner-spin-button, .pf-v6-c-number-input .pf-v6-c-form-control > :is(input)::-webkit-outer-spin-button {
18271
- margin: 0;
18272
- appearance: none;
18273
- }
18274
-
18275
- .pf-v6-c-input-group + .pf-v6-c-number-input__unit,
18276
- .pf-v6-c-number-input__unit + .pf-v6-c-input-group {
18277
- margin-inline-start: var(--pf-v6-c-number-input__unit--c-input-group--MarginInlineStart);
18278
- }
18279
-
18280
- .pf-v6-c-number-input__icon {
18281
- font-size: var(--pf-v6-c-number-input__icon--FontSize);
18282
- }
18283
-
18284
18284
  :where(:root, .pf-v6-c-tree-view) {
18285
18285
  --pf-v6-c-tree-view__node--indent--base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth));
18286
18286
  --pf-v6-c-tree-view__node--nested-indent--base: calc(var(--pf-v6-c-tree-view__node--indent--base) - var(--pf-t--global--spacer--md));
@@ -22144,6 +22144,21 @@ label.pf-v6-c-tree-view__node-text {
22144
22144
  --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max))))));
22145
22145
  }
22146
22146
  }
22147
+ :where(:root, .pf-v6-l-level) {
22148
+ --pf-v6-l-level--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
22149
+ }
22150
+
22151
+ .pf-v6-l-level {
22152
+ display: flex;
22153
+ flex-wrap: wrap;
22154
+ align-items: center;
22155
+ justify-content: space-between;
22156
+ }
22157
+
22158
+ .pf-v6-l-level.pf-m-gutter {
22159
+ gap: var(--pf-v6-l-level--m-gutter--Gap);
22160
+ }
22161
+
22147
22162
  :where(:root, .pf-v6-l-grid) {
22148
22163
  --pf-v6-l-grid--m-gutter--GridGap: var(--pf-t--global--spacer--gutter--default);
22149
22164
  --pf-v6-l-grid__item--GridColumnStart: auto;
@@ -23131,21 +23146,6 @@ label.pf-v6-c-tree-view__node-text {
23131
23146
  grid-gap: var(--pf-v6-l-grid--m-gutter--GridGap);
23132
23147
  }
23133
23148
 
23134
- :where(:root, .pf-v6-l-level) {
23135
- --pf-v6-l-level--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
23136
- }
23137
-
23138
- .pf-v6-l-level {
23139
- display: flex;
23140
- flex-wrap: wrap;
23141
- align-items: center;
23142
- justify-content: space-between;
23143
- }
23144
-
23145
- .pf-v6-l-level.pf-m-gutter {
23146
- gap: var(--pf-v6-l-level--m-gutter--Gap);
23147
- }
23148
-
23149
23149
  :where(:root, .pf-v6-l-split) {
23150
23150
  --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
23151
23151
  }