@patternfly/react-tokens 6.5.0-prerelease.17 → 6.5.0-prerelease.19

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 (146) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/esm/c_compass.d.ts +18 -135
  3. package/dist/esm/c_compass.js +18 -135
  4. package/dist/esm/c_drawer.d.ts +17 -5
  5. package/dist/esm/c_drawer.js +17 -5
  6. package/dist/esm/c_drawer_m_pill__panel_BorderColor.d.ts +1 -1
  7. package/dist/esm/c_drawer_m_pill__panel_BorderColor.js +1 -1
  8. package/dist/esm/c_drawer_m_pill_m_expanded__panel_BoxShadow.d.ts +6 -0
  9. package/dist/esm/c_drawer_m_pill_m_expanded__panel_BoxShadow.js +6 -0
  10. package/dist/esm/c_page.d.ts +88 -0
  11. package/dist/esm/c_page.js +88 -0
  12. package/dist/esm/c_page__dock_m_expanded__dock_main_BoxShadow.d.ts +6 -0
  13. package/dist/esm/c_page__dock_m_expanded__dock_main_BoxShadow.js +6 -0
  14. package/dist/esm/c_page__dock_main_BoxShadow.d.ts +1 -1
  15. package/dist/esm/c_page__dock_main_BoxShadow.js +1 -1
  16. package/dist/esm/c_page__main_container_MarginBlockStart_glass.d.ts +6 -0
  17. package/dist/esm/c_page__main_container_MarginBlockStart_glass.js +6 -0
  18. package/dist/esm/c_page__sidebar_MarginBlockStart.d.ts +1 -1
  19. package/dist/esm/c_page__sidebar_MarginBlockStart.js +1 -1
  20. package/dist/esm/c_page__sidebar_MarginBlockStart_glass.d.ts +6 -0
  21. package/dist/esm/c_page__sidebar_MarginBlockStart_glass.js +6 -0
  22. package/dist/esm/c_panel.d.ts +73 -13
  23. package/dist/esm/c_panel.js +73 -13
  24. package/dist/esm/c_panel_BorderRadius.d.ts +1 -1
  25. package/dist/esm/c_panel_BorderRadius.js +1 -1
  26. package/dist/esm/c_panel__main_MaxHeight.d.ts +1 -1
  27. package/dist/esm/c_panel__main_MaxHeight.js +1 -1
  28. package/dist/esm/c_panel__main_body_PaddingBlockEnd.d.ts +1 -1
  29. package/dist/esm/c_panel__main_body_PaddingBlockEnd.js +1 -1
  30. package/dist/esm/c_panel__main_body_PaddingBlockStart.d.ts +1 -1
  31. package/dist/esm/c_panel__main_body_PaddingBlockStart.js +1 -1
  32. package/dist/esm/c_panel_before_BorderWidth.d.ts +1 -1
  33. package/dist/esm/c_panel_before_BorderWidth.js +1 -1
  34. package/dist/esm/c_panel_m_no_border_before_BorderWidth.d.ts +6 -0
  35. package/dist/esm/c_panel_m_no_border_before_BorderWidth.js +6 -0
  36. package/dist/esm/c_panel_m_pill_BorderRadius.d.ts +6 -0
  37. package/dist/esm/c_panel_m_pill_BorderRadius.js +6 -0
  38. package/dist/esm/c_panel_m_raised_BorderRadius.d.ts +6 -0
  39. package/dist/esm/c_panel_m_raised_BorderRadius.js +6 -0
  40. package/dist/esm/c_toggle_group.d.ts +20 -6
  41. package/dist/esm/c_toggle_group.js +20 -6
  42. package/dist/esm/c_toggle_group__button_PaddingBlockEnd.d.ts +1 -1
  43. package/dist/esm/c_toggle_group__button_PaddingBlockEnd.js +1 -1
  44. package/dist/esm/c_toggle_group__button_PaddingBlockStart.d.ts +1 -1
  45. package/dist/esm/c_toggle_group__button_PaddingBlockStart.js +1 -1
  46. package/dist/esm/c_toggle_group_m_compact__button_PaddingBlockEnd.d.ts +1 -1
  47. package/dist/esm/c_toggle_group_m_compact__button_PaddingBlockEnd.js +1 -1
  48. package/dist/esm/c_toggle_group_m_compact__button_PaddingBlockStart.d.ts +1 -1
  49. package/dist/esm/c_toggle_group_m_compact__button_PaddingBlockStart.js +1 -1
  50. package/dist/esm/index.d.ts +11 -15
  51. package/dist/esm/index.js +11 -15
  52. package/dist/js/c_compass.d.ts +18 -135
  53. package/dist/js/c_compass.js +18 -135
  54. package/dist/js/c_drawer.d.ts +17 -5
  55. package/dist/js/c_drawer.js +17 -5
  56. package/dist/js/c_drawer_m_pill__panel_BorderColor.d.ts +1 -1
  57. package/dist/js/c_drawer_m_pill__panel_BorderColor.js +1 -1
  58. package/dist/js/c_drawer_m_pill_m_expanded__panel_BoxShadow.d.ts +6 -0
  59. package/dist/js/c_drawer_m_pill_m_expanded__panel_BoxShadow.js +8 -0
  60. package/dist/js/c_page.d.ts +88 -0
  61. package/dist/js/c_page.js +88 -0
  62. package/dist/js/c_page__dock_m_expanded__dock_main_BoxShadow.d.ts +6 -0
  63. package/dist/js/c_page__dock_m_expanded__dock_main_BoxShadow.js +8 -0
  64. package/dist/js/c_page__dock_main_BoxShadow.d.ts +1 -1
  65. package/dist/js/c_page__dock_main_BoxShadow.js +1 -1
  66. package/dist/js/c_page__main_container_MarginBlockStart_glass.d.ts +6 -0
  67. package/dist/js/c_page__main_container_MarginBlockStart_glass.js +8 -0
  68. package/dist/js/c_page__sidebar_MarginBlockStart.d.ts +1 -1
  69. package/dist/js/c_page__sidebar_MarginBlockStart.js +1 -1
  70. package/dist/js/c_page__sidebar_MarginBlockStart_glass.d.ts +6 -0
  71. package/dist/js/c_page__sidebar_MarginBlockStart_glass.js +8 -0
  72. package/dist/js/c_panel.d.ts +73 -13
  73. package/dist/js/c_panel.js +73 -13
  74. package/dist/js/c_panel_BorderRadius.d.ts +1 -1
  75. package/dist/js/c_panel_BorderRadius.js +1 -1
  76. package/dist/js/c_panel__main_MaxHeight.d.ts +1 -1
  77. package/dist/js/c_panel__main_MaxHeight.js +1 -1
  78. package/dist/js/c_panel__main_body_PaddingBlockEnd.d.ts +1 -1
  79. package/dist/js/c_panel__main_body_PaddingBlockEnd.js +1 -1
  80. package/dist/js/c_panel__main_body_PaddingBlockStart.d.ts +1 -1
  81. package/dist/js/c_panel__main_body_PaddingBlockStart.js +1 -1
  82. package/dist/js/c_panel_before_BorderWidth.d.ts +1 -1
  83. package/dist/js/c_panel_before_BorderWidth.js +1 -1
  84. package/dist/js/c_panel_m_no_border_before_BorderWidth.d.ts +6 -0
  85. package/dist/js/c_panel_m_no_border_before_BorderWidth.js +8 -0
  86. package/dist/js/c_panel_m_pill_BorderRadius.d.ts +6 -0
  87. package/dist/js/c_panel_m_pill_BorderRadius.js +8 -0
  88. package/dist/js/c_panel_m_raised_BorderRadius.d.ts +6 -0
  89. package/dist/js/c_panel_m_raised_BorderRadius.js +8 -0
  90. package/dist/js/c_toggle_group.d.ts +20 -6
  91. package/dist/js/c_toggle_group.js +20 -6
  92. package/dist/js/c_toggle_group__button_PaddingBlockEnd.d.ts +1 -1
  93. package/dist/js/c_toggle_group__button_PaddingBlockEnd.js +1 -1
  94. package/dist/js/c_toggle_group__button_PaddingBlockStart.d.ts +1 -1
  95. package/dist/js/c_toggle_group__button_PaddingBlockStart.js +1 -1
  96. package/dist/js/c_toggle_group_m_compact__button_PaddingBlockEnd.d.ts +1 -1
  97. package/dist/js/c_toggle_group_m_compact__button_PaddingBlockEnd.js +1 -1
  98. package/dist/js/c_toggle_group_m_compact__button_PaddingBlockStart.d.ts +1 -1
  99. package/dist/js/c_toggle_group_m_compact__button_PaddingBlockStart.js +1 -1
  100. package/dist/js/index.d.ts +11 -15
  101. package/dist/js/index.js +11 -15
  102. package/package.json +3 -3
  103. package/dist/esm/c_compass__panel_BackdropFilter.d.ts +0 -6
  104. package/dist/esm/c_compass__panel_BackdropFilter.js +0 -6
  105. package/dist/esm/c_compass__panel_BackgroundColor.d.ts +0 -6
  106. package/dist/esm/c_compass__panel_BackgroundColor.js +0 -6
  107. package/dist/esm/c_compass__panel_BorderColor.d.ts +0 -6
  108. package/dist/esm/c_compass__panel_BorderColor.js +0 -6
  109. package/dist/esm/c_compass__panel_BorderRadius.d.ts +0 -6
  110. package/dist/esm/c_compass__panel_BorderRadius.js +0 -6
  111. package/dist/esm/c_compass__panel_BorderWidth.d.ts +0 -6
  112. package/dist/esm/c_compass__panel_BorderWidth.js +0 -6
  113. package/dist/esm/c_compass__panel_BoxShadow.d.ts +0 -6
  114. package/dist/esm/c_compass__panel_BoxShadow.js +0 -6
  115. package/dist/esm/c_compass__panel_PaddingBlockEnd.d.ts +0 -6
  116. package/dist/esm/c_compass__panel_PaddingBlockEnd.js +0 -6
  117. package/dist/esm/c_compass__panel_PaddingBlockStart.d.ts +0 -6
  118. package/dist/esm/c_compass__panel_PaddingBlockStart.js +0 -6
  119. package/dist/esm/c_compass__panel_PaddingInlineEnd.d.ts +0 -6
  120. package/dist/esm/c_compass__panel_PaddingInlineEnd.js +0 -6
  121. package/dist/esm/c_compass__panel_PaddingInlineStart.d.ts +0 -6
  122. package/dist/esm/c_compass__panel_PaddingInlineStart.js +0 -6
  123. package/dist/esm/c_compass__panel_m_pill_BorderRadius.d.ts +0 -6
  124. package/dist/esm/c_compass__panel_m_pill_BorderRadius.js +0 -6
  125. package/dist/js/c_compass__panel_BackdropFilter.d.ts +0 -6
  126. package/dist/js/c_compass__panel_BackdropFilter.js +0 -8
  127. package/dist/js/c_compass__panel_BackgroundColor.d.ts +0 -6
  128. package/dist/js/c_compass__panel_BackgroundColor.js +0 -8
  129. package/dist/js/c_compass__panel_BorderColor.d.ts +0 -6
  130. package/dist/js/c_compass__panel_BorderColor.js +0 -8
  131. package/dist/js/c_compass__panel_BorderRadius.d.ts +0 -6
  132. package/dist/js/c_compass__panel_BorderRadius.js +0 -8
  133. package/dist/js/c_compass__panel_BorderWidth.d.ts +0 -6
  134. package/dist/js/c_compass__panel_BorderWidth.js +0 -8
  135. package/dist/js/c_compass__panel_BoxShadow.d.ts +0 -6
  136. package/dist/js/c_compass__panel_BoxShadow.js +0 -8
  137. package/dist/js/c_compass__panel_PaddingBlockEnd.d.ts +0 -6
  138. package/dist/js/c_compass__panel_PaddingBlockEnd.js +0 -8
  139. package/dist/js/c_compass__panel_PaddingBlockStart.d.ts +0 -6
  140. package/dist/js/c_compass__panel_PaddingBlockStart.js +0 -8
  141. package/dist/js/c_compass__panel_PaddingInlineEnd.d.ts +0 -6
  142. package/dist/js/c_compass__panel_PaddingInlineEnd.js +0 -8
  143. package/dist/js/c_compass__panel_PaddingInlineStart.d.ts +0 -6
  144. package/dist/js/c_compass__panel_PaddingInlineStart.js +0 -8
  145. package/dist/js/c_compass__panel_m_pill_BorderRadius.d.ts +0 -6
  146. package/dist/js/c_compass__panel_m_pill_BorderRadius.js +0 -8
