@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.
Files changed (121) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/css/assets/images/pfbg-icon.svg +1 -0
  3. package/css/components/AboutModalBox/about-modal-box.css +20 -50
  4. package/css/components/AboutModalBox/about-modal-box.d.ts +0 -1
  5. package/css/components/AboutModalBox/about-modal-box.js +0 -1
  6. package/css/components/AboutModalBox/about-modal-box.mjs +0 -1
  7. package/css/components/Alert/alert.css +17 -8
  8. package/css/components/Alert/alert.d.ts +1 -0
  9. package/css/components/Alert/alert.js +1 -0
  10. package/css/components/Alert/alert.mjs +1 -0
  11. package/css/components/BackgroundImage/background-image.css +8 -35
  12. package/css/components/BackgroundImage/background-image.d.ts +1 -2
  13. package/css/components/BackgroundImage/background-image.js +1 -2
  14. package/css/components/BackgroundImage/background-image.mjs +1 -2
  15. package/css/components/Banner/banner.css +14 -52
  16. package/css/components/Banner/banner.d.ts +5 -6
  17. package/css/components/Banner/banner.js +5 -6
  18. package/css/components/Banner/banner.mjs +5 -6
  19. package/css/components/CalendarMonth/calendar-month.css +1 -1
  20. package/css/components/Card/card.css +12 -10
  21. package/css/components/Card/card.d.ts +1 -0
  22. package/css/components/Card/card.js +1 -0
  23. package/css/components/Card/card.mjs +1 -0
  24. package/css/components/Chip/chip.css +1 -1
  25. package/css/components/ChipGroup/chip-group.css +4 -4
  26. package/css/components/Content/content.css +5 -5
  27. package/css/components/ContextSelector/context-selector.css +8 -5
  28. package/css/components/DataList/data-list-grid.css +7 -7
  29. package/css/components/DataList/data-list.css +10 -10
  30. package/css/components/DatePicker/date-picker.css +0 -8
  31. package/css/components/DatePicker/date-picker.d.ts +0 -1
  32. package/css/components/DatePicker/date-picker.js +0 -1
  33. package/css/components/DatePicker/date-picker.mjs +0 -1
  34. package/css/components/DescriptionList/description-list.css +7 -7
  35. package/css/components/Divider/divider.css +2 -2
  36. package/css/components/Drawer/drawer.css +2 -2
  37. package/css/components/Dropdown/dropdown.css +14 -15
  38. package/css/components/DualListSelector/dual-list-selector.css +1 -1
  39. package/css/components/EmptyState/empty-state.css +2 -2
  40. package/css/components/Form/form.css +12 -12
  41. package/css/components/FormControl/form-control.css +2 -5
  42. package/css/components/HelperText/helper-text.css +4 -0
  43. package/css/components/HelperText/helper-text.d.ts +1 -0
  44. package/css/components/HelperText/helper-text.js +1 -0
  45. package/css/components/HelperText/helper-text.mjs +1 -0
  46. package/css/components/Hint/hint.css +2 -2
  47. package/css/components/Icon/icon.css +3 -3
  48. package/css/components/Icon/icon.d.ts +1 -1
  49. package/css/components/Icon/icon.js +1 -1
  50. package/css/components/Icon/icon.mjs +1 -1
  51. package/css/components/InputGroup/input-group.css +61 -85
  52. package/css/components/InputGroup/input-group.d.ts +4 -2
  53. package/css/components/InputGroup/input-group.js +4 -2
  54. package/css/components/InputGroup/input-group.mjs +4 -2
  55. package/css/components/Label/label.css +12 -12
  56. package/css/components/LabelGroup/label-group.css +2 -2
  57. package/css/components/LogViewer/log-viewer.css +0 -38
  58. package/css/components/LogViewer/log-viewer.d.ts +0 -2
  59. package/css/components/LogViewer/log-viewer.js +0 -2
  60. package/css/components/LogViewer/log-viewer.mjs +0 -2
  61. package/css/components/Login/login.css +19 -59
  62. package/css/components/Login/login.d.ts +0 -2
  63. package/css/components/Login/login.js +0 -2
  64. package/css/components/Login/login.mjs +0 -2
  65. package/css/components/Masthead/masthead.css +4 -42
  66. package/css/components/Masthead/masthead.d.ts +0 -1
  67. package/css/components/Masthead/masthead.js +0 -1
  68. package/css/components/Masthead/masthead.mjs +0 -1
  69. package/css/components/Menu/menu.css +6 -6
  70. package/css/components/MenuToggle/menu-toggle.css +1 -1
  71. package/css/components/ModalBox/modal-box.css +3 -3
  72. package/css/components/ModalBox/modal-box.d.ts +1 -1
  73. package/css/components/ModalBox/modal-box.js +1 -1
  74. package/css/components/ModalBox/modal-box.mjs +1 -1
  75. package/css/components/MultipleFileUpload/multiple-file-upload.css +6 -6
  76. package/css/components/Nav/nav.css +1 -1
  77. package/css/components/NotificationDrawer/notification-drawer.css +8 -8
  78. package/css/components/NotificationDrawer/notification-drawer.d.ts +1 -1
  79. package/css/components/NotificationDrawer/notification-drawer.js +1 -1
  80. package/css/components/NotificationDrawer/notification-drawer.mjs +1 -1
  81. package/css/components/OptionsMenu/options-menu.css +8 -10
  82. package/css/components/Page/page.css +41 -62
  83. package/css/components/Page/page.d.ts +4 -3
  84. package/css/components/Page/page.js +4 -3
  85. package/css/components/Page/page.mjs +4 -3
  86. package/css/components/Popover/popover.css +8 -6
  87. package/css/components/Popover/popover.d.ts +1 -1
  88. package/css/components/Popover/popover.js +1 -1
  89. package/css/components/Popover/popover.mjs +1 -1
  90. package/css/components/Progress/progress.css +10 -10
  91. package/css/components/ProgressStepper/progress-stepper.css +5 -5
  92. package/css/components/SearchInput/search-input.css +2 -2
  93. package/css/components/Select/select.css +1 -1
  94. package/css/components/Sidebar/sidebar.css +69 -26
  95. package/css/components/Sidebar/sidebar.d.ts +2 -0
  96. package/css/components/Sidebar/sidebar.js +2 -0
  97. package/css/components/Sidebar/sidebar.mjs +2 -0
  98. package/css/components/SimpleList/simple-list.css +1 -1
  99. package/css/components/Spinner/spinner.css +4 -4
  100. package/css/components/Table/table-scrollable.css +31 -26
  101. package/css/components/Table/table-scrollable.d.ts +3 -2
  102. package/css/components/Table/table-scrollable.js +3 -2
  103. package/css/components/Table/table-scrollable.mjs +3 -2
  104. package/css/components/Table/table.css +3 -2
  105. package/css/components/TextInputGroup/text-input-group.css +2 -2
  106. package/css/components/Tile/tile.css +1 -1
  107. package/css/components/Timestamp/timestamp.css +3 -3
  108. package/css/components/Toolbar/toolbar.css +13 -6
  109. package/css/components/Wizard/wizard.css +14 -39
  110. package/css/components/Wizard/wizard.d.ts +1 -2
  111. package/css/components/Wizard/wizard.js +1 -2
  112. package/css/components/Wizard/wizard.mjs +1 -2
  113. package/css/docs/components/Page/examples/Page.css +7 -1
  114. package/css/docs/components/Table/examples/Table.css +4 -0
  115. package/css/layouts/Gallery/gallery.css +1 -1
  116. package/css/layouts/Grid/grid.css +2 -2
  117. package/css/utilities/Text/text.css +48 -48
  118. package/css/utilities/Text/text.d.ts +18 -18
  119. package/css/utilities/Text/text.js +18 -18
  120. package/css/utilities/Text/text.mjs +18 -18
  121. 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
