@redhat-cloud-services/frontend-components 3.9.13 → 3.9.15

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.
Files changed (125) hide show
  1. package/AsyncComponent/index.d.ts +1 -1
  2. package/AsyncComponent/index.js +2 -1
  3. package/AsyncComponent/index.js.map +1 -1
  4. package/BulkSelect/BulkSelect.js +5 -1
  5. package/BulkSelect/BulkSelect.js.map +1 -1
  6. package/BulkSelect/index.js +5 -1
  7. package/BulkSelect/index.js.map +1 -1
  8. package/ConditionalFilter/CheckboxFilter.js +5 -1
  9. package/ConditionalFilter/CheckboxFilter.js.map +1 -1
  10. package/ConditionalFilter/ConditionalFilter.js +5 -1
  11. package/ConditionalFilter/ConditionalFilter.js.map +1 -1
  12. package/ConditionalFilter/GroupFilter.js +5 -1
  13. package/ConditionalFilter/GroupFilter.js.map +1 -1
  14. package/ConditionalFilter/RadioFilter.js +5 -1
  15. package/ConditionalFilter/RadioFilter.js.map +1 -1
  16. package/ConditionalFilter/TextFilter.js +5 -1
  17. package/ConditionalFilter/TextFilter.js.map +1 -1
  18. package/ConditionalFilter/groupFilterConstants.d.ts +4 -4
  19. package/ConditionalFilter/groupFilterConstants.js +1 -2
  20. package/ConditionalFilter/groupFilterConstants.js.map +1 -1
  21. package/ConditionalFilter/index.js +5 -1
  22. package/ConditionalFilter/index.js.map +1 -1
  23. package/DateFormat/helper.d.ts +2 -2
  24. package/DateFormat/index.js +5 -1
  25. package/DateFormat/index.js.map +1 -1
  26. package/DownloadButton/DownloadButton.js +5 -1
  27. package/DownloadButton/DownloadButton.js.map +1 -1
  28. package/DownloadButton/index.js +5 -1
  29. package/DownloadButton/index.js.map +1 -1
  30. package/ErrorBoundary/ErrorBoundary.js +5 -1
  31. package/ErrorBoundary/ErrorBoundary.js.map +1 -1
  32. package/ErrorBoundary/ErrorStack.js +5 -1
  33. package/ErrorBoundary/ErrorStack.js.map +1 -1
  34. package/FilterChips/index.js +5 -1
  35. package/FilterChips/index.js.map +1 -1
  36. package/FilterHooks/index.js +5 -1
  37. package/FilterHooks/index.js.map +1 -1
  38. package/FilterHooks/tagFilterHook.js +5 -1
  39. package/FilterHooks/tagFilterHook.js.map +1 -1
  40. package/Filters/FilterDropdown.js +5 -1
  41. package/Filters/FilterDropdown.js.map +1 -1
  42. package/Filters/FilterInput.js +5 -1
  43. package/Filters/FilterInput.js.map +1 -1
  44. package/Input/index.js +5 -1
  45. package/Input/index.js.map +1 -1
  46. package/Inventory/AppInfo.js +5 -1
  47. package/Inventory/AppInfo.js.map +1 -1
  48. package/Inventory/DetailWrapper.js +5 -1
  49. package/Inventory/DetailWrapper.js.map +1 -1
  50. package/Inventory/InventoryDetail.js +5 -1
  51. package/Inventory/InventoryDetail.js.map +1 -1
  52. package/Inventory/InventoryDetailHead.js +5 -1
  53. package/Inventory/InventoryDetailHead.js.map +1 -1
  54. package/Inventory/InventoryLoadError.js +5 -1
  55. package/Inventory/InventoryLoadError.js.map +1 -1
  56. package/Inventory/InventoryTable.js +5 -1
  57. package/Inventory/InventoryTable.js.map +1 -1
  58. package/Inventory/TagWithDialog.js +7 -2
  59. package/Inventory/TagWithDialog.js.map +1 -1
  60. package/Inventory/index.js +5 -1
  61. package/Inventory/index.js.map +1 -1
  62. package/LongTextTooltip/index.js +5 -1
  63. package/LongTextTooltip/index.js.map +1 -1
  64. package/Main/Main.d.ts +3 -1
  65. package/NotConnected/index.js +5 -1
  66. package/NotConnected/index.js.map +1 -1
  67. package/Pagination/PaginationMenu.js +5 -1
  68. package/Pagination/PaginationMenu.js.map +1 -1
  69. package/Pagination/index.js +5 -1
  70. package/Pagination/index.js.map +1 -1
  71. package/Pagination/pagination.css +43 -14
  72. package/PrimaryToolbar/Actions.d.ts +1 -1
  73. package/PrimaryToolbar/Actions.js +11 -7
  74. package/PrimaryToolbar/Actions.js.map +1 -1
  75. package/PrimaryToolbar/index.js +5 -1
  76. package/PrimaryToolbar/index.js.map +1 -1
  77. package/RBACProvider/RBACProvider.js +5 -1
  78. package/RBACProvider/RBACProvider.js.map +1 -1
  79. package/RBACProvider/index.js +5 -1
  80. package/RBACProvider/index.js.map +1 -1
  81. package/Reboot/index.js +5 -1
  82. package/Reboot/index.js.map +1 -1
  83. package/Shield/index.js +5 -1
  84. package/Shield/index.js.map +1 -1
  85. package/SimpleTableFilter/SimpleTableFilter.js +5 -1
  86. package/SimpleTableFilter/SimpleTableFilter.js.map +1 -1
  87. package/SimpleTableFilter/index.js +5 -1
  88. package/SimpleTableFilter/index.js.map +1 -1
  89. package/SimpleTableFilter/simple-table-filter.css +0 -338
  90. package/SimpleTableFilter/simple-table-filter.scss +0 -2
  91. package/TableToolbar/TableToolbar.js +5 -1
  92. package/TableToolbar/TableToolbar.js.map +1 -1
  93. package/TagModal/TableWithFilter.js +5 -1
  94. package/TagModal/TableWithFilter.js.map +1 -1
  95. package/TagModal/TagModal.d.ts +1 -1
  96. package/TagModal/TagModal.js +8 -7
  97. package/TagModal/TagModal.js.map +1 -1
  98. package/TreeTable/index.js +5 -1
  99. package/TreeTable/index.js.map +1 -1
  100. package/Truncate/Truncate.js +5 -1
  101. package/Truncate/Truncate.js.map +1 -1
  102. package/Truncate/index.js +5 -1
  103. package/Truncate/index.js.map +1 -1
  104. package/cypress/cypress.webpack.config.js +24 -4
  105. package/esm/AsyncComponent/index.js +2 -1
  106. package/esm/AsyncComponent/index.js.map +1 -1
  107. package/esm/ConditionalFilter/GroupFilter.js.map +1 -1
  108. package/esm/ConditionalFilter/groupFilterConstants.js +1 -2
  109. package/esm/ConditionalFilter/groupFilterConstants.js.map +1 -1
  110. package/esm/Inventory/TagWithDialog.js +2 -1
  111. package/esm/Inventory/TagWithDialog.js.map +1 -1
  112. package/esm/Pagination/pagination.css +43 -14
  113. package/esm/PrimaryToolbar/Actions.js +6 -6
  114. package/esm/PrimaryToolbar/Actions.js.map +1 -1
  115. package/esm/SimpleTableFilter/simple-table-filter.css +0 -338
  116. package/esm/SimpleTableFilter/simple-table-filter.scss +0 -2
  117. package/esm/TagModal/TagModal.js +3 -6
  118. package/esm/TagModal/TagModal.js.map +1 -1
  119. package/esm/index.css +46 -357
  120. package/index.css +46 -357
  121. package/index.js +5 -1
  122. package/index.js.map +1 -1
  123. package/package.json +20 -20
  124. package/useChrome/index.js +5 -1
  125. package/useChrome/index.js.map +1 -1