@@ -127,6 +127,10 @@ export const c_page: {
127
127
  },
128
128
  "c_page__dock_main_BoxShadow": {
129
129
  "name": "--pf-v6-c-page__dock-main--BoxShadow",
130
+ "value": "none"
131
+ },
132
+ "c_page__dock_m_expanded__dock_main_BoxShadow": {
133
+ "name": "--pf-v6-c-page__dock--m-expanded__dock-main--BoxShadow",
130
134
  "value": "4px\n 0px\n 6px\n -4px\n rgba(41, 41, 41, 0.2000)",
131
135
  "values": [
132
136
  "--pf-t--global--box-shadow--sm--right",
@@ -1194,6 +1198,16 @@ export const c_page: {
1194
1198
  "calc(18.125rem + 1.5rem * 2)"
1195
1199
  ]
1196
1200
  },
1201
+ "c_page__sidebar_MarginBlockStart_glass": {
1202
+ "name": "--pf-v6-c-page__sidebar--MarginBlockStart--glass",
1203
+ "value": "1.5rem",
1204
+ "values": [
1205
+ "--pf-t--global--spacer--inset--page-chrome",
1206
+ "--pf-t--global--spacer--lg",
1207
+ "--pf-t--global--spacer--400",
1208
+ "1.5rem"
1209
+ ]
1210
+ },
1197
1211
  "c_page__sidebar_body_PaddingInlineStart_glass": {
1198
1212
  "name": "--pf-v6-c-page__sidebar-body--PaddingInlineStart--glass",
1199
1213
  "value": "1.5rem",
@@ -1362,6 +1376,16 @@ export const c_page: {
1362
1376
  "--pf-t--global--spacer--400",
1363
1377
  "1.5rem"
1364
1378
  ]
1379
+ },
1380
+ "c_page__main_container_MarginBlockStart_glass": {
1381
+ "name": "--pf-v6-c-page__main-container--MarginBlockStart--glass",
1382
+ "value": "1.5rem",
1383
+ "values": [
1384
+ "--pf-t--global--spacer--inset--page-chrome",
1385
+ "--pf-t--global--spacer--lg",
1386
+ "--pf-t--global--spacer--400",
1387
+ "1.5rem"
1388
+ ]
1365
1389
  }
1366
1390
  },