+ }
@@ -9,6 +9,10 @@
9
9
  top: -18px;
10
10
  }
11
11
 
12
+ #ws-core-c-table-sticky-header .ws-preview-html {
13
+ height: 300px;
14
+ }
15
+
12
16
  #ws-core-c-table-sticky-columns-and-header .ws-preview-html {
13
17
  height: 600px;
14
18
  }
@@ -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-default-color-100 {
319
- color: var(--pf-global--default-color--100) !important;
318
+ .pf-u-custom-color-100 {
319
+ color: var(--pf-global--custom-color--100) !important;
320
320
  }
321
321
 
322
- .pf-u-default-color-200 {
323
- color: var(--pf-global--default-color--200) !important;
322
+ .pf-u-custom-color-200 {
323
+ color: var(--pf-global--custom-color--200) !important;
324
324
  }
325
325
 
326
- .pf-u-default-color-300 {
327
- color: var(--pf-global--default-color--300) !important;
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-default-color-100-on-sm {
432
- color: var(--pf-global--default-color--100) !important;
431
+ .pf-u-custom-color-100-on-sm {
432
+ color: var(--pf-global--custom-color--100) !important;
433
433
  }
434
- .pf-u-default-color-200-on-sm {
435
- color: var(--pf-global--default-color--200) !important;
434
+ .pf-u-custom-color-200-on-sm {
435
+ color: var(--pf-global--custom-color--200) !important;
436
436
  }
437
- .pf-u-default-color-300-on-sm {
438
- color: var(--pf-global--default-color--300) !important;
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-default-color-100-on-md {
530
- color: var(--pf-global--default-color--100) !important;
529
+ .pf-u-custom-color-100-on-md {
530
+ color: var(--pf-global--custom-color--100) !important;
531
531
  }
532
- .pf-u-default-color-200-on-md {
533
- color: var(--pf-global--default-color--200) !important;
532
+ .pf-u-custom-color-200-on-md {
533
+ color: var(--pf-global--custom-color--200) !important;
534
534
  }
535
- .pf-u-default-color-300-on-md {
536
- color: var(--pf-global--default-color--300) !important;
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-default-color-100-on-lg {
628
- color: var(--pf-global--default-color--100) !important;
627
+ .pf-u-custom-color-100-on-lg {
628
+ color: var(--pf-global--custom-color--100) !important;
629
629
  }
630
- .pf-u-default-color-200-on-lg {
631
- color: var(--pf-global--default-color--200) !important;
630
+ .pf-u-custom-color-200-on-lg {
631
+ color: var(--pf-global--custom-color--200) !important;
632
632
  }
633
- .pf-u-default-color-300-on-lg {
634
- color: var(--pf-global--default-color--300) !important;
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-default-color-100-on-xl {
726
- color: var(--pf-global--default-color--100) !important;
725
+ .pf-u-custom-color-100-on-xl {
726
+ color: var(--pf-global--custom-color--100) !important;
727
727
  }
728
- .pf-u-default-color-200-on-xl {
729
- color: var(--pf-global--default-color--200) !important;
728
+ .pf-u-custom-color-200-on-xl {
729
+ color: var(--pf-global--custom-color--200) !important;
730
730
  }
731
- .pf-u-default-color-300-on-xl {
732
- color: var(--pf-global--default-color--300) !important;
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-default-color-100-on-2xl {
824
- color: var(--pf-global--default-color--100) !important;
823
+ .pf-u-custom-color-100-on-2xl {
824
+ color: var(--pf-global--custom-color--100) !important;
825
825
  }
826
- .pf-u-default-color-200-on-2xl {
827
- color: var(--pf-global--default-color--200) !important;
826
+ .pf-u-custom-color-200-on-2xl {
827
+ color: var(--pf-global--custom-color--200) !important;
828
828
  }
829
- .pf-u-default-color-300-on-2xl {
830
- color: var(--pf-global--default-color--300) !important;
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-default-color-300 {
957
- color: var(--pf-global--default-color--100) !important;
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-default-color-300-on-sm {
982
- color: var(--pf-global--default-color--100) !important;
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-default-color-300-on-md {
1008
- color: var(--pf-global--default-color--100) !important;
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-default-color-300-on-lg {
1034
- color: var(--pf-global--default-color--100) !important;
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-default-color-300-on-xl {
1060
- color: var(--pf-global--default-color--100) !important;
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-default-color-300-on-2xl {
1086
- color: var(--pf-global--default-color--100) !important;
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.4",
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.24",
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": "1686e14afb758f8ce45881ca0cdab6bc0ea1c403"
32
+ "gitHead": "1b1bde2cf964d501b24a499274099e1de0b60425"
33
33
  }