@patternfly/react-styles 6.0.0-alpha.16 → 6.0.0-alpha.18

Sign up to get free protection for your applications and to get access to all the features.
Files changed (135) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/css/components/Check/check.css +2 -2
  3. package/css/components/Divider/divider.css +42 -42
  4. package/css/components/Drawer/drawer.css +5 -4
  5. package/css/components/Drawer/drawer.d.ts +1 -0
  6. package/css/components/Drawer/drawer.js +1 -0
  7. package/css/components/Drawer/drawer.mjs +1 -0
  8. package/css/components/FormControl/form-control.css +2 -1
  9. package/css/components/Label/label.css +14 -0
  10. package/css/components/Label/label.d.ts +2 -1
  11. package/css/components/Label/label.js +2 -1
  12. package/css/components/Label/label.mjs +2 -1
  13. package/css/components/Masthead/masthead.css +70 -70
  14. package/css/components/MenuToggle/menu-toggle.css +24 -0
  15. package/css/components/MenuToggle/menu-toggle.d.ts +4 -0
  16. package/css/components/MenuToggle/menu-toggle.js +4 -0
  17. package/css/components/MenuToggle/menu-toggle.mjs +4 -0
  18. package/css/components/Nav/nav.css +3 -1
  19. package/css/components/Nav/nav.d.ts +1 -0
  20. package/css/components/Nav/nav.js +1 -0
  21. package/css/components/Nav/nav.mjs +1 -0
  22. package/css/components/Page/page.css +24 -23
  23. package/css/components/Page/page.d.ts +1 -0
  24. package/css/components/Page/page.js +1 -0
  25. package/css/components/Page/page.mjs +1 -0
  26. package/css/components/Pagination/pagination.css +30 -30
  27. package/css/components/Table/table-scrollable.css +12 -15
  28. package/css/components/Table/table-tree-view.css +0 -2
  29. package/css/components/Table/table.css +112 -86
  30. package/css/components/Table/table.d.ts +3 -1
  31. package/css/components/Table/table.js +3 -1
  32. package/css/components/Table/table.mjs +3 -1
  33. package/css/components/Tabs/tabs.css +90 -90
  34. package/css/components/TextInputGroup/text-input-group.css +42 -42
  35. package/css/components/Toolbar/toolbar.css +288 -288
  36. package/css/docs/components/Nav/examples/Navigation.css +2 -2
  37. package/css/docs/components/Table/examples/Table.css +6 -8
  38. package/css/docs/components/Table/examples/Table.d.ts +1 -1
  39. package/css/docs/components/Table/examples/Table.js +1 -1
  40. package/css/docs/components/Table/examples/Table.mjs +1 -1
  41. package/css/docs/components/TextInputGroup/examples/TextInputGroup.css +4 -3
  42. package/css/docs/components/TextInputGroup/examples/TextInputGroup.d.ts +2 -2
  43. package/css/docs/components/TextInputGroup/examples/TextInputGroup.js +2 -2
  44. package/css/docs/components/TextInputGroup/examples/TextInputGroup.mjs +2 -2
  45. package/css/docs/layouts/Bullseye/examples/Bullseye.css +4 -4
  46. package/css/docs/layouts/Bullseye/examples/Bullseye.d.ts +2 -2
  47. package/css/docs/layouts/Bullseye/examples/Bullseye.js +2 -2
  48. package/css/docs/layouts/Bullseye/examples/Bullseye.mjs +2 -2
  49. package/css/docs/layouts/Flex/examples/Flex.css +4 -4
  50. package/css/docs/layouts/Flex/examples/Flex.d.ts +2 -2
  51. package/css/docs/layouts/Flex/examples/Flex.js +2 -2
  52. package/css/docs/layouts/Flex/examples/Flex.mjs +2 -2
  53. package/css/docs/layouts/Gallery/examples/Gallery.css +4 -4
  54. package/css/docs/layouts/Gallery/examples/Gallery.d.ts +2 -2
  55. package/css/docs/layouts/Gallery/examples/Gallery.js +2 -2
  56. package/css/docs/layouts/Gallery/examples/Gallery.mjs +2 -2
  57. package/css/docs/layouts/Grid/examples/Grid.css +3 -3
  58. package/css/docs/layouts/Grid/examples/Grid.d.ts +1 -1
  59. package/css/docs/layouts/Grid/examples/Grid.js +1 -1
  60. package/css/docs/layouts/Grid/examples/Grid.mjs +1 -1
  61. package/css/docs/layouts/Level/examples/Level.css +5 -5
  62. package/css/docs/layouts/Level/examples/Level.d.ts +2 -2
  63. package/css/docs/layouts/Level/examples/Level.js +2 -2
  64. package/css/docs/layouts/Level/examples/Level.mjs +2 -2
  65. package/css/docs/layouts/Split/examples/Split.css +4 -4
  66. package/css/docs/layouts/Split/examples/Split.d.ts +2 -2
  67. package/css/docs/layouts/Split/examples/Split.js +2 -2
  68. package/css/docs/layouts/Split/examples/Split.mjs +2 -2
  69. package/css/docs/layouts/Stack/examples/Stack.css +5 -5
  70. package/css/docs/layouts/Stack/examples/Stack.d.ts +2 -2
  71. package/css/docs/layouts/Stack/examples/Stack.js +2 -2
  72. package/css/docs/layouts/Stack/examples/Stack.mjs +2 -2
  73. package/css/docs/utilities/Alignment/examples/Alignment.css +4 -4
  74. package/css/docs/utilities/Alignment/examples/Alignment.d.ts +4 -4
  75. package/css/docs/utilities/Alignment/examples/Alignment.js +4 -4
  76. package/css/docs/utilities/Alignment/examples/Alignment.mjs +4 -4
  77. package/css/docs/utilities/BoxShadow/examples/box-shadow.css +11 -11
  78. package/css/docs/utilities/Display/examples/Display.css +8 -8
  79. package/css/docs/utilities/Display/examples/Display.d.ts +8 -8
  80. package/css/docs/utilities/Display/examples/Display.js +8 -8
  81. package/css/docs/utilities/Display/examples/Display.mjs +8 -8
  82. package/css/docs/utilities/Flex/examples/Flex.css +5 -5
  83. package/css/docs/utilities/Flex/examples/Flex.d.ts +2 -2
  84. package/css/docs/utilities/Flex/examples/Flex.js +2 -2
  85. package/css/docs/utilities/Flex/examples/Flex.mjs +2 -2
  86. package/css/docs/utilities/Float/examples/Float.css +2 -2
  87. package/css/docs/utilities/Float/examples/Float.d.ts +2 -2
  88. package/css/docs/utilities/Float/examples/Float.js +2 -2
  89. package/css/docs/utilities/Float/examples/Float.mjs +2 -2
  90. package/css/docs/utilities/Sizing/examples/Sizing.css +4 -4
  91. package/css/docs/utilities/Sizing/examples/Sizing.d.ts +4 -4
  92. package/css/docs/utilities/Sizing/examples/Sizing.js +4 -4
  93. package/css/docs/utilities/Sizing/examples/Sizing.mjs +4 -4
  94. package/css/docs/utilities/Spacing/examples/Spacing.css +1 -1
  95. package/css/docs/utilities/Spacing/examples/Spacing.d.ts +1 -1
  96. package/css/docs/utilities/Spacing/examples/Spacing.js +1 -1
  97. package/css/docs/utilities/Spacing/examples/Spacing.mjs +1 -1
  98. package/css/layouts/Bullseye/bullseye.css +5 -1
  99. package/css/layouts/Flex/flex.css +207 -203
  100. package/css/layouts/Gallery/gallery.css +6 -2
  101. package/css/layouts/Grid/grid.css +6 -2
  102. package/css/layouts/Level/level.css +5 -1
  103. package/css/layouts/Split/split.css +5 -1
  104. package/css/layouts/Stack/stack.css +5 -1
  105. package/css/utilities/Alignment/alignment.css +24 -24
  106. package/css/utilities/Alignment/alignment.d.ts +12 -12
  107. package/css/utilities/Alignment/alignment.js +12 -12
  108. package/css/utilities/Alignment/alignment.mjs +12 -12
  109. package/css/utilities/BackgroundColor/BackgroundColor.css +0 -100
  110. package/css/utilities/BackgroundColor/BackgroundColor.d.ts +1 -2
  111. package/css/utilities/BackgroundColor/BackgroundColor.js +1 -2
  112. package/css/utilities/BackgroundColor/BackgroundColor.mjs +1 -2
  113. package/css/utilities/BoxShadow/box-shadow.css +15 -39
  114. package/css/utilities/BoxShadow/box-shadow.d.ts +1 -7
  115. package/css/utilities/BoxShadow/box-shadow.js +1 -7
  116. package/css/utilities/BoxShadow/box-shadow.mjs +1 -7
  117. package/css/utilities/Float/float.css +24 -24
  118. package/css/utilities/Float/float.d.ts +12 -12
  119. package/css/utilities/Float/float.js +12 -12
  120. package/css/utilities/Float/float.mjs +12 -12
  121. package/css/utilities/Sizing/sizing.css +28 -28
  122. package/css/utilities/Spacing/spacing.css +672 -672
  123. package/css/utilities/Text/text.css +0 -155
  124. package/css/utilities/Text/text.d.ts +0 -1
  125. package/css/utilities/Text/text.js +0 -1
  126. package/css/utilities/Text/text.mjs +0 -1
  127. package/package.json +3 -3
  128. package/css/utilities/BackgroundColor/themes/dark/BackgroundColor.css +0 -0
  129. package/css/utilities/BackgroundColor/themes/dark/BackgroundColor.d.ts +0 -3
  130. package/css/utilities/BackgroundColor/themes/dark/BackgroundColor.js +0 -4
  131. package/css/utilities/BackgroundColor/themes/dark/BackgroundColor.mjs +0 -2
  132. package/css/utilities/Text/themes/dark/text.css +0 -0
  133. package/css/utilities/Text/themes/dark/text.d.ts +0 -3
  134. package/css/utilities/Text/themes/dark/text.js +0 -4
  135. package/css/utilities/Text/themes/dark/text.mjs +0 -2
