@patternfly/react-styles 5.0.0-alpha.4 → 5.0.0-alpha.6
Sign up to get free protection for your applications and to get access to all the features.
- package/CHANGELOG.md +8 -0
- package/css/assets/images/pfbg-icon.svg +1 -0
- package/css/components/AboutModalBox/about-modal-box.css +20 -50
- package/css/components/AboutModalBox/about-modal-box.d.ts +0 -1
- package/css/components/AboutModalBox/about-modal-box.js +0 -1
- package/css/components/AboutModalBox/about-modal-box.mjs +0 -1
- package/css/components/Alert/alert.css +17 -8
- package/css/components/Alert/alert.d.ts +1 -0
- package/css/components/Alert/alert.js +1 -0
- package/css/components/Alert/alert.mjs +1 -0
- package/css/components/BackgroundImage/background-image.css +8 -35
- package/css/components/BackgroundImage/background-image.d.ts +1 -2
- package/css/components/BackgroundImage/background-image.js +1 -2
- package/css/components/BackgroundImage/background-image.mjs +1 -2
- package/css/components/Banner/banner.css +14 -52
- package/css/components/Banner/banner.d.ts +5 -6
- package/css/components/Banner/banner.js +5 -6
- package/css/components/Banner/banner.mjs +5 -6
- package/css/components/CalendarMonth/calendar-month.css +1 -1
- package/css/components/Card/card.css +12 -10
- package/css/components/Card/card.d.ts +1 -0
- package/css/components/Card/card.js +1 -0
- package/css/components/Card/card.mjs +1 -0
- package/css/components/Chip/chip.css +1 -1
- package/css/components/ChipGroup/chip-group.css +4 -4
- package/css/components/Content/content.css +5 -5
- package/css/components/ContextSelector/context-selector.css +8 -5
- package/css/components/DataList/data-list-grid.css +7 -7
- package/css/components/DataList/data-list.css +10 -10
- package/css/components/DatePicker/date-picker.css +0 -8
- package/css/components/DatePicker/date-picker.d.ts +0 -1
- package/css/components/DatePicker/date-picker.js +0 -1
- package/css/components/DatePicker/date-picker.mjs +0 -1
- package/css/components/DescriptionList/description-list.css +7 -7
- package/css/components/Divider/divider.css +2 -2
- package/css/components/Drawer/drawer.css +2 -2
- package/css/components/Dropdown/dropdown.css +14 -15
- package/css/components/DualListSelector/dual-list-selector.css +1 -1
- package/css/components/EmptyState/empty-state.css +2 -2
- package/css/components/Form/form.css +12 -12
- package/css/components/FormControl/form-control.css +2 -5
- package/css/components/HelperText/helper-text.css +4 -0
- package/css/components/HelperText/helper-text.d.ts +1 -0
- package/css/components/HelperText/helper-text.js +1 -0
- package/css/components/HelperText/helper-text.mjs +1 -0
- package/css/components/Hint/hint.css +2 -2
- package/css/components/Icon/icon.css +3 -3
- package/css/components/Icon/icon.d.ts +1 -1
- package/css/components/Icon/icon.js +1 -1
- package/css/components/Icon/icon.mjs +1 -1
- package/css/components/InputGroup/input-group.css +61 -85
- package/css/components/InputGroup/input-group.d.ts +4 -2
- package/css/components/InputGroup/input-group.js +4 -2
- package/css/components/InputGroup/input-group.mjs +4 -2
- package/css/components/Label/label.css +12 -12
- package/css/components/LabelGroup/label-group.css +2 -2
- package/css/components/LogViewer/log-viewer.css +0 -38
- package/css/components/LogViewer/log-viewer.d.ts +0 -2
- package/css/components/LogViewer/log-viewer.js +0 -2
- package/css/components/LogViewer/log-viewer.mjs +0 -2
- package/css/components/Login/login.css +19 -59
- package/css/components/Login/login.d.ts +0 -2
- package/css/components/Login/login.js +0 -2
- package/css/components/Login/login.mjs +0 -2
- package/css/components/Masthead/masthead.css +4 -42
- package/css/components/Masthead/masthead.d.ts +0 -1
- package/css/components/Masthead/masthead.js +0 -1
- package/css/components/Masthead/masthead.mjs +0 -1
- package/css/components/Menu/menu.css +6 -6
- package/css/components/MenuToggle/menu-toggle.css +1 -1
- package/css/components/ModalBox/modal-box.css +3 -3
- package/css/components/ModalBox/modal-box.d.ts +1 -1
- package/css/components/ModalBox/modal-box.js +1 -1
- package/css/components/ModalBox/modal-box.mjs +1 -1
- package/css/components/MultipleFileUpload/multiple-file-upload.css +6 -6
- package/css/components/Nav/nav.css +1 -1
- package/css/components/NotificationDrawer/notification-drawer.css +8 -8
- package/css/components/NotificationDrawer/notification-drawer.d.ts +1 -1
- package/css/components/NotificationDrawer/notification-drawer.js +1 -1
- package/css/components/NotificationDrawer/notification-drawer.mjs +1 -1
- package/css/components/OptionsMenu/options-menu.css +8 -10
- package/css/components/Page/page.css +41 -62
- package/css/components/Page/page.d.ts +4 -3
- package/css/components/Page/page.js +4 -3
- package/css/components/Page/page.mjs +4 -3
- package/css/components/Popover/popover.css +8 -6
- package/css/components/Popover/popover.d.ts +1 -1
- package/css/components/Popover/popover.js +1 -1
- package/css/components/Popover/popover.mjs +1 -1
- package/css/components/Progress/progress.css +10 -10
- package/css/components/ProgressStepper/progress-stepper.css +5 -5
- package/css/components/SearchInput/search-input.css +2 -2
- package/css/components/Select/select.css +1 -1
- package/css/components/Sidebar/sidebar.css +69 -26
- package/css/components/Sidebar/sidebar.d.ts +2 -0
- package/css/components/Sidebar/sidebar.js +2 -0
- package/css/components/Sidebar/sidebar.mjs +2 -0
- package/css/components/SimpleList/simple-list.css +1 -1
- package/css/components/Spinner/spinner.css +4 -4
- package/css/components/Table/table-scrollable.css +31 -26
- package/css/components/Table/table-scrollable.d.ts +3 -2
- package/css/components/Table/table-scrollable.js +3 -2
- package/css/components/Table/table-scrollable.mjs +3 -2
- package/css/components/Table/table.css +3 -2
- package/css/components/TextInputGroup/text-input-group.css +2 -2
- package/css/components/Tile/tile.css +1 -1
- package/css/components/Timestamp/timestamp.css +3 -3
- package/css/components/Toolbar/toolbar.css +13 -6
- package/css/components/Wizard/wizard.css +14 -39
- package/css/components/Wizard/wizard.d.ts +1 -2
- package/css/components/Wizard/wizard.js +1 -2
- package/css/components/Wizard/wizard.mjs +1 -2
- package/css/docs/components/Page/examples/Page.css +7 -1
- package/css/docs/components/Table/examples/Table.css +4 -0
- package/css/layouts/Gallery/gallery.css +1 -1
- package/css/layouts/Grid/grid.css +2 -2
- package/css/utilities/Text/text.css +48 -48
- package/css/utilities/Text/text.d.ts +18 -18
- package/css/utilities/Text/text.js +18 -18
- package/css/utilities/Text/text.mjs +18 -18
- package/package.json +3 -3
@@ -2,8 +2,6 @@
|
|
2
2
|
exports.__esModule = true;
|
3
3
|
require('./wizard.css');
|
4
4
|
exports.default = {
|
5
|
-
"button": "pf-c-button",
|
6
|
-
"card": "pf-c-card",
|
7
5
|
"drawer": "pf-c-drawer",
|
8
6
|
"modalBox": "pf-c-modal-box",
|
9
7
|
"modifiers": {
|
@@ -34,6 +32,7 @@ exports.default = {
|
|
34
32
|
"wizardNavList": "pf-c-wizard__nav-list",
|
35
33
|
"wizardOuterWrap": "pf-c-wizard__outer-wrap",
|
36
34
|
"wizardTitle": "pf-c-wizard__title",
|
35
|
+
"wizardTitleText": "pf-c-wizard__title-text",
|
37
36
|
"wizardToggle": "pf-c-wizard__toggle",
|
38
37
|
"wizardToggleIcon": "pf-c-wizard__toggle-icon",
|
39
38
|
"wizardToggleList": "pf-c-wizard__toggle-list",
|
@@ -1,7 +1,5 @@
|
|
1
1
|
import './wizard.css';
|
2
2
|
export default {
|
3
|
-
"button": "pf-c-button",
|
4
|
-
"card": "pf-c-card",
|
5
3
|
"drawer": "pf-c-drawer",
|
6
4
|
"modalBox": "pf-c-modal-box",
|
7
5
|
"modifiers": {
|
@@ -32,6 +30,7 @@ export default {
|
|
32
30
|
"wizardNavList": "pf-c-wizard__nav-list",
|
33
31
|
"wizardOuterWrap": "pf-c-wizard__outer-wrap",
|
34
32
|
"wizardTitle": "pf-c-wizard__title",
|
33
|
+
"wizardTitleText": "pf-c-wizard__title-text",
|
35
34
|
"wizardToggle": "pf-c-wizard__toggle",
|
36
35
|
"wizardToggleIcon": "pf-c-wizard__toggle-icon",
|
37
36
|
"wizardToggleList": "pf-c-wizard__toggle-list",
|
@@ -6,6 +6,12 @@
|
|
6
6
|
color: var(--pf-global--Color--dark-100);
|
7
7
|
}
|
8
8
|
|
9
|
-
#ws-core-c-page-with-or-without-fill .ws-preview-html
|
9
|
+
#ws-core-c-page-with-or-without-fill .ws-preview-html,
|
10
|
+
#ws-core-c-page-multiple-sidebar-body-elements-padding-and-fill .ws-preview-html {
|
10
11
|
height: 500px;
|
11
12
|
}
|
13
|
+
|
14
|
+
#ws-core-c-page-multiple-sidebar-body-elements .ws-preview-html,
|
15
|
+
#ws-core-c-page-using-flex-layout .ws-preview-html {
|
16
|
+
height: 100%;
|
17
|
+
}
|
@@ -7,8 +7,8 @@
|
|
7
7
|
--pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
|
8
8
|
--pf-l-gallery--GridTemplateRows: auto;
|
9
9
|
display: grid;
|
10
|
-
grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
|
11
10
|
grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
|
11
|
+
grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
|
12
12
|
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
|
13
13
|
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
|
14
14
|
}
|
@@ -8,10 +8,10 @@
|
|
8
8
|
}
|
9
9
|
.pf-l-grid > *,
|
10
10
|
.pf-l-grid .pf-l-grid__item {
|
11
|
-
min-width: 0;
|
12
|
-
min-height: 0;
|
13
11
|
grid-column-start: var(--pf-l-grid__item--GridColumnStart);
|
14
12
|
grid-column-end: var(--pf-l-grid__item--GridColumnEnd);
|
13
|
+
min-width: 0;
|
14
|
+
min-height: 0;
|
15
15
|
order: var(--pf-l-grid--item--Order);
|
16
16
|
}
|
17
17
|
@media (min-width: 576px) {
|
@@ -315,16 +315,16 @@
|
|
315
315
|
color: var(--pf-global--link--Color--visited) !important;
|
316
316
|
}
|
317
317
|
|
318
|
-
.pf-u-
|
319
|
-
color: var(--pf-global--
|
318
|
+
.pf-u-custom-color-100 {
|
319
|
+
color: var(--pf-global--custom-color--100) !important;
|
320
320
|
}
|
321
321
|
|
322
|
-
.pf-u-
|
323
|
-
color: var(--pf-global--
|
322
|
+
.pf-u-custom-color-200 {
|
323
|
+
color: var(--pf-global--custom-color--200) !important;
|
324
324
|
}
|
325
325
|
|
326
|
-
.pf-u-
|
327
|
-
color: var(--pf-global--
|
326
|
+
.pf-u-custom-color-300 {
|
327
|
+
color: var(--pf-global--custom-color--300) !important;
|
328
328
|
}
|
329
329
|
|
330
330
|
.pf-u-success-color-100 {
|
@@ -428,14 +428,14 @@
|
|
428
428
|
.pf-u-link-color-visited-on-sm {
|
429
429
|
color: var(--pf-global--link--Color--visited) !important;
|
430
430
|
}
|
431
|
-
.pf-u-
|
432
|
-
color: var(--pf-global--
|
431
|
+
.pf-u-custom-color-100-on-sm {
|
432
|
+
color: var(--pf-global--custom-color--100) !important;
|
433
433
|
}
|
434
|
-
.pf-u-
|
435
|
-
color: var(--pf-global--
|
434
|
+
.pf-u-custom-color-200-on-sm {
|
435
|
+
color: var(--pf-global--custom-color--200) !important;
|
436
436
|
}
|
437
|
-
.pf-u-
|
438
|
-
color: var(--pf-global--
|
437
|
+
.pf-u-custom-color-300-on-sm {
|
438
|
+
color: var(--pf-global--custom-color--300) !important;
|
439
439
|
}
|
440
440
|
.pf-u-success-color-100-on-sm {
|
441
441
|
color: var(--pf-global--success-color--100) !important;
|
@@ -526,14 +526,14 @@
|
|
526
526
|
.pf-u-link-color-visited-on-md {
|
527
527
|
color: var(--pf-global--link--Color--visited) !important;
|
528
528
|
}
|
529
|
-
.pf-u-
|
530
|
-
color: var(--pf-global--
|
529
|
+
.pf-u-custom-color-100-on-md {
|
530
|
+
color: var(--pf-global--custom-color--100) !important;
|
531
531
|
}
|
532
|
-
.pf-u-
|
533
|
-
color: var(--pf-global--
|
532
|
+
.pf-u-custom-color-200-on-md {
|
533
|
+
color: var(--pf-global--custom-color--200) !important;
|
534
534
|
}
|
535
|
-
.pf-u-
|
536
|
-
color: var(--pf-global--
|
535
|
+
.pf-u-custom-color-300-on-md {
|
536
|
+
color: var(--pf-global--custom-color--300) !important;
|
537
537
|
}
|
538
538
|
.pf-u-success-color-100-on-md {
|
539
539
|
color: var(--pf-global--success-color--100) !important;
|
@@ -624,14 +624,14 @@
|
|
624
624
|
.pf-u-link-color-visited-on-lg {
|
625
625
|
color: var(--pf-global--link--Color--visited) !important;
|
626
626
|
}
|
627
|
-
.pf-u-
|
628
|
-
color: var(--pf-global--
|
627
|
+
.pf-u-custom-color-100-on-lg {
|
628
|
+
color: var(--pf-global--custom-color--100) !important;
|
629
629
|
}
|
630
|
-
.pf-u-
|
631
|
-
color: var(--pf-global--
|
630
|
+
.pf-u-custom-color-200-on-lg {
|
631
|
+
color: var(--pf-global--custom-color--200) !important;
|
632
632
|
}
|
633
|
-
.pf-u-
|
634
|
-
color: var(--pf-global--
|
633
|
+
.pf-u-custom-color-300-on-lg {
|
634
|
+
color: var(--pf-global--custom-color--300) !important;
|
635
635
|
}
|
636
636
|
.pf-u-success-color-100-on-lg {
|
637
637
|
color: var(--pf-global--success-color--100) !important;
|
@@ -722,14 +722,14 @@
|
|
722
722
|
.pf-u-link-color-visited-on-xl {
|
723
723
|
color: var(--pf-global--link--Color--visited) !important;
|
724
724
|
}
|
725
|
-
.pf-u-
|
726
|
-
color: var(--pf-global--
|
725
|
+
.pf-u-custom-color-100-on-xl {
|
726
|
+
color: var(--pf-global--custom-color--100) !important;
|
727
727
|
}
|
728
|
-
.pf-u-
|
729
|
-
color: var(--pf-global--
|
728
|
+
.pf-u-custom-color-200-on-xl {
|
729
|
+
color: var(--pf-global--custom-color--200) !important;
|
730
730
|
}
|
731
|
-
.pf-u-
|
732
|
-
color: var(--pf-global--
|
731
|
+
.pf-u-custom-color-300-on-xl {
|
732
|
+
color: var(--pf-global--custom-color--300) !important;
|
733
733
|
}
|
734
734
|
.pf-u-success-color-100-on-xl {
|
735
735
|
color: var(--pf-global--success-color--100) !important;
|
@@ -820,14 +820,14 @@
|
|
820
820
|
.pf-u-link-color-visited-on-2xl {
|
821
821
|
color: var(--pf-global--link--Color--visited) !important;
|
822
822
|
}
|
823
|
-
.pf-u-
|
824
|
-
color: var(--pf-global--
|
823
|
+
.pf-u-custom-color-100-on-2xl {
|
824
|
+
color: var(--pf-global--custom-color--100) !important;
|
825
825
|
}
|
826
|
-
.pf-u-
|
827
|
-
color: var(--pf-global--
|
826
|
+
.pf-u-custom-color-200-on-2xl {
|
827
|
+
color: var(--pf-global--custom-color--200) !important;
|
828
828
|
}
|
829
|
-
.pf-u-
|
830
|
-
color: var(--pf-global--
|
829
|
+
.pf-u-custom-color-300-on-2xl {
|
830
|
+
color: var(--pf-global--custom-color--300) !important;
|
831
831
|
}
|
832
832
|
.pf-u-success-color-100-on-2xl {
|
833
833
|
color: var(--pf-global--success-color--100) !important;
|
@@ -953,8 +953,8 @@
|
|
953
953
|
:where(.pf-theme-dark) .pf-u-color-light-200 {
|
954
954
|
color: var(--pf-global--Color-200) !important;
|
955
955
|
}
|
956
|
-
:where(.pf-theme-dark) .pf-u-
|
957
|
-
color: var(--pf-global--
|
956
|
+
:where(.pf-theme-dark) .pf-u-custom-color-300 {
|
957
|
+
color: var(--pf-global--custom-color--100) !important;
|
958
958
|
}
|
959
959
|
:where(.pf-theme-dark) .pf-u-success-color-200 {
|
960
960
|
color: var(--pf-global--success-color--100) !important;
|
@@ -978,8 +978,8 @@
|
|
978
978
|
:where(.pf-theme-dark) .pf-u-color-light-200-on-sm {
|
979
979
|
color: var(--pf-global--Color-200) !important;
|
980
980
|
}
|
981
|
-
:where(.pf-theme-dark) .pf-u-
|
982
|
-
color: var(--pf-global--
|
981
|
+
:where(.pf-theme-dark) .pf-u-custom-color-300-on-sm {
|
982
|
+
color: var(--pf-global--custom-color--100) !important;
|
983
983
|
}
|
984
984
|
:where(.pf-theme-dark) .pf-u-success-color-200-on-sm {
|
985
985
|
color: var(--pf-global--success-color--100) !important;
|
@@ -1004,8 +1004,8 @@
|
|
1004
1004
|
:where(.pf-theme-dark) .pf-u-color-light-200-on-md {
|
1005
1005
|
color: var(--pf-global--Color-200) !important;
|
1006
1006
|
}
|
1007
|
-
:where(.pf-theme-dark) .pf-u-
|
1008
|
-
color: var(--pf-global--
|
1007
|
+
:where(.pf-theme-dark) .pf-u-custom-color-300-on-md {
|
1008
|
+
color: var(--pf-global--custom-color--100) !important;
|
1009
1009
|
}
|
1010
1010
|
:where(.pf-theme-dark) .pf-u-success-color-200-on-md {
|
1011
1011
|
color: var(--pf-global--success-color--100) !important;
|
@@ -1030,8 +1030,8 @@
|
|
1030
1030
|
:where(.pf-theme-dark) .pf-u-color-light-200-on-lg {
|
1031
1031
|
color: var(--pf-global--Color-200) !important;
|
1032
1032
|
}
|
1033
|
-
:where(.pf-theme-dark) .pf-u-
|
1034
|
-
color: var(--pf-global--
|
1033
|
+
:where(.pf-theme-dark) .pf-u-custom-color-300-on-lg {
|
1034
|
+
color: var(--pf-global--custom-color--100) !important;
|
1035
1035
|
}
|
1036
1036
|
:where(.pf-theme-dark) .pf-u-success-color-200-on-lg {
|
1037
1037
|
color: var(--pf-global--success-color--100) !important;
|
@@ -1056,8 +1056,8 @@
|
|
1056
1056
|
:where(.pf-theme-dark) .pf-u-color-light-200-on-xl {
|
1057
1057
|
color: var(--pf-global--Color-200) !important;
|
1058
1058
|
}
|
1059
|
-
:where(.pf-theme-dark) .pf-u-
|
1060
|
-
color: var(--pf-global--
|
1059
|
+
:where(.pf-theme-dark) .pf-u-custom-color-300-on-xl {
|
1060
|
+
color: var(--pf-global--custom-color--100) !important;
|
1061
1061
|
}
|
1062
1062
|
:where(.pf-theme-dark) .pf-u-success-color-200-on-xl {
|
1063
1063
|
color: var(--pf-global--success-color--100) !important;
|
@@ -1082,8 +1082,8 @@
|
|
1082
1082
|
:where(.pf-theme-dark) .pf-u-color-light-200-on-2xl {
|
1083
1083
|
color: var(--pf-global--Color-200) !important;
|
1084
1084
|
}
|
1085
|
-
:where(.pf-theme-dark) .pf-u-
|
1086
|
-
color: var(--pf-global--
|
1085
|
+
:where(.pf-theme-dark) .pf-u-custom-color-300-on-2xl {
|
1086
|
+
color: var(--pf-global--custom-color--100) !important;
|
1087
1087
|
}
|
1088
1088
|
:where(.pf-theme-dark) .pf-u-success-color-200-on-2xl {
|
1089
1089
|
color: var(--pf-global--success-color--100) !important;
|
@@ -48,6 +48,24 @@ declare const _default: {
|
|
48
48
|
"color_400OnSm": "pf-u-color-400-on-sm",
|
49
49
|
"color_400OnXl": "pf-u-color-400-on-xl",
|
50
50
|
"color_400On_2xl": "pf-u-color-400-on-2xl",
|
51
|
+
"customColor_100": "pf-u-custom-color-100",
|
52
|
+
"customColor_100OnLg": "pf-u-custom-color-100-on-lg",
|
53
|
+
"customColor_100OnMd": "pf-u-custom-color-100-on-md",
|
54
|
+
"customColor_100OnSm": "pf-u-custom-color-100-on-sm",
|
55
|
+
"customColor_100OnXl": "pf-u-custom-color-100-on-xl",
|
56
|
+
"customColor_100On_2xl": "pf-u-custom-color-100-on-2xl",
|
57
|
+
"customColor_200": "pf-u-custom-color-200",
|
58
|
+
"customColor_200OnLg": "pf-u-custom-color-200-on-lg",
|
59
|
+
"customColor_200OnMd": "pf-u-custom-color-200-on-md",
|
60
|
+
"customColor_200OnSm": "pf-u-custom-color-200-on-sm",
|
61
|
+
"customColor_200OnXl": "pf-u-custom-color-200-on-xl",
|
62
|
+
"customColor_200On_2xl": "pf-u-custom-color-200-on-2xl",
|
63
|
+
"customColor_300": "pf-u-custom-color-300",
|
64
|
+
"customColor_300OnLg": "pf-u-custom-color-300-on-lg",
|
65
|
+
"customColor_300OnMd": "pf-u-custom-color-300-on-md",
|
66
|
+
"customColor_300OnSm": "pf-u-custom-color-300-on-sm",
|
67
|
+
"customColor_300OnXl": "pf-u-custom-color-300-on-xl",
|
68
|
+
"customColor_300On_2xl": "pf-u-custom-color-300-on-2xl",
|
51
69
|
"dangerColor_100": "pf-u-danger-color-100",
|
52
70
|
"dangerColor_100OnLg": "pf-u-danger-color-100-on-lg",
|
53
71
|
"dangerColor_100OnMd": "pf-u-danger-color-100-on-md",
|
@@ -66,24 +84,6 @@ declare const _default: {
|
|
66
84
|
"dangerColor_300OnSm": "pf-u-danger-color-300-on-sm",
|
67
85
|
"dangerColor_300OnXl": "pf-u-danger-color-300-on-xl",
|
68
86
|
"dangerColor_300On_2xl": "pf-u-danger-color-300-on-2xl",
|
69
|
-
"defaultColor_100": "pf-u-default-color-100",
|
70
|
-
"defaultColor_100OnLg": "pf-u-default-color-100-on-lg",
|
71
|
-
"defaultColor_100OnMd": "pf-u-default-color-100-on-md",
|
72
|
-
"defaultColor_100OnSm": "pf-u-default-color-100-on-sm",
|
73
|
-
"defaultColor_100OnXl": "pf-u-default-color-100-on-xl",
|
74
|
-
"defaultColor_100On_2xl": "pf-u-default-color-100-on-2xl",
|
75
|
-
"defaultColor_200": "pf-u-default-color-200",
|
76
|
-
"defaultColor_200OnLg": "pf-u-default-color-200-on-lg",
|
77
|
-
"defaultColor_200OnMd": "pf-u-default-color-200-on-md",
|
78
|
-
"defaultColor_200OnSm": "pf-u-default-color-200-on-sm",
|
79
|
-
"defaultColor_200OnXl": "pf-u-default-color-200-on-xl",
|
80
|
-
"defaultColor_200On_2xl": "pf-u-default-color-200-on-2xl",
|
81
|
-
"defaultColor_300": "pf-u-default-color-300",
|
82
|
-
"defaultColor_300OnLg": "pf-u-default-color-300-on-lg",
|
83
|
-
"defaultColor_300OnMd": "pf-u-default-color-300-on-md",
|
84
|
-
"defaultColor_300OnSm": "pf-u-default-color-300-on-sm",
|
85
|
-
"defaultColor_300OnXl": "pf-u-default-color-300-on-xl",
|
86
|
-
"defaultColor_300On_2xl": "pf-u-default-color-300-on-2xl",
|
87
87
|
"disabledColor_100": "pf-u-disabled-color-100",
|
88
88
|
"disabledColor_100OnLg": "pf-u-disabled-color-100-on-lg",
|
89
89
|
"disabledColor_100OnMd": "pf-u-disabled-color-100-on-md",
|
@@ -50,6 +50,24 @@ exports.default = {
|
|
50
50
|
"color_400OnSm": "pf-u-color-400-on-sm",
|
51
51
|
"color_400OnXl": "pf-u-color-400-on-xl",
|
52
52
|
"color_400On_2xl": "pf-u-color-400-on-2xl",
|
53
|
+
"customColor_100": "pf-u-custom-color-100",
|
54
|
+
"customColor_100OnLg": "pf-u-custom-color-100-on-lg",
|
55
|
+
"customColor_100OnMd": "pf-u-custom-color-100-on-md",
|
56
|
+
"customColor_100OnSm": "pf-u-custom-color-100-on-sm",
|
57
|
+
"customColor_100OnXl": "pf-u-custom-color-100-on-xl",
|
58
|
+
"customColor_100On_2xl": "pf-u-custom-color-100-on-2xl",
|
59
|
+
"customColor_200": "pf-u-custom-color-200",
|
60
|
+
"customColor_200OnLg": "pf-u-custom-color-200-on-lg",
|
61
|
+
"customColor_200OnMd": "pf-u-custom-color-200-on-md",
|
62
|
+
"customColor_200OnSm": "pf-u-custom-color-200-on-sm",
|
63
|
+
"customColor_200OnXl": "pf-u-custom-color-200-on-xl",
|
64
|
+
"customColor_200On_2xl": "pf-u-custom-color-200-on-2xl",
|
65
|
+
"customColor_300": "pf-u-custom-color-300",
|
66
|
+
"customColor_300OnLg": "pf-u-custom-color-300-on-lg",
|
67
|
+
"customColor_300OnMd": "pf-u-custom-color-300-on-md",
|
68
|
+
"customColor_300OnSm": "pf-u-custom-color-300-on-sm",
|
69
|
+
"customColor_300OnXl": "pf-u-custom-color-300-on-xl",
|
70
|
+
"customColor_300On_2xl": "pf-u-custom-color-300-on-2xl",
|
53
71
|
"dangerColor_100": "pf-u-danger-color-100",
|
54
72
|
"dangerColor_100OnLg": "pf-u-danger-color-100-on-lg",
|
55
73
|
"dangerColor_100OnMd": "pf-u-danger-color-100-on-md",
|
@@ -68,24 +86,6 @@ exports.default = {
|
|
68
86
|
"dangerColor_300OnSm": "pf-u-danger-color-300-on-sm",
|
69
87
|
"dangerColor_300OnXl": "pf-u-danger-color-300-on-xl",
|
70
88
|
"dangerColor_300On_2xl": "pf-u-danger-color-300-on-2xl",
|
71
|
-
"defaultColor_100": "pf-u-default-color-100",
|
72
|
-
"defaultColor_100OnLg": "pf-u-default-color-100-on-lg",
|
73
|
-
"defaultColor_100OnMd": "pf-u-default-color-100-on-md",
|
74
|
-
"defaultColor_100OnSm": "pf-u-default-color-100-on-sm",
|
75
|
-
"defaultColor_100OnXl": "pf-u-default-color-100-on-xl",
|
76
|
-
"defaultColor_100On_2xl": "pf-u-default-color-100-on-2xl",
|
77
|
-
"defaultColor_200": "pf-u-default-color-200",
|
78
|
-
"defaultColor_200OnLg": "pf-u-default-color-200-on-lg",
|
79
|
-
"defaultColor_200OnMd": "pf-u-default-color-200-on-md",
|
80
|
-
"defaultColor_200OnSm": "pf-u-default-color-200-on-sm",
|
81
|
-
"defaultColor_200OnXl": "pf-u-default-color-200-on-xl",
|
82
|
-
"defaultColor_200On_2xl": "pf-u-default-color-200-on-2xl",
|
83
|
-
"defaultColor_300": "pf-u-default-color-300",
|
84
|
-
"defaultColor_300OnLg": "pf-u-default-color-300-on-lg",
|
85
|
-
"defaultColor_300OnMd": "pf-u-default-color-300-on-md",
|
86
|
-
"defaultColor_300OnSm": "pf-u-default-color-300-on-sm",
|
87
|
-
"defaultColor_300OnXl": "pf-u-default-color-300-on-xl",
|
88
|
-
"defaultColor_300On_2xl": "pf-u-default-color-300-on-2xl",
|
89
89
|
"disabledColor_100": "pf-u-disabled-color-100",
|
90
90
|
"disabledColor_100OnLg": "pf-u-disabled-color-100-on-lg",
|
91
91
|
"disabledColor_100OnMd": "pf-u-disabled-color-100-on-md",
|
@@ -48,6 +48,24 @@ export default {
|
|
48
48
|
"color_400OnSm": "pf-u-color-400-on-sm",
|
49
49
|
"color_400OnXl": "pf-u-color-400-on-xl",
|
50
50
|
"color_400On_2xl": "pf-u-color-400-on-2xl",
|
51
|
+
"customColor_100": "pf-u-custom-color-100",
|
52
|
+
"customColor_100OnLg": "pf-u-custom-color-100-on-lg",
|
53
|
+
"customColor_100OnMd": "pf-u-custom-color-100-on-md",
|
54
|
+
"customColor_100OnSm": "pf-u-custom-color-100-on-sm",
|
55
|
+
"customColor_100OnXl": "pf-u-custom-color-100-on-xl",
|
56
|
+
"customColor_100On_2xl": "pf-u-custom-color-100-on-2xl",
|
57
|
+
"customColor_200": "pf-u-custom-color-200",
|
58
|
+
"customColor_200OnLg": "pf-u-custom-color-200-on-lg",
|
59
|
+
"customColor_200OnMd": "pf-u-custom-color-200-on-md",
|
60
|
+
"customColor_200OnSm": "pf-u-custom-color-200-on-sm",
|
61
|
+
"customColor_200OnXl": "pf-u-custom-color-200-on-xl",
|
62
|
+
"customColor_200On_2xl": "pf-u-custom-color-200-on-2xl",
|
63
|
+
"customColor_300": "pf-u-custom-color-300",
|
64
|
+
"customColor_300OnLg": "pf-u-custom-color-300-on-lg",
|
65
|
+
"customColor_300OnMd": "pf-u-custom-color-300-on-md",
|
66
|
+
"customColor_300OnSm": "pf-u-custom-color-300-on-sm",
|
67
|
+
"customColor_300OnXl": "pf-u-custom-color-300-on-xl",
|
68
|
+
"customColor_300On_2xl": "pf-u-custom-color-300-on-2xl",
|
51
69
|
"dangerColor_100": "pf-u-danger-color-100",
|
52
70
|
"dangerColor_100OnLg": "pf-u-danger-color-100-on-lg",
|
53
71
|
"dangerColor_100OnMd": "pf-u-danger-color-100-on-md",
|
@@ -66,24 +84,6 @@ export default {
|
|
66
84
|
"dangerColor_300OnSm": "pf-u-danger-color-300-on-sm",
|
67
85
|
"dangerColor_300OnXl": "pf-u-danger-color-300-on-xl",
|
68
86
|
"dangerColor_300On_2xl": "pf-u-danger-color-300-on-2xl",
|
69
|
-
"defaultColor_100": "pf-u-default-color-100",
|
70
|
-
"defaultColor_100OnLg": "pf-u-default-color-100-on-lg",
|
71
|
-
"defaultColor_100OnMd": "pf-u-default-color-100-on-md",
|
72
|
-
"defaultColor_100OnSm": "pf-u-default-color-100-on-sm",
|
73
|
-
"defaultColor_100OnXl": "pf-u-default-color-100-on-xl",
|
74
|
-
"defaultColor_100On_2xl": "pf-u-default-color-100-on-2xl",
|
75
|
-
"defaultColor_200": "pf-u-default-color-200",
|
76
|
-
"defaultColor_200OnLg": "pf-u-default-color-200-on-lg",
|
77
|
-
"defaultColor_200OnMd": "pf-u-default-color-200-on-md",
|
78
|
-
"defaultColor_200OnSm": "pf-u-default-color-200-on-sm",
|
79
|
-
"defaultColor_200OnXl": "pf-u-default-color-200-on-xl",
|
80
|
-
"defaultColor_200On_2xl": "pf-u-default-color-200-on-2xl",
|
81
|
-
"defaultColor_300": "pf-u-default-color-300",
|
82
|
-
"defaultColor_300OnLg": "pf-u-default-color-300-on-lg",
|
83
|
-
"defaultColor_300OnMd": "pf-u-default-color-300-on-md",
|
84
|
-
"defaultColor_300OnSm": "pf-u-default-color-300-on-sm",
|
85
|
-
"defaultColor_300OnXl": "pf-u-default-color-300-on-xl",
|
86
|
-
"defaultColor_300On_2xl": "pf-u-default-color-300-on-2xl",
|
87
87
|
"disabledColor_100": "pf-u-disabled-color-100",
|
88
88
|
"disabledColor_100OnLg": "pf-u-disabled-color-100-on-lg",
|
89
89
|
"disabledColor_100OnMd": "pf-u-disabled-color-100-on-md",
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@patternfly/react-styles",
|
3
|
-
"version": "5.0.0-alpha.
|
3
|
+
"version": "5.0.0-alpha.6",
|
4
4
|
"main": "dist/js/index.js",
|
5
5
|
"module": "dist/esm/index.js",
|
6
6
|
"types": "dist/esm/index.d.ts",
|
@@ -19,7 +19,7 @@
|
|
19
19
|
"clean": "rimraf dist css"
|
20
20
|
},
|
21
21
|
"devDependencies": {
|
22
|
-
"@patternfly/patternfly": "5.0.0-alpha.
|
22
|
+
"@patternfly/patternfly": "5.0.0-alpha.37",
|
23
23
|
"camel-case": "^3.0.0",
|
24
24
|
"css": "^2.2.3",
|
25
25
|
"fs-extra": "^6.0.1",
|
@@ -29,5 +29,5 @@
|
|
29
29
|
"typescript": "^4.7.4"
|
30
30
|
},
|
31
31
|
"license": "MIT",
|
32
|
-
"gitHead": "
|
32
|
+
"gitHead": "1b1bde2cf964d501b24a499274099e1de0b60425"
|
33
33
|
}
|