package/index.css CHANGED
@@ -344,14 +344,12 @@ i.ins-battery svg {
344
344
  margin-bottom: 0.9375rem;
345
345
  }
346
346
 
347
- .pf-c-form-control, .pf-c-input-group {
348
- --pf-global--Color--100: var(--pf-global--Color--dark-100);
349
- --pf-global--Color--200: var(--pf-global--Color--dark-200);
350
- --pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
351
- --pf-global--primary-color--100: var(--pf-global--primary-color--dark-100);
352
- --pf-global--link--Color: var(--pf-global--link--Color--dark);
353
- --pf-global--link--Color--hover: var(--pf-global--link--Color--dark--hover);
354
- --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--light-100);
347
+ .pf-c-pagination__nav-page-select .pf-c-form-control {
348
+ appearance: textfield;
349
+ }
350
+ .pf-c-pagination__nav-page-select .pf-c-form-control::-webkit-inner-spin-button, .pf-c-pagination__nav-page-select .pf-c-form-control::-webkit-outer-spin-button {
351
+ appearance: none;
352
+ margin: 0;
355
353
  }
356
354
 
357
355
  .pf-c-pagination {
@@ -373,7 +371,6 @@ i.ins-battery svg {
373
371
  --pf-c-pagination--m-bottom__nav-control--c-button--PaddingTop: var(--pf-global--spacer--md);
374
372
  --pf-c-pagination--m-bottom__nav-control--c-button--PaddingBottom: var(--pf-global--spacer--md);
375
373
  --pf-c-pagination--m-bottom__nav-control--c-button--PaddingRight: var(--pf-global--spacer--md);
376
- --pf-c-pagination--m-bottom__nav-control--c-button--PaddingRight: var(--pf-global--spacer--md);
377
374
  --pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingTop: var(--pf-global--spacer--form-element);
378
375
  --pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingRight: var(--pf-global--spacer--sm);
379
376
  --pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingBottom: var(--pf-global--spacer--form-element);
@@ -383,7 +380,7 @@ i.ins-battery svg {
383
380
  --pf-c-pagination__nav-page-select--PaddingLeft: var(--pf-global--spacer--md);
384
381
  --pf-c-pagination__nav-page-select--PaddingRight: var(--pf-global--spacer--md);
385
382
  --pf-c-pagination__nav-page-select--child--MarginRight: var(--pf-global--spacer--xs);
386
- --pf-c-pagination__nav-page-select--c-form-control--width-base: 3.5ch;
383
+ --pf-c-pagination__nav-page-select--c-form-control--width-base: calc(var(--pf-global--spacer--sm) * 2 + var(--pf-global--BorderWidth--sm) * 2);
387
384
  --pf-c-pagination__nav-page-select--c-form-control--width-chars: 2;
388
385
  --pf-c-pagination__nav-page-select--c-form-control--Width: calc(var(--pf-c-pagination__nav-page-select--c-form-control--width-base) + (var(--pf-c-pagination__nav-page-select--c-form-control--width-chars) * 1ch));
389
386
  --pf-c-pagination__total-items--Display: block;
@@ -682,6 +679,10 @@ i.ins-battery svg {
682
679
  }
683
680
  }
684
681
 
682
+ :where(.pf-theme-dark) .pf-c-pagination {
683
+ --pf-c-pagination--m-sticky--BackgroundColor: var(--pf-global--BackgroundColor--300);
684
+ }
685
+
685
686
  .pf-c-options-menu {
686
687
  --pf-c-options-menu__toggle--BackgroundColor: transparent;
687
688
  --pf-c-options-menu__toggle--PaddingTop: var(--pf-global--spacer--form-element);
@@ -712,6 +713,8 @@ i.ins-battery svg {
712
713
  --pf-c-options-menu__toggle-icon--MarginRight: var(--pf-global--spacer--sm);
713
714
  --pf-c-options-menu__toggle-icon--MarginLeft: var(--pf-global--spacer--md);
714
715
  --pf-c-options-menu--m-top--m-expanded__toggle-icon--Rotate: 180deg;
716
+ --pf-c-options-menu--m-plain__toggle-icon--Color: var(--pf-global--Color--200);
717
+ --pf-c-options-menu--m-plain--hover__toggle-icon--Color: var(--pf-global--Color--100);
715
718
  --pf-c-options-menu__toggle-button--BackgroundColor: transparent;
716
719
  --pf-c-options-menu__toggle-button--PaddingTop: var(--pf-global--spacer--form-element);
717
720
  --pf-c-options-menu__toggle-button--PaddingRight: var(--pf-global--spacer--sm);
@@ -743,8 +746,8 @@ i.ins-battery svg {
743
746
  --pf-c-options-menu__group-title--PaddingRight: var(--pf-c-options-menu__menu-item--PaddingRight);
744
747
  --pf-c-options-menu__group-title--PaddingBottom: var(--pf-c-options-menu__menu-item--PaddingBottom);
745
748
  --pf-c-options-menu__group-title--PaddingLeft: var(--pf-c-options-menu__menu-item--PaddingLeft);
746
- --pf-c-options-menu__group-title--FontSize: var(--pf-global--FontSize--sm);
747
- --pf-c-options-menu__group-title--FontWeight: var(--pf-global--FontWeight--semi-bold);
749
+ --pf-c-options-menu__group-title--FontSize: var(--pf-global--FontSize--xs);
750
+ --pf-c-options-menu__group-title--FontWeight: var(--pf-global--FontWeight--normal);
748
751
  --pf-c-options-menu__group-title--Color: var(--pf-global--Color--dark-200);
749
752
  --pf-c-options-menu--c-divider--MarginTop: var(--pf-global--spacer--sm);
750
753
  --pf-c-options-menu--c-divider--MarginBottom: var(--pf-global--spacer--sm);
@@ -794,35 +797,31 @@ i.ins-battery svg {
794
797
  justify-content: space-between;
795
798
  min-width: var(--pf-c-options-menu__toggle--MinWidth);
796
799
  max-width: 100%;
797
- padding-left: var(--pf-c-options-menu__toggle--PaddingLeft);
800
+ padding: var(--pf-c-options-menu__toggle--PaddingTop) var(--pf-c-options-menu__toggle--PaddingRight) var(--pf-c-options-menu__toggle--PaddingBottom) var(--pf-c-options-menu__toggle--PaddingLeft);
798
801
  line-height: var(--pf-c-options-menu__toggle--LineHeight);
799
802
  color: var(--pf-c-options-menu__toggle--Color);
800
803
  background-color: var(--pf-c-options-menu__toggle--BackgroundColor);
801
804
  border: none;
802
805
  }
803
- .pf-c-options-menu__toggle:not(.pf-m-text) {
804
- padding-top: var(--pf-c-options-menu__toggle--PaddingTop);
805
- padding-right: var(--pf-c-options-menu__toggle--PaddingRight);
806
- padding-bottom: var(--pf-c-options-menu__toggle--PaddingBottom);
807
- }
808
806
  .pf-c-options-menu.pf-m-expanded > .pf-c-options-menu__toggle::before {
809
807
  --pf-c-options-menu__toggle--BorderBottomColor: var(--pf-c-options-menu__toggle--expanded--BorderBottomColor);
810
808
  border-bottom-width: var(--pf-c-options-menu__toggle--expanded--BorderBottomWidth);
811
809
  }
812
810
  .pf-c-options-menu__toggle.pf-m-plain {
811
+ --pf-c-options-menu__toggle-icon--Color: var(--pf-c-options-menu--m-plain__toggle-icon--Color);
812
+ }
813
+ .pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text) {
813
814
  --pf-c-options-menu__toggle--PaddingRight: var(--pf-c-options-menu__toggle--m-plain--PaddingRight);
814
815
  --pf-c-options-menu__toggle--PaddingLeft: var(--pf-c-options-menu__toggle--m-plain--PaddingLeft);
815
816
  display: inline-block;
816
- }
817
- .pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text) {
818
- justify-content: center;
819
817
  color: var(--pf-c-options-menu__toggle--m-plain--Color);
820
818
  }
821
- .pf-c-options-menu__toggle.pf-m-plain .pf-c-options-menu__toggle-button-icon {
819
+ .pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text) .pf-c-options-menu__toggle-button-icon {
822
820
  line-height: var(--pf-c-options-menu__toggle--LineHeight);
823
821
  }
824
822
  .pf-c-options-menu__toggle.pf-m-plain:hover, .pf-c-options-menu__toggle.pf-m-plain:active, .pf-c-options-menu__toggle.pf-m-plain.pf-m-active, .pf-c-options-menu__toggle.pf-m-plain:focus, .pf-c-options-menu.pf-m-expanded > .pf-c-options-menu__toggle.pf-m-plain {
825
823
  --pf-c-options-menu__toggle--m-plain--Color: var(--pf-c-options-menu__toggle--m-plain--hover--Color);
824
+ --pf-c-options-menu--m-plain__toggle-icon--Color: var(--pf-c-options-menu--m-plain--hover__toggle-icon--Color);
826
825
  }
827
826
  .pf-c-options-menu__toggle.pf-m-plain.pf-m-disabled, .pf-c-options-menu__toggle.pf-m-plain:disabled {
828
827
  --pf-c-options-menu__toggle--m-plain--Color: var(--pf-c-options-menu__toggle--m-plain--disabled--Color);
@@ -853,6 +852,11 @@ i.ins-battery svg {
853
852
  white-space: nowrap;
854
853
  }
855
854
 
855
+ .pf-c-options-menu__toggle-icon,
856
+ .pf-c-options-menu__toggle-button-icon {
857
+ color: var(--pf-c-options-menu__toggle-icon--Color, inherit);
858
+ }
859
+
856
860
  .pf-c-options-menu__toggle-icon {
857
861
  margin-right: var(--pf-c-options-menu__toggle-icon--MarginRight);
858
862
  margin-left: var(--pf-c-options-menu__toggle-icon--MarginLeft);
@@ -924,6 +928,21 @@ i.ins-battery svg {
924
928
  color: var(--pf-c-options-menu__group-title--Color);
925
929
  }
926
930
 
931
+ :where(.pf-theme-dark) .pf-c-options-menu {
932
+ --pf-c-options-menu__toggle--BackgroundColor: var(--pf-global--BackgroundColor--400);
933
+ --pf-c-options-menu__toggle--BorderTopColor: transparent;
934
+ --pf-c-options-menu__toggle--BorderRightColor: transparent;
935
+ --pf-c-options-menu__toggle--BorderBottomColor: var(--pf-global--BorderColor--400);
936
+ --pf-c-options-menu__toggle--BorderLeftColor: transparent;
937
+ --pf-c-options-menu__toggle--disabled--BackgroundColor: var(--pf-global--palette--black-500);
938
+ --pf-c-options-menu__menu--BackgroundColor: var(--pf-global--BackgroundColor--300);
939
+ --pf-c-options-menu__menu-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
940
+ --pf-c-options-menu__menu--Top: 100%;
941
+ }
942
+ :where(.pf-theme-dark) .pf-c-options-menu__toggle.pf-m-plain {
943
+ background: transparent;
944
+ }
945
+
927
946
  .ins-c-pagination-next .pf-c-options-menu .pf-c-dropdown__menu .pf-c-dropdown__menu-item {
928
947
  display: flex;
929
948
  }
@@ -1032,342 +1051,12 @@ section.ins-l-icon-group__with-major .ins-battery:last-of-type span.label {
1032
1051
  margin: 0 10px;
1033
1052
  }
1034
1053
 
1035
- .pf-c-form-control, .pf-c-input-group {
1036
- --pf-global--Color--100: var(--pf-global--Color--dark-100);
1037
- --pf-global--Color--200: var(--pf-global--Color--dark-200);
1038
- --pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
1039
- --pf-global--primary-color--100: var(--pf-global--primary-color--dark-100);
1040
- --pf-global--link--Color: var(--pf-global--link--Color--dark);
1041
- --pf-global--link--Color--hover: var(--pf-global--link--Color--dark--hover);
1042
- --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--light-100);
1043
- }
1044
-
1045
- .pf-c-input-group {
1046
- --pf-c-input-group--BackgroundColor: var(--pf-global--BackgroundColor--100);
1047
- --pf-c-input-group--child--ZIndex: var(--pf-global--ZIndex--xs);
1048
- --pf-c-input-group__text--FontSize: var(--pf-global--FontSize--md);
1049
- --pf-c-input-group__text--PaddingRight: var(--pf-global--spacer--sm);
1050
- --pf-c-input-group__text--PaddingLeft: var(--pf-global--spacer--sm);
1051
- --pf-c-input-group__text--Color: var(--pf-global--Color--dark-200);
1052
- --pf-c-input-group__text--BorderWidth: var(--pf-global--BorderWidth--sm);
1053
- --pf-c-input-group__text--BorderTopColor: var(--pf-global--BorderColor--300);
1054
- --pf-c-input-group__text--BorderRightColor: var(--pf-global--BorderColor--300);
1055
- --pf-c-input-group__text--BorderBottomColor: var(--pf-global--BorderColor--200);
1056
- --pf-c-input-group__text--BorderLeftColor: var(--pf-global--BorderColor--300);
1057
- --pf-c-input-group__text--BackgroundColor: var(--pf-global--BackgroundColor--100);
1058
- --pf-c-input-group__textarea--MinHeight: var(--pf-global--spacer--xl);
1059
- --pf-c-input-group--c-form-control--invalid--ZIndex: var(--pf-global--ZIndex--xs);
1060
- --pf-c-input-group--c-form-control--MarginRight: 0;
1061
- color: var(--pf-global--Color--100);
1062
- display: flex;
1063
- width: 100%;
1064
- background-color: var(--pf-c-input-group--BackgroundColor);
1065
- }
1066
- .pf-c-input-group > * + * {
1067
- margin-left: -1px;
1068
- }
1069
- .pf-c-input-group > :focus,
1070
- .pf-c-input-group > :focus-within {
1071
- z-index: var(--pf-c-input-group--child--ZIndex);
1072
- }
1073
- .pf-c-input-group .pf-c-form-control[aria-invalid=true]:not(:last-child) {
1074
- margin-right: var(--pf-c-input-group--c-form-control--MarginRight);
1075
- }
1076
- .pf-c-input-group input:not([type=checkbox]):not([type=radio]),
1077
- .pf-c-input-group textarea {
1078
- flex: 2;
1079
- min-width: 0;
1080
- }
1081
- .pf-c-input-group textarea {
1082
- min-height: var(--pf-c-input-group__textarea--MinHeight);
1083
- }
1084
-
1085
- .pf-c-input-group__text {
1086
- display: flex;
1087
- align-items: center;
1088
- padding-right: var(--pf-c-input-group__text--PaddingRight);
1089
- padding-left: var(--pf-c-input-group__text--PaddingLeft);
1090
- font-size: var(--pf-c-input-group__text--FontSize);
1091
- color: var(--pf-c-input-group__text--Color);
1092
- text-align: center;
1093
- background-color: var(--pf-c-input-group__text--BackgroundColor);
1094
- border: var(--pf-c-input-group__text--BorderWidth) solid;
1095
- border-color: var(--pf-c-input-group__text--BorderTopColor) var(--pf-c-input-group__text--BorderRightColor) var(--pf-c-input-group__text--BorderBottomColor) var(--pf-c-input-group__text--BorderLeftColor);
1096
- }
1097
- label.pf-c-input-group__text {
1098
- cursor: pointer;
1099
- }
1100
-
1101
- .pf-c-input-group__text.pf-m-plain {
1102
- --pf-c-input-group__text--BorderWidth: 0;
1103
- margin-left: 0;
1104
- }
1105
-
1106
- .pf-c-form-control {
1107
- --pf-c-form-control--FontSize: var(--pf-global--FontSize--md);
1108
- --pf-c-form-control--LineHeight: var(--pf-global--LineHeight--md);
1109
- --pf-c-form-control--BorderWidth: var(--pf-global--BorderWidth--sm);
1110
- --pf-c-form-control--BorderTopColor: var(--pf-global--BorderColor--300);
1111
- --pf-c-form-control--BorderRightColor: var(--pf-global--BorderColor--300);
1112
- --pf-c-form-control--BorderBottomColor: var(--pf-global--BorderColor--200);
1113
- --pf-c-form-control--BorderLeftColor: var(--pf-global--BorderColor--300);
1114
- --pf-c-form-control--BorderRadius: 0;
1115
- --pf-c-form-control--BackgroundColor: var(--pf-global--BackgroundColor--100);
1116
- --pf-c-form-control--Width: 100%;
1117
- --pf-c-form-control--Height: calc(var(--pf-c-form-control--FontSize) * var(--pf-c-form-control--LineHeight) + var(--pf-c-form-control--BorderWidth) * 2 + var(--pf-c-form-control--PaddingTop) + var(--pf-c-form-control--PaddingBottom));
1118
- --pf-c-form-control--inset--base: var(--pf-global--spacer--sm);
1119
- --pf-c-form-control--PaddingTop: calc(var(--pf-global--spacer--form-element) - var(--pf-global--BorderWidth--sm));
1120
- --pf-c-form-control--PaddingBottom: calc(var(--pf-global--spacer--form-element) - var(--pf-global--BorderWidth--sm));
1121
- --pf-c-form-control--PaddingRight: var(--pf-c-form-control--inset--base);
1122
- --pf-c-form-control--PaddingLeft: var(--pf-c-form-control--inset--base);
1123
- --pf-c-form-control--hover--BorderBottomColor: var(--pf-global--primary-color--100);
1124
- --pf-c-form-control--focus--BorderBottomWidth: var(--pf-global--BorderWidth--md);
1125
- --pf-c-form-control--focus--PaddingBottom: calc(var(--pf-global--spacer--form-element) - var(--pf-c-form-control--focus--BorderBottomWidth));
1126
- --pf-c-form-control--focus--BorderBottomColor: var(--pf-global--primary-color--100);
1127
- --pf-c-form-control--m-expanded--BorderBottomWidth: var(--pf-global--BorderWidth--md);
1128
- --pf-c-form-control--m-expanded--PaddingBottom: calc(var(--pf-global--spacer--form-element) - var(--pf-c-form-control--focus--BorderBottomWidth));
1129
- --pf-c-form-control--m-expanded--BorderBottomColor: var(--pf-global--primary-color--100);
1130
- --pf-c-form-control--placeholder--Color: var(--pf-global--Color--dark-200);
1131
- --pf-c-form-control--disabled--Color: var(--pf-global--disabled-color--100);
1132
- --pf-c-form-control--disabled--BackgroundColor: var(--pf-global--disabled-color--300);
1133
- --pf-c-form-control--disabled--BorderColor: transparent;
1134
- --pf-c-form-control--readonly--BackgroundColor: var(--pf-global--disabled-color--300);
1135
- --pf-c-form-control--readonly--hover--BorderBottomColor: var(--pf-global--BorderColor--200);
1136
- --pf-c-form-control--readonly--focus--PaddingBottom: calc(var(--pf-global--spacer--form-element) - var(--pf-global--BorderWidth--sm));
1137
- --pf-c-form-control--readonly--focus--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
1138
- --pf-c-form-control--readonly--focus--BorderBottomColor: var(--pf-global--BorderColor--200);
1139
- --pf-c-form-control--success--BorderBottomWidth: var(--pf-global--BorderWidth--md);
1140
- --pf-c-form-control--success--PaddingBottom: calc(var(--pf-global--spacer--form-element) - var(--pf-c-form-control--success--BorderBottomWidth));
1141
- --pf-c-form-control--success--BorderBottomColor: var(--pf-global--success-color--100);
1142
- --pf-c-form-control--success--PaddingRight: var(--pf-global--spacer--xl);
1143
- --pf-c-form-control--success--BackgroundPositionX: calc(100% - var(--pf-c-form-control--PaddingLeft));
1144
- --pf-c-form-control--success--BackgroundPositionY: center;
1145
- --pf-c-form-control--success--BackgroundPosition: var(--pf-c-form-control--success--BackgroundPositionX) var(--pf-c-form-control--success--BackgroundPositionY);
1146
- --pf-c-form-control--success--BackgroundSizeX: var(--pf-c-form-control--FontSize);
1147
- --pf-c-form-control--success--BackgroundSizeY: var(--pf-c-form-control--FontSize);
1148
- --pf-c-form-control--success--BackgroundSize: var(--pf-c-form-control--success--BackgroundSizeX) var(--pf-c-form-control--success--BackgroundSizeY);
1149
- --pf-c-form-control--success--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%233e8635' d='M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z'/%3E%3C/svg%3E");
1150
- --pf-c-form-control--m-warning--BorderBottomWidth: var(--pf-global--BorderWidth--md);
1151
- --pf-c-form-control--m-warning--PaddingBottom: calc(var(--pf-global--spacer--form-element) - var(--pf-c-form-control--m-warning--BorderBottomWidth));
1152
- --pf-c-form-control--m-warning--BorderBottomColor: var(--pf-global--warning-color--100);
1153
- --pf-c-form-control--m-warning--PaddingRight: var(--pf-global--spacer--xl);
1154
- --pf-c-form-control--m-warning--BackgroundPositionX: calc(100% - calc(var(--pf-c-form-control--PaddingLeft) - 0.0625rem));
1155
- --pf-c-form-control--m-warning--BackgroundPositionY: center;
1156
- --pf-c-form-control--m-warning--BackgroundPosition: var(--pf-c-form-control--m-warning--BackgroundPositionX) var(--pf-c-form-control--m-warning--BackgroundPositionY);
1157
- --pf-c-form-control--m-warning--BackgroundSizeX: 1.25rem;
1158
- --pf-c-form-control--m-warning--BackgroundSizeY: var(--pf-c-form-control--FontSize);
1159
- --pf-c-form-control--m-warning--BackgroundSize: var(--pf-c-form-control--m-warning--BackgroundSizeX) var(--pf-c-form-control--m-warning--BackgroundSizeY);
1160
- --pf-c-form-control--m-warning--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23f0ab00' d='M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'/%3E%3C/svg%3E");
1161
- --pf-c-form-control--invalid--BorderBottomWidth: var(--pf-global--BorderWidth--md);
1162
- --pf-c-form-control--invalid--PaddingBottom: calc(var(--pf-global--spacer--form-element) - var(--pf-c-form-control--invalid--BorderBottomWidth));
1163
- --pf-c-form-control--invalid--BorderBottomColor: var(--pf-global--danger-color--100);
1164
- --pf-c-form-control--invalid--PaddingRight: var(--pf-global--spacer--xl);
1165
- --pf-c-form-control--invalid--BackgroundPositionX: calc(100% - var(--pf-c-form-control--PaddingLeft));
1166
- --pf-c-form-control--invalid--BackgroundPositionY: center;
1167
- --pf-c-form-control--invalid--BackgroundPosition: var(--pf-c-form-control--invalid--BackgroundPositionX) var(--pf-c-form-control--invalid--BackgroundPositionY);
1168
- --pf-c-form-control--invalid--BackgroundSizeX: var(--pf-c-form-control--FontSize);
1169
- --pf-c-form-control--invalid--BackgroundSizeY: var(--pf-c-form-control--FontSize);
1170
- --pf-c-form-control--invalid--BackgroundSize: var(--pf-c-form-control--invalid--BackgroundSizeX) var(--pf-c-form-control--invalid--BackgroundSizeY);
1171
- --pf-c-form-control--invalid--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23c9190b' d='M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'/%3E%3C/svg%3E");
1172
- --pf-c-form-control--invalid--exclamation--Background: var(--pf-c-form-control--invalid--BackgroundUrl) var(--pf-c-form-control--invalid--BackgroundPosition) / var(--pf-c-form-control--invalid--BackgroundSize) no-repeat;
1173
- --pf-c-form-control--invalid--Background: var(--pf-c-form-control--BackgroundColor) var(--pf-c-form-control--invalid--exclamation--Background);
1174
- --pf-c-form-control--m-search--PaddingLeft: var(--pf-global--spacer--xl);
1175
- --pf-c-form-control--m-search--BackgroundPosition: var(--pf-c-form-control--PaddingRight);
1176
- --pf-c-form-control--m-search--BackgroundSize: var(--pf-c-form-control--FontSize) var(--pf-c-form-control--FontSize);
1177
- --pf-c-form-control--m-search--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%236a6e73' d='M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z'/%3E%3C/svg%3E");
1178
- --pf-c-form-control--m-icon--PaddingRight: calc(var(--pf-c-form-control--inset--base) + var(--pf-c-form-control--m-icon--BackgroundSizeX) + var(--pf-c-form-control--m-icon--icon--spacer));
1179
- --pf-c-form-control--m-icon--BackgroundUrl: none;
1180
- --pf-c-form-control--m-icon--BackgroundPositionX: calc(100% - var(--pf-c-form-control--inset--base));
1181
- --pf-c-form-control--m-icon--BackgroundPositionY: center;
1182
- --pf-c-form-control--m-icon--BackgroundSizeX: var(--pf-c-form-control--FontSize);
1183
- --pf-c-form-control--m-icon--BackgroundSizeY: var(--pf-c-form-control--FontSize);
1184
- --pf-c-form-control--m-icon--icon--spacer: var(--pf-global--spacer--sm);
1185
- --pf-c-form-control--m-icon--icon--PaddingRight: calc(var(--pf-c-form-control--inset--base) + var(--pf-c-form-control--invalid--BackgroundSizeX) + var(--pf-c-form-control--m-icon--icon--spacer) + var(--pf-c-form-control--m-icon--BackgroundSizeX) + var(--pf-c-form-control--m-icon--icon--spacer));
1186
- --pf-c-form-control--m-icon--icon--BackgroundPositionX: calc(var(--pf-c-form-control--m-icon--BackgroundPositionX) - var(--pf-c-form-control--m-icon--icon--spacer) - var(--pf-c-form-control--invalid--BackgroundSizeX));
1187
- --pf-c-form-control--m-icon--invalid--BackgroundUrl: var(--pf-c-form-control--invalid--BackgroundUrl), var(--pf-c-form-control--m-icon--BackgroundUrl);
1188
- --pf-c-form-control--m-icon--invalid--BackgroundPosition: var(--pf-c-form-control--invalid--BackgroundPosition), var(--pf-c-form-control--m-icon--icon--BackgroundPositionX) var(--pf-c-form-control--m-icon--BackgroundPositionY);
1189
- --pf-c-form-control--m-icon--invalid--BackgroundSize: var(--pf-c-form-control--invalid--BackgroundSize), var(--pf-c-form-control--m-icon--BackgroundSizeX) var(--pf-c-form-control--m-icon--BackgroundSizeY);
1190
- --pf-c-form-control--m-icon--success--BackgroundUrl: var(--pf-c-form-control--success--BackgroundUrl), var(--pf-c-form-control--m-icon--BackgroundUrl);
1191
- --pf-c-form-control--m-icon--success--BackgroundPosition: var(--pf-c-form-control--success--BackgroundPosition), var(--pf-c-form-control--m-icon--icon--BackgroundPositionX) var(--pf-c-form-control--m-icon--BackgroundPositionY);
1192
- --pf-c-form-control--m-icon--success--BackgroundSize: var(--pf-c-form-control--success--BackgroundSize), var(--pf-c-form-control--m-icon--BackgroundSizeX) var(--pf-c-form-control--m-icon--BackgroundSizeY);
1193
- --pf-c-form-control--m-icon--m-warning--BackgroundUrl: var(--pf-c-form-control--m-warning--BackgroundUrl), var(--pf-c-form-control--m-icon--BackgroundUrl);
1194
- --pf-c-form-control--m-icon--m-warning--BackgroundPosition: var(--pf-c-form-control--m-warning--BackgroundPosition), var(--pf-c-form-control--m-icon--icon--BackgroundPositionX) var(--pf-c-form-control--m-icon--BackgroundPositionY);
1195
- --pf-c-form-control--m-icon--m-warning--BackgroundSize: var(--pf-c-form-control--m-warning--BackgroundSize), var(--pf-c-form-control--m-icon--BackgroundSizeX) var(--pf-c-form-control--m-icon--BackgroundSizeY);
1196
- --pf-c-form-control--m-calendar--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%236a6e73' d='M0 464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V192H0v272zm320-196c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM192 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM64 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zM400 64h-48V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H160V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H48C21.5 64 0 85.5 0 112v48h448v-48c0-26.5-21.5-48-48-48z'/%3E%3C/svg%3E");
1197
- --pf-c-form-control--m-clock--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%236a6e73' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm61.8-104.4l-84.9-61.7c-3.1-2.3-4.9-5.9-4.9-9.7V116c0-6.6 5.4-12 12-12h32c6.6 0 12 5.4 12 12v141.7l66.8 48.6c5.4 3.9 6.5 11.4 2.6 16.8L334.6 349c-3.9 5.3-11.4 6.5-16.8 2.6z'/%3E%3C/svg%3E");
1198
- --pf-c-form-control__select--PaddingRight: var(--pf-global--spacer--lg);
1199
- --pf-c-form-control__select--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23urrentColor' d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/%3E%3C/svg%3E");
1200
- --pf-c-form-control__select--BackgroundSize: .625em;
1201
- --pf-c-form-control__select--BackgroundPositionX: calc(100% - var(--pf-global--spacer--md) + 1px);
1202
- --pf-c-form-control__select--BackgroundPositionY: center;
1203
- --pf-c-form-control__select--BackgroundPosition: var(--pf-c-form-control__select--BackgroundPositionX) var(--pf-c-form-control__select--BackgroundPositionY);
1204
- --pf-c-form-control__select--success--PaddingRight: var(--pf-global--spacer--3xl);
1205
- --pf-c-form-control__select--success--BackgroundPosition: calc(var(--pf-c-form-control__select--BackgroundPositionX) - var(--pf-global--spacer--lg));
1206
- --pf-c-form-control__select--m-warning--PaddingRight: var(--pf-global--spacer--3xl);
1207
- --pf-c-form-control__select--m-warning--BackgroundPosition: calc(var(--pf-c-form-control__select--BackgroundPositionX) - var(--pf-global--spacer--lg) + 0.0625rem);
1208
- --pf-c-form-control__select--invalid--PaddingRight: var(--pf-global--spacer--3xl);
1209
- --pf-c-form-control__select--invalid--BackgroundPosition: calc(var(--pf-c-form-control__select--BackgroundPositionX) - var(--pf-global--spacer--lg));
1210
- --pf-c-form-control--textarea--Width: var(--pf-c-form-control--Width);
1211
- --pf-c-form-control--textarea--Height: auto;
1212
- --pf-c-form-control--textarea--success--BackgroundPositionY: var(--pf-c-form-control--PaddingLeft);
1213
- --pf-c-form-control--textarea--m-warning--BackgroundPositionY: var(--pf-c-form-control--PaddingLeft);
1214
- --pf-c-form-control--textarea--invalid--BackgroundPositionY: var(--pf-c-form-control--PaddingLeft);
1215
- color: var(--pf-global--Color--100);
1216
- width: var(--pf-c-form-control--Width);
1217
- padding: var(--pf-c-form-control--PaddingTop) var(--pf-c-form-control--PaddingRight) var(--pf-c-form-control--PaddingBottom) var(--pf-c-form-control--PaddingLeft);
1218
- font-size: var(--pf-c-form-control--FontSize);
1219
- line-height: var(--pf-c-form-control--LineHeight);
1220
- background-color: var(--pf-c-form-control--BackgroundColor);
1221
- background-repeat: no-repeat;
1222
- border: var(--pf-c-form-control--BorderWidth) solid;
1223
- border-color: var(--pf-c-form-control--BorderTopColor) var(--pf-c-form-control--BorderRightColor) var(--pf-c-form-control--BorderBottomColor) var(--pf-c-form-control--BorderLeftColor);
1224
- border-radius: var(--pf-c-form-control--BorderRadius);
1225
- -moz-appearance: none;
1226
- -webkit-appearance: none;
1227
- }
1228
- .pf-c-form-control::placeholder {
1229
- color: var(--pf-c-form-control--placeholder--Color);
1230
- }
1231
- .pf-c-form-control:not(textarea) {
1232
- height: var(--pf-c-form-control--Height);
1233
- text-overflow: ellipsis;
1234
- }
1235
- .pf-c-form-control[readonly] {
1236
- background-color: var(--pf-c-form-control--readonly--BackgroundColor);
1237
- }
1238
- .pf-c-form-control[readonly]:not(.pf-m-success):not([aria-invalid=true]):hover {
1239
- --pf-c-form-control--BorderBottomColor: var(--pf-c-form-control--readonly--hover--BorderBottomColor);
1240
- }
1241
- .pf-c-form-control[readonly]:not(.pf-m-success):not([aria-invalid=true]):focus {
1242
- --pf-c-form-control--focus--PaddingBottom: var(--pf-c-form-control--readonly--focus--PaddingBottom);
1243
- --pf-c-form-control--focus--BorderBottomWidth: var(--pf-c-form-control--readonly--focus--BorderBottomWidth);
1244
- --pf-c-form-control--focus--BorderBottomColor: var(--pf-c-form-control--readonly--focus--BorderBottomColor);
1245
- }
1246
- .pf-c-form-control:hover {
1247
- --pf-c-form-control--BorderBottomColor: var(--pf-c-form-control--hover--BorderBottomColor);
1248
- }
1249
- .pf-c-form-control:focus {
1250
- --pf-c-form-control--BorderBottomColor: var(--pf-c-form-control--focus--BorderBottomColor);
1251
- padding-bottom: var(--pf-c-form-control--focus--PaddingBottom);
1252
- border-bottom-width: var(--pf-c-form-control--focus--BorderBottomWidth);
1253
- }
1254
- .pf-c-form-control.pf-m-expanded {
1255
- --pf-c-form-control--BorderBottomColor: var(--pf-c-form-control--m-expanded--BorderBottomColor);
1256
- padding-bottom: var(--pf-c-form-control--m-expanded--PaddingBottom);
1257
- border-bottom-width: var(--pf-c-form-control--m-expanded--BorderBottomWidth);
1054
+ .pf-c-pagination__nav-page-select .pf-c-form-control {
1055
+ appearance: textfield;
1258
1056
  }
1259
- .pf-c-form-control:disabled {
1260
- --pf-c-form-control--Color: var(--pf-c-form-control--disabled--Color);
1261
- --pf-c-form-control--BackgroundColor: var(--pf-c-form-control--disabled--BackgroundColor);
1262
- cursor: not-allowed;
1263
- border-color: var(--pf-c-form-control--disabled--BorderColor);
1264
- }
1265
- .pf-c-form-control[aria-invalid=true] {
1266
- --pf-c-form-control--PaddingRight: var(--pf-c-form-control--invalid--PaddingRight);
1267
- --pf-c-form-control--BorderBottomColor: var(--pf-c-form-control--invalid--BorderBottomColor);
1268
- padding-bottom: var(--pf-c-form-control--invalid--PaddingBottom);
1269
- background-image: var(--pf-c-form-control--invalid--BackgroundUrl);
1270
- background-position: var(--pf-c-form-control--invalid--BackgroundPosition);
1271
- background-size: var(--pf-c-form-control--invalid--BackgroundSize);
1272
- border-bottom-width: var(--pf-c-form-control--invalid--BorderBottomWidth);
1273
- }
1274
- .pf-c-form-control[aria-invalid=true].pf-m-icon {
1275
- --pf-c-form-control--PaddingRight: var(--pf-c-form-control--m-icon--icon--PaddingRight);
1276
- background-image: var(--pf-c-form-control--m-icon--invalid--BackgroundUrl);
1277
- background-position: var(--pf-c-form-control--m-icon--invalid--BackgroundPosition);
1278
- background-size: var(--pf-c-form-control--m-icon--invalid--BackgroundSize);
1279
- }
1280
- .pf-c-form-control.pf-m-success {
1281
- --pf-c-form-control--PaddingRight: var(--pf-c-form-control--success--PaddingRight);
1282
- --pf-c-form-control--BorderBottomColor: var(--pf-c-form-control--success--BorderBottomColor);
1283
- padding-bottom: var(--pf-c-form-control--success--PaddingBottom);
1284
- background-image: var(--pf-c-form-control--success--BackgroundUrl);
1285
- background-position: var(--pf-c-form-control--success--BackgroundPosition);
1286
- background-size: var(--pf-c-form-control--success--BackgroundSize);
1287
- border-bottom-width: var(--pf-c-form-control--success--BorderBottomWidth);
1288
- }
1289
- .pf-c-form-control.pf-m-success.pf-m-icon {
1290
- --pf-c-form-control--PaddingRight: var(--pf-c-form-control--m-icon--icon--PaddingRight);
1291
- background-image: var(--pf-c-form-control--m-icon--success--BackgroundUrl);
1292
- background-position: var(--pf-c-form-control--m-icon--success--BackgroundPosition);
1293
- background-size: var(--pf-c-form-control--m-icon--success--BackgroundSize);
1294
- }
1295
- .pf-c-form-control.pf-m-warning {
1296
- --pf-c-form-control--PaddingRight: var(--pf-c-form-control--m-warning--PaddingRight);
1297
- --pf-c-form-control--BorderBottomColor: var(--pf-c-form-control--m-warning--BorderBottomColor);
1298
- padding-bottom: var(--pf-c-form-control--m-warning--PaddingBottom);
1299
- background-image: var(--pf-c-form-control--m-warning--BackgroundUrl);
1300
- background-position: var(--pf-c-form-control--m-warning--BackgroundPosition);
1301
- background-size: var(--pf-c-form-control--m-warning--BackgroundSize);
1302
- border-bottom-width: var(--pf-c-form-control--m-warning--BorderBottomWidth);
1303
- }
1304
- .pf-c-form-control.pf-m-warning.pf-m-icon {
1305
- --pf-c-form-control--PaddingRight: var(--pf-c-form-control--m-icon--icon--PaddingRight);
1306
- background-image: var(--pf-c-form-control--m-icon--m-warning--BackgroundUrl);
1307
- background-position: var(--pf-c-form-control--m-icon--m-warning--BackgroundPosition);
1308
- background-size: var(--pf-c-form-control--m-icon--m-warning--BackgroundSize);
1309
- }
1310
- .pf-c-form-control.pf-m-search {
1311
- --pf-c-form-control--PaddingLeft: var(--pf-c-form-control--m-search--PaddingLeft);
1312
- background-image: var(--pf-c-form-control--m-search--BackgroundUrl);
1313
- background-position: var(--pf-c-form-control--m-search--BackgroundPosition);
1314
- background-size: var(--pf-c-form-control--m-search--BackgroundSize);
1315
- }
1316
- .pf-c-form-control.pf-m-icon {
1317
- --pf-c-form-control--PaddingRight: var(--pf-c-form-control--m-icon--PaddingRight);
1318
- background-image: var(--pf-c-form-control--m-icon--BackgroundUrl);
1319
- background-position: var(--pf-c-form-control--m-icon--BackgroundPositionX) var(--pf-c-form-control--m-icon--BackgroundPositionY);
1320
- background-size: var(--pf-c-form-control--m-icon--BackgroundSizeX) var(--pf-c-form-control--m-icon--BackgroundSizeY);
1321
- }
1322
- .pf-c-form-control.pf-m-icon.pf-m-calendar {
1323
- --pf-c-form-control--m-icon--BackgroundUrl: var(--pf-c-form-control--m-calendar--BackgroundUrl);
1324
- }
1325
- .pf-c-form-control.pf-m-icon.pf-m-clock {
1326
- --pf-c-form-control--m-icon--BackgroundUrl: var(--pf-c-form-control--m-clock--BackgroundUrl);
1327
- }
1328
- select.pf-c-form-control {
1329
- --pf-c-form-control--PaddingRight: var(--pf-c-form-control__select--PaddingRight);
1330
- background-image: var(--pf-c-form-control__select--BackgroundUrl);
1331
- background-position: var(--pf-c-form-control__select--BackgroundPosition);
1332
- background-size: var(--pf-c-form-control__select--BackgroundSize);
1333
- }
1334
- select.pf-c-form-control[aria-invalid=true] {
1335
- --pf-c-form-control--PaddingRight: var(--pf-c-form-control__select--invalid--PaddingRight);
1336
- --pf-c-form-control--invalid--BackgroundPosition: var(--pf-c-form-control__select--invalid--BackgroundPosition);
1337
- background-image: var(--pf-c-form-control__select--BackgroundUrl), var(--pf-c-form-control--invalid--BackgroundUrl);
1338
- background-position: var(--pf-c-form-control__select--BackgroundPosition), var(--pf-c-form-control--invalid--BackgroundPosition);
1339
- background-size: var(--pf-c-form-control__select--BackgroundSize), var(--pf-c-form-control--invalid--BackgroundSize);
1340
- }
1341
- select.pf-c-form-control.pf-m-success {
1342
- --pf-c-form-control--PaddingRight: var(--pf-c-form-control__select--success--PaddingRight);
1343
- --pf-c-form-control--success--BackgroundPosition: var(--pf-c-form-control__select--success--BackgroundPosition);
1344
- background-image: var(--pf-c-form-control__select--BackgroundUrl), var(--pf-c-form-control--success--BackgroundUrl);
1345
- background-position: var(--pf-c-form-control__select--BackgroundPosition), var(--pf-c-form-control--success--BackgroundPosition);
1346
- background-size: var(--pf-c-form-control__select--BackgroundSize), var(--pf-c-form-control--success--BackgroundSize);
1347
- }
1348
- select.pf-c-form-control.pf-m-warning {
1349
- --pf-c-form-control--PaddingRight: var(--pf-c-form-control__select--m-warning--PaddingRight);
1350
- background-image: var(--pf-c-form-control__select--BackgroundUrl), var(--pf-c-form-control--m-warning--BackgroundUrl);
1351
- background-position: var(--pf-c-form-control__select--BackgroundPosition), var(--pf-c-form-control__select--m-warning--BackgroundPosition);
1352
- background-size: var(--pf-c-form-control__select--BackgroundSize), var(--pf-c-form-control--m-warning--BackgroundSize);
1353
- }
1354
- select.pf-c-form-control.pf-m-placeholder {
1355
- color: var(--pf-c-form-control--placeholder--Color);
1356
- }
1357
-
1358
- textarea.pf-c-form-control {
1359
- --pf-c-form-control--success--BackgroundPositionY: var(--pf-c-form-control--textarea--success--BackgroundPositionY);
1360
- --pf-c-form-control--invalid--BackgroundPositionY: var(--pf-c-form-control--textarea--invalid--BackgroundPositionY);
1361
- --pf-c-form-control--m-warning--BackgroundPositionY: var(--pf-c-form-control--textarea--m-warning--BackgroundPositionY);
1362
- width: var(--pf-c-form-control--textarea--Width);
1363
- height: var(--pf-c-form-control--textarea--Height);
1364
- }
1365
-
1366
- .pf-c-form-control.pf-m-resize-vertical {
1367
- resize: vertical;
1368
- }
1369
- .pf-c-form-control.pf-m-resize-horizontal {
1370
- resize: horizontal;
1057
+ .pf-c-pagination__nav-page-select .pf-c-form-control::-webkit-inner-spin-button, .pf-c-pagination__nav-page-select .pf-c-form-control::-webkit-outer-spin-button {
1058
+ appearance: none;
1059
+ margin: 0;
1371
1060
  }
1372
1061
 
1373
1062
  :root {
package/index.js CHANGED
@@ -1,7 +1,11 @@
1
1
  "use strict";
2
2
  var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
3
  if (k2 === undefined) k2 = k;
4
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
5
9
  }) : (function(o, m, k, k2) {
6
10
  if (k2 === undefined) k2 = k;
7
11
  o[k2] = m[k];
package/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AACA,oDAAkC;AAClC,4CAA0B;AAC1B,4CAA0B;AAC1B,yCAAuB;AACvB,+CAA6B;AAC7B,sDAAoC;AACpC,0CAAwB;AACxB,kDAAgC;AAChC,4CAA0B;AAC1B,gDAA8B;AAC9B,2CAAyB;AACzB,8CAA4B;AAC5B,yCAAuB;AACvB,+CAA6B;AAC7B,6CAA2B;AAC3B,mDAAiC;AACjC,2CAAyB;AACzB,6CAA2B;AAC3B,kDAAgC;AAChC,iDAA+B;AAC/B,+CAA6B;AAC7B,4CAA0B;AAC1B,4CAA0B;AAC1B,kDAAgC;AAChC,kDAAgC;AAChC,gDAA8B;AAC9B,+CAA6B;AAC7B,sDAAoC;AACpC,6CAA2B;AAC3B,6CAA2B;AAC3B,mDAAiC;AACjC,+CAA6B;AAC7B,gDAA8B;AAC9B,gDAA8B;AAC9B,+CAA6B;AAC7B,gDAA8B;AAC9B,gDAA8B;AAC9B,mDAAiC;AACjC,yCAAuB;AACvB,kDAAgC;AAChC,iDAA+B"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AACA,oDAAkC;AAClC,4CAA0B;AAC1B,4CAA0B;AAC1B,yCAAuB;AACvB,+CAA6B;AAC7B,sDAAoC;AACpC,0CAAwB;AACxB,kDAAgC;AAChC,4CAA0B;AAC1B,gDAA8B;AAC9B,2CAAyB;AACzB,8CAA4B;AAC5B,yCAAuB;AACvB,+CAA6B;AAC7B,6CAA2B;AAC3B,mDAAiC;AACjC,2CAAyB;AACzB,6CAA2B;AAC3B,kDAAgC;AAChC,iDAA+B;AAC/B,+CAA6B;AAC7B,4CAA0B;AAC1B,4CAA0B;AAC1B,kDAAgC;AAChC,kDAAgC;AAChC,gDAA8B;AAC9B,+CAA6B;AAC7B,sDAAoC;AACpC,6CAA2B;AAC3B,6CAA2B;AAC3B,mDAAiC;AACjC,+CAA6B;AAC7B,gDAA8B;AAC9B,gDAA8B;AAC9B,+CAA6B;AAC7B,gDAA8B;AAC9B,gDAA8B;AAC9B,mDAAiC;AACjC,yCAAuB;AACvB,kDAAgC;AAChC,iDAA+B"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@redhat-cloud-services/frontend-components",
3
- "version": "3.9.13",
3
+ "version": "3.9.15",
4
4
  "description": "Common components for RedHat Cloud Services project.",
5
5
  "main": "index.js",
6
6
  "module": "esm/index.js",
@@ -33,33 +33,33 @@
33
33
  },
34
34
  "homepage": "https://github.com/RedHatInsights/frontend-components/tree/master/packages/components#readme",
35
35
  "peerDependencies": {
36
- "@patternfly/react-table": ">=4.5.7",
37
- "@patternfly/react-core": ">=4.18.5",
38
- "@patternfly/react-icons": ">=4.53.16",
39
- "classnames": ">=2.2.5",
40
- "prop-types": ">=15.6.2",
41
- "react": ">=16.14.0 || >=17.0.0",
42
- "react-dom": ">=16.14.0 || >=17.0.0",
43
- "react-content-loader": ">=3.4.1",
44
- "react-redux": ">=5.0.7",
45
- "react-router-dom": ">=4.2.2",
46
- "lodash": ">=4.17.15"
36
+ "@patternfly/react-table": "^4.5.7",
37
+ "@patternfly/react-core": "^4.18.5",
38
+ "@patternfly/react-icons": "^4.53.16",
39
+ "classnames": "^2.2.5",
40
+ "prop-types": "^15.6.2",
41
+ "react": "^16.14.0 || ^17.0.0",
42
+ "react-dom": "^16.14.0 || ^17.0.0",
43
+ "react-content-loader": "^6.2.0",
44
+ "react-redux": "^7.0.0",
45
+ "react-router-dom": "^5.0.0",
46
+ "lodash": "^4.17.15"
47
47
  },
48
48
  "dependencies": {
49
- "@redhat-cloud-services/frontend-components-utilities": ">=3.0.0",
50
- "sanitize-html": "^2.3.2",
51
- "@scalprum/core": "^0.1.1",
52
- "@scalprum/react-core": "^0.1.7",
49
+ "@redhat-cloud-services/frontend-components-utilities": "^3.2.25",
50
+ "sanitize-html": "^2.7.2",
51
+ "@scalprum/core": "^0.2.3",
52
+ "@scalprum/react-core": "^0.2.4",
53
53
  "@redhat-cloud-services/types": "^0.0.10"
54
54
  },
55
55
  "devDependencies": {
56
- "@patternfly/patternfly": ">=4.102.2",
56
+ "@patternfly/patternfly": "^4.217.0",
57
57
  "node-sass-package-importer": "^5.3.2",
58
- "@types/react": "^16.9.34",
59
- "@cypress/react": "^5.12.4",
58
+ "@types/react": "^16.14.32",
59
+ "@cypress/react": "^5.12.5",
60
60
  "@cypress/webpack-dev-server": "^1.8.4",
61
61
  "css-loader": "^6.7.1",
62
- "cypress": "^9.6.0",
62
+ "cypress": "^9.7.0",
63
63
  "eslint-plugin-cypress": "^2.12.1",
64
64
  "sass-loader": "^12.6.0",
65
65
  "style-loader": "^3.3.1"
@@ -1,7 +1,11 @@
1
1
  "use strict";
2
2
  var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
3
  if (k2 === undefined) k2 = k;
4
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
5
9
  }) : (function(o, m, k, k2) {
6
10
  if (k2 === undefined) k2 = k;
7
11
  o[k2] = m[k];
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/useChrome/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA4B;AAC5B,yCAAsC;AAA7B,qHAAA,OAAO,OAAA;AAChB,yCAAmD;AAA1C,uHAAA,OAAO,OAAa"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/useChrome/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,8CAA4B;AAC5B,yCAAsC;AAA7B,qHAAA,OAAO,OAAA;AAChB,yCAAmD;AAA1C,uHAAA,OAAO,OAAa"}