package/css/utilities/Text/text.css CHANGED
@@ -923,159 +923,4 @@
923
923
  overflow: hidden !important;
924
924
  text-overflow: ellipsis !important;
925
925
  white-space: nowrap !important;
926
- }
927
-
928
- :where(.pf-v6-theme-dark) .pf-v6-u-color-300 {
929
- color: var(--pf-v6-global--Color--100) !important;
930
- }
931
- :where(.pf-v6-theme-dark) .pf-v6-u-color-light-100 {
932
- color: var(--pf-v6-global--Color-100) !important;
933
- }
934
- :where(.pf-v6-theme-dark) .pf-v6-u-color-light-200 {
935
- color: var(--pf-v6-global--Color-200) !important;
936
- }
937
- :where(.pf-v6-theme-dark) .pf-v6-u-custom-color-300 {
938
- color: var(--pf-v6-global--custom-color--100) !important;
939
- }
940
- :where(.pf-v6-theme-dark) .pf-v6-u-success-color-200 {
941
- color: var(--pf-v6-global--success-color--100) !important;
942
- }
943
- :where(.pf-v6-theme-dark) .pf-v6-u-info-color-200 {
944
- color: var(--pf-v6-global--info-color--100) !important;
945
- }
946
- :where(.pf-v6-theme-dark) .pf-v6-u-danger-color-300 {
947
- color: var(--pf-v6-global--danger-color--100) !important;
948
- }
949
- :where(.pf-v6-theme-dark) .pf-v6-u-icon-color-dark {
950
- color: var(--pf-v6-global--icon--Color--dark) !important;
951
- }
952
- @media screen and (min-width: 576px) {
953
- :where(.pf-v6-theme-dark) .pf-v6-u-color-300-on-sm {
954
- color: var(--pf-v6-global--Color--100) !important;
955
- }
956
- :where(.pf-v6-theme-dark) .pf-v6-u-color-light-100-on-sm {
957
- color: var(--pf-v6-global--Color-100) !important;
958
- }
959
- :where(.pf-v6-theme-dark) .pf-v6-u-color-light-200-on-sm {
960
- color: var(--pf-v6-global--Color-200) !important;
961
- }
962
- :where(.pf-v6-theme-dark) .pf-v6-u-custom-color-300-on-sm {
963
- color: var(--pf-v6-global--custom-color--100) !important;
964
- }
965
- :where(.pf-v6-theme-dark) .pf-v6-u-success-color-200-on-sm {
966
- color: var(--pf-v6-global--success-color--100) !important;
967
- }
968
- :where(.pf-v6-theme-dark) .pf-v6-u-info-color-200-on-sm {
969
- color: var(--pf-v6-global--info-color--100) !important;
970
- }
971
- :where(.pf-v6-theme-dark) .pf-v6-u-danger-color-300-on-sm {
972
- color: var(--pf-v6-global--danger-color--100) !important;
973
- }
974
- :where(.pf-v6-theme-dark) .pf-v6-u-icon-color-dark-on-sm {
975
- color: var(--pf-v6-global--icon--Color--dark) !important;
976
- }
977
- }
978
- @media screen and (min-width: 768px) {
979
- :where(.pf-v6-theme-dark) .pf-v6-u-color-300-on-md {
980
- color: var(--pf-v6-global--Color--100) !important;
981
- }
982
- :where(.pf-v6-theme-dark) .pf-v6-u-color-light-100-on-md {
983
- color: var(--pf-v6-global--Color-100) !important;
984
- }
985
- :where(.pf-v6-theme-dark) .pf-v6-u-color-light-200-on-md {
986
- color: var(--pf-v6-global--Color-200) !important;
987
- }
988
- :where(.pf-v6-theme-dark) .pf-v6-u-custom-color-300-on-md {
989
- color: var(--pf-v6-global--custom-color--100) !important;
990
- }
991
- :where(.pf-v6-theme-dark) .pf-v6-u-success-color-200-on-md {
992
- color: var(--pf-v6-global--success-color--100) !important;
993
- }
994
- :where(.pf-v6-theme-dark) .pf-v6-u-info-color-200-on-md {
995
- color: var(--pf-v6-global--info-color--100) !important;
996
- }
997
- :where(.pf-v6-theme-dark) .pf-v6-u-danger-color-300-on-md {
998
- color: var(--pf-v6-global--danger-color--100) !important;
999
- }
1000
- :where(.pf-v6-theme-dark) .pf-v6-u-icon-color-dark-on-md {
1001
- color: var(--pf-v6-global--icon--Color--dark) !important;
1002
- }
1003
- }
1004
- @media screen and (min-width: 992px) {
1005
- :where(.pf-v6-theme-dark) .pf-v6-u-color-300-on-lg {
1006
- color: var(--pf-v6-global--Color--100) !important;
1007
- }
1008
- :where(.pf-v6-theme-dark) .pf-v6-u-color-light-100-on-lg {
1009
- color: var(--pf-v6-global--Color-100) !important;
1010
- }
1011
- :where(.pf-v6-theme-dark) .pf-v6-u-color-light-200-on-lg {
1012
- color: var(--pf-v6-global--Color-200) !important;
1013
- }
1014
- :where(.pf-v6-theme-dark) .pf-v6-u-custom-color-300-on-lg {
1015
- color: var(--pf-v6-global--custom-color--100) !important;
1016
- }
1017
- :where(.pf-v6-theme-dark) .pf-v6-u-success-color-200-on-lg {
1018
- color: var(--pf-v6-global--success-color--100) !important;
1019
- }
1020
- :where(.pf-v6-theme-dark) .pf-v6-u-info-color-200-on-lg {
1021
- color: var(--pf-v6-global--info-color--100) !important;
1022
- }
1023
- :where(.pf-v6-theme-dark) .pf-v6-u-danger-color-300-on-lg {
1024
- color: var(--pf-v6-global--danger-color--100) !important;
1025
- }
1026
- :where(.pf-v6-theme-dark) .pf-v6-u-icon-color-dark-on-lg {
1027
- color: var(--pf-v6-global--icon--Color--dark) !important;
1028
- }
1029
- }
1030
- @media screen and (min-width: 1200px) {
1031
- :where(.pf-v6-theme-dark) .pf-v6-u-color-300-on-xl {
1032
- color: var(--pf-v6-global--Color--100) !important;
1033
- }
1034
- :where(.pf-v6-theme-dark) .pf-v6-u-color-light-100-on-xl {
1035
- color: var(--pf-v6-global--Color-100) !important;
1036
- }
1037
- :where(.pf-v6-theme-dark) .pf-v6-u-color-light-200-on-xl {
1038
- color: var(--pf-v6-global--Color-200) !important;
1039
- }
1040
- :where(.pf-v6-theme-dark) .pf-v6-u-custom-color-300-on-xl {
1041
- color: var(--pf-v6-global--custom-color--100) !important;
1042
- }
1043
- :where(.pf-v6-theme-dark) .pf-v6-u-success-color-200-on-xl {
1044
- color: var(--pf-v6-global--success-color--100) !important;
1045
- }
1046
- :where(.pf-v6-theme-dark) .pf-v6-u-info-color-200-on-xl {
1047
- color: var(--pf-v6-global--info-color--100) !important;
1048
- }
1049
- :where(.pf-v6-theme-dark) .pf-v6-u-danger-color-300-on-xl {
1050
- color: var(--pf-v6-global--danger-color--100) !important;
1051
- }
1052
- :where(.pf-v6-theme-dark) .pf-v6-u-icon-color-dark-on-xl {
1053
- color: var(--pf-v6-global--icon--Color--dark) !important;
1054
- }
1055
- }
1056
- @media screen and (min-width: 1450px) {
1057
- :where(.pf-v6-theme-dark) .pf-v6-u-color-300-on-2xl {
1058
- color: var(--pf-v6-global--Color--100) !important;
1059
- }
1060
- :where(.pf-v6-theme-dark) .pf-v6-u-color-light-100-on-2xl {
1061
- color: var(--pf-v6-global--Color-100) !important;
1062
- }
1063
- :where(.pf-v6-theme-dark) .pf-v6-u-color-light-200-on-2xl {
1064
- color: var(--pf-v6-global--Color-200) !important;
1065
- }
1066
- :where(.pf-v6-theme-dark) .pf-v6-u-custom-color-300-on-2xl {
1067
- color: var(--pf-v6-global--custom-color--100) !important;
1068
- }
1069
- :where(.pf-v6-theme-dark) .pf-v6-u-success-color-200-on-2xl {
1070
- color: var(--pf-v6-global--success-color--100) !important;
1071
- }
1072
- :where(.pf-v6-theme-dark) .pf-v6-u-info-color-200-on-2xl {
1073
- color: var(--pf-v6-global--info-color--100) !important;
1074
- }
1075
- :where(.pf-v6-theme-dark) .pf-v6-u-danger-color-300-on-2xl {
1076
- color: var(--pf-v6-global--danger-color--100) !important;
1077
- }
1078
- :where(.pf-v6-theme-dark) .pf-v6-u-icon-color-dark-on-2xl {
1079
- color: var(--pf-v6-global--icon--Color--dark) !important;
1080
- }
1081
926
  }