1367
1391
  ":where(.pf-v6-theme-glass) .pf-v6-c-page": {
@@ -1384,6 +1408,17 @@ export const c_page: {
1384
1408
  "calc(18.125rem + 1.5rem * 2)"
1385
1409
  ]
1386
1410
  },
1411
+ "c_page__sidebar_MarginBlockStart": {
1412
+ "name": "--pf-v6-c-page__sidebar--MarginBlockStart",
1413
+ "value": "1.5rem",
1414
+ "values": [
1415
+ "--pf-v6-c-page__sidebar--MarginBlockStart--glass",
1416
+ "--pf-t--global--spacer--inset--page-chrome",
1417
+ "--pf-t--global--spacer--lg",
1418
+ "--pf-t--global--spacer--400",
1419
+ "1.5rem"
1420
+ ]
1421
+ },
1387
1422
  "c_page__sidebar_body_PaddingInlineStart": {
1388
1423
  "name": "--pf-v6-c-page__sidebar-body--PaddingInlineStart",
1389
1424
  "value": "1.5rem",
@@ -1533,6 +1568,17 @@ export const c_page: {
1533
1568
  "--pf-t--global--box-shadow--X--400\n --pf-t--global--box-shadow--Y--600\n --pf-t--global--box-shadow--blur--200\n --pf-t--global--box-shadow--spread--100\n --pf-t--global--box-shadow--color--100",
1534
1569
  "0px\n 4px\n 10px\n 0px\n rgba(41, 41, 41, 0.1500)"
1535
1570
  ]
1571
+ },
1572
+ "c_page__main_container_MarginBlockStart": {
1573
+ "name": "--pf-v6-c-page__main-container--MarginBlockStart",
1574
+ "value": "1.5rem",
1575
+ "values": [
1576
+ "--pf-v6-c-page__main-container--MarginBlockStart--glass",
1577
+ "--pf-t--global--spacer--inset--page-chrome",
1578
+ "--pf-t--global--spacer--lg",
1579
+ "--pf-t--global--spacer--400",
1580
+ "1.5rem"
1581
+ ]
1536
1582
  }
1537
1583
  },
