@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
@@ -34,7 +34,7 @@
|
|
34
34
|
--pf-v6-c-tabs--m-box__item--m-current--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
35
35
|
--pf-v6-c-tabs--m-box--m-secondary__item--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
36
36
|
--pf-v6-c-tabs--m-box--m-secondary__item--m-current--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
|
37
|
-
--pf-v6-c-tabs__item--m-action--before--ZIndex: var(--pf-t--global--
|
37
|
+
--pf-v6-c-tabs__item--m-action--before--ZIndex: var(--pf-t--global--z-index--sm);
|
38
38
|
--pf-v6-c-tabs__link--Color: var(--pf-t--global--text--color--subtle);
|
39
39
|
--pf-v6-c-tabs__link--FontSize: var(--pf-t--global--font--size--sm);
|
40
40
|
--pf-v6-c-tabs__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
@@ -651,29 +651,29 @@
|
|
651
651
|
--pf-v6-c-tabs--m-vertical--m-box--inset: 0;
|
652
652
|
}
|
653
653
|
.pf-v6-c-tabs.pf-m-inset-sm {
|
654
|
-
--pf-v6-c-tabs--inset: var(--pf-
|
655
|
-
--pf-v6-c-tabs--m-vertical--inset: var(--pf-
|
656
|
-
--pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-
|
654
|
+
--pf-v6-c-tabs--inset: var(--pf-t--global--spacer--sm);
|
655
|
+
--pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--sm);
|
656
|
+
--pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--sm);
|
657
657
|
}
|
658
658
|
.pf-v6-c-tabs.pf-m-inset-md {
|
659
|
-
--pf-v6-c-tabs--inset: var(--pf-
|
660
|
-
--pf-v6-c-tabs--m-vertical--inset: var(--pf-
|
661
|
-
--pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-
|
659
|
+
--pf-v6-c-tabs--inset: var(--pf-t--global--spacer--md);
|
660
|
+
--pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--md);
|
661
|
+
--pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--md);
|
662
662
|
}
|
663
663
|
.pf-v6-c-tabs.pf-m-inset-lg {
|
664
|
-
--pf-v6-c-tabs--inset: var(--pf-
|
665
|
-
--pf-v6-c-tabs--m-vertical--inset: var(--pf-
|
666
|
-
--pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-
|
664
|
+
--pf-v6-c-tabs--inset: var(--pf-t--global--spacer--lg);
|
665
|
+
--pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--lg);
|
666
|
+
--pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--lg);
|
667
667
|
}
|
668
668
|
.pf-v6-c-tabs.pf-m-inset-xl {
|
669
|
-
--pf-v6-c-tabs--inset: var(--pf-
|
670
|
-
--pf-v6-c-tabs--m-vertical--inset: var(--pf-
|
671
|
-
--pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-
|
669
|
+
--pf-v6-c-tabs--inset: var(--pf-t--global--spacer--xl);
|
670
|
+
--pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--xl);
|
671
|
+
--pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--xl);
|
672
672
|
}
|
673
673
|
.pf-v6-c-tabs.pf-m-inset-2xl {
|
674
|
-
--pf-v6-c-tabs--inset: var(--pf-
|
675
|
-
--pf-v6-c-tabs--m-vertical--inset: var(--pf-
|
676
|
-
--pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-
|
674
|
+
--pf-v6-c-tabs--inset: var(--pf-t--global--spacer--2xl);
|
675
|
+
--pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--2xl);
|
676
|
+
--pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--2xl);
|
677
677
|
}
|
678
678
|
@media (min-width: 576px) {
|
679
679
|
.pf-v6-c-tabs.pf-m-inset-none-on-sm {
|
@@ -682,29 +682,29 @@
|
|
682
682
|
--pf-v6-c-tabs--m-vertical--m-box--inset: 0;
|
683
683
|
}
|
684
684
|
.pf-v6-c-tabs.pf-m-inset-sm-on-sm {
|
685
|
-
--pf-v6-c-tabs--inset: var(--pf-
|
686
|
-
--pf-v6-c-tabs--m-vertical--inset: var(--pf-
|
687
|
-
--pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-
|
685
|
+
--pf-v6-c-tabs--inset: var(--pf-t--global--spacer--sm);
|
686
|
+
--pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--sm);
|
687
|
+
--pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--sm);
|
688
688
|
}
|
689
689
|
.pf-v6-c-tabs.pf-m-inset-md-on-sm {
|
690
|
-
--pf-v6-c-tabs--inset: var(--pf-
|
691
|
-
--pf-v6-c-tabs--m-vertical--inset: var(--pf-
|
692
|
-
--pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-
|
690
|
+
--pf-v6-c-tabs--inset: var(--pf-t--global--spacer--md);
|
691
|
+
--pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--md);
|
692
|
+
--pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--md);
|
693
693
|
}
|
694
694
|
.pf-v6-c-tabs.pf-m-inset-lg-on-sm {
|
695
|
-
--pf-v6-c-tabs--inset: var(--pf-
|
696
|
-
--pf-v6-c-tabs--m-vertical--inset: var(--pf-
|
697
|
-
--pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-
|
695
|
+
--pf-v6-c-tabs--inset: var(--pf-t--global--spacer--lg);
|
696
|
+
--pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--lg);
|
697
|
+
--pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--lg);
|
698
698
|
}
|
699
699
|
.pf-v6-c-tabs.pf-m-inset-xl-on-sm {
|
700
|
-
--pf-v6-c-tabs--inset: var(--pf-
|
701
|
-
--pf-v6-c-tabs--m-vertical--inset: var(--pf-
|
702
|
-
--pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-
|
700
|
+
--pf-v6-c-tabs--inset: var(--pf-t--global--spacer--xl);
|
701
|
+
--pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--xl);
|
702
|
+
--pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--xl);
|
703
703
|
}
|
704
704
|
.pf-v6-c-tabs.pf-m-inset-2xl-on-sm {
|
705
|
-
--pf-v6-c-tabs--inset: var(--pf-
|
706
|
-
--pf-v6-c-tabs--m-vertical--inset: var(--pf-
|
707
|
-
--pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-
|
705
|
+
--pf-v6-c-tabs--inset: var(--pf-t--global--spacer--2xl);
|
706
|
+
--pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--2xl);
|
707
|
+
--pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--2xl);
|
708
708
|
}
|
709
709
|
}
|
710
710
|
@media (min-width: 768px) {
|
@@ -714,29 +714,29 @@
|
|
714
714
|
--pf-v6-c-tabs--m-vertical--m-box--inset: 0;
|
715
715
|
}
|
716
716
|
.pf-v6-c-tabs.pf-m-inset-sm-on-md {
|
717
|
-
--pf-v6-c-tabs--inset: var(--pf-
|
718
|
-
--pf-v6-c-tabs--m-vertical--inset: var(--pf-
|
719
|
-
--pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-
|
717
|
+
--pf-v6-c-tabs--inset: var(--pf-t--global--spacer--sm);
|
718
|
+
--pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--sm);
|
719
|
+
--pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--sm);
|
720
720
|
}
|
721
721
|
.pf-v6-c-tabs.pf-m-inset-md-on-md {
|
722
|
-
--pf-v6-c-tabs--inset: var(--pf-
|
723
|
-
--pf-v6-c-tabs--m-vertical--inset: var(--pf-
|
724
|
-
--pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-
|
722
|
+
--pf-v6-c-tabs--inset: var(--pf-t--global--spacer--md);
|
723
|
+
--pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--md);
|
724
|
+
--pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--md);
|
725
725
|
}
|
726
726
|
.pf-v6-c-tabs.pf-m-inset-lg-on-md {
|
727
|
-
--pf-v6-c-tabs--inset: var(--pf-
|
728
|
-
--pf-v6-c-tabs--m-vertical--inset: var(--pf-
|
729
|
-
--pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-
|
727
|
+
--pf-v6-c-tabs--inset: var(--pf-t--global--spacer--lg);
|
728
|
+
--pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--lg);
|
729
|
+
--pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--lg);
|
730
730
|
}
|
731
731
|
.pf-v6-c-tabs.pf-m-inset-xl-on-md {
|
732
|
-
--pf-v6-c-tabs--inset: var(--pf-
|
733
|
-
--pf-v6-c-tabs--m-vertical--inset: var(--pf-
|
734
|
-
--pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-
|
732
|
+
--pf-v6-c-tabs--inset: var(--pf-t--global--spacer--xl);
|
733
|
+
--pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--xl);
|
734
|
+
--pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--xl);
|
735
735
|
}
|
736
736
|
.pf-v6-c-tabs.pf-m-inset-2xl-on-md {
|
737
|
-
--pf-v6-c-tabs--inset: var(--pf-
|
738
|
-
--pf-v6-c-tabs--m-vertical--inset: var(--pf-
|
739
|
-
--pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-
|
737
|
+
--pf-v6-c-tabs--inset: var(--pf-t--global--spacer--2xl);
|
738
|
+
--pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--2xl);
|
739
|
+
--pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--2xl);
|
740
740
|
}
|
741
741
|
}
|
742
742
|
@media (min-width: 992px) {
|
@@ -746,29 +746,29 @@
|
|
746
746
|
--pf-v6-c-tabs--m-vertical--m-box--inset: 0;
|
747
747
|
}
|
748
748
|
.pf-v6-c-tabs.pf-m-inset-sm-on-lg {
|
749
|
-
--pf-v6-c-tabs--inset: var(--pf-
|
750
|
-
--pf-v6-c-tabs--m-vertical--inset: var(--pf-
|
751
|
-
--pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-
|
749
|
+
--pf-v6-c-tabs--inset: var(--pf-t--global--spacer--sm);
|
750
|
+
--pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--sm);
|
751
|
+
--pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--sm);
|
752
752
|
}
|
753
753
|
.pf-v6-c-tabs.pf-m-inset-md-on-lg {
|
754
|
-
--pf-v6-c-tabs--inset: var(--pf-
|
755
|
-
--pf-v6-c-tabs--m-vertical--inset: var(--pf-
|
756
|
-
--pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-
|
754
|
+
--pf-v6-c-tabs--inset: var(--pf-t--global--spacer--md);
|
755
|
+
--pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--md);
|
756
|
+
--pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--md);
|
757
757
|
}
|
758
758
|
.pf-v6-c-tabs.pf-m-inset-lg-on-lg {
|
759
|
-
--pf-v6-c-tabs--inset: var(--pf-
|
760
|
-
--pf-v6-c-tabs--m-vertical--inset: var(--pf-
|
761
|
-
--pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-
|
759
|
+
--pf-v6-c-tabs--inset: var(--pf-t--global--spacer--lg);
|
760
|
+
--pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--lg);
|
761
|
+
--pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--lg);
|
762
762
|
}
|
763
763
|
.pf-v6-c-tabs.pf-m-inset-xl-on-lg {
|
764
|
-
--pf-v6-c-tabs--inset: var(--pf-
|
765
|
-
--pf-v6-c-tabs--m-vertical--inset: var(--pf-
|
766
|
-
--pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-
|
764
|
+
--pf-v6-c-tabs--inset: var(--pf-t--global--spacer--xl);
|
765
|
+
--pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--xl);
|
766
|
+
--pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--xl);
|
767
767
|
}
|
768
768
|
.pf-v6-c-tabs.pf-m-inset-2xl-on-lg {
|
769
|
-
--pf-v6-c-tabs--inset: var(--pf-
|
770
|
-
--pf-v6-c-tabs--m-vertical--inset: var(--pf-
|
771
|
-
--pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-
|
769
|
+
--pf-v6-c-tabs--inset: var(--pf-t--global--spacer--2xl);
|
770
|
+
--pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--2xl);
|
771
|
+
--pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--2xl);
|
772
772
|
}
|
773
773
|
}
|
774
774
|
@media (min-width: 1200px) {
|
@@ -778,29 +778,29 @@
|
|
778
778
|
--pf-v6-c-tabs--m-vertical--m-box--inset: 0;
|
779
779
|
}
|
780
780
|
.pf-v6-c-tabs.pf-m-inset-sm-on-xl {
|
781
|
-
--pf-v6-c-tabs--inset: var(--pf-
|
782
|
-
--pf-v6-c-tabs--m-vertical--inset: var(--pf-
|
783
|
-
--pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-
|
781
|
+
--pf-v6-c-tabs--inset: var(--pf-t--global--spacer--sm);
|
782
|
+
--pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--sm);
|
783
|
+
--pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--sm);
|
784
784
|
}
|
785
785
|
.pf-v6-c-tabs.pf-m-inset-md-on-xl {
|
786
|
-
--pf-v6-c-tabs--inset: var(--pf-
|
787
|
-
--pf-v6-c-tabs--m-vertical--inset: var(--pf-
|
788
|
-
--pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-
|
786
|
+
--pf-v6-c-tabs--inset: var(--pf-t--global--spacer--md);
|
787
|
+
--pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--md);
|
788
|
+
--pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--md);
|
789
789
|
}
|
790
790
|
.pf-v6-c-tabs.pf-m-inset-lg-on-xl {
|
791
|
-
--pf-v6-c-tabs--inset: var(--pf-
|
792
|
-
--pf-v6-c-tabs--m-vertical--inset: var(--pf-
|
793
|
-
--pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-
|
791
|
+
--pf-v6-c-tabs--inset: var(--pf-t--global--spacer--lg);
|
792
|
+
--pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--lg);
|
793
|
+
--pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--lg);
|
794
794
|
}
|
795
795
|
.pf-v6-c-tabs.pf-m-inset-xl-on-xl {
|
796
|
-
--pf-v6-c-tabs--inset: var(--pf-
|
797
|
-
--pf-v6-c-tabs--m-vertical--inset: var(--pf-
|
798
|
-
--pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-
|
796
|
+
--pf-v6-c-tabs--inset: var(--pf-t--global--spacer--xl);
|
797
|
+
--pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--xl);
|
798
|
+
--pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--xl);
|
799
799
|
}
|
800
800
|
.pf-v6-c-tabs.pf-m-inset-2xl-on-xl {
|
801
|
-
--pf-v6-c-tabs--inset: var(--pf-
|
802
|
-
--pf-v6-c-tabs--m-vertical--inset: var(--pf-
|
803
|
-
--pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-
|
801
|
+
--pf-v6-c-tabs--inset: var(--pf-t--global--spacer--2xl);
|
802
|
+
--pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--2xl);
|
803
|
+
--pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--2xl);
|
804
804
|
}
|
805
805
|
}
|
806
806
|
@media (min-width: 1450px) {
|
@@ -810,28 +810,28 @@
|
|
810
810
|
--pf-v6-c-tabs--m-vertical--m-box--inset: 0;
|
811
811
|
}
|
812
812
|
.pf-v6-c-tabs.pf-m-inset-sm-on-2xl {
|
813
|
-
--pf-v6-c-tabs--inset: var(--pf-
|
814
|
-
--pf-v6-c-tabs--m-vertical--inset: var(--pf-
|
815
|
-
--pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-
|
813
|
+
--pf-v6-c-tabs--inset: var(--pf-t--global--spacer--sm);
|
814
|
+
--pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--sm);
|
815
|
+
--pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--sm);
|
816
816
|
}
|
817
817
|
.pf-v6-c-tabs.pf-m-inset-md-on-2xl {
|
818
|
-
--pf-v6-c-tabs--inset: var(--pf-
|
819
|
-
--pf-v6-c-tabs--m-vertical--inset: var(--pf-
|
820
|
-
--pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-
|
818
|
+
--pf-v6-c-tabs--inset: var(--pf-t--global--spacer--md);
|
819
|
+
--pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--md);
|
820
|
+
--pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--md);
|
821
821
|
}
|
822
822
|
.pf-v6-c-tabs.pf-m-inset-lg-on-2xl {
|
823
|
-
--pf-v6-c-tabs--inset: var(--pf-
|
824
|
-
--pf-v6-c-tabs--m-vertical--inset: var(--pf-
|
825
|
-
--pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-
|
823
|
+
--pf-v6-c-tabs--inset: var(--pf-t--global--spacer--lg);
|
824
|
+
--pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--lg);
|
825
|
+
--pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--lg);
|
826
826
|
}
|
827
827
|
.pf-v6-c-tabs.pf-m-inset-xl-on-2xl {
|
828
|
-
--pf-v6-c-tabs--inset: var(--pf-
|
829
|
-
--pf-v6-c-tabs--m-vertical--inset: var(--pf-
|
830
|
-
--pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-
|
828
|
+
--pf-v6-c-tabs--inset: var(--pf-t--global--spacer--xl);
|
829
|
+
--pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--xl);
|
830
|
+
--pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--xl);
|
831
831
|
}
|
832
832
|
.pf-v6-c-tabs.pf-m-inset-2xl-on-2xl {
|
833
|
-
--pf-v6-c-tabs--inset: var(--pf-
|
834
|
-
--pf-v6-c-tabs--m-vertical--inset: var(--pf-
|
835
|
-
--pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-
|
833
|
+
--pf-v6-c-tabs--inset: var(--pf-t--global--spacer--2xl);
|
834
|
+
--pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--2xl);
|
835
|
+
--pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--2xl);
|
836
836
|
}
|
837
837
|
}
|
@@ -10,7 +10,7 @@
|
|
10
10
|
--pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
11
11
|
--pf-v6-c-toggle-group__button--ZIndex: auto;
|
12
12
|
--pf-v6-c-toggle-group__button--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
|
13
|
-
--pf-v6-c-toggle-group__button--hover--ZIndex: var(--pf-t--global--
|
13
|
+
--pf-v6-c-toggle-group__button--hover--ZIndex: var(--pf-t--global--z-index--xs);
|
14
14
|
--pf-v6-c-toggle-group__button--hover--before--BorderColor: var(--pf-t--global--border--color--default);
|
15
15
|
--pf-v6-c-toggle-group__button--before--BorderWidth: var(--pf-t--global--border--width--control--default);
|
16
16
|
--pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-t--global--border--color--default);
|
@@ -24,12 +24,12 @@
|
|
24
24
|
--pf-v6-c-toggle-group__button--m-selected--Color: var(--pf-t--global--text--color--on-brand--default);
|
25
25
|
--pf-v6-c-toggle-group__button--m-selected--before--BorderColor: var(--pf-t--global--border--color--clicked);
|
26
26
|
--pf-v6-c-toggle-group__button--m-selected-selected--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
|
27
|
-
--pf-v6-c-toggle-group__button--m-selected--ZIndex: var(--pf-t--global--
|
27
|
+
--pf-v6-c-toggle-group__button--m-selected--ZIndex: var(--pf-t--global--z-index--xs);
|
28
28
|
--pf-v6-c-toggle-group__button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
29
29
|
--pf-v6-c-toggle-group__button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
30
30
|
--pf-v6-c-toggle-group__button--disabled--before--BorderColor: var(--pf-t--global--border--color--disabled);
|
31
31
|
--pf-v6-c-toggle-group__button--disabled-disabled--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
|
32
|
-
--pf-v6-c-toggle-group__button--disabled--ZIndex: var(--pf-t--global--
|
32
|
+
--pf-v6-c-toggle-group__button--disabled--ZIndex: var(--pf-t--global--z-index--xs);
|
33
33
|
--pf-v6-c-toggle-group--m-compact__button--PaddingTop: 0;
|
34
34
|
--pf-v6-c-toggle-group--m-compact__button--PaddingRight: var(--pf-t--global--spacer--sm);
|
35
35
|
--pf-v6-c-toggle-group--m-compact__button--PaddingBottom: 0;
|
@@ -109,11 +109,11 @@
|
|
109
109
|
pointer-events: none;
|
110
110
|
}
|
111
111
|
|
112
|
-
.pf-
|
112
|
+
.pf-v6-c-toggle-group__item:has(.pf-m-selected) + .pf-v6-c-toggle-group__item:has(.pf-m-selected) {
|
113
113
|
--pf-v6-c-toggle-group__button--before--BorderInlineStartColor: var(--pf-v6-c-toggle-group__button--m-selected-selected--before--BorderInlineStartColor);
|
114
114
|
}
|
115
115
|
|
116
|
-
.pf-
|
116
|
+
.pf-v6-c-toggle-group__item:has(:disabled, .pf-m-disabled) + .pf-v6-c-toggle-group__item:has(:disabled, .pf-m-disabled) {
|
117
117
|
--pf-v6-c-toggle-group__button--before--BorderInlineStartColor: var(--pf-v6-c-toggle-group__button--disabled-disabled--before--BorderInlineStartColor);
|
118
118
|
}
|
119
119
|
|
@@ -9,7 +9,6 @@ declare const _default: {
|
|
9
9
|
"toggleGroupButton": "pf-v6-c-toggle-group__button",
|
10
10
|
"toggleGroupIcon": "pf-v6-c-toggle-group__icon",
|
11
11
|
"toggleGroupItem": "pf-v6-c-toggle-group__item",
|
12
|
-
"toggleGroupText": "pf-v6-c-toggle-group__text"
|
13
|
-
"v5CToggleGroupItem": "pf-v5-c-toggle-group__item"
|
12
|
+
"toggleGroupText": "pf-v6-c-toggle-group__text"
|
14
13
|
};
|
15
14
|
export default _default;
|
@@ -11,6 +11,5 @@ exports.default = {
|
|
11
11
|
"toggleGroupButton": "pf-v6-c-toggle-group__button",
|
12
12
|
"toggleGroupIcon": "pf-v6-c-toggle-group__icon",
|
13
13
|
"toggleGroupItem": "pf-v6-c-toggle-group__item",
|
14
|
-
"toggleGroupText": "pf-v6-c-toggle-group__text"
|
15
|
-
"v5CToggleGroupItem": "pf-v5-c-toggle-group__item"
|
14
|
+
"toggleGroupText": "pf-v6-c-toggle-group__text"
|
16
15
|
};
|
@@ -9,6 +9,5 @@ export default {
|
|
9
9
|
"toggleGroupButton": "pf-v6-c-toggle-group__button",
|
10
10
|
"toggleGroupIcon": "pf-v6-c-toggle-group__icon",
|
11
11
|
"toggleGroupItem": "pf-v6-c-toggle-group__item",
|
12
|
-
"toggleGroupText": "pf-v6-c-toggle-group__text"
|
13
|
-
"v5CToggleGroupItem": "pf-v5-c-toggle-group__item"
|
12
|
+
"toggleGroupText": "pf-v6-c-toggle-group__text"
|
14
13
|
};
|