@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
@@ -1,5 +1,5 @@
|
|
1
|
-
.ws-core-l-bullseye .pf-
|
2
|
-
.ws-core-l-bullseye .pf-
|
3
|
-
padding:
|
4
|
-
border:
|
1
|
+
.ws-core-l-bullseye .pf-v6-l-bullseye,
|
2
|
+
.ws-core-l-bullseye .pf-v6-l-bullseye__item {
|
3
|
+
padding: var(--pf-t--global--spacer--sm);
|
4
|
+
border: var(--pf-t--global--border--width--box--default) dashed var(--pf-t--global--border--color--default);
|
5
5
|
}
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import './Bullseye.css';
|
2
2
|
declare const _default: {
|
3
|
-
"
|
4
|
-
"
|
3
|
+
"bullseye": "pf-v6-l-bullseye",
|
4
|
+
"bullseyeItem": "pf-v6-l-bullseye__item",
|
5
5
|
"wsCoreLBullseye": "ws-core-l-bullseye"
|
6
6
|
};
|
7
7
|
export default _default;
|
@@ -2,7 +2,7 @@
|
|
2
2
|
exports.__esModule = true;
|
3
3
|
require('./Bullseye.css');
|
4
4
|
exports.default = {
|
5
|
-
"
|
6
|
-
"
|
5
|
+
"bullseye": "pf-v6-l-bullseye",
|
6
|
+
"bullseyeItem": "pf-v6-l-bullseye__item",
|
7
7
|
"wsCoreLBullseye": "ws-core-l-bullseye"
|
8
8
|
};
|
@@ -1,6 +1,6 @@
|
|
1
1
|
.ws-core-l-flex-border,
|
2
|
-
.ws-core-l-flex .pf-
|
3
|
-
.ws-core-l-flex .pf-
|
4
|
-
padding:
|
5
|
-
border:
|
2
|
+
.ws-core-l-flex .pf-v6-l-flex .pf-v6-l-flex,
|
3
|
+
.ws-core-l-flex .pf-v6-l-flex__item {
|
4
|
+
padding: var(--pf-t--global--spacer--sm);
|
5
|
+
border: var(--pf-t--global--border--width--box--default) dashed var(--pf-t--global--border--color--default);
|
6
6
|
}
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import './Flex.css';
|
2
2
|
declare const _default: {
|
3
|
-
"
|
4
|
-
"
|
3
|
+
"flex": "pf-v6-l-flex",
|
4
|
+
"flexItem": "pf-v6-l-flex__item",
|
5
5
|
"wsCoreLFlex": "ws-core-l-flex",
|
6
6
|
"wsCoreLFlexBorder": "ws-core-l-flex-border"
|
7
7
|
};
|
@@ -2,8 +2,8 @@
|
|
2
2
|
exports.__esModule = true;
|
3
3
|
require('./Flex.css');
|
4
4
|
exports.default = {
|
5
|
-
"
|
6
|
-
"
|
5
|
+
"flex": "pf-v6-l-flex",
|
6
|
+
"flexItem": "pf-v6-l-flex__item",
|
7
7
|
"wsCoreLFlex": "ws-core-l-flex",
|
8
8
|
"wsCoreLFlexBorder": "ws-core-l-flex-border"
|
9
9
|
};
|
@@ -1,5 +1,5 @@
|
|
1
|
-
.ws-core-l-gallery .pf-
|
2
|
-
.ws-core-l-gallery .pf-
|
3
|
-
padding:
|
4
|
-
border:
|
1
|
+
.ws-core-l-gallery .pf-v6-l-gallery,
|
2
|
+
.ws-core-l-gallery .pf-v6-l-gallery__item {
|
3
|
+
padding: var(--pf-t--global--spacer--sm);
|
4
|
+
border: var(--pf-t--global--border--width--box--default) dashed var(--pf-t--global--border--color--default);
|
5
5
|
}
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import './Gallery.css';
|
2
2
|
declare const _default: {
|
3
|
-
"
|
4
|
-
"
|
3
|
+
"gallery": "pf-v6-l-gallery",
|
4
|
+
"galleryItem": "pf-v6-l-gallery__item",
|
5
5
|
"wsCoreLGallery": "ws-core-l-gallery"
|
6
6
|
};
|
7
7
|
export default _default;
|
@@ -2,7 +2,7 @@
|
|
2
2
|
exports.__esModule = true;
|
3
3
|
require('./Gallery.css');
|
4
4
|
exports.default = {
|
5
|
-
"
|
6
|
-
"
|
5
|
+
"gallery": "pf-v6-l-gallery",
|
6
|
+
"galleryItem": "pf-v6-l-gallery__item",
|
7
7
|
"wsCoreLGallery": "ws-core-l-gallery"
|
8
8
|
};
|
@@ -1,4 +1,4 @@
|
|
1
|
-
.ws-core-l-grid .pf-
|
2
|
-
padding:
|
3
|
-
border:
|
1
|
+
.ws-core-l-grid .pf-v6-l-grid__item {
|
2
|
+
padding: var(--pf-t--global--spacer--sm);
|
3
|
+
border: var(--pf-t--global--border--width--box--default) dashed var(--pf-t--global--border--color--default);
|
4
4
|
}
|
@@ -3,11 +3,11 @@
|
|
3
3
|
flex-wrap: wrap;
|
4
4
|
min-height: 160px;
|
5
5
|
}
|
6
|
-
.ws-core-l-level .pf-
|
7
|
-
.ws-core-l-level .pf-
|
8
|
-
padding:
|
9
|
-
border:
|
6
|
+
.ws-core-l-level .pf-v6-l-level__item,
|
7
|
+
.ws-core-l-level .pf-v6-l-level {
|
8
|
+
padding: var(--pf-t--global--spacer--sm);
|
9
|
+
border: var(--pf-t--global--border--width--box--default) dashed var(--pf-t--global--border--color--default);
|
10
10
|
}
|
11
|
-
.ws-core-l-level .pf-
|
11
|
+
.ws-core-l-level .pf-v6-l-level {
|
12
12
|
width: 100%;
|
13
13
|
}
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import './Level.css';
|
2
2
|
declare const _default: {
|
3
|
-
"
|
4
|
-
"
|
3
|
+
"level": "pf-v6-l-level",
|
4
|
+
"levelItem": "pf-v6-l-level__item",
|
5
5
|
"wsCoreLLevel": "ws-core-l-level",
|
6
6
|
"wsPreviewHtml": "ws-preview-html"
|
7
7
|
};
|
@@ -2,8 +2,8 @@
|
|
2
2
|
exports.__esModule = true;
|
3
3
|
require('./Level.css');
|
4
4
|
exports.default = {
|
5
|
-
"
|
6
|
-
"
|
5
|
+
"level": "pf-v6-l-level",
|
6
|
+
"levelItem": "pf-v6-l-level__item",
|
7
7
|
"wsCoreLLevel": "ws-core-l-level",
|
8
8
|
"wsPreviewHtml": "ws-preview-html"
|
9
9
|
};
|
@@ -1,5 +1,5 @@
|
|
1
|
-
.ws-core-l-split .pf-
|
2
|
-
.ws-core-l-split .pf-
|
3
|
-
padding:
|
4
|
-
border:
|
1
|
+
.ws-core-l-split .pf-v6-l-split,
|
2
|
+
.ws-core-l-split .pf-v6-l-split__item {
|
3
|
+
padding: var(--pf-t--global--spacer--sm);
|
4
|
+
border: var(--pf-t--global--border--width--box--default) dashed var(--pf-t--global--border--color--default);
|
5
5
|
}
|
@@ -1,7 +1,7 @@
|
|
1
|
-
.ws-core-l-stack .pf-
|
2
|
-
.ws-core-l-stack .pf-
|
3
|
-
padding:
|
4
|
-
border:
|
1
|
+
.ws-core-l-stack .pf-v6-l-stack,
|
2
|
+
.ws-core-l-stack .pf-v6-l-stack__item {
|
3
|
+
padding: var(--pf-t--global--spacer--sm);
|
4
|
+
border: var(--pf-t--global--border--width--box--default) dashed var(--pf-t--global--border--color--default);
|
5
5
|
}
|
6
6
|
|
7
7
|
.ws-core-l-stack .ws-preview-html {
|
@@ -11,6 +11,6 @@
|
|
11
11
|
width: 100%;
|
12
12
|
}
|
13
13
|
|
14
|
-
.ws-core-l-stack .pf-
|
14
|
+
.ws-core-l-stack .pf-v6-l-stack {
|
15
15
|
flex-grow: 1;
|
16
16
|
}
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import './Stack.css';
|
2
2
|
declare const _default: {
|
3
|
-
"
|
4
|
-
"
|
3
|
+
"stack": "pf-v6-l-stack",
|
4
|
+
"stackItem": "pf-v6-l-stack__item",
|
5
5
|
"wsCoreLStack": "ws-core-l-stack",
|
6
6
|
"wsPreviewHtml": "ws-preview-html"
|
7
7
|
};
|
@@ -2,8 +2,8 @@
|
|
2
2
|
exports.__esModule = true;
|
3
3
|
require('./Stack.css');
|
4
4
|
exports.default = {
|
5
|
-
"
|
6
|
-
"
|
5
|
+
"stack": "pf-v6-l-stack",
|
6
|
+
"stackItem": "pf-v6-l-stack__item",
|
7
7
|
"wsCoreLStack": "ws-core-l-stack",
|
8
8
|
"wsPreviewHtml": "ws-preview-html"
|
9
9
|
};
|
@@ -1,7 +1,7 @@
|
|
1
|
-
.ws-core-u-alignment .pf-
|
2
|
-
.ws-core-u-alignment .pf-
|
3
|
-
.ws-core-u-alignment .pf-
|
4
|
-
.ws-core-u-alignment .pf-
|
1
|
+
.ws-core-u-alignment .pf-v6-u-text-align-start,
|
2
|
+
.ws-core-u-alignment .pf-v6-u-text-align-center,
|
3
|
+
.ws-core-u-alignment .pf-v6-u-text-align-end,
|
4
|
+
.ws-core-u-alignment .pf-v6-u-text-align-justify {
|
5
5
|
padding: .5rem !important;
|
6
6
|
border: 2px dashed #393f44;
|
7
7
|
}
|
@@ -1,9 +1,9 @@
|
|
1
1
|
import './Alignment.css';
|
2
2
|
declare const _default: {
|
3
|
-
"
|
4
|
-
"
|
5
|
-
"
|
6
|
-
"
|
3
|
+
"textAlignCenter": "pf-v6-u-text-align-center",
|
4
|
+
"textAlignEnd": "pf-v6-u-text-align-end",
|
5
|
+
"textAlignJustify": "pf-v6-u-text-align-justify",
|
6
|
+
"textAlignStart": "pf-v6-u-text-align-start",
|
7
7
|
"wsCoreUAlignment": "ws-core-u-alignment"
|
8
8
|
};
|
9
9
|
export default _default;
|
@@ -2,9 +2,9 @@
|
|
2
2
|
exports.__esModule = true;
|
3
3
|
require('./Alignment.css');
|
4
4
|
exports.default = {
|
5
|
-
"
|
6
|
-
"
|
7
|
-
"
|
8
|
-
"
|
5
|
+
"textAlignCenter": "pf-v6-u-text-align-center",
|
6
|
+
"textAlignEnd": "pf-v6-u-text-align-end",
|
7
|
+
"textAlignJustify": "pf-v6-u-text-align-justify",
|
8
|
+
"textAlignStart": "pf-v6-u-text-align-start",
|
9
9
|
"wsCoreUAlignment": "ws-core-u-alignment"
|
10
10
|
};
|
@@ -1,8 +1,8 @@
|
|
1
1
|
import './Alignment.css';
|
2
2
|
export default {
|
3
|
-
"
|
4
|
-
"
|
5
|
-
"
|
6
|
-
"
|
3
|
+
"textAlignCenter": "pf-v6-u-text-align-center",
|
4
|
+
"textAlignEnd": "pf-v6-u-text-align-end",
|
5
|
+
"textAlignJustify": "pf-v6-u-text-align-justify",
|
6
|
+
"textAlignStart": "pf-v6-u-text-align-start",
|
7
7
|
"wsCoreUAlignment": "ws-core-u-alignment"
|
8
8
|
};
|
@@ -1,20 +1,20 @@
|
|
1
|
-
.ws-core-u-box-shadow [class*="pf-
|
2
|
-
padding: var(--pf-
|
3
|
-
margin-block-end: var(--pf-
|
1
|
+
.ws-core-u-box-shadow [class*="pf-v6-u-box-shadow"] {
|
2
|
+
padding: var(--pf-v6-global--spacer--lg);
|
3
|
+
margin-block-end: var(--pf-v6-global--spacer--md);
|
4
4
|
}
|
5
5
|
|
6
|
-
#ws-core-u-box-shadow-small [class*="pf-
|
7
|
-
margin-block-end: var(--pf-
|
6
|
+
#ws-core-u-box-shadow-small [class*="pf-v6-u-box-shadow"]:not(:last-child) {
|
7
|
+
margin-block-end: var(--pf-v6-global--spacer--lg);
|
8
8
|
}
|
9
9
|
|
10
|
-
#ws-core-u-box-shadow-medium [class*="pf-
|
11
|
-
margin-block-end: var(--pf-
|
10
|
+
#ws-core-u-box-shadow-medium [class*="pf-v6-u-box-shadow"]:not(:last-child) {
|
11
|
+
margin-block-end: var(--pf-v6-global--spacer--xl);
|
12
12
|
}
|
13
13
|
|
14
|
-
#ws-core-u-box-shadow-large [class*="pf-
|
15
|
-
margin-block-end: var(--pf-
|
14
|
+
#ws-core-u-box-shadow-large [class*="pf-v6-u-box-shadow"]:not(:last-child) {
|
15
|
+
margin-block-end: var(--pf-v6-global--spacer--2xl);
|
16
16
|
}
|
17
17
|
|
18
|
-
#ws-core-u-box-shadow-extra-large [class*="pf-
|
19
|
-
margin-block-end: var(--pf-
|
18
|
+
#ws-core-u-box-shadow-extra-large [class*="pf-v6-u-box-shadow"]:not(:last-child) {
|
19
|
+
margin-block-end: var(--pf-v6-global--spacer--3xl);
|
20
20
|
}
|
@@ -1,11 +1,11 @@
|
|
1
|
-
.ws-core-u-display .pf-
|
2
|
-
.ws-core-u-display .pf-
|
3
|
-
.ws-core-u-display .pf-
|
4
|
-
.ws-core-u-display .pf-
|
5
|
-
.ws-core-u-display .pf-
|
6
|
-
.ws-core-u-display .pf-
|
7
|
-
.ws-core-u-display .pf-
|
8
|
-
.ws-core-u-display .pf-
|
1
|
+
.ws-core-u-display .pf-v6-u-display-inline-block,
|
2
|
+
.ws-core-u-display .pf-v6-u-display-block,
|
3
|
+
.ws-core-u-display .pf-v6-u-display-flex,
|
4
|
+
.ws-core-u-display .pf-v6-u-display-inline-flex,
|
5
|
+
.ws-core-u-display .pf-v6-u-display-grid,
|
6
|
+
.ws-core-u-display .pf-v6-u-display-inline,
|
7
|
+
.ws-core-u-display .pf-v6-u-display-table,
|
8
|
+
.ws-core-u-display .pf-v6-u-display-table-cell {
|
9
9
|
padding: .5rem !important;
|
10
10
|
border: 2px dashed #393f44;
|
11
11
|
}
|
@@ -1,13 +1,13 @@
|
|
1
1
|
import './Display.css';
|
2
2
|
declare const _default: {
|
3
|
-
"
|
4
|
-
"
|
5
|
-
"
|
6
|
-
"
|
7
|
-
"
|
8
|
-
"
|
9
|
-
"
|
10
|
-
"
|
3
|
+
"displayBlock": "pf-v6-u-display-block",
|
4
|
+
"displayFlex": "pf-v6-u-display-flex",
|
5
|
+
"displayGrid": "pf-v6-u-display-grid",
|
6
|
+
"displayInline": "pf-v6-u-display-inline",
|
7
|
+
"displayInlineBlock": "pf-v6-u-display-inline-block",
|
8
|
+
"displayInlineFlex": "pf-v6-u-display-inline-flex",
|
9
|
+
"displayTable": "pf-v6-u-display-table",
|
10
|
+
"displayTableCell": "pf-v6-u-display-table-cell",
|
11
11
|
"wsCoreUDisplay": "ws-core-u-display"
|
12
12
|
};
|
13
13
|
export default _default;
|
@@ -2,13 +2,13 @@
|
|
2
2
|
exports.__esModule = true;
|
3
3
|
require('./Display.css');
|
4
4
|
exports.default = {
|
5
|
-
"
|
6
|
-
"
|
7
|
-
"
|
8
|
-
"
|
9
|
-
"
|
10
|
-
"
|
11
|
-
"
|
12
|
-
"
|
5
|
+
"displayBlock": "pf-v6-u-display-block",
|
6
|
+
"displayFlex": "pf-v6-u-display-flex",
|
7
|
+
"displayGrid": "pf-v6-u-display-grid",
|
8
|
+
"displayInline": "pf-v6-u-display-inline",
|
9
|
+
"displayInlineBlock": "pf-v6-u-display-inline-block",
|
10
|
+
"displayInlineFlex": "pf-v6-u-display-inline-flex",
|
11
|
+
"displayTable": "pf-v6-u-display-table",
|
12
|
+
"displayTableCell": "pf-v6-u-display-table-cell",
|
13
13
|
"wsCoreUDisplay": "ws-core-u-display"
|
14
14
|
};
|
@@ -1,12 +1,12 @@
|
|
1
1
|
import './Display.css';
|
2
2
|
export default {
|
3
|
-
"
|
4
|
-
"
|
5
|
-
"
|
6
|
-
"
|
7
|
-
"
|
8
|
-
"
|
9
|
-
"
|
10
|
-
"
|
3
|
+
"displayBlock": "pf-v6-u-display-block",
|
4
|
+
"displayFlex": "pf-v6-u-display-flex",
|
5
|
+
"displayGrid": "pf-v6-u-display-grid",
|
6
|
+
"displayInline": "pf-v6-u-display-inline",
|
7
|
+
"displayInlineBlock": "pf-v6-u-display-inline-block",
|
8
|
+
"displayInlineFlex": "pf-v6-u-display-inline-flex",
|
9
|
+
"displayTable": "pf-v6-u-display-table",
|
10
|
+
"displayTableCell": "pf-v6-u-display-table-cell",
|
11
11
|
"wsCoreUDisplay": "ws-core-u-display"
|
12
12
|
};
|
@@ -1,14 +1,14 @@
|
|
1
|
-
.ws-core-u-flex .pf-
|
1
|
+
.ws-core-u-flex .pf-v6-u-display-flex,
|
2
2
|
.ws-core-u-flex .ws-example-flex-item,
|
3
|
-
.ws-core-u-flex .pf-
|
3
|
+
.ws-core-u-flex .pf-v6-u-display-inline-flex {
|
4
4
|
flex-wrap: wrap;
|
5
5
|
padding: .5rem !important;
|
6
6
|
border: 2px dashed #393f44;
|
7
7
|
}
|
8
8
|
|
9
|
-
#ws-core-u-flex-aligned-items .pf-
|
10
|
-
#ws-core-u-flex-aligned-self .pf-
|
11
|
-
#ws-core-u-flex-aligned-content .pf-
|
9
|
+
#ws-core-u-flex-aligned-items .pf-v6-u-display-flex,
|
10
|
+
#ws-core-u-flex-aligned-self .pf-v6-u-display-flex,
|
11
|
+
#ws-core-u-flex-aligned-content .pf-v6-u-display-flex {
|
12
12
|
min-height: 160px;
|
13
13
|
}
|
14
14
|
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import './Flex.css';
|
2
2
|
declare const _default: {
|
3
|
-
"
|
4
|
-
"
|
3
|
+
"displayFlex": "pf-v6-u-display-flex",
|
4
|
+
"displayInlineFlex": "pf-v6-u-display-inline-flex",
|
5
5
|
"wsCoreUFlex": "ws-core-u-flex",
|
6
6
|
"wsExampleFlexItem": "ws-example-flex-item",
|
7
7
|
"wsExampleUFlexLg": "ws-example-u-flex-lg",
|
@@ -2,8 +2,8 @@
|
|
2
2
|
exports.__esModule = true;
|
3
3
|
require('./Flex.css');
|
4
4
|
exports.default = {
|
5
|
-
"
|
6
|
-
"
|
5
|
+
"displayFlex": "pf-v6-u-display-flex",
|
6
|
+
"displayInlineFlex": "pf-v6-u-display-inline-flex",
|
7
7
|
"wsCoreUFlex": "ws-core-u-flex",
|
8
8
|
"wsExampleFlexItem": "ws-example-flex-item",
|
9
9
|
"wsExampleUFlexLg": "ws-example-u-flex-lg",
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import './Flex.css';
|
2
2
|
export default {
|
3
|
-
"
|
4
|
-
"
|
3
|
+
"displayFlex": "pf-v6-u-display-flex",
|
4
|
+
"displayInlineFlex": "pf-v6-u-display-inline-flex",
|
5
5
|
"wsCoreUFlex": "ws-core-u-flex",
|
6
6
|
"wsExampleFlexItem": "ws-example-flex-item",
|
7
7
|
"wsExampleUFlexLg": "ws-example-u-flex-lg",
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import './Float.css';
|
2
2
|
declare const _default: {
|
3
|
-
"
|
4
|
-
"
|
3
|
+
"floatInlineEnd": "pf-v6-u-float-inline-end",
|
4
|
+
"floatInlineStart": "pf-v6-u-float-inline-start",
|
5
5
|
"wsCoreUFloat": "ws-core-u-float"
|
6
6
|
};
|
7
7
|
export default _default;
|
@@ -2,7 +2,7 @@
|
|
2
2
|
exports.__esModule = true;
|
3
3
|
require('./Float.css');
|
4
4
|
exports.default = {
|
5
|
-
"
|
6
|
-
"
|
5
|
+
"floatInlineEnd": "pf-v6-u-float-inline-end",
|
6
|
+
"floatInlineStart": "pf-v6-u-float-inline-start",
|
7
7
|
"wsCoreUFloat": "ws-core-u-float"
|
8
8
|
};
|
@@ -1,7 +1,7 @@
|
|
1
|
-
.pf-
|
2
|
-
.pf-
|
3
|
-
.pf-
|
4
|
-
.pf-
|
1
|
+
.pf-v6-u-min-width,
|
2
|
+
.pf-v6-u-max-width,
|
3
|
+
.pf-v6-u-min-height,
|
4
|
+
.pf-v6-u-max-height,
|
5
5
|
.ws-example-u-sizing-item {
|
6
6
|
padding: .5rem !important;
|
7
7
|
border: 2px dashed #393f44;
|