package/css/utilities/Text/text.d.ts CHANGED
@@ -265,7 +265,6 @@ declare const _default: {
265
265
  "textWrapOnSm": "pf-v6-u-text-wrap-on-sm",
266
266
  "textWrapOnXl": "pf-v6-u-text-wrap-on-xl",
267
267
  "textWrapOn_2xl": "pf-v6-u-text-wrap-on-2xl",
268
- "themeDark": "pf-v6-theme-dark",
269
268
  "warningColor_100": "pf-v6-u-warning-color-100",
270
269
  "warningColor_100OnLg": "pf-v6-u-warning-color-100-on-lg",
271
270
  "warningColor_100OnMd": "pf-v6-u-warning-color-100-on-md",
package/css/utilities/Text/text.js CHANGED
@@ -267,7 +267,6 @@ exports.default = {
267
267
  "textWrapOnSm": "pf-v6-u-text-wrap-on-sm",
268
268
  "textWrapOnXl": "pf-v6-u-text-wrap-on-xl",
269
269
  "textWrapOn_2xl": "pf-v6-u-text-wrap-on-2xl",
270
- "themeDark": "pf-v6-theme-dark",
271
270
  "warningColor_100": "pf-v6-u-warning-color-100",
272
271
  "warningColor_100OnLg": "pf-v6-u-warning-color-100-on-lg",
273
272
  "warningColor_100OnMd": "pf-v6-u-warning-color-100-on-md",
package/css/utilities/Text/text.mjs CHANGED
@@ -265,7 +265,6 @@ export default {
265
265
  "textWrapOnSm": "pf-v6-u-text-wrap-on-sm",
266
266
  "textWrapOnXl": "pf-v6-u-text-wrap-on-xl",
267
267
  "textWrapOn_2xl": "pf-v6-u-text-wrap-on-2xl",
268
- "themeDark": "pf-v6-theme-dark",
269
268
  "warningColor_100": "pf-v6-u-warning-color-100",
270
269
  "warningColor_100OnLg": "pf-v6-u-warning-color-100-on-lg",
271
270
  "warningColor_100OnMd": "pf-v6-u-warning-color-100-on-md",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-styles",
3
- "version": "6.0.0-alpha.16",
3
+ "version": "6.0.0-alpha.18",
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": "6.0.0-alpha.99",
22
+ "@patternfly/patternfly": "6.0.0-alpha.107",
23
23
  "camel-case": "^3.0.0",
24
24
  "css": "^2.2.3",
25
25
  "fs-extra": "^11.1.1",
@@ -29,5 +29,5 @@
29
29
  "typescript": "^4.7.4"
30
30
  },
31
31
  "license": "MIT",
32
- "gitHead": "9b2ae9f766c98ac901ad1344780bf0a560a3f848"
32
+ "gitHead": "06e47ba0353efc5733516c2a658928da3439097d"
33
33
  }
package/css/utilities/BackgroundColor/themes/dark/BackgroundColor.d.ts DELETED
@@ -1,3 +0,0 @@
1
- import './BackgroundColor.css';
2
- declare const _default: {};
3
- export default _default;
package/css/utilities/BackgroundColor/themes/dark/BackgroundColor.js DELETED
@@ -1,4 +0,0 @@
1
- "use strict";
2
- exports.__esModule = true;
3
- require('./BackgroundColor.css');
4
- exports.default = {};
package/css/utilities/BackgroundColor/themes/dark/BackgroundColor.mjs DELETED
@@ -1,2 +0,0 @@
1
- import './BackgroundColor.css';
2
- export default {};
package/css/utilities/Text/themes/dark/text.css DELETED
File without changes
package/css/utilities/Text/themes/dark/text.d.ts DELETED
@@ -1,3 +0,0 @@
1
- import './text.css';
2
- declare const _default: {};
3
- export default _default;
package/css/utilities/Text/themes/dark/text.js DELETED
@@ -1,4 +0,0 @@
1
- "use strict";
2
- exports.__esModule = true;
3
- require('./text.css');
4
- exports.default = {};
package/css/utilities/Text/themes/dark/text.mjs DELETED
@@ -1,2 +0,0 @@
1
- import './text.css';
2
- export default {};