1538
1584
  ".pf-v6-c-page.pf-m-docked": {
@@ -1651,6 +1697,48 @@ export const c_page: {
1651
1697
  "value": "1"
1652
1698
  }
1653
1699
  },
1700
+ ".pf-v6-c-page .pf-v6-c-page__dock.pf-m-expanded .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger": {
1701
+ "c_button_hamburger_icon_top_path": {
1702
+ "name": "--pf-v6-c-button--hamburger-icon--top--path",
1703
+ "value": "path(\"M5,1 L9,1\")",
1704
+ "values": [
1705
+ "--pf-v6-c-button--hamburger-icon--top--collapse--path",
1706
+ "path(\"M5,1 L9,1\")"
1707
+ ]
1708
+ },
1709
+ "c_button_hamburger_icon_arrow_path": {
1710
+ "name": "--pf-v6-c-button--hamburger-icon--arrow--path",
1711
+ "value": "path(\"M3,7 L1,5 L3,3\")",
1712
+ "values": [
1713
+ "--pf-v6-c-button--hamburger-icon--arrow--collapse--path",
1714
+ "path(\"M3,7 L1,5 L3,3\")"
1715
+ ]
1716
+ },
1717
+ "c_button_hamburger_icon_bottom_path": {
1718
+ "name": "--pf-v6-c-button--hamburger-icon--bottom--path",
1719
+ "value": "path(\"M9,9 L5,9\")",
1720
+ "values": [
1721
+ "--pf-v6-c-button--hamburger-icon--bottom--collapse--path",
1722
+ "path(\"M9,9 L5,9\")"
1723
+ ]
1724
+ },
1725
+ "c_button__icon_TransitionDelay": {
1726
+ "name": "--pf-v6-c-button__icon--TransitionDelay",
1727
+ "value": "0s"
1728
+ },
1729
+ "c_button__icon_ScaleX": {
1730
+ "name": "--pf-v6-c-button__icon--ScaleX",
1731
+ "value": "1"
1732
+ },
1733
+ "c_button_hover__icon_TransitionDelay": {
1734
+ "name": "--pf-v6-c-button--hover__icon--TransitionDelay",
1735
+ "value": "0s"
1736
+ },
1737
+ "c_button_hover__icon_ScaleX": {
1738
+ "name": "--pf-v6-c-button--hover__icon--ScaleX",
1739
+ "value": "1"
1740
+ }
1741
+ },
1654
1742
  ".pf-v6-c-page.pf-m-docked > .pf-v6-c-masthead": {
1655
1743
  "c_masthead_m_display_inline_GridTemplateColumns": {
1656
1744
  "name": "--pf-v6-c-masthead--m-display-inline--GridTemplateColumns",
@@ -127,6 +127,10 @@ export const c_page = {
127
127
  },
128
128
  "c_page__dock_main_BoxShadow": {
129
129
  "name": "--pf-v6-c-page__dock-main--BoxShadow",
130
+ "value": "none"
131
+ },
132
+ "c_page__dock_m_expanded__dock_main_BoxShadow": {
133
+ "name": "--pf-v6-c-page__dock--m-expanded__dock-main--BoxShadow",
130
134
  "value": "4px\n 0px\n 6px\n -4px\n rgba(41, 41, 41, 0.2000)",
131
135
  "values": [
132
136
  "--pf-t--global--box-shadow--sm--right",
@@ -1194,6 +1198,16 @@ export const c_page = {
1194
1198
  "calc(18.125rem + 1.5rem * 2)"
1195
1199
  ]
1196
1200
  },
1201
+ "c_page__sidebar_MarginBlockStart_glass": {
1202
+ "name": "--pf-v6-c-page__sidebar--MarginBlockStart--glass",
1203
+ "value": "1.5rem",
1204
+ "values": [
1205
+ "--pf-t--global--spacer--inset--page-chrome",
1206
+ "--pf-t--global--spacer--lg",
1207
+ "--pf-t--global--spacer--400",
1208
+ "1.5rem"
1209
+ ]
1210
+ },
1197
1211
  "c_page__sidebar_body_PaddingInlineStart_glass": {
1198
1212
  "name": "--pf-v6-c-page__sidebar-body--PaddingInlineStart--glass",
1199
1213
  "value": "1.5rem",
@@ -1362,6 +1376,16 @@ export const c_page = {
1362
1376
  "--pf-t--global--spacer--400",
1363
1377
  "1.5rem"
1364
1378
  ]
1379
+ },
1380
+ "c_page__main_container_MarginBlockStart_glass": {
1381
+ "name": "--pf-v6-c-page__main-container--MarginBlockStart--glass",
1382
+ "value": "1.5rem",
1383
+ "values": [
1384
+ "--pf-t--global--spacer--inset--page-chrome",
1385
+ "--pf-t--global--spacer--lg",
1386
+ "--pf-t--global--spacer--400",
1387
+ "1.5rem"
1388
+ ]
1365
1389
  }
1366
1390
  },
1367
1391
  ":where(.pf-v6-theme-glass) .pf-v6-c-page": {
@@ -1384,6 +1408,17 @@ export const c_page = {
1384
1408
  "calc(18.125rem + 1.5rem * 2)"
1385
1409
  ]
1386
1410
  },
1411
+ "c_page__sidebar_MarginBlockStart": {
1412
+ "name": "--pf-v6-c-page__sidebar--MarginBlockStart",
1413
+ "value": "1.5rem",
1414
+ "values": [
1415
+ "--pf-v6-c-page__sidebar--MarginBlockStart--glass",
1416
+ "--pf-t--global--spacer--inset--page-chrome",
1417
+ "--pf-t--global--spacer--lg",
1418
+ "--pf-t--global--spacer--400",
1419
+ "1.5rem"
1420
+ ]
1421
+ },
1387
1422
  "c_page__sidebar_body_PaddingInlineStart": {
1388
1423
  "name": "--pf-v6-c-page__sidebar-body--PaddingInlineStart",
1389
1424
  "value": "1.5rem",
@@ -1533,6 +1568,17 @@ export const c_page = {
1533
1568
  "--pf-t--global--box-shadow--X--400\n --pf-t--global--box-shadow--Y--600\n --pf-t--global--box-shadow--blur--200\n --pf-t--global--box-shadow--spread--100\n --pf-t--global--box-shadow--color--100",
1534
1569
  "0px\n 4px\n 10px\n 0px\n rgba(41, 41, 41, 0.1500)"
1535
1570
  ]
1571
+ },
1572
+ "c_page__main_container_MarginBlockStart": {
1573
+ "name": "--pf-v6-c-page__main-container--MarginBlockStart",
1574
+ "value": "1.5rem",
1575
+ "values": [
1576
+ "--pf-v6-c-page__main-container--MarginBlockStart--glass",
1577
+ "--pf-t--global--spacer--inset--page-chrome",
1578
+ "--pf-t--global--spacer--lg",
1579
+ "--pf-t--global--spacer--400",
1580
+ "1.5rem"
1581
+ ]
1536
1582
  }
1537
1583
  },
1538
1584
  ".pf-v6-c-page.pf-m-docked": {
@@ -1651,6 +1697,48 @@ export const c_page = {
1651
1697
  "value": "1"
1652
1698
  }
1653
1699
  },
1700
+ ".pf-v6-c-page .pf-v6-c-page__dock.pf-m-expanded .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger": {
1701
+ "c_button_hamburger_icon_top_path": {
1702
+ "name": "--pf-v6-c-button--hamburger-icon--top--path",
1703
+ "value": "path(\"M5,1 L9,1\")",
1704
+ "values": [
1705
+ "--pf-v6-c-button--hamburger-icon--top--collapse--path",
1706
+ "path(\"M5,1 L9,1\")"
1707
+ ]
1708
+ },
1709
+ "c_button_hamburger_icon_arrow_path": {
1710
+ "name": "--pf-v6-c-button--hamburger-icon--arrow--path",
1711
+ "value": "path(\"M3,7 L1,5 L3,3\")",
1712
+ "values": [
1713
+ "--pf-v6-c-button--hamburger-icon--arrow--collapse--path",
1714
+ "path(\"M3,7 L1,5 L3,3\")"
1715
+ ]
1716
+ },
1717
+ "c_button_hamburger_icon_bottom_path": {
1718
+ "name": "--pf-v6-c-button--hamburger-icon--bottom--path",
1719
+ "value": "path(\"M9,9 L5,9\")",
1720
+ "values": [
1721
+ "--pf-v6-c-button--hamburger-icon--bottom--collapse--path",
1722
+ "path(\"M9,9 L5,9\")"
1723
+ ]
1724
+ },
1725
+ "c_button__icon_TransitionDelay": {
1726
+ "name": "--pf-v6-c-button__icon--TransitionDelay",
1727
+ "value": "0s"
1728
+ },
1729
+ "c_button__icon_ScaleX": {
1730
+ "name": "--pf-v6-c-button__icon--ScaleX",
1731
+ "value": "1"
1732
+ },
1733
+ "c_button_hover__icon_TransitionDelay": {
1734
+ "name": "--pf-v6-c-button--hover__icon--TransitionDelay",
1735
+ "value": "0s"
1736
+ },
1737
+ "c_button_hover__icon_ScaleX": {
1738
+ "name": "--pf-v6-c-button--hover__icon--ScaleX",
1739
+ "value": "1"
1740
+ }
1741
+ },
1654
1742
  ".pf-v6-c-page.pf-m-docked > .pf-v6-c-masthead": {
1655
1743
  "c_masthead_m_display_inline_GridTemplateColumns": {
1656
1744
  "name": "--pf-v6-c-masthead--m-display-inline--GridTemplateColumns",
@@ -0,0 +1,6 @@
1
+ export const c_page__dock_m_expanded__dock_main_BoxShadow: {
2
+ "name": "--pf-v6-c-page__dock--m-expanded__dock-main--BoxShadow",
3
+ "value": "4px\n 0px\n 6px\n -4px\n rgba(41, 41, 41, 0.2000)",
4
+ "var": "var(--pf-v6-c-page__dock--m-expanded__dock-main--BoxShadow)"
5
+ };
6
+ export default c_page__dock_m_expanded__dock_main_BoxShadow;
@@ -0,0 +1,6 @@
1
+ export const c_page__dock_m_expanded__dock_main_BoxShadow = {
2
+ "name": "--pf-v6-c-page__dock--m-expanded__dock-main--BoxShadow",
3
+ "value": "4px\n 0px\n 6px\n -4px\n rgba(41, 41, 41, 0.2000)",
4
+ "var": "var(--pf-v6-c-page__dock--m-expanded__dock-main--BoxShadow)"
5
+ };
6
+ export default c_page__dock_m_expanded__dock_main_BoxShadow;
@@ -1,6 +1,6 @@
1
1
  export const c_page__dock_main_BoxShadow: {
2
2
  "name": "--pf-v6-c-page__dock-main--BoxShadow",
3
- "value": "4px\n 0px\n 6px\n -4px\n rgba(41, 41, 41, 0.2000)",
3
+ "value": "none",
4
4
  "var": "var(--pf-v6-c-page__dock-main--BoxShadow)"
5
5
  };
6
6
  export default c_page__dock_main_BoxShadow;
@@ -1,6 +1,6 @@
1
1
  export const c_page__dock_main_BoxShadow = {
2
2
  "name": "--pf-v6-c-page__dock-main--BoxShadow",
3
- "value": "4px\n 0px\n 6px\n -4px\n rgba(41, 41, 41, 0.2000)",
3
+ "value": "none",
4
4
  "var": "var(--pf-v6-c-page__dock-main--BoxShadow)"
5
5
  };
6
6
  export default c_page__dock_main_BoxShadow;
@@ -0,0 +1,6 @@
1
+ export const c_page__main_container_MarginBlockStart_glass: {
2
+ "name": "--pf-v6-c-page__main-container--MarginBlockStart--glass",
3
+ "value": "1.5rem",
4
+ "var": "var(--pf-v6-c-page__main-container--MarginBlockStart--glass)"
5
+ };
6
+ export default c_page__main_container_MarginBlockStart_glass;
@@ -0,0 +1,6 @@
1
+ export const c_page__main_container_MarginBlockStart_glass = {
2
+ "name": "--pf-v6-c-page__main-container--MarginBlockStart--glass",
3
+ "value": "1.5rem",
4
+ "var": "var(--pf-v6-c-page__main-container--MarginBlockStart--glass)"
5
+ };
6
+ export default c_page__main_container_MarginBlockStart_glass;
@@ -1,6 +1,6 @@
1
1
  export const c_page__sidebar_MarginBlockStart: {
2
2
  "name": "--pf-v6-c-page__sidebar--MarginBlockStart",
3
- "value": "0",
3
+ "value": "1.5rem",
4
4
  "var": "var(--pf-v6-c-page__sidebar--MarginBlockStart)"
5
5
  };
6
6
  export default c_page__sidebar_MarginBlockStart;
@@ -1,6 +1,6 @@
1
1
  export const c_page__sidebar_MarginBlockStart = {
2
2
  "name": "--pf-v6-c-page__sidebar--MarginBlockStart",
3
- "value": "0",
3
+ "value": "1.5rem",
4
4
  "var": "var(--pf-v6-c-page__sidebar--MarginBlockStart)"
5
5
  };
6
6
  export default c_page__sidebar_MarginBlockStart;
@@ -0,0 +1,6 @@
1
+ export const c_page__sidebar_MarginBlockStart_glass: {
2
+ "name": "--pf-v6-c-page__sidebar--MarginBlockStart--glass",
3
+ "value": "1.5rem",
4
+ "var": "var(--pf-v6-c-page__sidebar--MarginBlockStart--glass)"
5
+ };
6
+ export default c_page__sidebar_MarginBlockStart_glass;
@@ -0,0 +1,6 @@
1
+ export const c_page__sidebar_MarginBlockStart_glass = {
2
+ "name": "--pf-v6-c-page__sidebar--MarginBlockStart--glass",
3
+ "value": "1.5rem",
4
+ "var": "var(--pf-v6-c-page__sidebar--MarginBlockStart--glass)"
5
+ };
6
+ export default c_page__sidebar_MarginBlockStart_glass;
@@ -28,11 +28,11 @@ export const c_panel: {
28
28
  },
29
29
  "c_panel_BorderRadius": {
30
30
  "name": "--pf-v6-c-panel--BorderRadius",
31
- "value": "6px",
31
+ "value": "16px",
32
32
  "values": [
33
- "--pf-t--global--border--radius--small",
34
- "--pf-t--global--border--radius--200",
35
- "6px"
33
+ "--pf-t--global--border--radius--medium",
34
+ "--pf-t--global--border--radius--300",
35
+ "16px"
36
36
  ]
37
37
  },
38
38
  "c_panel_before_BorderWidth": {
@@ -84,6 +84,10 @@ export const c_panel: {
84
84
  "#c7c7c7"
85
85
  ]
86
86
  },
87
+ "c_panel_m_no_border_before_BorderWidth": {
88
+ "name": "--pf-v6-c-panel--m-no-border--before--BorderWidth",
89
+ "value": "0"
90
+ },
87
91
  "c_panel_m_raised_BoxShadow": {
88
92
  "name": "--pf-v6-c-panel--m-raised--BoxShadow",
89
93
  "value": "0px\n 4px\n 10px\n 0px\n rgba(41, 41, 41, 0.1500)",
@@ -112,6 +116,15 @@ export const c_panel: {
112
116
  "0px"
113
117
  ]
114
118
  },
119
+ "c_panel_m_raised_BorderRadius": {
120
+ "name": "--pf-v6-c-panel--m-raised--BorderRadius",
121
+ "value": "6px",
122
+ "values": [
123
+ "--pf-t--global--border--radius--small",
124
+ "--pf-t--global--border--radius--200",
125
+ "6px"
126
+ ]
127
+ },
115
128
  "c_panel__header_PaddingBlockStart": {
116
129
  "name": "--pf-v6-c-panel__header--PaddingBlockStart",
117
130
  "value": "1rem",
@@ -158,11 +171,11 @@ export const c_panel: {
158
171
  },
159
172
  "c_panel__main_body_PaddingBlockStart": {
160
173
  "name": "--pf-v6-c-panel__main-body--PaddingBlockStart",
161
- "value": "1rem",
174
+ "value": "1.5rem",
162
175
  "values": [
163
- "--pf-t--global--spacer--md",
164
- "--pf-t--global--spacer--300",
165
- "1rem"
176
+ "--pf-t--global--spacer--lg",
177
+ "--pf-t--global--spacer--400",
178
+ "1.5rem"
166
179
  ]
167
180
  },
168
181
  "c_panel__main_body_PaddingInlineEnd": {
@@ -176,11 +189,11 @@ export const c_panel: {
176
189
  },
177
190
  "c_panel__main_body_PaddingBlockEnd": {
178
191
  "name": "--pf-v6-c-panel__main-body--PaddingBlockEnd",
179
- "value": "1rem",
192
+ "value": "1.5rem",
180
193
  "values": [
181
- "--pf-t--global--spacer--md",
182
- "--pf-t--global--spacer--300",
183
- "1rem"
194
+ "--pf-t--global--spacer--lg",
195
+ "--pf-t--global--spacer--400",
196
+ "1.5rem"
184
197
  ]
185
198
  },
186
199
  "c_panel__main_body_PaddingInlineStart": {
@@ -240,6 +253,15 @@ export const c_panel: {
240
253
  "name": "--pf-v6-c-panel__footer--BorderWidth",
241
254
  "value": "0"
242
255
  },
256
+ "c_panel_m_pill_BorderRadius": {
257
+ "name": "--pf-v6-c-panel--m-pill--BorderRadius",
258
+ "value": "999px",
259
+ "values": [
260
+ "--pf-t--global--border--radius--pill",
261
+ "--pf-t--global--border--radius--500",
262
+ "999px"
263
+ ]
264
+ },
243
265
  "c_panel_m_scrollable__main_MaxHeight": {
244
266
  "name": "--pf-v6-c-panel--m-scrollable__main--MaxHeight",
245
267
  "value": "18.75rem"
@@ -420,6 +442,16 @@ export const c_panel: {
420
442
  "--pf-t--global--border--width--high-contrast--regular",
421
443
  "0px"
422
444
  ]
445
+ },
446
+ "c_panel_BorderRadius": {
447
+ "name": "--pf-v6-c-panel--BorderRadius",
448
+ "value": "6px",
449
+ "values": [
450
+ "--pf-v6-c-panel--m-raised--BorderRadius",
451
+ "--pf-t--global--border--radius--small",
452
+ "--pf-t--global--border--radius--200",
453
+ "6px"
454
+ ]
423
455
  }
424
456
  },
425
457
  ".pf-v6-c-panel.pf-m-scrollable": {
@@ -489,7 +521,13 @@ export const c_panel: {
489
521
  ]
490
522
  }
491
523
  },
492
- ".pf-v6-c-panel.pf-m-glass": {
524
+ ".pf-v6-c-panel.pf-m-scrollable-auto-height": {
525
+ "c_panel__main_MaxHeight": {
526
+ "name": "--pf-v6-c-panel__main--MaxHeight",
527
+ "value": "100%"
528
+ }
529
+ },
530
+ ":where(.pf-v6-theme-glass) .pf-v6-c-panel.pf-m-glass": {
493
531
  "c_panel_BackgroundColor": {
494
532
  "name": "--pf-v6-c-panel--BackgroundColor",
495
533
  "value": "initial",
@@ -538,6 +576,28 @@ export const c_panel: {
538
576
  "initial"
539
577
  ]
540
578
  }
579
+ },
580
+ ".pf-v6-c-panel.pf-m-no-border": {
581
+ "c_panel_before_BorderWidth": {
582
+ "name": "--pf-v6-c-panel--before--BorderWidth",
583
+ "value": "0",
584
+ "values": [
585
+ "--pf-v6-c-panel--m-no-border--before--BorderWidth",
586
+ "0"
587
+ ]
588
+ }
589
+ },
590
+ ".pf-v6-c-panel.pf-m-pill": {
591
+ "c_panel_BorderRadius": {
592
+ "name": "--pf-v6-c-panel--BorderRadius",
593
+ "value": "999px",
594
+ "values": [
595
+ "--pf-v6-c-panel--m-pill--BorderRadius",
596
+ "--pf-t--global--border--radius--pill",
597
+ "--pf-t--global--border--radius--500",
598
+ "999px"
599
+ ]
600
+ }
541
601
  }
542
602
  };
543
603
  export default c_panel;
@@ -28,11 +28,11 @@ export const c_panel = {
28
28
  },
29
29
  "c_panel_BorderRadius": {
30
30
  "name": "--pf-v6-c-panel--BorderRadius",
31
- "value": "6px",
31
+ "value": "16px",
32
32
  "values": [
33
- "--pf-t--global--border--radius--small",
34
- "--pf-t--global--border--radius--200",
35
- "6px"
33
+ "--pf-t--global--border--radius--medium",
34
+ "--pf-t--global--border--radius--300",
35
+ "16px"
36
36
  ]
37
37
  },
38
38
  "c_panel_before_BorderWidth": {
@@ -84,6 +84,10 @@ export const c_panel = {
84
84
  "#c7c7c7"
85
85
  ]
86
86
  },
87
+ "c_panel_m_no_border_before_BorderWidth": {
88
+ "name": "--pf-v6-c-panel--m-no-border--before--BorderWidth",
89
+ "value": "0"
90
+ },
87
91
  "c_panel_m_raised_BoxShadow": {
88
92
  "name": "--pf-v6-c-panel--m-raised--BoxShadow",
89
93
  "value": "0px\n 4px\n 10px\n 0px\n rgba(41, 41, 41, 0.1500)",
@@ -112,6 +116,15 @@ export const c_panel = {
112
116
  "0px"
113
117
  ]
114
118
  },
119
+ "c_panel_m_raised_BorderRadius": {
120
+ "name": "--pf-v6-c-panel--m-raised--BorderRadius",
121
+ "value": "6px",
122
+ "values": [
123
+ "--pf-t--global--border--radius--small",
124
+ "--pf-t--global--border--radius--200",
125
+ "6px"
126
+ ]
127
+ },
115
128
  "c_panel__header_PaddingBlockStart": {
116
129
  "name": "--pf-v6-c-panel__header--PaddingBlockStart",
117
130
  "value": "1rem",
@@ -158,11 +171,11 @@ export const c_panel = {
158
171
  },
159
172
  "c_panel__main_body_PaddingBlockStart": {
160
173
  "name": "--pf-v6-c-panel__main-body--PaddingBlockStart",
161
- "value": "1rem",
174
+ "value": "1.5rem",
162
175
  "values": [
163
- "--pf-t--global--spacer--md",
164
- "--pf-t--global--spacer--300",
165
- "1rem"
176
+ "--pf-t--global--spacer--lg",
177
+ "--pf-t--global--spacer--400",
178
+ "1.5rem"
166
179
  ]
167
180
  },
168
181
  "c_panel__main_body_PaddingInlineEnd": {
@@ -176,11 +189,11 @@ export const c_panel = {
176
189
  },
177
190
  "c_panel__main_body_PaddingBlockEnd": {
178
191
  "name": "--pf-v6-c-panel__main-body--PaddingBlockEnd",
179
- "value": "1rem",
192
+ "value": "1.5rem",
180
193
  "values": [
181
- "--pf-t--global--spacer--md",
182
- "--pf-t--global--spacer--300",
183
- "1rem"
194
+ "--pf-t--global--spacer--lg",
195
+ "--pf-t--global--spacer--400",
196
+ "1.5rem"
184
197
  ]
185
198
  },
186
199
  "c_panel__main_body_PaddingInlineStart": {
@@ -240,6 +253,15 @@ export const c_panel = {
240
253
  "name": "--pf-v6-c-panel__footer--BorderWidth",
241
254
  "value": "0"
242
255
  },
256
+ "c_panel_m_pill_BorderRadius": {
257
+ "name": "--pf-v6-c-panel--m-pill--BorderRadius",
258
+ "value": "999px",
259
+ "values": [
260
+ "--pf-t--global--border--radius--pill",
261
+ "--pf-t--global--border--radius--500",
262
+ "999px"
263
+ ]
264
+ },
243
265
  "c_panel_m_scrollable__main_MaxHeight": {
244
266
  "name": "--pf-v6-c-panel--m-scrollable__main--MaxHeight",
245
267
  "value": "18.75rem"
@@ -420,6 +442,16 @@ export const c_panel = {
420
442
  "--pf-t--global--border--width--high-contrast--regular",
421
443
  "0px"
422
444
  ]
445
+ },
446
+ "c_panel_BorderRadius": {
447
+ "name": "--pf-v6-c-panel--BorderRadius",
448
+ "value": "6px",
449
+ "values": [
450
+ "--pf-v6-c-panel--m-raised--BorderRadius",
451
+ "--pf-t--global--border--radius--small",
452
+ "--pf-t--global--border--radius--200",
453
+ "6px"
454
+ ]
423
455
  }
424
456
  },
425
457
  ".pf-v6-c-panel.pf-m-scrollable": {
@@ -489,7 +521,13 @@ export const c_panel = {
489
521
  ]
490
522
  }
491
523
  },
492
- ".pf-v6-c-panel.pf-m-glass": {
524
+ ".pf-v6-c-panel.pf-m-scrollable-auto-height": {
525
+ "c_panel__main_MaxHeight": {
526
+ "name": "--pf-v6-c-panel__main--MaxHeight",
527
+ "value": "100%"
528
+ }
529
+ },
530
+ ":where(.pf-v6-theme-glass) .pf-v6-c-panel.pf-m-glass": {
493
531
  "c_panel_BackgroundColor": {
494
532
  "name": "--pf-v6-c-panel--BackgroundColor",
495
533
  "value": "initial",
@@ -538,6 +576,28 @@ export const c_panel = {
538
576
  "initial"
539
577
  ]
540
578
  }
579
+ },
580
+ ".pf-v6-c-panel.pf-m-no-border": {
581
+ "c_panel_before_BorderWidth": {
582
+ "name": "--pf-v6-c-panel--before--BorderWidth",
583
+ "value": "0",
584
+ "values": [
585
+ "--pf-v6-c-panel--m-no-border--before--BorderWidth",
586
+ "0"
587
+ ]
588
+ }
589
+ },
590
+ ".pf-v6-c-panel.pf-m-pill": {
591
+ "c_panel_BorderRadius": {
592
+ "name": "--pf-v6-c-panel--BorderRadius",
593
+ "value": "999px",
594
+ "values": [
595
+ "--pf-v6-c-panel--m-pill--BorderRadius",
596
+ "--pf-t--global--border--radius--pill",
597
+ "--pf-t--global--border--radius--500",
598
+ "999px"
599
+ ]
600
+ }
541
601
  }
542
602
  };
543
603
  export default c_panel;
@@ -1,6 +1,6 @@
1
1
  export const c_panel_BorderRadius: {
2
2
  "name": "--pf-v6-c-panel--BorderRadius",
3
- "value": "initial",
3
+ "value": "999px",
4
4
  "var": "var(--pf-v6-c-panel--BorderRadius)"
5
5
  };
6
6
  export default c_panel_BorderRadius;
@@ -1,6 +1,6 @@
1
1
  export const c_panel_BorderRadius = {
2
2
  "name": "--pf-v6-c-panel--BorderRadius",
3
- "value": "initial",
3
+ "value": "999px",
4
4
  "var": "var(--pf-v6-c-panel--BorderRadius)"
5
5
  };
6
6
  export default c_panel_BorderRadius;
@@ -1,6 +1,6 @@
1
1
  export const c_panel__main_MaxHeight: {
2
2
  "name": "--pf-v6-c-panel__main--MaxHeight",
3
- "value": "18.75rem",
3
+ "value": "100%",
4
4
  "var": "var(--pf-v6-c-panel__main--MaxHeight)"
5
5
  };
6
6
  export default c_panel__main_MaxHeight;
@@ -1,6 +1,6 @@
1
1
  export const c_panel__main_MaxHeight = {
2
2
  "name": "--pf-v6-c-panel__main--MaxHeight",
3
- "value": "18.75rem",
3
+ "value": "100%",
4
4
  "var": "var(--pf-v6-c-panel__main--MaxHeight)"
5
5
  };
6
6
  export default c_panel__main_MaxHeight;