@patternfly/react-tokens 6.5.0-prerelease.18 → 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.
- package/CHANGELOG.md +6 -0
- package/dist/esm/c_drawer.d.ts +17 -5
- package/dist/esm/c_drawer.js +17 -5
- package/dist/esm/c_drawer_m_pill__panel_BorderColor.d.ts +1 -1
- package/dist/esm/c_drawer_m_pill__panel_BorderColor.js +1 -1
- package/dist/esm/c_drawer_m_pill_m_expanded__panel_BoxShadow.d.ts +6 -0
- package/dist/esm/c_drawer_m_pill_m_expanded__panel_BoxShadow.js +6 -0
- package/dist/esm/c_page.d.ts +88 -0
- package/dist/esm/c_page.js +88 -0
- package/dist/esm/c_page__dock_m_expanded__dock_main_BoxShadow.d.ts +6 -0
- package/dist/esm/c_page__dock_m_expanded__dock_main_BoxShadow.js +6 -0
- package/dist/esm/c_page__dock_main_BoxShadow.d.ts +1 -1
- package/dist/esm/c_page__dock_main_BoxShadow.js +1 -1
- package/dist/esm/c_page__main_container_MarginBlockStart_glass.d.ts +6 -0
- package/dist/esm/c_page__main_container_MarginBlockStart_glass.js +6 -0
- package/dist/esm/c_page__sidebar_MarginBlockStart.d.ts +1 -1
- package/dist/esm/c_page__sidebar_MarginBlockStart.js +1 -1
- package/dist/esm/c_page__sidebar_MarginBlockStart_glass.d.ts +6 -0
- package/dist/esm/c_page__sidebar_MarginBlockStart_glass.js +6 -0
- package/dist/esm/c_toggle_group.d.ts +20 -6
- package/dist/esm/c_toggle_group.js +20 -6
- package/dist/esm/c_toggle_group__button_PaddingBlockEnd.d.ts +1 -1
- package/dist/esm/c_toggle_group__button_PaddingBlockEnd.js +1 -1
- package/dist/esm/c_toggle_group__button_PaddingBlockStart.d.ts +1 -1
- package/dist/esm/c_toggle_group__button_PaddingBlockStart.js +1 -1
- package/dist/esm/c_toggle_group_m_compact__button_PaddingBlockEnd.d.ts +1 -1
- package/dist/esm/c_toggle_group_m_compact__button_PaddingBlockEnd.js +1 -1
- package/dist/esm/c_toggle_group_m_compact__button_PaddingBlockStart.d.ts +1 -1
- package/dist/esm/c_toggle_group_m_compact__button_PaddingBlockStart.js +1 -1
- package/dist/esm/index.d.ts +4 -0
- package/dist/esm/index.js +4 -0
- package/dist/js/c_drawer.d.ts +17 -5
- package/dist/js/c_drawer.js +17 -5
- package/dist/js/c_drawer_m_pill__panel_BorderColor.d.ts +1 -1
- package/dist/js/c_drawer_m_pill__panel_BorderColor.js +1 -1
- package/dist/js/c_drawer_m_pill_m_expanded__panel_BoxShadow.d.ts +6 -0
- package/dist/js/c_drawer_m_pill_m_expanded__panel_BoxShadow.js +8 -0
- package/dist/js/c_page.d.ts +88 -0
- package/dist/js/c_page.js +88 -0
- package/dist/js/c_page__dock_m_expanded__dock_main_BoxShadow.d.ts +6 -0
- package/dist/js/c_page__dock_m_expanded__dock_main_BoxShadow.js +8 -0
- package/dist/js/c_page__dock_main_BoxShadow.d.ts +1 -1
- package/dist/js/c_page__dock_main_BoxShadow.js +1 -1
- package/dist/js/c_page__main_container_MarginBlockStart_glass.d.ts +6 -0
- package/dist/js/c_page__main_container_MarginBlockStart_glass.js +8 -0
- package/dist/js/c_page__sidebar_MarginBlockStart.d.ts +1 -1
- package/dist/js/c_page__sidebar_MarginBlockStart.js +1 -1
- package/dist/js/c_page__sidebar_MarginBlockStart_glass.d.ts +6 -0
- package/dist/js/c_page__sidebar_MarginBlockStart_glass.js +8 -0
- package/dist/js/c_toggle_group.d.ts +20 -6
- package/dist/js/c_toggle_group.js +20 -6
- package/dist/js/c_toggle_group__button_PaddingBlockEnd.d.ts +1 -1
- package/dist/js/c_toggle_group__button_PaddingBlockEnd.js +1 -1
- package/dist/js/c_toggle_group__button_PaddingBlockStart.d.ts +1 -1
- package/dist/js/c_toggle_group__button_PaddingBlockStart.js +1 -1
- package/dist/js/c_toggle_group_m_compact__button_PaddingBlockEnd.d.ts +1 -1
- package/dist/js/c_toggle_group_m_compact__button_PaddingBlockEnd.js +1 -1
- package/dist/js/c_toggle_group_m_compact__button_PaddingBlockStart.d.ts +1 -1
- package/dist/js/c_toggle_group_m_compact__button_PaddingBlockStart.js +1 -1
- package/dist/js/index.d.ts +4 -0
- package/dist/js/index.js +4 -0
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,12 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# [6.5.0-prerelease.19](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-tokens@6.5.0-prerelease.18...@patternfly/react-tokens@6.5.0-prerelease.19) (2026-04-24)
|
|
7
|
+
|
|
8
|
+
### Features
|
|
9
|
+
|
|
10
|
+
- **ToggleGroup:** added full width variant ([#12374](https://github.com/patternfly/patternfly-react/issues/12374)) ([bf01ade](https://github.com/patternfly/patternfly-react/commit/bf01adecddf38e4d5fc3bc49d68ec9982dc97485))
|
|
11
|
+
|
|
6
12
|
# [6.5.0-prerelease.18](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-tokens@6.5.0-prerelease.17...@patternfly/react-tokens@6.5.0-prerelease.18) (2026-04-24)
|
|
7
13
|
|
|
8
14
|
### Features
|
package/dist/esm/c_drawer.d.ts
CHANGED
|
@@ -138,6 +138,7 @@ export const c_drawer: {
|
|
|
138
138
|
"name": "--pf-v6-c-drawer__panel--m-secondary--BackgroundColor",
|
|
139
139
|
"value": "#f2f2f2",
|
|
140
140
|
"values": [
|
|
141
|
+
"--pf-t--global--background--color--floating--secondary--default",
|
|
141
142
|
"--pf-t--global--background--color--secondary--default",
|
|
142
143
|
"--pf-t--global--background--color--200",
|
|
143
144
|
"--pf-t--color--gray--10",
|
|
@@ -346,12 +347,12 @@ export const c_drawer: {
|
|
|
346
347
|
},
|
|
347
348
|
"c_drawer_m_pill__panel_BorderColor": {
|
|
348
349
|
"name": "--pf-v6-c-drawer--m-pill__panel--BorderColor",
|
|
349
|
-
"value": "#
|
|
350
|
+
"value": "#e0e0e0",
|
|
350
351
|
"values": [
|
|
351
|
-
"--pf-t--global--border--color--
|
|
352
|
-
"--pf-t--global--border--color--
|
|
353
|
-
"--pf-t--color--gray--
|
|
354
|
-
"#
|
|
352
|
+
"--pf-t--global--border--color--subtle",
|
|
353
|
+
"--pf-t--global--border--color--50",
|
|
354
|
+
"--pf-t--color--gray--20",
|
|
355
|
+
"#e0e0e0"
|
|
355
356
|
]
|
|
356
357
|
},
|
|
357
358
|
"c_drawer_m_pill__panel_BorderRadius": {
|
|
@@ -373,6 +374,16 @@ export const c_drawer: {
|
|
|
373
374
|
"1.5rem"
|
|
374
375
|
]
|
|
375
376
|
},
|
|
377
|
+
"c_drawer_m_pill_m_expanded__panel_BoxShadow": {
|
|
378
|
+
"name": "--pf-v6-c-drawer--m-pill--m-expanded__panel--BoxShadow",
|
|
379
|
+
"value": "0px\n 4px\n 10px\n 0px\n rgba(41, 41, 41, 0.1500)",
|
|
380
|
+
"values": [
|
|
381
|
+
"--pf-t--global--box-shadow--md",
|
|
382
|
+
"--pf-t--global--box-shadow--X--md--default\n --pf-t--global--box-shadow--Y--md--default\n --pf-t--global--box-shadow--blur--md\n --pf-t--global--box-shadow--spread--md--default\n --pf-t--global--box-shadow--color--md--default",
|
|
383
|
+
"--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",
|
|
384
|
+
"0px\n 4px\n 10px\n 0px\n rgba(41, 41, 41, 0.1500)"
|
|
385
|
+
]
|
|
386
|
+
},
|
|
376
387
|
"c_drawer__panel_m_glass_BackgroundColor": {
|
|
377
388
|
"name": "--pf-v6-c-drawer__panel--m-glass--BackgroundColor",
|
|
378
389
|
"value": "initial",
|
|
@@ -1340,6 +1351,7 @@ export const c_drawer: {
|
|
|
1340
1351
|
"value": "#f2f2f2",
|
|
1341
1352
|
"values": [
|
|
1342
1353
|
"--pf-v6-c-drawer__panel--m-secondary--BackgroundColor",
|
|
1354
|
+
"--pf-t--global--background--color--floating--secondary--default",
|
|
1343
1355
|
"--pf-t--global--background--color--secondary--default",
|
|
1344
1356
|
"--pf-t--global--background--color--200",
|
|
1345
1357
|
"--pf-t--color--gray--10",
|
package/dist/esm/c_drawer.js
CHANGED
|
@@ -138,6 +138,7 @@ export const c_drawer = {
|
|
|
138
138
|
"name": "--pf-v6-c-drawer__panel--m-secondary--BackgroundColor",
|
|
139
139
|
"value": "#f2f2f2",
|
|
140
140
|
"values": [
|
|
141
|
+
"--pf-t--global--background--color--floating--secondary--default",
|
|
141
142
|
"--pf-t--global--background--color--secondary--default",
|
|
142
143
|
"--pf-t--global--background--color--200",
|
|
143
144
|
"--pf-t--color--gray--10",
|
|
@@ -346,12 +347,12 @@ export const c_drawer = {
|
|
|
346
347
|
},
|
|
347
348
|
"c_drawer_m_pill__panel_BorderColor": {
|
|
348
349
|
"name": "--pf-v6-c-drawer--m-pill__panel--BorderColor",
|
|
349
|
-
"value": "#
|
|
350
|
+
"value": "#e0e0e0",
|
|
350
351
|
"values": [
|
|
351
|
-
"--pf-t--global--border--color--
|
|
352
|
-
"--pf-t--global--border--color--
|
|
353
|
-
"--pf-t--color--gray--
|
|
354
|
-
"#
|
|
352
|
+
"--pf-t--global--border--color--subtle",
|
|
353
|
+
"--pf-t--global--border--color--50",
|
|
354
|
+
"--pf-t--color--gray--20",
|
|
355
|
+
"#e0e0e0"
|
|
355
356
|
]
|
|
356
357
|
},
|
|
357
358
|
"c_drawer_m_pill__panel_BorderRadius": {
|
|
@@ -373,6 +374,16 @@ export const c_drawer = {
|
|
|
373
374
|
"1.5rem"
|
|
374
375
|
]
|
|
375
376
|
},
|
|
377
|
+
"c_drawer_m_pill_m_expanded__panel_BoxShadow": {
|
|
378
|
+
"name": "--pf-v6-c-drawer--m-pill--m-expanded__panel--BoxShadow",
|
|
379
|
+
"value": "0px\n 4px\n 10px\n 0px\n rgba(41, 41, 41, 0.1500)",
|
|
380
|
+
"values": [
|
|
381
|
+
"--pf-t--global--box-shadow--md",
|
|
382
|
+
"--pf-t--global--box-shadow--X--md--default\n --pf-t--global--box-shadow--Y--md--default\n --pf-t--global--box-shadow--blur--md\n --pf-t--global--box-shadow--spread--md--default\n --pf-t--global--box-shadow--color--md--default",
|
|
383
|
+
"--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",
|
|
384
|
+
"0px\n 4px\n 10px\n 0px\n rgba(41, 41, 41, 0.1500)"
|
|
385
|
+
]
|
|
386
|
+
},
|
|
376
387
|
"c_drawer__panel_m_glass_BackgroundColor": {
|
|
377
388
|
"name": "--pf-v6-c-drawer__panel--m-glass--BackgroundColor",
|
|
378
389
|
"value": "initial",
|
|
@@ -1340,6 +1351,7 @@ export const c_drawer = {
|
|
|
1340
1351
|
"value": "#f2f2f2",
|
|
1341
1352
|
"values": [
|
|
1342
1353
|
"--pf-v6-c-drawer__panel--m-secondary--BackgroundColor",
|
|
1354
|
+
"--pf-t--global--background--color--floating--secondary--default",
|
|
1343
1355
|
"--pf-t--global--background--color--secondary--default",
|
|
1344
1356
|
"--pf-t--global--background--color--200",
|
|
1345
1357
|
"--pf-t--color--gray--10",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export const c_drawer_m_pill__panel_BorderColor: {
|
|
2
2
|
"name": "--pf-v6-c-drawer--m-pill__panel--BorderColor",
|
|
3
|
-
"value": "#
|
|
3
|
+
"value": "#e0e0e0",
|
|
4
4
|
"var": "var(--pf-v6-c-drawer--m-pill__panel--BorderColor)"
|
|
5
5
|
};
|
|
6
6
|
export default c_drawer_m_pill__panel_BorderColor;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export const c_drawer_m_pill__panel_BorderColor = {
|
|
2
2
|
"name": "--pf-v6-c-drawer--m-pill__panel--BorderColor",
|
|
3
|
-
"value": "#
|
|
3
|
+
"value": "#e0e0e0",
|
|
4
4
|
"var": "var(--pf-v6-c-drawer--m-pill__panel--BorderColor)"
|
|
5
5
|
};
|
|
6
6
|
export default c_drawer_m_pill__panel_BorderColor;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export const c_drawer_m_pill_m_expanded__panel_BoxShadow: {
|
|
2
|
+
"name": "--pf-v6-c-drawer--m-pill--m-expanded__panel--BoxShadow",
|
|
3
|
+
"value": "0px\n 4px\n 10px\n 0px\n rgba(41, 41, 41, 0.1500)",
|
|
4
|
+
"var": "var(--pf-v6-c-drawer--m-pill--m-expanded__panel--BoxShadow)"
|
|
5
|
+
};
|
|
6
|
+
export default c_drawer_m_pill_m_expanded__panel_BoxShadow;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export const c_drawer_m_pill_m_expanded__panel_BoxShadow = {
|
|
2
|
+
"name": "--pf-v6-c-drawer--m-pill--m-expanded__panel--BoxShadow",
|
|
3
|
+
"value": "0px\n 4px\n 10px\n 0px\n rgba(41, 41, 41, 0.1500)",
|
|
4
|
+
"var": "var(--pf-v6-c-drawer--m-pill--m-expanded__panel--BoxShadow)"
|
|
5
|
+
};
|
|
6
|
+
export default c_drawer_m_pill_m_expanded__panel_BoxShadow;
|
package/dist/esm/c_page.d.ts
CHANGED
|
@@ -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",
|
package/dist/esm/c_page.js
CHANGED
|
@@ -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": "
|
|
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": "
|
|
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;
|
|
@@ -375,7 +375,12 @@ export const c_toggle_group: {
|
|
|
375
375
|
},
|
|
376
376
|
"c_toggle_group_m_compact__button_PaddingBlockStart": {
|
|
377
377
|
"name": "--pf-v6-c-toggle-group--m-compact__button--PaddingBlockStart",
|
|
378
|
-
"value": "0"
|
|
378
|
+
"value": "0.25rem",
|
|
379
|
+
"values": [
|
|
380
|
+
"--pf-t--global--spacer--xs",
|
|
381
|
+
"--pf-t--global--spacer--100",
|
|
382
|
+
"0.25rem"
|
|
383
|
+
]
|
|
379
384
|
},
|
|
380
385
|
"c_toggle_group_m_compact__button_PaddingInlineEnd": {
|
|
381
386
|
"name": "--pf-v6-c-toggle-group--m-compact__button--PaddingInlineEnd",
|
|
@@ -388,7 +393,12 @@ export const c_toggle_group: {
|
|
|
388
393
|
},
|
|
389
394
|
"c_toggle_group_m_compact__button_PaddingBlockEnd": {
|
|
390
395
|
"name": "--pf-v6-c-toggle-group--m-compact__button--PaddingBlockEnd",
|
|
391
|
-
"value": "0"
|
|
396
|
+
"value": "0.25rem",
|
|
397
|
+
"values": [
|
|
398
|
+
"--pf-t--global--spacer--xs",
|
|
399
|
+
"--pf-t--global--spacer--100",
|
|
400
|
+
"0.25rem"
|
|
401
|
+
]
|
|
392
402
|
},
|
|
393
403
|
"c_toggle_group_m_compact__button_PaddingInlineStart": {
|
|
394
404
|
"name": "--pf-v6-c-toggle-group--m-compact__button--PaddingInlineStart",
|
|
@@ -413,10 +423,12 @@ export const c_toggle_group: {
|
|
|
413
423
|
".pf-v6-c-toggle-group.pf-m-compact": {
|
|
414
424
|
"c_toggle_group__button_PaddingBlockStart": {
|
|
415
425
|
"name": "--pf-v6-c-toggle-group__button--PaddingBlockStart",
|
|
416
|
-
"value": "0",
|
|
426
|
+
"value": "0.25rem",
|
|
417
427
|
"values": [
|
|
418
428
|
"--pf-v6-c-toggle-group--m-compact__button--PaddingBlockStart",
|
|
419
|
-
"
|
|
429
|
+
"--pf-t--global--spacer--xs",
|
|
430
|
+
"--pf-t--global--spacer--100",
|
|
431
|
+
"0.25rem"
|
|
420
432
|
]
|
|
421
433
|
},
|
|
422
434
|
"c_toggle_group__button_PaddingInlineEnd": {
|
|
@@ -431,10 +443,12 @@ export const c_toggle_group: {
|
|
|
431
443
|
},
|
|
432
444
|
"c_toggle_group__button_PaddingBlockEnd": {
|
|
433
445
|
"name": "--pf-v6-c-toggle-group__button--PaddingBlockEnd",
|
|
434
|
-
"value": "0",
|
|
446
|
+
"value": "0.25rem",
|
|
435
447
|
"values": [
|
|
436
448
|
"--pf-v6-c-toggle-group--m-compact__button--PaddingBlockEnd",
|
|
437
|
-
"
|
|
449
|
+
"--pf-t--global--spacer--xs",
|
|
450
|
+
"--pf-t--global--spacer--100",
|
|
451
|
+
"0.25rem"
|
|
438
452
|
]
|
|
439
453
|
},
|
|
440
454
|
"c_toggle_group__button_PaddingInlineStart": {
|
|
@@ -375,7 +375,12 @@ export const c_toggle_group = {
|
|
|
375
375
|
},
|
|
376
376
|
"c_toggle_group_m_compact__button_PaddingBlockStart": {
|
|
377
377
|
"name": "--pf-v6-c-toggle-group--m-compact__button--PaddingBlockStart",
|
|
378
|
-
"value": "0"
|
|
378
|
+
"value": "0.25rem",
|
|
379
|
+
"values": [
|
|
380
|
+
"--pf-t--global--spacer--xs",
|
|
381
|
+
"--pf-t--global--spacer--100",
|
|
382
|
+
"0.25rem"
|
|
383
|
+
]
|
|
379
384
|
},
|
|
380
385
|
"c_toggle_group_m_compact__button_PaddingInlineEnd": {
|
|
381
386
|
"name": "--pf-v6-c-toggle-group--m-compact__button--PaddingInlineEnd",
|
|
@@ -388,7 +393,12 @@ export const c_toggle_group = {
|
|
|
388
393
|
},
|
|
389
394
|
"c_toggle_group_m_compact__button_PaddingBlockEnd": {
|
|
390
395
|
"name": "--pf-v6-c-toggle-group--m-compact__button--PaddingBlockEnd",
|
|
391
|
-
"value": "0"
|
|
396
|
+
"value": "0.25rem",
|
|
397
|
+
"values": [
|
|
398
|
+
"--pf-t--global--spacer--xs",
|
|
399
|
+
"--pf-t--global--spacer--100",
|
|
400
|
+
"0.25rem"
|
|
401
|
+
]
|
|
392
402
|
},
|
|
393
403
|
"c_toggle_group_m_compact__button_PaddingInlineStart": {
|
|
394
404
|
"name": "--pf-v6-c-toggle-group--m-compact__button--PaddingInlineStart",
|
|
@@ -413,10 +423,12 @@ export const c_toggle_group = {
|
|
|
413
423
|
".pf-v6-c-toggle-group.pf-m-compact": {
|
|
414
424
|
"c_toggle_group__button_PaddingBlockStart": {
|
|
415
425
|
"name": "--pf-v6-c-toggle-group__button--PaddingBlockStart",
|
|
416
|
-
"value": "0",
|
|
426
|
+
"value": "0.25rem",
|
|
417
427
|
"values": [
|
|
418
428
|
"--pf-v6-c-toggle-group--m-compact__button--PaddingBlockStart",
|
|
419
|
-
"
|
|
429
|
+
"--pf-t--global--spacer--xs",
|
|
430
|
+
"--pf-t--global--spacer--100",
|
|
431
|
+
"0.25rem"
|
|
420
432
|
]
|
|
421
433
|
},
|
|
422
434
|
"c_toggle_group__button_PaddingInlineEnd": {
|
|
@@ -431,10 +443,12 @@ export const c_toggle_group = {
|
|
|
431
443
|
},
|
|
432
444
|
"c_toggle_group__button_PaddingBlockEnd": {
|
|
433
445
|
"name": "--pf-v6-c-toggle-group__button--PaddingBlockEnd",
|
|
434
|
-
"value": "0",
|
|
446
|
+
"value": "0.25rem",
|
|
435
447
|
"values": [
|
|
436
448
|
"--pf-v6-c-toggle-group--m-compact__button--PaddingBlockEnd",
|
|
437
|
-
"
|
|
449
|
+
"--pf-t--global--spacer--xs",
|
|
450
|
+
"--pf-t--global--spacer--100",
|
|
451
|
+
"0.25rem"
|
|
438
452
|
]
|
|
439
453
|
},
|
|
440
454
|
"c_toggle_group__button_PaddingInlineStart": {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export const c_toggle_group__button_PaddingBlockEnd: {
|
|
2
2
|
"name": "--pf-v6-c-toggle-group__button--PaddingBlockEnd",
|
|
3
|
-
"value": "0",
|
|
3
|
+
"value": "0.25rem",
|
|
4
4
|
"var": "var(--pf-v6-c-toggle-group__button--PaddingBlockEnd)"
|
|
5
5
|
};
|
|
6
6
|
export default c_toggle_group__button_PaddingBlockEnd;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export const c_toggle_group__button_PaddingBlockEnd = {
|
|
2
2
|
"name": "--pf-v6-c-toggle-group__button--PaddingBlockEnd",
|
|
3
|
-
"value": "0",
|
|
3
|
+
"value": "0.25rem",
|
|
4
4
|
"var": "var(--pf-v6-c-toggle-group__button--PaddingBlockEnd)"
|
|
5
5
|
};
|
|
6
6
|
export default c_toggle_group__button_PaddingBlockEnd;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export const c_toggle_group__button_PaddingBlockStart: {
|
|
2
2
|
"name": "--pf-v6-c-toggle-group__button--PaddingBlockStart",
|
|
3
|
-
"value": "0",
|
|
3
|
+
"value": "0.25rem",
|
|
4
4
|
"var": "var(--pf-v6-c-toggle-group__button--PaddingBlockStart)"
|
|
5
5
|
};
|
|
6
6
|
export default c_toggle_group__button_PaddingBlockStart;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export const c_toggle_group__button_PaddingBlockStart = {
|
|
2
2
|
"name": "--pf-v6-c-toggle-group__button--PaddingBlockStart",
|
|
3
|
-
"value": "0",
|
|
3
|
+
"value": "0.25rem",
|
|
4
4
|
"var": "var(--pf-v6-c-toggle-group__button--PaddingBlockStart)"
|
|
5
5
|
};
|
|
6
6
|
export default c_toggle_group__button_PaddingBlockStart;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export const c_toggle_group_m_compact__button_PaddingBlockEnd: {
|
|
2
2
|
"name": "--pf-v6-c-toggle-group--m-compact__button--PaddingBlockEnd",
|
|
3
|
-
"value": "0",
|
|
3
|
+
"value": "0.25rem",
|
|
4
4
|
"var": "var(--pf-v6-c-toggle-group--m-compact__button--PaddingBlockEnd)"
|
|
5
5
|
};
|
|
6
6
|
export default c_toggle_group_m_compact__button_PaddingBlockEnd;
|