@patternfly/react-styles 6.0.0-alpha.17 → 6.0.0-alpha.19
Sign up to get free protection for your applications and to get access to all the features.
- package/CHANGELOG.md +10 -0
- package/css/assets/images/pf_logo.svg +11 -11
- package/css/assets/images/pf_logo_white.svg +2 -2
- package/css/components/AboutModalBox/about-modal-box.css +1 -1
- package/css/components/Alert/alert-group.css +1 -1
- package/css/components/Alert/alert.css +5 -5
- package/css/components/AppLauncher/app-launcher.css +1 -1
- package/css/components/Backdrop/backdrop.css +1 -1
- package/css/components/Banner/banner.css +1 -1
- package/css/components/Breadcrumb/breadcrumb.css +2 -2
- package/css/components/Button/button.css +3 -3
- package/css/components/Card/card.css +6 -6
- package/css/components/Check/check.css +2 -2
- package/css/components/Content/content.css +1 -1
- package/css/components/ContextSelector/context-selector.css +1 -1
- package/css/components/DataList/data-list.css +17 -17
- package/css/components/DatePicker/date-picker.css +1 -1
- package/css/components/Divider/divider.css +57 -57
- package/css/components/Drawer/drawer.css +11 -10
- package/css/components/Drawer/drawer.d.ts +1 -0
- package/css/components/Drawer/drawer.js +1 -0
- package/css/components/Drawer/drawer.mjs +1 -0
- package/css/components/Dropdown/dropdown.css +2 -2
- package/css/components/DualListSelector/dual-list-selector.css +1 -1
- package/css/components/Form/form.css +1 -1
- package/css/components/FormControl/form-control.css +3 -3
- package/css/components/Hint/hint.css +1 -1
- package/css/components/JumpLinks/jump-links.css +3 -3
- package/css/components/Label/label.css +14 -0
- package/css/components/Label/label.d.ts +2 -1
- package/css/components/Label/label.js +2 -1
- package/css/components/Label/label.mjs +2 -1
- package/css/components/List/list.css +1 -1
- package/css/components/Masthead/masthead.css +70 -70
- package/css/components/Menu/menu.css +24 -24
- package/css/components/MenuToggle/menu-toggle.css +25 -1
- package/css/components/MenuToggle/menu-toggle.d.ts +4 -0
- package/css/components/MenuToggle/menu-toggle.js +4 -0
- package/css/components/MenuToggle/menu-toggle.mjs +4 -0
- package/css/components/ModalBox/modal-box.css +1 -1
- package/css/components/Nav/nav.css +4 -2
- package/css/components/Nav/nav.d.ts +1 -0
- package/css/components/Nav/nav.js +1 -0
- package/css/components/Nav/nav.mjs +1 -0
- package/css/components/NotificationDrawer/notification-drawer.css +2 -2
- package/css/components/OptionsMenu/options-menu.css +1 -1
- package/css/components/Page/page.css +50 -49
- package/css/components/Page/page.d.ts +1 -0
- package/css/components/Page/page.js +1 -0
- package/css/components/Page/page.mjs +1 -0
- package/css/components/Pagination/pagination.css +30 -30
- package/css/components/Panel/panel.css +1 -1
- package/css/components/Popover/popover.css +1 -1
- package/css/components/ProgressStepper/progress-stepper.css +2 -2
- package/css/components/ProgressStepper/progress-stepper.d.ts +2 -2
- package/css/components/ProgressStepper/progress-stepper.js +2 -2
- package/css/components/ProgressStepper/progress-stepper.mjs +2 -2
- package/css/components/Select/select.css +1 -1
- package/css/components/Sidebar/sidebar.css +86 -86
- package/css/components/Sidebar/sidebar.d.ts +1 -2
- package/css/components/Sidebar/sidebar.js +1 -2
- package/css/components/Sidebar/sidebar.mjs +1 -2
- package/css/components/SkipToContent/skip-to-content.css +1 -1
- package/css/components/Slider/slider.css +1 -1
- package/css/components/Table/table-scrollable.css +13 -16
- package/css/components/Table/table-tree-view.css +0 -2
- package/css/components/Table/table.css +129 -103
- package/css/components/Table/table.d.ts +3 -1
- package/css/components/Table/table.js +3 -1
- package/css/components/Table/table.mjs +3 -1
- package/css/components/Tabs/tabs.css +91 -91
- package/css/components/ToggleGroup/toggle-group.css +5 -5
- package/css/components/ToggleGroup/toggle-group.d.ts +1 -2
- package/css/components/ToggleGroup/toggle-group.js +1 -2
- package/css/components/ToggleGroup/toggle-group.mjs +1 -2
- package/css/components/Toolbar/toolbar.css +322 -306
- package/css/components/Toolbar/toolbar.d.ts +3 -0
- package/css/components/Toolbar/toolbar.js +3 -0
- package/css/components/Toolbar/toolbar.mjs +3 -0
- package/css/components/TreeView/tree-view.css +1 -1
- package/css/components/Wizard/wizard.css +4 -4
- package/css/docs/components/Nav/examples/Navigation.css +2 -2
- package/css/docs/components/OverflowMenu/examples/overflow-menu.css +4 -4
- package/css/docs/components/OverflowMenu/examples/overflow-menu.d.ts +2 -2
- package/css/docs/components/OverflowMenu/examples/overflow-menu.js +2 -2
- package/css/docs/components/OverflowMenu/examples/overflow-menu.mjs +2 -2
- package/css/docs/components/Page/deprecated/PageHeader.css +4 -4
- package/css/docs/components/Page/deprecated/PageHeader.d.ts +3 -3
- package/css/docs/components/Page/deprecated/PageHeader.js +3 -3
- package/css/docs/components/Page/deprecated/PageHeader.mjs +3 -3
- package/css/docs/components/Skeleton/examples/Skeleton.css +1 -1
- package/css/docs/components/Skeleton/examples/Skeleton.d.ts +1 -1
- package/css/docs/components/Skeleton/examples/Skeleton.js +1 -1
- package/css/docs/components/Skeleton/examples/Skeleton.mjs +1 -1
- package/css/docs/components/Table/examples/Table.css +6 -8
- package/css/docs/components/Table/examples/Table.d.ts +1 -1
- package/css/docs/components/Table/examples/Table.js +1 -1
- package/css/docs/components/Table/examples/Table.mjs +1 -1
- package/css/docs/components/TextInputGroup/examples/TextInputGroup.css +1 -1
- package/css/docs/components/Tile/examples/Tile.css +5 -5
- package/css/docs/components/Tile/examples/Tile.d.ts +1 -1
- package/css/docs/components/Tile/examples/Tile.js +1 -1
- package/css/docs/components/Tile/examples/Tile.mjs +1 -1
- package/css/docs/components/Toolbar/examples/Toolbar.css +40 -35
- package/css/docs/components/Toolbar/examples/Toolbar.d.ts +4 -3
- package/css/docs/components/Toolbar/examples/Toolbar.js +4 -3
- package/css/docs/components/Toolbar/examples/Toolbar.mjs +4 -3
- package/css/docs/components/Tooltip/examples/Tooltip.css +1 -1
- package/css/docs/components/Truncate/examples/Truncate.css +1 -1
- package/css/docs/components/Truncate/examples/Truncate.d.ts +1 -1
- package/css/docs/components/Truncate/examples/Truncate.js +1 -1
- package/css/docs/components/Truncate/examples/Truncate.mjs +1 -1
- package/css/docs/demos/Card/examples/Card.css +6 -6
- package/css/docs/demos/Card/examples/Card.d.ts +2 -2
- package/css/docs/demos/Card/examples/Card.js +2 -2
- package/css/docs/demos/Card/examples/Card.mjs +2 -2
- package/css/docs/demos/Toolbar/examples/Toolbar.css +3 -3
- package/css/docs/demos/Toolbar/examples/Toolbar.d.ts +3 -3
- package/css/docs/demos/Toolbar/examples/Toolbar.js +3 -3
- package/css/docs/demos/Toolbar/examples/Toolbar.mjs +3 -3
- package/css/docs/layouts/Bullseye/examples/Bullseye.css +4 -4
- package/css/docs/layouts/Bullseye/examples/Bullseye.d.ts +2 -2
- package/css/docs/layouts/Bullseye/examples/Bullseye.js +2 -2
- package/css/docs/layouts/Bullseye/examples/Bullseye.mjs +2 -2
- package/css/docs/layouts/Flex/examples/Flex.css +4 -4
- package/css/docs/layouts/Flex/examples/Flex.d.ts +2 -2
- package/css/docs/layouts/Flex/examples/Flex.js +2 -2
- package/css/docs/layouts/Flex/examples/Flex.mjs +2 -2
- package/css/docs/layouts/Gallery/examples/Gallery.css +4 -4
- package/css/docs/layouts/Gallery/examples/Gallery.d.ts +2 -2
- package/css/docs/layouts/Gallery/examples/Gallery.js +2 -2
- package/css/docs/layouts/Gallery/examples/Gallery.mjs +2 -2
- package/css/docs/layouts/Grid/examples/Grid.css +3 -3
- package/css/docs/layouts/Grid/examples/Grid.d.ts +1 -1
- package/css/docs/layouts/Grid/examples/Grid.js +1 -1
- package/css/docs/layouts/Grid/examples/Grid.mjs +1 -1
- package/css/docs/layouts/Level/examples/Level.css +5 -5
- package/css/docs/layouts/Level/examples/Level.d.ts +2 -2
- package/css/docs/layouts/Level/examples/Level.js +2 -2
- package/css/docs/layouts/Level/examples/Level.mjs +2 -2
- package/css/docs/layouts/Split/examples/Split.css +4 -4
- package/css/docs/layouts/Split/examples/Split.d.ts +2 -2
- package/css/docs/layouts/Split/examples/Split.js +2 -2
- package/css/docs/layouts/Split/examples/Split.mjs +2 -2
- package/css/docs/layouts/Stack/examples/Stack.css +5 -5
- package/css/docs/layouts/Stack/examples/Stack.d.ts +2 -2
- package/css/docs/layouts/Stack/examples/Stack.js +2 -2
- package/css/docs/layouts/Stack/examples/Stack.mjs +2 -2
- package/css/docs/utilities/Alignment/examples/Alignment.css +4 -4
- package/css/docs/utilities/Alignment/examples/Alignment.d.ts +4 -4
- package/css/docs/utilities/Alignment/examples/Alignment.js +4 -4
- package/css/docs/utilities/Alignment/examples/Alignment.mjs +4 -4
- package/css/docs/utilities/BoxShadow/examples/box-shadow.css +11 -11
- package/css/docs/utilities/Display/examples/Display.css +8 -8
- package/css/docs/utilities/Display/examples/Display.d.ts +8 -8
- package/css/docs/utilities/Display/examples/Display.js +8 -8
- package/css/docs/utilities/Display/examples/Display.mjs +8 -8
- package/css/docs/utilities/Flex/examples/Flex.css +5 -5
- package/css/docs/utilities/Flex/examples/Flex.d.ts +2 -2
- package/css/docs/utilities/Flex/examples/Flex.js +2 -2
- package/css/docs/utilities/Flex/examples/Flex.mjs +2 -2
- package/css/docs/utilities/Float/examples/Float.css +2 -2
- package/css/docs/utilities/Float/examples/Float.d.ts +2 -2
- package/css/docs/utilities/Float/examples/Float.js +2 -2
- package/css/docs/utilities/Float/examples/Float.mjs +2 -2
- package/css/docs/utilities/Sizing/examples/Sizing.css +4 -4
- package/css/docs/utilities/Sizing/examples/Sizing.d.ts +4 -4
- package/css/docs/utilities/Sizing/examples/Sizing.js +4 -4
- package/css/docs/utilities/Sizing/examples/Sizing.mjs +4 -4
- package/css/docs/utilities/Spacing/examples/Spacing.css +1 -1
- package/css/docs/utilities/Spacing/examples/Spacing.d.ts +1 -1
- package/css/docs/utilities/Spacing/examples/Spacing.js +1 -1
- package/css/docs/utilities/Spacing/examples/Spacing.mjs +1 -1
- package/css/layouts/Bullseye/bullseye.css +5 -1
- package/css/layouts/Flex/flex.css +207 -203
- package/css/layouts/Gallery/gallery.css +6 -2
- package/css/layouts/Grid/grid.css +6 -2
- package/css/layouts/Level/level.css +5 -1
- package/css/layouts/Split/split.css +5 -1
- package/css/layouts/Stack/stack.css +5 -1
- package/css/utilities/Alignment/alignment.css +24 -24
- package/css/utilities/Alignment/alignment.d.ts +12 -12
- package/css/utilities/Alignment/alignment.js +12 -12
- package/css/utilities/Alignment/alignment.mjs +12 -12
- package/css/utilities/BackgroundColor/BackgroundColor.css +36 -383
- package/css/utilities/BackgroundColor/BackgroundColor.d.ts +18 -97
- package/css/utilities/BackgroundColor/BackgroundColor.js +18 -97
- package/css/utilities/BackgroundColor/BackgroundColor.mjs +18 -97
- package/css/utilities/BoxShadow/box-shadow.css +15 -39
- package/css/utilities/BoxShadow/box-shadow.d.ts +1 -7
- package/css/utilities/BoxShadow/box-shadow.js +1 -7
- package/css/utilities/BoxShadow/box-shadow.mjs +1 -7
- package/css/utilities/Float/float.css +24 -24
- package/css/utilities/Float/float.d.ts +12 -12
- package/css/utilities/Float/float.js +12 -12
- package/css/utilities/Float/float.mjs +12 -12
- package/css/utilities/Sizing/sizing.css +28 -28
- package/css/utilities/Spacing/spacing.css +672 -672
- package/css/utilities/Text/text.css +393 -636
- package/css/utilities/Text/text.d.ts +169 -197
- package/css/utilities/Text/text.js +169 -197
- package/css/utilities/Text/text.mjs +169 -197
- package/package.json +3 -3
- package/css/docs/components/Breadcrumb/examples/Breadcrumb.css +0 -3
- package/css/docs/components/Breadcrumb/examples/Breadcrumb.d.ts +0 -3
- package/css/docs/components/Breadcrumb/examples/Breadcrumb.js +0 -4
- package/css/docs/components/Breadcrumb/examples/Breadcrumb.mjs +0 -2
- package/css/docs/components/Tabs/examples/Tabs.css +0 -10
- package/css/docs/components/Tabs/examples/Tabs.d.ts +0 -6
- package/css/docs/components/Tabs/examples/Tabs.js +0 -7
- package/css/docs/components/Tabs/examples/Tabs.mjs +0 -5
- package/css/docs/components/ToggleGroup/examples/toggle-group.css +0 -4
- package/css/docs/components/ToggleGroup/examples/toggle-group.d.ts +0 -5
- package/css/docs/components/ToggleGroup/examples/toggle-group.js +0 -6
- package/css/docs/components/ToggleGroup/examples/toggle-group.mjs +0 -4
- package/css/docs/utilities/Text/examples/Text.css +0 -0
- package/css/docs/utilities/Text/examples/Text.d.ts +0 -3
- package/css/docs/utilities/Text/examples/Text.js +0 -4
- package/css/docs/utilities/Text/examples/Text.mjs +0 -2
- package/css/utilities/BackgroundColor/themes/dark/BackgroundColor.css +0 -0
- package/css/utilities/BackgroundColor/themes/dark/BackgroundColor.d.ts +0 -3
- package/css/utilities/BackgroundColor/themes/dark/BackgroundColor.js +0 -4
- package/css/utilities/BackgroundColor/themes/dark/BackgroundColor.mjs +0 -2
- package/css/utilities/Text/themes/dark/text.css +0 -0
- package/css/utilities/Text/themes/dark/text.d.ts +0 -3
- package/css/utilities/Text/themes/dark/text.js +0 -4
- package/css/utilities/Text/themes/dark/text.mjs +0 -2
@@ -48,7 +48,7 @@
|
|
48
48
|
--pf-v6-c-sidebar--m-split--m-panel-right__panel--Order: 1;
|
49
49
|
--pf-v6-c-sidebar--m-split__main--m-border--before--Display: block;
|
50
50
|
--pf-v6-c-sidebar__panel--FlexBasis--base: auto;
|
51
|
-
--pf-v6-c-sidebar__panel--BoxShadow--base:
|
51
|
+
--pf-v6-c-sidebar__panel--BoxShadow--base: var(--pf-t--global--box-shadow--md--bottom);
|
52
52
|
--pf-v6-c-sidebar__panel--BoxShadow: var(--pf-v6-c-sidebar__panel--BoxShadow--base);
|
53
53
|
--pf-v6-c-sidebar__panel--Top: 0;
|
54
54
|
--pf-v6-c-sidebar__panel--md--Top: auto;
|
@@ -59,7 +59,7 @@
|
|
59
59
|
--pf-v6-c-sidebar__panel--md--FlexBasis: 15.625rem;
|
60
60
|
--pf-v6-c-sidebar__panel--m-split--FlexBasis: 15.625rem;
|
61
61
|
--pf-v6-c-sidebar__panel--m-stack--FlexBasis: auto;
|
62
|
-
--pf-v6-c-sidebar__panel--ZIndex: var(--pf-t--global--
|
62
|
+
--pf-v6-c-sidebar__panel--ZIndex: var(--pf-t--global--z-index--xs);
|
63
63
|
--pf-v6-c-sidebar__panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
64
64
|
--pf-v6-c-sidebar__panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
65
65
|
--pf-v6-c-sidebar__content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
@@ -200,146 +200,146 @@
|
|
200
200
|
background-color: transparent;
|
201
201
|
}
|
202
202
|
|
203
|
-
.pf-
|
204
|
-
--pf-
|
203
|
+
.pf-v6-c-sidebar__panel.pf-m-width-default {
|
204
|
+
--pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
|
205
205
|
}
|
206
206
|
|
207
|
-
.pf-
|
208
|
-
--pf-
|
207
|
+
.pf-v6-c-sidebar__panel.pf-m-width-25 {
|
208
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 25%;
|
209
209
|
}
|
210
210
|
|
211
|
-
.pf-
|
212
|
-
--pf-
|
211
|
+
.pf-v6-c-sidebar__panel.pf-m-width-33 {
|
212
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 33%;
|
213
213
|
}
|
214
214
|
|
215
|
-
.pf-
|
216
|
-
--pf-
|
215
|
+
.pf-v6-c-sidebar__panel.pf-m-width-50 {
|
216
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 50%;
|
217
217
|
}
|
218
218
|
|
219
|
-
.pf-
|
220
|
-
--pf-
|
219
|
+
.pf-v6-c-sidebar__panel.pf-m-width-66 {
|
220
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 66%;
|
221
221
|
}
|
222
222
|
|
223
|
-
.pf-
|
224
|
-
--pf-
|
223
|
+
.pf-v6-c-sidebar__panel.pf-m-width-75 {
|
224
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 75%;
|
225
225
|
}
|
226
226
|
|
227
|
-
.pf-
|
228
|
-
--pf-
|
227
|
+
.pf-v6-c-sidebar__panel.pf-m-width-100 {
|
228
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 100%;
|
229
229
|
}
|
230
230
|
|
231
231
|
@media (min-width: 576px) {
|
232
|
-
.pf-
|
233
|
-
--pf-
|
232
|
+
.pf-v6-c-sidebar__panel.pf-m-width-default-on-sm {
|
233
|
+
--pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
|
234
234
|
}
|
235
|
-
.pf-
|
236
|
-
--pf-
|
235
|
+
.pf-v6-c-sidebar__panel.pf-m-width-25-on-sm {
|
236
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 25%;
|
237
237
|
}
|
238
|
-
.pf-
|
239
|
-
--pf-
|
238
|
+
.pf-v6-c-sidebar__panel.pf-m-width-33-on-sm {
|
239
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 33%;
|
240
240
|
}
|
241
|
-
.pf-
|
242
|
-
--pf-
|
241
|
+
.pf-v6-c-sidebar__panel.pf-m-width-50-on-sm {
|
242
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 50%;
|
243
243
|
}
|
244
|
-
.pf-
|
245
|
-
--pf-
|
244
|
+
.pf-v6-c-sidebar__panel.pf-m-width-66-on-sm {
|
245
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 66%;
|
246
246
|
}
|
247
|
-
.pf-
|
248
|
-
--pf-
|
247
|
+
.pf-v6-c-sidebar__panel.pf-m-width-75-on-sm {
|
248
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 75%;
|
249
249
|
}
|
250
|
-
.pf-
|
251
|
-
--pf-
|
250
|
+
.pf-v6-c-sidebar__panel.pf-m-width-100-on-sm {
|
251
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 100%;
|
252
252
|
}
|
253
253
|
}
|
254
254
|
@media (min-width: 768px) {
|
255
|
-
.pf-
|
256
|
-
--pf-
|
255
|
+
.pf-v6-c-sidebar__panel.pf-m-width-default-on-md {
|
256
|
+
--pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
|
257
257
|
}
|
258
|
-
.pf-
|
259
|
-
--pf-
|
258
|
+
.pf-v6-c-sidebar__panel.pf-m-width-25-on-md {
|
259
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 25%;
|
260
260
|
}
|
261
|
-
.pf-
|
262
|
-
--pf-
|
261
|
+
.pf-v6-c-sidebar__panel.pf-m-width-33-on-md {
|
262
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 33%;
|
263
263
|
}
|
264
|
-
.pf-
|
265
|
-
--pf-
|
264
|
+
.pf-v6-c-sidebar__panel.pf-m-width-50-on-md {
|
265
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 50%;
|
266
266
|
}
|
267
|
-
.pf-
|
268
|
-
--pf-
|
267
|
+
.pf-v6-c-sidebar__panel.pf-m-width-66-on-md {
|
268
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 66%;
|
269
269
|
}
|
270
|
-
.pf-
|
271
|
-
--pf-
|
270
|
+
.pf-v6-c-sidebar__panel.pf-m-width-75-on-md {
|
271
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 75%;
|
272
272
|
}
|
273
|
-
.pf-
|
274
|
-
--pf-
|
273
|
+
.pf-v6-c-sidebar__panel.pf-m-width-100-on-md {
|
274
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 100%;
|
275
275
|
}
|
276
276
|
}
|
277
277
|
@media (min-width: 992px) {
|
278
|
-
.pf-
|
279
|
-
--pf-
|
278
|
+
.pf-v6-c-sidebar__panel.pf-m-width-default-on-lg {
|
279
|
+
--pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
|
280
280
|
}
|
281
|
-
.pf-
|
282
|
-
--pf-
|
281
|
+
.pf-v6-c-sidebar__panel.pf-m-width-25-on-lg {
|
282
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 25%;
|
283
283
|
}
|
284
|
-
.pf-
|
285
|
-
--pf-
|
284
|
+
.pf-v6-c-sidebar__panel.pf-m-width-33-on-lg {
|
285
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 33%;
|
286
286
|
}
|
287
|
-
.pf-
|
288
|
-
--pf-
|
287
|
+
.pf-v6-c-sidebar__panel.pf-m-width-50-on-lg {
|
288
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 50%;
|
289
289
|
}
|
290
|
-
.pf-
|
291
|
-
--pf-
|
290
|
+
.pf-v6-c-sidebar__panel.pf-m-width-66-on-lg {
|
291
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 66%;
|
292
292
|
}
|
293
|
-
.pf-
|
294
|
-
--pf-
|
293
|
+
.pf-v6-c-sidebar__panel.pf-m-width-75-on-lg {
|
294
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 75%;
|
295
295
|
}
|
296
|
-
.pf-
|
297
|
-
--pf-
|
296
|
+
.pf-v6-c-sidebar__panel.pf-m-width-100-on-lg {
|
297
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 100%;
|
298
298
|
}
|
299
299
|
}
|
300
300
|
@media (min-width: 1200px) {
|
301
|
-
.pf-
|
302
|
-
--pf-
|
301
|
+
.pf-v6-c-sidebar__panel.pf-m-width-default-on-xl {
|
302
|
+
--pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
|
303
303
|
}
|
304
|
-
.pf-
|
305
|
-
--pf-
|
304
|
+
.pf-v6-c-sidebar__panel.pf-m-width-25-on-xl {
|
305
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 25%;
|
306
306
|
}
|
307
|
-
.pf-
|
308
|
-
--pf-
|
307
|
+
.pf-v6-c-sidebar__panel.pf-m-width-33-on-xl {
|
308
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 33%;
|
309
309
|
}
|
310
|
-
.pf-
|
311
|
-
--pf-
|
310
|
+
.pf-v6-c-sidebar__panel.pf-m-width-50-on-xl {
|
311
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 50%;
|
312
312
|
}
|
313
|
-
.pf-
|
314
|
-
--pf-
|
313
|
+
.pf-v6-c-sidebar__panel.pf-m-width-66-on-xl {
|
314
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 66%;
|
315
315
|
}
|
316
|
-
.pf-
|
317
|
-
--pf-
|
316
|
+
.pf-v6-c-sidebar__panel.pf-m-width-75-on-xl {
|
317
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 75%;
|
318
318
|
}
|
319
|
-
.pf-
|
320
|
-
--pf-
|
319
|
+
.pf-v6-c-sidebar__panel.pf-m-width-100-on-xl {
|
320
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 100%;
|
321
321
|
}
|
322
322
|
}
|
323
323
|
@media (min-width: 1450px) {
|
324
|
-
.pf-
|
325
|
-
--pf-
|
324
|
+
.pf-v6-c-sidebar__panel.pf-m-width-default-on-2xl {
|
325
|
+
--pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
|
326
326
|
}
|
327
|
-
.pf-
|
328
|
-
--pf-
|
327
|
+
.pf-v6-c-sidebar__panel.pf-m-width-25-on-2xl {
|
328
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 25%;
|
329
329
|
}
|
330
|
-
.pf-
|
331
|
-
--pf-
|
330
|
+
.pf-v6-c-sidebar__panel.pf-m-width-33-on-2xl {
|
331
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 33%;
|
332
332
|
}
|
333
|
-
.pf-
|
334
|
-
--pf-
|
333
|
+
.pf-v6-c-sidebar__panel.pf-m-width-50-on-2xl {
|
334
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 50%;
|
335
335
|
}
|
336
|
-
.pf-
|
337
|
-
--pf-
|
336
|
+
.pf-v6-c-sidebar__panel.pf-m-width-66-on-2xl {
|
337
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 66%;
|
338
338
|
}
|
339
|
-
.pf-
|
340
|
-
--pf-
|
339
|
+
.pf-v6-c-sidebar__panel.pf-m-width-75-on-2xl {
|
340
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 75%;
|
341
341
|
}
|
342
|
-
.pf-
|
343
|
-
--pf-
|
342
|
+
.pf-v6-c-sidebar__panel.pf-m-width-100-on-2xl {
|
343
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 100%;
|
344
344
|
}
|
345
345
|
}
|
@@ -57,7 +57,6 @@ declare const _default: {
|
|
57
57
|
"sidebar": "pf-v6-c-sidebar",
|
58
58
|
"sidebarContent": "pf-v6-c-sidebar__content",
|
59
59
|
"sidebarMain": "pf-v6-c-sidebar__main",
|
60
|
-
"sidebarPanel": "pf-v6-c-sidebar__panel"
|
61
|
-
"v5CSidebarPanel": "pf-v5-c-sidebar__panel"
|
60
|
+
"sidebarPanel": "pf-v6-c-sidebar__panel"
|
62
61
|
};
|
63
62
|
export default _default;
|
@@ -59,6 +59,5 @@ exports.default = {
|
|
59
59
|
"sidebar": "pf-v6-c-sidebar",
|
60
60
|
"sidebarContent": "pf-v6-c-sidebar__content",
|
61
61
|
"sidebarMain": "pf-v6-c-sidebar__main",
|
62
|
-
"sidebarPanel": "pf-v6-c-sidebar__panel"
|
63
|
-
"v5CSidebarPanel": "pf-v5-c-sidebar__panel"
|
62
|
+
"sidebarPanel": "pf-v6-c-sidebar__panel"
|
64
63
|
};
|
@@ -57,6 +57,5 @@ export default {
|
|
57
57
|
"sidebar": "pf-v6-c-sidebar",
|
58
58
|
"sidebarContent": "pf-v6-c-sidebar__content",
|
59
59
|
"sidebarMain": "pf-v6-c-sidebar__main",
|
60
|
-
"sidebarPanel": "pf-v6-c-sidebar__panel"
|
61
|
-
"v5CSidebarPanel": "pf-v5-c-sidebar__panel"
|
60
|
+
"sidebarPanel": "pf-v6-c-sidebar__panel"
|
62
61
|
};
|
@@ -1,6 +1,6 @@
|
|
1
1
|
:root {
|
2
2
|
--pf-v6-c-skip-to-content--Top: var(--pf-t--global--spacer--md);
|
3
|
-
--pf-v6-c-skip-to-content--ZIndex: var(--pf-
|
3
|
+
--pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
|
4
4
|
--pf-v6-c-skip-to-content--focus--Left: var(--pf-t--global--spacer--md);
|
5
5
|
}
|
6
6
|
|
@@ -52,7 +52,7 @@
|
|
52
52
|
--pf-v6-c-slider__value--m-floating--TranslateX: -50%;
|
53
53
|
--pf-v6-c-slider__value--m-floating--TranslateY: -100%;
|
54
54
|
--pf-v6-c-slider__value--m-floating--Left: var(--pf-v6-c-slider--value);
|
55
|
-
--pf-v6-c-slider__value--m-floating--ZIndex: var(--pf-t--global--
|
55
|
+
--pf-v6-c-slider__value--m-floating--ZIndex: var(--pf-t--global--z-index--sm);
|
56
56
|
--pf-v6-c-slider__actions--MarginRight: var(--pf-t--global--spacer--sm);
|
57
57
|
--pf-v6-c-slider__main--actions--MarginLeft: var(--pf-t--global--spacer--sm);
|
58
58
|
--pf-v6-c-slider--m-disabled__rail-track--before--fill--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
@@ -1,8 +1,8 @@
|
|
1
1
|
:where(:root),
|
2
2
|
:where(.pf-v6-c-table) {
|
3
|
-
--pf-v6-c-table__sticky-cell--MinWidth--base:
|
3
|
+
--pf-v6-c-table__sticky-cell--MinWidth--base: 8.75rem;
|
4
4
|
--pf-v6-c-table__sticky-cell--MinWidth: var(--pf-v6-c-table__sticky-cell--MinWidth--base);
|
5
|
-
--pf-v6-c-table__sticky-cell--ZIndex: var(--pf-t--global--
|
5
|
+
--pf-v6-c-table__sticky-cell--ZIndex: var(--pf-t--global--z-index--xs);
|
6
6
|
--pf-v6-c-table__sticky-cell--Right: auto;
|
7
7
|
--pf-v6-c-table__sticky-cell--Left: auto;
|
8
8
|
--pf-v6-c-table__sticky-cell--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
@@ -14,36 +14,33 @@
|
|
14
14
|
--pf-v6-c-table__sticky-cell--m-left--Left: 0;
|
15
15
|
--pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex: calc(var(--pf-v6-c-table__sticky-cell--ZIndex) + 1);
|
16
16
|
}
|
17
|
-
|
18
|
-
|
19
|
-
--pf-v6-c-table--cell--Overflow: visible;
|
20
|
-
--pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex);
|
17
|
+
|
18
|
+
.pf-v6-c-table .pf-v6-c-table__sticky-cell {
|
21
19
|
position: sticky;
|
22
20
|
inset-inline-start: var(--pf-v6-c-table__sticky-cell--Left);
|
23
21
|
inset-inline-end: var(--pf-v6-c-table__sticky-cell--Right);
|
24
22
|
z-index: var(--pf-v6-c-table__sticky-cell--ZIndex);
|
25
23
|
min-width: var(--pf-v6-c-table__sticky-cell--MinWidth);
|
24
|
+
}
|
25
|
+
|
26
|
+
.pf-v6-c-table__sticky-cell {
|
27
|
+
--pf-v6-c-table--cell--Overflow: visible;
|
28
|
+
--pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex);
|
26
29
|
background-color: var(--pf-v6-c-table__sticky-cell--BackgroundColor);
|
27
30
|
background-clip: padding-box;
|
28
31
|
}
|
29
|
-
|
30
|
-
:where(.pf-v6-c-table) .pf-v6-c-table__sticky-cell.pf-m-border-right::before {
|
32
|
+
.pf-v6-c-table__sticky-cell.pf-m-border-right::before {
|
31
33
|
--pf-v6-c-table--cell--m-border-right--before--BorderRightWidth: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderRightWidth);
|
32
34
|
--pf-v6-c-table--cell--m-border-right--before--BorderRightColor: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderRightColor);
|
33
35
|
}
|
34
|
-
|
35
|
-
:where(.pf-v6-c-table) .pf-v6-c-table__sticky-cell.pf-m-border-left::before {
|
36
|
+
.pf-v6-c-table__sticky-cell.pf-m-border-left::before {
|
36
37
|
--pf-v6-c-table--cell--m-border-left--before--BorderLeftWidth: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderLeftWidth);
|
37
38
|
--pf-v6-c-table--cell--m-border-left--before--BorderLeftColor: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderLeftColor);
|
38
39
|
}
|
39
|
-
|
40
|
-
:where(.pf-v6-c-table) .pf-v6-c-table__sticky-cell.pf-m-right,
|
41
|
-
:where(.pf-v6-c-table) .pf-v6-c-table__sticky-cell.pf-m-inline-end {
|
40
|
+
.pf-v6-c-table__sticky-cell.pf-m-right, .pf-v6-c-table__sticky-cell.pf-m-inline-end {
|
42
41
|
--pf-v6-c-table__sticky-cell--Right: var(--pf-v6-c-table__sticky-cell--m-right--Right);
|
43
42
|
}
|
44
|
-
|
45
|
-
:where(.pf-v6-c-table) .pf-v6-c-table__sticky-cell.pf-m-left,
|
46
|
-
:where(.pf-v6-c-table) .pf-v6-c-table__sticky-cell.pf-m-inline-start {
|
43
|
+
.pf-v6-c-table__sticky-cell.pf-m-left, .pf-v6-c-table__sticky-cell.pf-m-inline-start {
|
47
44
|
--pf-v6-c-table__sticky-cell--Left: var(--pf-v6-c-table__sticky-cell--m-left--Left);
|
48
45
|
}
|
49
46
|
|
@@ -6,7 +6,6 @@
|
|
6
6
|
--pf-v6-c-table__tree-view-main--PaddingLeft: var(--pf-v6-c-table__tree-view-main--indent--base);
|
7
7
|
--pf-v6-c-table__tree-view-main--MarginLeft: calc(var(--pf-v6-c-table--cell--PaddingLeft) * -1);
|
8
8
|
--pf-v6-c-table__tree-view-main--c-table__check--PaddingRight: var(--pf-t--global--spacer--sm);
|
9
|
-
--pf-v6-c-table__tree-view-main--c-table__check--PaddingLeft: var(--pf-t--global--spacer--sm);
|
10
9
|
--pf-v6-c-table__tree-view-main--c-table__check--MarginRight: var(--pf-t--global--spacer--sm);
|
11
10
|
--pf-v6-c-table__tree-view-icon--MinWidth: var(--pf-t--global--spacer--md);
|
12
11
|
--pf-v6-c-table__tree-view-icon--MarginRight: var(--pf-t--global--spacer--sm);
|
@@ -87,7 +86,6 @@
|
|
87
86
|
margin-inline-end: var(--pf-v6-c-table__tree-view-main--c-table__check--MarginRight);
|
88
87
|
}
|
89
88
|
.pf-v6-c-table__tree-view-main > .pf-v6-c-table__check label {
|
90
|
-
padding-inline-start: var(--pf-v6-c-table__tree-view-main--c-table__check--PaddingLeft);
|
91
89
|
padding-inline-end: var(--pf-v6-c-table__tree-view-main--c-table__check--PaddingRight);
|
92
90
|
margin-block-start: 0;
|
93
91
|
margin-block-end: 0;
|