@patternfly/patternfly 6.0.0-alpha.106 → 6.0.0-alpha.108
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/README.md +0 -1
- package/base/_common.scss +4 -4
- package/base/_globals.scss +2 -2
- package/base/_themes.scss +3 -3
- package/base/_variables.scss +14 -14
- package/base/patternfly-variables.css +18 -12
- package/base/themes/dark/_globals.scss +1 -1
- package/base/tokens/_tokens-charts.scss +1 -1
- package/base/tokens/_tokens-dark.scss +3 -3
- package/base/tokens/_tokens-default.scss +17 -11
- package/base/tokens/_tokens-palette.scss +1 -1
- package/components/AboutModalBox/about-modal-box.scss +12 -12
- package/components/Accordion/accordion.scss +2 -2
- package/components/Alert/alert.scss +2 -2
- package/components/AppLauncher/app-launcher.scss +2 -2
- package/components/AppLauncher/themes/dark/app-launcher.scss +1 -1
- package/components/Avatar/avatar.scss +5 -5
- package/components/BackToTop/back-to-top.scss +1 -1
- package/components/BackgroundImage/background-image.scss +1 -1
- package/components/Banner/banner.scss +1 -1
- package/components/Brand/brand.scss +3 -3
- package/components/Breadcrumb/breadcrumb.scss +1 -1
- package/components/CalendarMonth/calendar-month.scss +1 -1
- package/components/Card/card.scss +1 -1
- package/components/Chip/chip-group.scss +2 -2
- package/components/Chip/chip.scss +4 -4
- package/components/Chip/themes/dark/chip.scss +1 -1
- package/components/ClipboardCopy/clipboard-copy.scss +1 -1
- package/components/Content/content.scss +4 -4
- package/components/ContextSelector/context-selector.scss +5 -5
- package/components/ContextSelector/themes/dark/context-selector.scss +1 -1
- package/components/DataList/data-list-grid.scss +6 -6
- package/components/DataList/data-list.css +15 -15
- package/components/DataList/data-list.scss +4 -4
- package/components/DescriptionList/description-list-order.scss +1 -1
- package/components/DescriptionList/description-list.scss +5 -5
- package/components/Divider/divider.css +57 -57
- package/components/Divider/divider.scss +16 -16
- package/components/Drawer/drawer.scss +25 -25
- package/components/Dropdown/dropdown.scss +6 -6
- package/components/Dropdown/themes/dark/dropdown.scss +1 -1
- package/components/DualListSelector/dual-list-selector.scss +4 -4
- package/components/ExpandableSection/expandable-section.scss +1 -1
- package/components/Form/form.scss +8 -8
- package/components/FormControl/form-control.css +1 -1
- package/components/FormControl/form-control.scss +1 -1
- package/components/JumpLinks/jump-links.scss +4 -4
- package/components/Label/label-group.scss +1 -1
- package/components/Label/label.scss +2 -2
- package/components/LogViewer/log-viewer.scss +3 -3
- package/components/LogViewer/themes/dark/log-viewer.scss +2 -2
- package/components/Login/login.scss +13 -13
- package/components/Masthead/masthead.css +70 -70
- package/components/Masthead/masthead.scss +15 -15
- package/components/Menu/menu.css +17 -17
- package/components/Menu/menu.scss +9 -9
- package/components/MenuToggle/menu-toggle.scss +1 -1
- package/components/ModalBox/modal-box.scss +3 -3
- package/components/Nav/nav.scss +3 -3
- package/components/NotificationDrawer/notification-drawer.scss +3 -3
- package/components/NumberInput/number-input.scss +1 -1
- package/components/OptionsMenu/options-menu.scss +3 -3
- package/components/OptionsMenu/themes/dark/options-menu.scss +1 -1
- package/components/Page/page.css +16 -16
- package/components/Page/page.scss +19 -19
- package/components/Pagination/pagination.css +30 -30
- package/components/Pagination/pagination.scss +10 -10
- package/components/Progress/progress.scss +1 -1
- package/components/ProgressStepper/progress-stepper.scss +11 -11
- package/components/Select/select.scss +5 -5
- package/components/Select/themes/dark/select.scss +1 -1
- package/components/Sidebar/sidebar.css +84 -84
- package/components/Sidebar/sidebar.scss +12 -12
- package/components/Skeleton/skeleton.scss +1 -1
- package/components/Slider/slider.scss +11 -11
- package/components/Switch/switch.scss +2 -2
- package/components/TabContent/tab-content.scss +1 -1
- package/components/Table/table-grid.scss +6 -6
- package/components/Table/table-tree-view.scss +6 -6
- package/components/Table/table.css +15 -15
- package/components/Table/table.scss +2 -2
- package/components/Tabs/tabs.css +90 -90
- package/components/Tabs/tabs.scss +10 -10
- package/components/TextInputGroup/text-input-group.scss +1 -1
- package/components/ToggleGroup/toggle-group.css +2 -2
- package/components/ToggleGroup/toggle-group.scss +2 -2
- package/components/Toolbar/toolbar.css +303 -303
- package/components/Toolbar/toolbar.scss +20 -20
- package/components/TreeView/tree-view.scss +5 -5
- package/components/Truncate/truncate.scss +3 -3
- package/components/Wizard/wizard.scss +10 -10
- package/docs/components/Badge/examples/Badge.md +0 -21
- package/docs/components/Breadcrumb/examples/Breadcrumb.md +17 -58
- package/docs/components/Menu/examples/Menu.md +14 -6
- package/docs/components/MenuToggle/examples/MenuToggle.md +19 -0
- package/docs/layouts/Bullseye/examples/Bullseye.css +4 -4
- package/docs/layouts/Flex/examples/Flex.css +4 -4
- package/docs/layouts/Flex/examples/Flex.md +50 -50
- package/docs/layouts/Gallery/examples/Gallery.css +4 -4
- package/docs/layouts/Gallery/examples/Gallery.md +6 -6
- package/docs/layouts/Grid/examples/Grid.css +3 -3
- package/docs/layouts/Grid/examples/Grid.md +33 -33
- package/docs/layouts/Level/examples/Level.css +5 -5
- package/docs/layouts/Split/examples/Split.css +4 -4
- package/docs/layouts/Stack/examples/Stack.css +5 -5
- package/layouts/Bullseye/bullseye.css +5 -1
- package/layouts/Bullseye/bullseye.scss +4 -1
- package/layouts/Flex/flex.css +207 -203
- package/layouts/Flex/flex.scss +45 -42
- package/layouts/Gallery/gallery.css +6 -2
- package/layouts/Gallery/gallery.scss +8 -5
- package/layouts/Grid/grid.css +6 -2
- package/layouts/Grid/grid.scss +11 -8
- package/layouts/Level/level.css +5 -1
- package/layouts/Level/level.scss +5 -2
- package/layouts/Split/split.css +5 -1
- package/layouts/Split/split.scss +5 -2
- package/layouts/Stack/stack.css +5 -1
- package/layouts/Stack/stack.scss +5 -2
- package/package.json +1 -1
- package/patternfly-addons.css +672 -672
- package/patternfly-base-no-globals-theme-dark-unversioned.css +18 -12
- package/patternfly-base-no-globals-theme-dark-unversioned.scss +1 -1
- package/patternfly-base-no-globals.css +18 -12
- package/patternfly-base-theme-dark-unversioned.css +18 -12
- package/patternfly-base.css +18 -12
- package/patternfly-charts-theme-dark-unversioned.scss +4 -4
- package/patternfly-charts-theme-dark.css +2 -2
- package/patternfly-charts-theme-dark.scss +4 -4
- package/patternfly-no-globals.css +901 -867
- package/patternfly-theme-dark-unversioned.css +901 -867
- package/patternfly.css +901 -867
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
- package/sass-utilities/_init.scss +3 -3
- package/sass-utilities/functions.scss +14 -14
- package/sass-utilities/mixins.scss +55 -54
- package/sass-utilities/placeholders.scss +12 -12
- package/sass-utilities/scss-variables.scss +36 -36
- package/sass-utilities/themes/dark/mixins.scss +2 -2
- package/sass-utilities/themes/dark/placeholders.scss +1 -1
- package/themes/dark/_patternfly-charts-theme-dark.scss +1 -1
- package/utilities/Accessibility/accessibility.scss +6 -6
- package/utilities/Alignment/alignment.scss +1 -1
- package/utilities/BackgroundColor/BackgroundColor.scss +1 -1
- package/utilities/BoxShadow/box-shadow.scss +1 -1
- package/utilities/Display/display.scss +1 -1
- package/utilities/Flex/flex.scss +10 -10
- package/utilities/Float/float.scss +1 -1
- package/utilities/Sizing/sizing.scss +6 -6
- package/utilities/Spacing/spacing.css +672 -672
- package/utilities/Spacing/spacing.scss +4 -4
- package/utilities/Text/text.scss +5 -5
- package/docs/components/Breadcrumb/examples/Breadcrumb.css +0 -3
|
@@ -4,17 +4,17 @@
|
|
|
4
4
|
@mixin pf-spacer-builder {
|
|
5
5
|
|
|
6
6
|
// Loop through breakpoints
|
|
7
|
-
@each $breakpoint, $breakpoint-value in $pf-
|
|
7
|
+
@each $breakpoint, $breakpoint-value in $pf-v6-global--breakpoint-map {
|
|
8
8
|
|
|
9
9
|
// Loop through margin and padding values
|
|
10
|
-
@each $property, $property-value in $pf-
|
|
10
|
+
@each $property, $property-value in $pf-v6-global--spacer-properties-map {
|
|
11
11
|
|
|
12
12
|
// Loop through spacer values
|
|
13
|
-
@each $spacer, $spacer-value in $pf-
|
|
13
|
+
@each $spacer, $spacer-value in $pf-v6-global--spacer-map {
|
|
14
14
|
|
|
15
15
|
// If breakpoint != null, append responsive value
|
|
16
16
|
.#{$pf-prefix}u-#{$property}-#{$spacer}#{$breakpoint-value} {
|
|
17
|
-
@include pf-
|
|
17
|
+
@include pf-v6-media-query($breakpoint) {
|
|
18
18
|
$spacer-value: $spacer-value !important;
|
|
19
19
|
|
|
20
20
|
// If margin x property, set left and right margins
|
package/utilities/Text/text.scss
CHANGED
|
@@ -22,7 +22,7 @@ $pf-v6-u-font-family-options: (
|
|
|
22
22
|
)
|
|
23
23
|
);
|
|
24
24
|
|
|
25
|
-
@include pf-
|
|
25
|
+
@include pf-v6-utility-builder($pf-v6-u-font-family-options);
|
|
26
26
|
|
|
27
27
|
// Font size options
|
|
28
28
|
$pf-v6-u-font-size-options: (
|
|
@@ -52,7 +52,7 @@ $pf-v6-u-font-size-options: (
|
|
|
52
52
|
)
|
|
53
53
|
);
|
|
54
54
|
|
|
55
|
-
@include pf-
|
|
55
|
+
@include pf-v6-utility-builder($pf-v6-u-font-size-options, $pf-v6-global--breakpoint-list);
|
|
56
56
|
|
|
57
57
|
// Font weight options
|
|
58
58
|
$pf-v6-u-font-weight-options: (
|
|
@@ -64,7 +64,7 @@ $pf-v6-u-font-weight-options: (
|
|
|
64
64
|
)
|
|
65
65
|
);
|
|
66
66
|
|
|
67
|
-
@include pf-
|
|
67
|
+
@include pf-v6-utility-builder($pf-v6-u-font-weight-options, $pf-v6-global--breakpoint-list);
|
|
68
68
|
|
|
69
69
|
// Font color options
|
|
70
70
|
$pf-v6-u-font-color-options: (
|
|
@@ -166,7 +166,7 @@ $pf-v6-u-font-color-options: (
|
|
|
166
166
|
)
|
|
167
167
|
);
|
|
168
168
|
|
|
169
|
-
@include pf-
|
|
169
|
+
@include pf-v6-utility-builder($pf-v6-u-font-color-options, $pf-v6-global--breakpoint-list);
|
|
170
170
|
|
|
171
171
|
// Font layout options
|
|
172
172
|
$pf-v6-u-font-alignment-options: (
|
|
@@ -181,7 +181,7 @@ $pf-v6-u-font-alignment-options: (
|
|
|
181
181
|
)
|
|
182
182
|
);
|
|
183
183
|
|
|
184
|
-
@include pf-
|
|
184
|
+
@include pf-v6-utility-builder($pf-v6-u-font-alignment-options, $pf-v6-global--breakpoint-list);
|
|
185
185
|
|
|
186
186
|
.#{$pf-prefix}u-text-truncate {
|
|
187
187
|
min-width: 0 !important;
|