@patternfly/react-styles 6.0.0-alpha.17 → 6.0.0-alpha.19

Sign up to get free protection for your applications and to get access to all the features.
Files changed (227) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/css/assets/images/pf_logo.svg +11 -11
  3. package/css/assets/images/pf_logo_white.svg +2 -2
  4. package/css/components/AboutModalBox/about-modal-box.css +1 -1
  5. package/css/components/Alert/alert-group.css +1 -1
  6. package/css/components/Alert/alert.css +5 -5
  7. package/css/components/AppLauncher/app-launcher.css +1 -1
  8. package/css/components/Backdrop/backdrop.css +1 -1
  9. package/css/components/Banner/banner.css +1 -1
  10. package/css/components/Breadcrumb/breadcrumb.css +2 -2
  11. package/css/components/Button/button.css +3 -3
  12. package/css/components/Card/card.css +6 -6
  13. package/css/components/Check/check.css +2 -2
  14. package/css/components/Content/content.css +1 -1
  15. package/css/components/ContextSelector/context-selector.css +1 -1
  16. package/css/components/DataList/data-list.css +17 -17
  17. package/css/components/DatePicker/date-picker.css +1 -1
  18. package/css/components/Divider/divider.css +57 -57
  19. package/css/components/Drawer/drawer.css +11 -10
  20. package/css/components/Drawer/drawer.d.ts +1 -0
  21. package/css/components/Drawer/drawer.js +1 -0
  22. package/css/components/Drawer/drawer.mjs +1 -0
  23. package/css/components/Dropdown/dropdown.css +2 -2
  24. package/css/components/DualListSelector/dual-list-selector.css +1 -1
  25. package/css/components/Form/form.css +1 -1
  26. package/css/components/FormControl/form-control.css +3 -3
  27. package/css/components/Hint/hint.css +1 -1
  28. package/css/components/JumpLinks/jump-links.css +3 -3
  29. package/css/components/Label/label.css +14 -0
  30. package/css/components/Label/label.d.ts +2 -1
  31. package/css/components/Label/label.js +2 -1
  32. package/css/components/Label/label.mjs +2 -1
  33. package/css/components/List/list.css +1 -1
  34. package/css/components/Masthead/masthead.css +70 -70
  35. package/css/components/Menu/menu.css +24 -24
  36. package/css/components/MenuToggle/menu-toggle.css +25 -1
  37. package/css/components/MenuToggle/menu-toggle.d.ts +4 -0
  38. package/css/components/MenuToggle/menu-toggle.js +4 -0
  39. package/css/components/MenuToggle/menu-toggle.mjs +4 -0
  40. package/css/components/ModalBox/modal-box.css +1 -1
  41. package/css/components/Nav/nav.css +4 -2
  42. package/css/components/Nav/nav.d.ts +1 -0
  43. package/css/components/Nav/nav.js +1 -0
  44. package/css/components/Nav/nav.mjs +1 -0
  45. package/css/components/NotificationDrawer/notification-drawer.css +2 -2
  46. package/css/components/OptionsMenu/options-menu.css +1 -1
  47. package/css/components/Page/page.css +50 -49
  48. package/css/components/Page/page.d.ts +1 -0
  49. package/css/components/Page/page.js +1 -0
  50. package/css/components/Page/page.mjs +1 -0
  51. package/css/components/Pagination/pagination.css +30 -30
  52. package/css/components/Panel/panel.css +1 -1
  53. package/css/components/Popover/popover.css +1 -1
  54. package/css/components/ProgressStepper/progress-stepper.css +2 -2
  55. package/css/components/ProgressStepper/progress-stepper.d.ts +2 -2
  56. package/css/components/ProgressStepper/progress-stepper.js +2 -2
  57. package/css/components/ProgressStepper/progress-stepper.mjs +2 -2
  58. package/css/components/Select/select.css +1 -1
  59. package/css/components/Sidebar/sidebar.css +86 -86
  60. package/css/components/Sidebar/sidebar.d.ts +1 -2
  61. package/css/components/Sidebar/sidebar.js +1 -2
  62. package/css/components/Sidebar/sidebar.mjs +1 -2
  63. package/css/components/SkipToContent/skip-to-content.css +1 -1
  64. package/css/components/Slider/slider.css +1 -1
  65. package/css/components/Table/table-scrollable.css +13 -16
  66. package/css/components/Table/table-tree-view.css +0 -2
  67. package/css/components/Table/table.css +129 -103
  68. package/css/components/Table/table.d.ts +3 -1
  69. package/css/components/Table/table.js +3 -1
  70. package/css/components/Table/table.mjs +3 -1
  71. package/css/components/Tabs/tabs.css +91 -91
  72. package/css/components/ToggleGroup/toggle-group.css +5 -5
  73. package/css/components/ToggleGroup/toggle-group.d.ts +1 -2
  74. package/css/components/ToggleGroup/toggle-group.js +1 -2
  75. package/css/components/ToggleGroup/toggle-group.mjs +1 -2
  76. package/css/components/Toolbar/toolbar.css +322 -306
  77. package/css/components/Toolbar/toolbar.d.ts +3 -0
  78. package/css/components/Toolbar/toolbar.js +3 -0
  79. package/css/components/Toolbar/toolbar.mjs +3 -0
  80. package/css/components/TreeView/tree-view.css +1 -1
  81. package/css/components/Wizard/wizard.css +4 -4
  82. package/css/docs/components/Nav/examples/Navigation.css +2 -2
  83. package/css/docs/components/OverflowMenu/examples/overflow-menu.css +4 -4
  84. package/css/docs/components/OverflowMenu/examples/overflow-menu.d.ts +2 -2
  85. package/css/docs/components/OverflowMenu/examples/overflow-menu.js +2 -2
  86. package/css/docs/components/OverflowMenu/examples/overflow-menu.mjs +2 -2
  87. package/css/docs/components/Page/deprecated/PageHeader.css +4 -4
  88. package/css/docs/components/Page/deprecated/PageHeader.d.ts +3 -3
  89. package/css/docs/components/Page/deprecated/PageHeader.js +3 -3
  90. package/css/docs/components/Page/deprecated/PageHeader.mjs +3 -3
  91. package/css/docs/components/Skeleton/examples/Skeleton.css +1 -1
  92. package/css/docs/components/Skeleton/examples/Skeleton.d.ts +1 -1
  93. package/css/docs/components/Skeleton/examples/Skeleton.js +1 -1
  94. package/css/docs/components/Skeleton/examples/Skeleton.mjs +1 -1
  95. package/css/docs/components/Table/examples/Table.css +6 -8
  96. package/css/docs/components/Table/examples/Table.d.ts +1 -1
  97. package/css/docs/components/Table/examples/Table.js +1 -1
  98. package/css/docs/components/Table/examples/Table.mjs +1 -1
  99. package/css/docs/components/TextInputGroup/examples/TextInputGroup.css +1 -1
  100. package/css/docs/components/Tile/examples/Tile.css +5 -5
  101. package/css/docs/components/Tile/examples/Tile.d.ts +1 -1
  102. package/css/docs/components/Tile/examples/Tile.js +1 -1
  103. package/css/docs/components/Tile/examples/Tile.mjs +1 -1
  104. package/css/docs/components/Toolbar/examples/Toolbar.css +40 -35
  105. package/css/docs/components/Toolbar/examples/Toolbar.d.ts +4 -3
  106. package/css/docs/components/Toolbar/examples/Toolbar.js +4 -3
  107. package/css/docs/components/Toolbar/examples/Toolbar.mjs +4 -3
  108. package/css/docs/components/Tooltip/examples/Tooltip.css +1 -1
  109. package/css/docs/components/Truncate/examples/Truncate.css +1 -1
  110. package/css/docs/components/Truncate/examples/Truncate.d.ts +1 -1
  111. package/css/docs/components/Truncate/examples/Truncate.js +1 -1
  112. package/css/docs/components/Truncate/examples/Truncate.mjs +1 -1
  113. package/css/docs/demos/Card/examples/Card.css +6 -6
  114. package/css/docs/demos/Card/examples/Card.d.ts +2 -2
  115. package/css/docs/demos/Card/examples/Card.js +2 -2
  116. package/css/docs/demos/Card/examples/Card.mjs +2 -2
  117. package/css/docs/demos/Toolbar/examples/Toolbar.css +3 -3
  118. package/css/docs/demos/Toolbar/examples/Toolbar.d.ts +3 -3
  119. package/css/docs/demos/Toolbar/examples/Toolbar.js +3 -3
  120. package/css/docs/demos/Toolbar/examples/Toolbar.mjs +3 -3
  121. package/css/docs/layouts/Bullseye/examples/Bullseye.css +4 -4
  122. package/css/docs/layouts/Bullseye/examples/Bullseye.d.ts +2 -2
  123. package/css/docs/layouts/Bullseye/examples/Bullseye.js +2 -2
  124. package/css/docs/layouts/Bullseye/examples/Bullseye.mjs +2 -2
  125. package/css/docs/layouts/Flex/examples/Flex.css +4 -4
  126. package/css/docs/layouts/Flex/examples/Flex.d.ts +2 -2
  127. package/css/docs/layouts/Flex/examples/Flex.js +2 -2
  128. package/css/docs/layouts/Flex/examples/Flex.mjs +2 -2
  129. package/css/docs/layouts/Gallery/examples/Gallery.css +4 -4
  130. package/css/docs/layouts/Gallery/examples/Gallery.d.ts +2 -2
  131. package/css/docs/layouts/Gallery/examples/Gallery.js +2 -2
  132. package/css/docs/layouts/Gallery/examples/Gallery.mjs +2 -2
  133. package/css/docs/layouts/Grid/examples/Grid.css +3 -3
  134. package/css/docs/layouts/Grid/examples/Grid.d.ts +1 -1
  135. package/css/docs/layouts/Grid/examples/Grid.js +1 -1
  136. package/css/docs/layouts/Grid/examples/Grid.mjs +1 -1
  137. package/css/docs/layouts/Level/examples/Level.css +5 -5
  138. package/css/docs/layouts/Level/examples/Level.d.ts +2 -2
  139. package/css/docs/layouts/Level/examples/Level.js +2 -2
  140. package/css/docs/layouts/Level/examples/Level.mjs +2 -2
  141. package/css/docs/layouts/Split/examples/Split.css +4 -4
  142. package/css/docs/layouts/Split/examples/Split.d.ts +2 -2
  143. package/css/docs/layouts/Split/examples/Split.js +2 -2
  144. package/css/docs/layouts/Split/examples/Split.mjs +2 -2
  145. package/css/docs/layouts/Stack/examples/Stack.css +5 -5
  146. package/css/docs/layouts/Stack/examples/Stack.d.ts +2 -2
  147. package/css/docs/layouts/Stack/examples/Stack.js +2 -2
  148. package/css/docs/layouts/Stack/examples/Stack.mjs +2 -2
  149. package/css/docs/utilities/Alignment/examples/Alignment.css +4 -4
  150. package/css/docs/utilities/Alignment/examples/Alignment.d.ts +4 -4
  151. package/css/docs/utilities/Alignment/examples/Alignment.js +4 -4
  152. package/css/docs/utilities/Alignment/examples/Alignment.mjs +4 -4
  153. package/css/docs/utilities/BoxShadow/examples/box-shadow.css +11 -11
  154. package/css/docs/utilities/Display/examples/Display.css +8 -8
  155. package/css/docs/utilities/Display/examples/Display.d.ts +8 -8
  156. package/css/docs/utilities/Display/examples/Display.js +8 -8
  157. package/css/docs/utilities/Display/examples/Display.mjs +8 -8
  158. package/css/docs/utilities/Flex/examples/Flex.css +5 -5
  159. package/css/docs/utilities/Flex/examples/Flex.d.ts +2 -2
  160. package/css/docs/utilities/Flex/examples/Flex.js +2 -2
  161. package/css/docs/utilities/Flex/examples/Flex.mjs +2 -2
  162. package/css/docs/utilities/Float/examples/Float.css +2 -2
  163. package/css/docs/utilities/Float/examples/Float.d.ts +2 -2
  164. package/css/docs/utilities/Float/examples/Float.js +2 -2
  165. package/css/docs/utilities/Float/examples/Float.mjs +2 -2
  166. package/css/docs/utilities/Sizing/examples/Sizing.css +4 -4
  167. package/css/docs/utilities/Sizing/examples/Sizing.d.ts +4 -4
  168. package/css/docs/utilities/Sizing/examples/Sizing.js +4 -4
  169. package/css/docs/utilities/Sizing/examples/Sizing.mjs +4 -4
  170. package/css/docs/utilities/Spacing/examples/Spacing.css +1 -1
  171. package/css/docs/utilities/Spacing/examples/Spacing.d.ts +1 -1
  172. package/css/docs/utilities/Spacing/examples/Spacing.js +1 -1
  173. package/css/docs/utilities/Spacing/examples/Spacing.mjs +1 -1
  174. package/css/layouts/Bullseye/bullseye.css +5 -1
  175. package/css/layouts/Flex/flex.css +207 -203
  176. package/css/layouts/Gallery/gallery.css +6 -2
  177. package/css/layouts/Grid/grid.css +6 -2
  178. package/css/layouts/Level/level.css +5 -1
  179. package/css/layouts/Split/split.css +5 -1
  180. package/css/layouts/Stack/stack.css +5 -1
  181. package/css/utilities/Alignment/alignment.css +24 -24
  182. package/css/utilities/Alignment/alignment.d.ts +12 -12
  183. package/css/utilities/Alignment/alignment.js +12 -12
  184. package/css/utilities/Alignment/alignment.mjs +12 -12
  185. package/css/utilities/BackgroundColor/BackgroundColor.css +36 -383
  186. package/css/utilities/BackgroundColor/BackgroundColor.d.ts +18 -97
  187. package/css/utilities/BackgroundColor/BackgroundColor.js +18 -97
  188. package/css/utilities/BackgroundColor/BackgroundColor.mjs +18 -97
  189. package/css/utilities/BoxShadow/box-shadow.css +15 -39
  190. package/css/utilities/BoxShadow/box-shadow.d.ts +1 -7
  191. package/css/utilities/BoxShadow/box-shadow.js +1 -7
  192. package/css/utilities/BoxShadow/box-shadow.mjs +1 -7
  193. package/css/utilities/Float/float.css +24 -24
  194. package/css/utilities/Float/float.d.ts +12 -12
  195. package/css/utilities/Float/float.js +12 -12
  196. package/css/utilities/Float/float.mjs +12 -12
  197. package/css/utilities/Sizing/sizing.css +28 -28
  198. package/css/utilities/Spacing/spacing.css +672 -672
  199. package/css/utilities/Text/text.css +393 -636
  200. package/css/utilities/Text/text.d.ts +169 -197
  201. package/css/utilities/Text/text.js +169 -197
  202. package/css/utilities/Text/text.mjs +169 -197
  203. package/package.json +3 -3
  204. package/css/docs/components/Breadcrumb/examples/Breadcrumb.css +0 -3
  205. package/css/docs/components/Breadcrumb/examples/Breadcrumb.d.ts +0 -3
  206. package/css/docs/components/Breadcrumb/examples/Breadcrumb.js +0 -4
  207. package/css/docs/components/Breadcrumb/examples/Breadcrumb.mjs +0 -2
  208. package/css/docs/components/Tabs/examples/Tabs.css +0 -10
  209. package/css/docs/components/Tabs/examples/Tabs.d.ts +0 -6
  210. package/css/docs/components/Tabs/examples/Tabs.js +0 -7
  211. package/css/docs/components/Tabs/examples/Tabs.mjs +0 -5
  212. package/css/docs/components/ToggleGroup/examples/toggle-group.css +0 -4
  213. package/css/docs/components/ToggleGroup/examples/toggle-group.d.ts +0 -5
  214. package/css/docs/components/ToggleGroup/examples/toggle-group.js +0 -6
  215. package/css/docs/components/ToggleGroup/examples/toggle-group.mjs +0 -4
  216. package/css/docs/utilities/Text/examples/Text.css +0 -0
  217. package/css/docs/utilities/Text/examples/Text.d.ts +0 -3
  218. package/css/docs/utilities/Text/examples/Text.js +0 -4
  219. package/css/docs/utilities/Text/examples/Text.mjs +0 -2
  220. package/css/utilities/BackgroundColor/themes/dark/BackgroundColor.css +0 -0
  221. package/css/utilities/BackgroundColor/themes/dark/BackgroundColor.d.ts +0 -3
  222. package/css/utilities/BackgroundColor/themes/dark/BackgroundColor.js +0 -4
  223. package/css/utilities/BackgroundColor/themes/dark/BackgroundColor.mjs +0 -2
  224. package/css/utilities/Text/themes/dark/text.css +0 -0
  225. package/css/utilities/Text/themes/dark/text.d.ts +0 -3
  226. package/css/utilities/Text/themes/dark/text.js +0 -4
  227. package/css/utilities/Text/themes/dark/text.mjs +0 -2
@@ -1,5 +1,5 @@
1
- .ws-core-l-bullseye .pf-v5-l-bullseye,
2
- .ws-core-l-bullseye .pf-v5-l-bullseye__item {
3
- padding: .5rem;
4
- border: 2px dashed #393f44;
1
+ .ws-core-l-bullseye .pf-v6-l-bullseye,
2
+ .ws-core-l-bullseye .pf-v6-l-bullseye__item {
3
+ padding: var(--pf-t--global--spacer--sm);
4
+ border: var(--pf-t--global--border--width--box--default) dashed var(--pf-t--global--border--color--default);
5
5
  }
@@ -1,7 +1,7 @@
1
1
  import './Bullseye.css';
2
2
  declare const _default: {
3
- "v5LBullseye": "pf-v5-l-bullseye",
4
- "v5LBullseyeItem": "pf-v5-l-bullseye__item",
3
+ "bullseye": "pf-v6-l-bullseye",
4
+ "bullseyeItem": "pf-v6-l-bullseye__item",
5
5
  "wsCoreLBullseye": "ws-core-l-bullseye"
6
6
  };
7
7
  export default _default;
@@ -2,7 +2,7 @@
2
2
  exports.__esModule = true;
3
3
  require('./Bullseye.css');
4
4
  exports.default = {
5
- "v5LBullseye": "pf-v5-l-bullseye",
6
- "v5LBullseyeItem": "pf-v5-l-bullseye__item",
5
+ "bullseye": "pf-v6-l-bullseye",
6
+ "bullseyeItem": "pf-v6-l-bullseye__item",
7
7
  "wsCoreLBullseye": "ws-core-l-bullseye"
8
8
  };
@@ -1,6 +1,6 @@
1
1
  import './Bullseye.css';
2
2
  export default {
3
- "v5LBullseye": "pf-v5-l-bullseye",
4
- "v5LBullseyeItem": "pf-v5-l-bullseye__item",
3
+ "bullseye": "pf-v6-l-bullseye",
4
+ "bullseyeItem": "pf-v6-l-bullseye__item",
5
5
  "wsCoreLBullseye": "ws-core-l-bullseye"
6
6
  };
@@ -1,6 +1,6 @@
1
1
  .ws-core-l-flex-border,
2
- .ws-core-l-flex .pf-v5-l-flex .pf-v5-l-flex,
3
- .ws-core-l-flex .pf-v5-l-flex__item {
4
- padding: .5rem !important;
5
- border: 2px dashed #393f44;
2
+ .ws-core-l-flex .pf-v6-l-flex .pf-v6-l-flex,
3
+ .ws-core-l-flex .pf-v6-l-flex__item {
4
+ padding: var(--pf-t--global--spacer--sm);
5
+ border: var(--pf-t--global--border--width--box--default) dashed var(--pf-t--global--border--color--default);
6
6
  }
@@ -1,7 +1,7 @@
1
1
  import './Flex.css';
2
2
  declare const _default: {
3
- "v5LFlex": "pf-v5-l-flex",
4
- "v5LFlexItem": "pf-v5-l-flex__item",
3
+ "flex": "pf-v6-l-flex",
4
+ "flexItem": "pf-v6-l-flex__item",
5
5
  "wsCoreLFlex": "ws-core-l-flex",
6
6
  "wsCoreLFlexBorder": "ws-core-l-flex-border"
7
7
  };
@@ -2,8 +2,8 @@
2
2
  exports.__esModule = true;
3
3
  require('./Flex.css');
4
4
  exports.default = {
5
- "v5LFlex": "pf-v5-l-flex",
6
- "v5LFlexItem": "pf-v5-l-flex__item",
5
+ "flex": "pf-v6-l-flex",
6
+ "flexItem": "pf-v6-l-flex__item",
7
7
  "wsCoreLFlex": "ws-core-l-flex",
8
8
  "wsCoreLFlexBorder": "ws-core-l-flex-border"
9
9
  };
@@ -1,7 +1,7 @@
1
1
  import './Flex.css';
2
2
  export default {
3
- "v5LFlex": "pf-v5-l-flex",
4
- "v5LFlexItem": "pf-v5-l-flex__item",
3
+ "flex": "pf-v6-l-flex",
4
+ "flexItem": "pf-v6-l-flex__item",
5
5
  "wsCoreLFlex": "ws-core-l-flex",
6
6
  "wsCoreLFlexBorder": "ws-core-l-flex-border"
7
7
  };
@@ -1,5 +1,5 @@
1
- .ws-core-l-gallery .pf-v5-l-gallery,
2
- .ws-core-l-gallery .pf-v5-l-gallery__item {
3
- padding: .5rem !important;
4
- border: 2px dashed #393f44;
1
+ .ws-core-l-gallery .pf-v6-l-gallery,
2
+ .ws-core-l-gallery .pf-v6-l-gallery__item {
3
+ padding: var(--pf-t--global--spacer--sm);
4
+ border: var(--pf-t--global--border--width--box--default) dashed var(--pf-t--global--border--color--default);
5
5
  }
@@ -1,7 +1,7 @@
1
1
  import './Gallery.css';
2
2
  declare const _default: {
3
- "v5LGallery": "pf-v5-l-gallery",
4
- "v5LGalleryItem": "pf-v5-l-gallery__item",
3
+ "gallery": "pf-v6-l-gallery",
4
+ "galleryItem": "pf-v6-l-gallery__item",
5
5
  "wsCoreLGallery": "ws-core-l-gallery"
6
6
  };
7
7
  export default _default;
@@ -2,7 +2,7 @@
2
2
  exports.__esModule = true;
3
3
  require('./Gallery.css');
4
4
  exports.default = {
5
- "v5LGallery": "pf-v5-l-gallery",
6
- "v5LGalleryItem": "pf-v5-l-gallery__item",
5
+ "gallery": "pf-v6-l-gallery",
6
+ "galleryItem": "pf-v6-l-gallery__item",
7
7
  "wsCoreLGallery": "ws-core-l-gallery"
8
8
  };
@@ -1,6 +1,6 @@
1
1
  import './Gallery.css';
2
2
  export default {
3
- "v5LGallery": "pf-v5-l-gallery",
4
- "v5LGalleryItem": "pf-v5-l-gallery__item",
3
+ "gallery": "pf-v6-l-gallery",
4
+ "galleryItem": "pf-v6-l-gallery__item",
5
5
  "wsCoreLGallery": "ws-core-l-gallery"
6
6
  };
@@ -1,4 +1,4 @@
1
- .ws-core-l-grid .pf-v5-l-grid__item {
2
- padding: .5rem !important;
3
- border: 2px dashed #393f44;
1
+ .ws-core-l-grid .pf-v6-l-grid__item {
2
+ padding: var(--pf-t--global--spacer--sm);
3
+ border: var(--pf-t--global--border--width--box--default) dashed var(--pf-t--global--border--color--default);
4
4
  }
@@ -1,6 +1,6 @@
1
1
  import './Grid.css';
2
2
  declare const _default: {
3
- "v5LGridItem": "pf-v5-l-grid__item",
3
+ "gridItem": "pf-v6-l-grid__item",
4
4
  "wsCoreLGrid": "ws-core-l-grid"
5
5
  };
6
6
  export default _default;
@@ -2,6 +2,6 @@
2
2
  exports.__esModule = true;
3
3
  require('./Grid.css');
4
4
  exports.default = {
5
- "v5LGridItem": "pf-v5-l-grid__item",
5
+ "gridItem": "pf-v6-l-grid__item",
6
6
  "wsCoreLGrid": "ws-core-l-grid"
7
7
  };
@@ -1,5 +1,5 @@
1
1
  import './Grid.css';
2
2
  export default {
3
- "v5LGridItem": "pf-v5-l-grid__item",
3
+ "gridItem": "pf-v6-l-grid__item",
4
4
  "wsCoreLGrid": "ws-core-l-grid"
5
5
  };
@@ -3,11 +3,11 @@
3
3
  flex-wrap: wrap;
4
4
  min-height: 160px;
5
5
  }
6
- .ws-core-l-level .pf-v5-l-level__item,
7
- .ws-core-l-level .pf-v5-l-level {
8
- padding: .5rem !important;
9
- border: 2px dashed #393f44;
6
+ .ws-core-l-level .pf-v6-l-level__item,
7
+ .ws-core-l-level .pf-v6-l-level {
8
+ padding: var(--pf-t--global--spacer--sm);
9
+ border: var(--pf-t--global--border--width--box--default) dashed var(--pf-t--global--border--color--default);
10
10
  }
11
- .ws-core-l-level .pf-v5-l-level {
11
+ .ws-core-l-level .pf-v6-l-level {
12
12
  width: 100%;
13
13
  }
@@ -1,7 +1,7 @@
1
1
  import './Level.css';
2
2
  declare const _default: {
3
- "v5LLevel": "pf-v5-l-level",
4
- "v5LLevelItem": "pf-v5-l-level__item",
3
+ "level": "pf-v6-l-level",
4
+ "levelItem": "pf-v6-l-level__item",
5
5
  "wsCoreLLevel": "ws-core-l-level",
6
6
  "wsPreviewHtml": "ws-preview-html"
7
7
  };
@@ -2,8 +2,8 @@
2
2
  exports.__esModule = true;
3
3
  require('./Level.css');
4
4
  exports.default = {
5
- "v5LLevel": "pf-v5-l-level",
6
- "v5LLevelItem": "pf-v5-l-level__item",
5
+ "level": "pf-v6-l-level",
6
+ "levelItem": "pf-v6-l-level__item",
7
7
  "wsCoreLLevel": "ws-core-l-level",
8
8
  "wsPreviewHtml": "ws-preview-html"
9
9
  };
@@ -1,7 +1,7 @@
1
1
  import './Level.css';
2
2
  export default {
3
- "v5LLevel": "pf-v5-l-level",
4
- "v5LLevelItem": "pf-v5-l-level__item",
3
+ "level": "pf-v6-l-level",
4
+ "levelItem": "pf-v6-l-level__item",
5
5
  "wsCoreLLevel": "ws-core-l-level",
6
6
  "wsPreviewHtml": "ws-preview-html"
7
7
  };
@@ -1,5 +1,5 @@
1
- .ws-core-l-split .pf-v5-l-split,
2
- .ws-core-l-split .pf-v5-l-split__item {
3
- padding: .5rem !important;
4
- border: 2px dashed #393f44;
1
+ .ws-core-l-split .pf-v6-l-split,
2
+ .ws-core-l-split .pf-v6-l-split__item {
3
+ padding: var(--pf-t--global--spacer--sm);
4
+ border: var(--pf-t--global--border--width--box--default) dashed var(--pf-t--global--border--color--default);
5
5
  }
@@ -1,7 +1,7 @@
1
1
  import './Split.css';
2
2
  declare const _default: {
3
- "v5LSplit": "pf-v5-l-split",
4
- "v5LSplitItem": "pf-v5-l-split__item",
3
+ "split": "pf-v6-l-split",
4
+ "splitItem": "pf-v6-l-split__item",
5
5
  "wsCoreLSplit": "ws-core-l-split"
6
6
  };
7
7
  export default _default;
@@ -2,7 +2,7 @@
2
2
  exports.__esModule = true;
3
3
  require('./Split.css');
4
4
  exports.default = {
5
- "v5LSplit": "pf-v5-l-split",
6
- "v5LSplitItem": "pf-v5-l-split__item",
5
+ "split": "pf-v6-l-split",
6
+ "splitItem": "pf-v6-l-split__item",
7
7
  "wsCoreLSplit": "ws-core-l-split"
8
8
  };
@@ -1,6 +1,6 @@
1
1
  import './Split.css';
2
2
  export default {
3
- "v5LSplit": "pf-v5-l-split",
4
- "v5LSplitItem": "pf-v5-l-split__item",
3
+ "split": "pf-v6-l-split",
4
+ "splitItem": "pf-v6-l-split__item",
5
5
  "wsCoreLSplit": "ws-core-l-split"
6
6
  };
@@ -1,7 +1,7 @@
1
- .ws-core-l-stack .pf-v5-l-stack,
2
- .ws-core-l-stack .pf-v5-l-stack__item {
3
- padding: .5rem !important;
4
- border: 2px dashed #393f44;
1
+ .ws-core-l-stack .pf-v6-l-stack,
2
+ .ws-core-l-stack .pf-v6-l-stack__item {
3
+ padding: var(--pf-t--global--spacer--sm);
4
+ border: var(--pf-t--global--border--width--box--default) dashed var(--pf-t--global--border--color--default);
5
5
  }
6
6
 
7
7
  .ws-core-l-stack .ws-preview-html {
@@ -11,6 +11,6 @@
11
11
  width: 100%;
12
12
  }
13
13
 
14
- .ws-core-l-stack .pf-v5-l-stack {
14
+ .ws-core-l-stack .pf-v6-l-stack {
15
15
  flex-grow: 1;
16
16
  }
@@ -1,7 +1,7 @@
1
1
  import './Stack.css';
2
2
  declare const _default: {
3
- "v5LStack": "pf-v5-l-stack",
4
- "v5LStackItem": "pf-v5-l-stack__item",
3
+ "stack": "pf-v6-l-stack",
4
+ "stackItem": "pf-v6-l-stack__item",
5
5
  "wsCoreLStack": "ws-core-l-stack",
6
6
  "wsPreviewHtml": "ws-preview-html"
7
7
  };
@@ -2,8 +2,8 @@
2
2
  exports.__esModule = true;
3
3
  require('./Stack.css');
4
4
  exports.default = {
5
- "v5LStack": "pf-v5-l-stack",
6
- "v5LStackItem": "pf-v5-l-stack__item",
5
+ "stack": "pf-v6-l-stack",
6
+ "stackItem": "pf-v6-l-stack__item",
7
7
  "wsCoreLStack": "ws-core-l-stack",
8
8
  "wsPreviewHtml": "ws-preview-html"
9
9
  };
@@ -1,7 +1,7 @@
1
1
  import './Stack.css';
2
2
  export default {
3
- "v5LStack": "pf-v5-l-stack",
4
- "v5LStackItem": "pf-v5-l-stack__item",
3
+ "stack": "pf-v6-l-stack",
4
+ "stackItem": "pf-v6-l-stack__item",
5
5
  "wsCoreLStack": "ws-core-l-stack",
6
6
  "wsPreviewHtml": "ws-preview-html"
7
7
  };
@@ -1,7 +1,7 @@
1
- .ws-core-u-alignment .pf-v5-u-text-align-left,
2
- .ws-core-u-alignment .pf-v5-u-text-align-center,
3
- .ws-core-u-alignment .pf-v5-u-text-align-right,
4
- .ws-core-u-alignment .pf-v5-u-text-align-justify {
1
+ .ws-core-u-alignment .pf-v6-u-text-align-start,
2
+ .ws-core-u-alignment .pf-v6-u-text-align-center,
3
+ .ws-core-u-alignment .pf-v6-u-text-align-end,
4
+ .ws-core-u-alignment .pf-v6-u-text-align-justify {
5
5
  padding: .5rem !important;
6
6
  border: 2px dashed #393f44;
7
7
  }
@@ -1,9 +1,9 @@
1
1
  import './Alignment.css';
2
2
  declare const _default: {
3
- "v5UTextAlignCenter": "pf-v5-u-text-align-center",
4
- "v5UTextAlignJustify": "pf-v5-u-text-align-justify",
5
- "v5UTextAlignLeft": "pf-v5-u-text-align-left",
6
- "v5UTextAlignRight": "pf-v5-u-text-align-right",
3
+ "textAlignCenter": "pf-v6-u-text-align-center",
4
+ "textAlignEnd": "pf-v6-u-text-align-end",
5
+ "textAlignJustify": "pf-v6-u-text-align-justify",
6
+ "textAlignStart": "pf-v6-u-text-align-start",
7
7
  "wsCoreUAlignment": "ws-core-u-alignment"
8
8
  };
9
9
  export default _default;
@@ -2,9 +2,9 @@
2
2
  exports.__esModule = true;
3
3
  require('./Alignment.css');
4
4
  exports.default = {
5
- "v5UTextAlignCenter": "pf-v5-u-text-align-center",
6
- "v5UTextAlignJustify": "pf-v5-u-text-align-justify",
7
- "v5UTextAlignLeft": "pf-v5-u-text-align-left",
8
- "v5UTextAlignRight": "pf-v5-u-text-align-right",
5
+ "textAlignCenter": "pf-v6-u-text-align-center",
6
+ "textAlignEnd": "pf-v6-u-text-align-end",
7
+ "textAlignJustify": "pf-v6-u-text-align-justify",
8
+ "textAlignStart": "pf-v6-u-text-align-start",
9
9
  "wsCoreUAlignment": "ws-core-u-alignment"
10
10
  };
@@ -1,8 +1,8 @@
1
1
  import './Alignment.css';
2
2
  export default {
3
- "v5UTextAlignCenter": "pf-v5-u-text-align-center",
4
- "v5UTextAlignJustify": "pf-v5-u-text-align-justify",
5
- "v5UTextAlignLeft": "pf-v5-u-text-align-left",
6
- "v5UTextAlignRight": "pf-v5-u-text-align-right",
3
+ "textAlignCenter": "pf-v6-u-text-align-center",
4
+ "textAlignEnd": "pf-v6-u-text-align-end",
5
+ "textAlignJustify": "pf-v6-u-text-align-justify",
6
+ "textAlignStart": "pf-v6-u-text-align-start",
7
7
  "wsCoreUAlignment": "ws-core-u-alignment"
8
8
  };
@@ -1,20 +1,20 @@
1
- .ws-core-u-box-shadow [class*="pf-v5-u-box-shadow"] {
2
- padding: var(--pf-v5-global--spacer--lg);
3
- margin-block-end: var(--pf-v5-global--spacer--md);
1
+ .ws-core-u-box-shadow [class*="pf-v6-u-box-shadow"] {
2
+ padding: var(--pf-v6-global--spacer--lg);
3
+ margin-block-end: var(--pf-v6-global--spacer--md);
4
4
  }
5
5
 
6
- #ws-core-u-box-shadow-small [class*="pf-v5-u-box-shadow"]:not(:last-child) {
7
- margin-block-end: var(--pf-v5-global--spacer--lg);
6
+ #ws-core-u-box-shadow-small [class*="pf-v6-u-box-shadow"]:not(:last-child) {
7
+ margin-block-end: var(--pf-v6-global--spacer--lg);
8
8
  }
9
9
 
10
- #ws-core-u-box-shadow-medium [class*="pf-v5-u-box-shadow"]:not(:last-child) {
11
- margin-block-end: var(--pf-v5-global--spacer--xl);
10
+ #ws-core-u-box-shadow-medium [class*="pf-v6-u-box-shadow"]:not(:last-child) {
11
+ margin-block-end: var(--pf-v6-global--spacer--xl);
12
12
  }
13
13
 
14
- #ws-core-u-box-shadow-large [class*="pf-v5-u-box-shadow"]:not(:last-child) {
15
- margin-block-end: var(--pf-v5-global--spacer--2xl);
14
+ #ws-core-u-box-shadow-large [class*="pf-v6-u-box-shadow"]:not(:last-child) {
15
+ margin-block-end: var(--pf-v6-global--spacer--2xl);
16
16
  }
17
17
 
18
- #ws-core-u-box-shadow-extra-large [class*="pf-v5-u-box-shadow"]:not(:last-child) {
19
- margin-block-end: var(--pf-v5-global--spacer--3xl);
18
+ #ws-core-u-box-shadow-extra-large [class*="pf-v6-u-box-shadow"]:not(:last-child) {
19
+ margin-block-end: var(--pf-v6-global--spacer--3xl);
20
20
  }
@@ -1,11 +1,11 @@
1
- .ws-core-u-display .pf-v5-u-display-inline-block,
2
- .ws-core-u-display .pf-v5-u-display-block,
3
- .ws-core-u-display .pf-v5-u-display-flex,
4
- .ws-core-u-display .pf-v5-u-display-inline-flex,
5
- .ws-core-u-display .pf-v5-u-display-grid,
6
- .ws-core-u-display .pf-v5-u-display-inline,
7
- .ws-core-u-display .pf-v5-u-display-table,
8
- .ws-core-u-display .pf-v5-u-display-table-cell {
1
+ .ws-core-u-display .pf-v6-u-display-inline-block,
2
+ .ws-core-u-display .pf-v6-u-display-block,
3
+ .ws-core-u-display .pf-v6-u-display-flex,
4
+ .ws-core-u-display .pf-v6-u-display-inline-flex,
5
+ .ws-core-u-display .pf-v6-u-display-grid,
6
+ .ws-core-u-display .pf-v6-u-display-inline,
7
+ .ws-core-u-display .pf-v6-u-display-table,
8
+ .ws-core-u-display .pf-v6-u-display-table-cell {
9
9
  padding: .5rem !important;
10
10
  border: 2px dashed #393f44;
11
11
  }
@@ -1,13 +1,13 @@
1
1
  import './Display.css';
2
2
  declare const _default: {
3
- "v5UDisplayBlock": "pf-v5-u-display-block",
4
- "v5UDisplayFlex": "pf-v5-u-display-flex",
5
- "v5UDisplayGrid": "pf-v5-u-display-grid",
6
- "v5UDisplayInline": "pf-v5-u-display-inline",
7
- "v5UDisplayInlineBlock": "pf-v5-u-display-inline-block",
8
- "v5UDisplayInlineFlex": "pf-v5-u-display-inline-flex",
9
- "v5UDisplayTable": "pf-v5-u-display-table",
10
- "v5UDisplayTableCell": "pf-v5-u-display-table-cell",
3
+ "displayBlock": "pf-v6-u-display-block",
4
+ "displayFlex": "pf-v6-u-display-flex",
5
+ "displayGrid": "pf-v6-u-display-grid",
6
+ "displayInline": "pf-v6-u-display-inline",
7
+ "displayInlineBlock": "pf-v6-u-display-inline-block",
8
+ "displayInlineFlex": "pf-v6-u-display-inline-flex",
9
+ "displayTable": "pf-v6-u-display-table",
10
+ "displayTableCell": "pf-v6-u-display-table-cell",
11
11
  "wsCoreUDisplay": "ws-core-u-display"
12
12
  };
13
13
  export default _default;
@@ -2,13 +2,13 @@
2
2
  exports.__esModule = true;
3
3
  require('./Display.css');
4
4
  exports.default = {
5
- "v5UDisplayBlock": "pf-v5-u-display-block",
6
- "v5UDisplayFlex": "pf-v5-u-display-flex",
7
- "v5UDisplayGrid": "pf-v5-u-display-grid",
8
- "v5UDisplayInline": "pf-v5-u-display-inline",
9
- "v5UDisplayInlineBlock": "pf-v5-u-display-inline-block",
10
- "v5UDisplayInlineFlex": "pf-v5-u-display-inline-flex",
11
- "v5UDisplayTable": "pf-v5-u-display-table",
12
- "v5UDisplayTableCell": "pf-v5-u-display-table-cell",
5
+ "displayBlock": "pf-v6-u-display-block",
6
+ "displayFlex": "pf-v6-u-display-flex",
7
+ "displayGrid": "pf-v6-u-display-grid",
8
+ "displayInline": "pf-v6-u-display-inline",
9
+ "displayInlineBlock": "pf-v6-u-display-inline-block",
10
+ "displayInlineFlex": "pf-v6-u-display-inline-flex",
11
+ "displayTable": "pf-v6-u-display-table",
12
+ "displayTableCell": "pf-v6-u-display-table-cell",
13
13
  "wsCoreUDisplay": "ws-core-u-display"
14
14
  };
@@ -1,12 +1,12 @@
1
1
  import './Display.css';
2
2
  export default {
3
- "v5UDisplayBlock": "pf-v5-u-display-block",
4
- "v5UDisplayFlex": "pf-v5-u-display-flex",
5
- "v5UDisplayGrid": "pf-v5-u-display-grid",
6
- "v5UDisplayInline": "pf-v5-u-display-inline",
7
- "v5UDisplayInlineBlock": "pf-v5-u-display-inline-block",
8
- "v5UDisplayInlineFlex": "pf-v5-u-display-inline-flex",
9
- "v5UDisplayTable": "pf-v5-u-display-table",
10
- "v5UDisplayTableCell": "pf-v5-u-display-table-cell",
3
+ "displayBlock": "pf-v6-u-display-block",
4
+ "displayFlex": "pf-v6-u-display-flex",
5
+ "displayGrid": "pf-v6-u-display-grid",
6
+ "displayInline": "pf-v6-u-display-inline",
7
+ "displayInlineBlock": "pf-v6-u-display-inline-block",
8
+ "displayInlineFlex": "pf-v6-u-display-inline-flex",
9
+ "displayTable": "pf-v6-u-display-table",
10
+ "displayTableCell": "pf-v6-u-display-table-cell",
11
11
  "wsCoreUDisplay": "ws-core-u-display"
12
12
  };
@@ -1,14 +1,14 @@
1
- .ws-core-u-flex .pf-v5-u-display-flex,
1
+ .ws-core-u-flex .pf-v6-u-display-flex,
2
2
  .ws-core-u-flex .ws-example-flex-item,
3
- .ws-core-u-flex .pf-v5-u-display-inline-flex {
3
+ .ws-core-u-flex .pf-v6-u-display-inline-flex {
4
4
  flex-wrap: wrap;
5
5
  padding: .5rem !important;
6
6
  border: 2px dashed #393f44;
7
7
  }
8
8
 
9
- #ws-core-u-flex-aligned-items .pf-v5-u-display-flex,
10
- #ws-core-u-flex-aligned-self .pf-v5-u-display-flex,
11
- #ws-core-u-flex-aligned-content .pf-v5-u-display-flex {
9
+ #ws-core-u-flex-aligned-items .pf-v6-u-display-flex,
10
+ #ws-core-u-flex-aligned-self .pf-v6-u-display-flex,
11
+ #ws-core-u-flex-aligned-content .pf-v6-u-display-flex {
12
12
  min-height: 160px;
13
13
  }
14
14
 
@@ -1,7 +1,7 @@
1
1
  import './Flex.css';
2
2
  declare const _default: {
3
- "v5UDisplayFlex": "pf-v5-u-display-flex",
4
- "v5UDisplayInlineFlex": "pf-v5-u-display-inline-flex",
3
+ "displayFlex": "pf-v6-u-display-flex",
4
+ "displayInlineFlex": "pf-v6-u-display-inline-flex",
5
5
  "wsCoreUFlex": "ws-core-u-flex",
6
6
  "wsExampleFlexItem": "ws-example-flex-item",
7
7
  "wsExampleUFlexLg": "ws-example-u-flex-lg",
@@ -2,8 +2,8 @@
2
2
  exports.__esModule = true;
3
3
  require('./Flex.css');
4
4
  exports.default = {
5
- "v5UDisplayFlex": "pf-v5-u-display-flex",
6
- "v5UDisplayInlineFlex": "pf-v5-u-display-inline-flex",
5
+ "displayFlex": "pf-v6-u-display-flex",
6
+ "displayInlineFlex": "pf-v6-u-display-inline-flex",
7
7
  "wsCoreUFlex": "ws-core-u-flex",
8
8
  "wsExampleFlexItem": "ws-example-flex-item",
9
9
  "wsExampleUFlexLg": "ws-example-u-flex-lg",
@@ -1,7 +1,7 @@
1
1
  import './Flex.css';
2
2
  export default {
3
- "v5UDisplayFlex": "pf-v5-u-display-flex",
4
- "v5UDisplayInlineFlex": "pf-v5-u-display-inline-flex",
3
+ "displayFlex": "pf-v6-u-display-flex",
4
+ "displayInlineFlex": "pf-v6-u-display-inline-flex",
5
5
  "wsCoreUFlex": "ws-core-u-flex",
6
6
  "wsExampleFlexItem": "ws-example-flex-item",
7
7
  "wsExampleUFlexLg": "ws-example-u-flex-lg",
@@ -1,5 +1,5 @@
1
- .ws-core-u-float .pf-v5-u-float-left,
2
- .ws-core-u-float .pf-v5-u-float-right {
1
+ .ws-core-u-float .pf-v6-u-float-inline-start,
2
+ .ws-core-u-float .pf-v6-u-float-inline-end {
3
3
  padding: .5rem !important;
4
4
  border: 2px dashed #393f44;
5
5
  }
@@ -1,7 +1,7 @@
1
1
  import './Float.css';
2
2
  declare const _default: {
3
- "v5UFloatLeft": "pf-v5-u-float-left",
4
- "v5UFloatRight": "pf-v5-u-float-right",
3
+ "floatInlineEnd": "pf-v6-u-float-inline-end",
4
+ "floatInlineStart": "pf-v6-u-float-inline-start",
5
5
  "wsCoreUFloat": "ws-core-u-float"
6
6
  };
7
7
  export default _default;
@@ -2,7 +2,7 @@
2
2
  exports.__esModule = true;
3
3
  require('./Float.css');
4
4
  exports.default = {
5
- "v5UFloatLeft": "pf-v5-u-float-left",
6
- "v5UFloatRight": "pf-v5-u-float-right",
5
+ "floatInlineEnd": "pf-v6-u-float-inline-end",
6
+ "floatInlineStart": "pf-v6-u-float-inline-start",
7
7
  "wsCoreUFloat": "ws-core-u-float"
8
8
  };
@@ -1,6 +1,6 @@
1
1
  import './Float.css';
2
2
  export default {
3
- "v5UFloatLeft": "pf-v5-u-float-left",
4
- "v5UFloatRight": "pf-v5-u-float-right",
3
+ "floatInlineEnd": "pf-v6-u-float-inline-end",
4
+ "floatInlineStart": "pf-v6-u-float-inline-start",
5
5
  "wsCoreUFloat": "ws-core-u-float"
6
6
  };
@@ -1,7 +1,7 @@
1
- .pf-v5-u-min-width,
2
- .pf-v5-u-max-width,
3
- .pf-v5-u-min-height,
4
- .pf-v5-u-max-height,
1
+ .pf-v6-u-min-width,
2
+ .pf-v6-u-max-width,
3
+ .pf-v6-u-min-height,
4
+ .pf-v6-u-max-height,
5
5
  .ws-example-u-sizing-item {
6
6
  padding: .5rem !important;
7
7
  border: 2px dashed #393f44;