@patternfly/react-styles 6.0.0-alpha.5 → 6.0.0-alpha.7

Sign up to get free protection for your applications and to get access to all the features.
Files changed (69) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/css/assets/images/pf-background.svg +22 -0
  3. package/css/components/AboutModalBox/about-modal-box.css +4 -2
  4. package/css/components/BackgroundImage/background-image.css +5 -1
  5. package/css/components/Button/button.css +381 -350
  6. package/css/components/Button/button.d.ts +9 -7
  7. package/css/components/Button/button.js +9 -7
  8. package/css/components/Button/button.mjs +9 -7
  9. package/css/components/Check/check.css +17 -16
  10. package/css/components/DataList/data-list.css +101 -158
  11. package/css/components/DataList/data-list.d.ts +1 -2
  12. package/css/components/DataList/data-list.js +1 -2
  13. package/css/components/DataList/data-list.mjs +1 -2
  14. package/css/components/Divider/divider.css +97 -177
  15. package/css/components/Divider/divider.d.ts +1 -0
  16. package/css/components/Divider/divider.js +1 -0
  17. package/css/components/Divider/divider.mjs +1 -0
  18. package/css/components/Form/form.css +62 -114
  19. package/css/components/Form/form.d.ts +2 -6
  20. package/css/components/Form/form.js +2 -6
  21. package/css/components/Form/form.mjs +2 -6
  22. package/css/components/FormControl/form-control.css +86 -111
  23. package/css/components/FormControl/form-control.d.ts +1 -2
  24. package/css/components/FormControl/form-control.js +1 -2
  25. package/css/components/FormControl/form-control.mjs +1 -2
  26. package/css/components/Masthead/masthead.css +267 -435
  27. package/css/components/Masthead/masthead.d.ts +2 -38
  28. package/css/components/Masthead/masthead.js +2 -38
  29. package/css/components/Masthead/masthead.mjs +2 -38
  30. package/css/components/Nav/nav.css +240 -918
  31. package/css/components/Nav/nav.d.ts +9 -20
  32. package/css/components/Nav/nav.js +9 -20
  33. package/css/components/Nav/nav.mjs +9 -20
  34. package/css/components/NotificationDrawer/notification-drawer.css +104 -115
  35. package/css/components/NotificationDrawer/notification-drawer.d.ts +3 -3
  36. package/css/components/NotificationDrawer/notification-drawer.js +3 -3
  37. package/css/components/NotificationDrawer/notification-drawer.mjs +3 -3
  38. package/css/components/Panel/panel.css +27 -23
  39. package/css/components/Panel/panel.d.ts +2 -2
  40. package/css/components/Panel/panel.js +2 -2
  41. package/css/components/Panel/panel.mjs +2 -2
  42. package/css/components/Progress/progress.css +31 -45
  43. package/css/components/Progress/progress.d.ts +1 -2
  44. package/css/components/Progress/progress.js +1 -2
  45. package/css/components/Progress/progress.mjs +1 -2
  46. package/css/components/Radio/radio.css +15 -11
  47. package/css/components/SimpleList/simple-list.css +1 -1
  48. package/css/components/Skeleton/skeleton.css +18 -20
  49. package/css/components/Skeleton/skeleton.d.ts +1 -2
  50. package/css/components/Skeleton/skeleton.js +1 -2
  51. package/css/components/Skeleton/skeleton.mjs +1 -2
  52. package/css/components/Slider/slider.css +34 -30
  53. package/css/components/Spinner/spinner.css +17 -34
  54. package/css/components/Switch/switch.css +41 -37
  55. package/css/components/Switch/switch.d.ts +1 -2
  56. package/css/components/Switch/switch.js +1 -2
  57. package/css/components/Switch/switch.mjs +1 -2
  58. package/css/components/TabContent/tab-content.css +17 -11
  59. package/css/components/TabContent/tab-content.d.ts +1 -1
  60. package/css/components/TabContent/tab-content.js +1 -1
  61. package/css/components/TabContent/tab-content.mjs +1 -1
  62. package/css/components/Timestamp/timestamp.css +12 -9
  63. package/css/docs/components/Button/examples/Button.css +4 -0
  64. package/css/docs/components/Divider/examples/Divider.css +3 -1
  65. package/css/docs/components/Nav/examples/Navigation.css +1 -39
  66. package/css/docs/components/Nav/examples/Navigation.d.ts +0 -2
  67. package/css/docs/components/Nav/examples/Navigation.js +0 -2
  68. package/css/docs/components/Nav/examples/Navigation.mjs +0 -2
  69. package/package.json +3 -3
package/css/components/Masthead/masthead.d.ts CHANGED
@@ -1,18 +1,14 @@
1
1
  import './masthead.css';
2
2
  declare const _default: {
3
- "button": "pf-v5-c-button",
4
- "contextSelector": "pf-v5-c-context-selector",
5
- "dropdown": "pf-v5-c-dropdown",
6
3
  "masthead": "pf-v5-c-masthead",
7
4
  "mastheadBrand": "pf-v5-c-masthead__brand",
8
5
  "mastheadContent": "pf-v5-c-masthead__content",
6
+ "mastheadExpandableContent": "pf-v5-c-masthead__expandable-content",
9
7
  "mastheadLogo": "pf-v5-c-masthead__logo",
10
8
  "mastheadMain": "pf-v5-c-masthead__main",
11
9
  "mastheadToggle": "pf-v5-c-masthead__toggle",
12
10
  "modifiers": {
13
11
  "resizeObserver": "pf-m-resize-observer",
14
- "fullHeight": "pf-m-full-height",
15
- "horizontal": "pf-m-horizontal",
16
12
  "displayStack": "pf-m-display-stack",
17
13
  "displayInline": "pf-m-display-inline",
18
14
  "insetNone": "pf-m-inset-none",
@@ -23,48 +19,16 @@ declare const _default: {
23
19
  "inset_2xl": "pf-m-inset-2xl",
24
20
  "displayStackOnSm": "pf-m-display-stack-on-sm",
25
21
  "displayInlineOnSm": "pf-m-display-inline-on-sm",
26
- "insetNoneOnSm": "pf-m-inset-none-on-sm",
27
- "insetSmOnSm": "pf-m-inset-sm-on-sm",
28
- "insetMdOnSm": "pf-m-inset-md-on-sm",
29
- "insetLgOnSm": "pf-m-inset-lg-on-sm",
30
- "insetXlOnSm": "pf-m-inset-xl-on-sm",
31
- "inset_2xlOnSm": "pf-m-inset-2xl-on-sm",
32
22
  "displayStackOnMd": "pf-m-display-stack-on-md",
33
23
  "displayInlineOnMd": "pf-m-display-inline-on-md",
34
- "insetNoneOnMd": "pf-m-inset-none-on-md",
35
- "insetSmOnMd": "pf-m-inset-sm-on-md",
36
- "insetMdOnMd": "pf-m-inset-md-on-md",
37
- "insetLgOnMd": "pf-m-inset-lg-on-md",
38
- "insetXlOnMd": "pf-m-inset-xl-on-md",
39
- "inset_2xlOnMd": "pf-m-inset-2xl-on-md",
40
24
  "displayStackOnLg": "pf-m-display-stack-on-lg",
41
25
  "displayInlineOnLg": "pf-m-display-inline-on-lg",
42
- "insetNoneOnLg": "pf-m-inset-none-on-lg",
43
- "insetSmOnLg": "pf-m-inset-sm-on-lg",
44
- "insetMdOnLg": "pf-m-inset-md-on-lg",
45
- "insetLgOnLg": "pf-m-inset-lg-on-lg",
46
- "insetXlOnLg": "pf-m-inset-xl-on-lg",
47
- "inset_2xlOnLg": "pf-m-inset-2xl-on-lg",
48
26
  "displayStackOnXl": "pf-m-display-stack-on-xl",
49
27
  "displayInlineOnXl": "pf-m-display-inline-on-xl",
50
- "insetNoneOnXl": "pf-m-inset-none-on-xl",
51
- "insetSmOnXl": "pf-m-inset-sm-on-xl",
52
- "insetMdOnXl": "pf-m-inset-md-on-xl",
53
- "insetLgOnXl": "pf-m-inset-lg-on-xl",
54
- "insetXlOnXl": "pf-m-inset-xl-on-xl",
55
- "inset_2xlOnXl": "pf-m-inset-2xl-on-xl",
56
28
  "displayStackOn_2xl": "pf-m-display-stack-on-2xl",
57
- "displayInlineOn_2xl": "pf-m-display-inline-on-2xl",
58
- "insetNoneOn_2xl": "pf-m-inset-none-on-2xl",
59
- "insetSmOn_2xl": "pf-m-inset-sm-on-2xl",
60
- "insetMdOn_2xl": "pf-m-inset-md-on-2xl",
61
- "insetLgOn_2xl": "pf-m-inset-lg-on-2xl",
62
- "insetXlOn_2xl": "pf-m-inset-xl-on-2xl",
63
- "inset_2xlOn_2xl": "pf-m-inset-2xl-on-2xl"
29
+ "displayInlineOn_2xl": "pf-m-display-inline-on-2xl"
64
30
  },
65
- "nav": "pf-v5-c-nav",
66
31
  "toolbar": "pf-v5-c-toolbar",
67
- "toolbarContentSection": "pf-v5-c-toolbar__content-section",
68
32
  "toolbarExpandableContent": "pf-v5-c-toolbar__expandable-content"
69
33
  };
70
34
  export default _default;
package/css/components/Masthead/masthead.js CHANGED
@@ -2,19 +2,15 @@
2
2
  exports.__esModule = true;
3
3
  require('./masthead.css');
4
4
  exports.default = {
5
- "button": "pf-v5-c-button",
6
- "contextSelector": "pf-v5-c-context-selector",
7
- "dropdown": "pf-v5-c-dropdown",
8
5
  "masthead": "pf-v5-c-masthead",
9
6
  "mastheadBrand": "pf-v5-c-masthead__brand",
10
7
  "mastheadContent": "pf-v5-c-masthead__content",
8
+ "mastheadExpandableContent": "pf-v5-c-masthead__expandable-content",
11
9
  "mastheadLogo": "pf-v5-c-masthead__logo",
12
10
  "mastheadMain": "pf-v5-c-masthead__main",
13
11
  "mastheadToggle": "pf-v5-c-masthead__toggle",
14
12
  "modifiers": {
15
13
  "resizeObserver": "pf-m-resize-observer",
16
- "fullHeight": "pf-m-full-height",
17
- "horizontal": "pf-m-horizontal",
18
14
  "displayStack": "pf-m-display-stack",
19
15
  "displayInline": "pf-m-display-inline",
20
16
  "insetNone": "pf-m-inset-none",
@@ -25,47 +21,15 @@ exports.default = {
25
21
  "inset_2xl": "pf-m-inset-2xl",
26
22
  "displayStackOnSm": "pf-m-display-stack-on-sm",
27
23
  "displayInlineOnSm": "pf-m-display-inline-on-sm",
28
- "insetNoneOnSm": "pf-m-inset-none-on-sm",
29
- "insetSmOnSm": "pf-m-inset-sm-on-sm",
30
- "insetMdOnSm": "pf-m-inset-md-on-sm",
31
- "insetLgOnSm": "pf-m-inset-lg-on-sm",
32
- "insetXlOnSm": "pf-m-inset-xl-on-sm",
33
- "inset_2xlOnSm": "pf-m-inset-2xl-on-sm",
34
24
  "displayStackOnMd": "pf-m-display-stack-on-md",
35
25
  "displayInlineOnMd": "pf-m-display-inline-on-md",
36
- "insetNoneOnMd": "pf-m-inset-none-on-md",
37
- "insetSmOnMd": "pf-m-inset-sm-on-md",
38
- "insetMdOnMd": "pf-m-inset-md-on-md",
39
- "insetLgOnMd": "pf-m-inset-lg-on-md",
40
- "insetXlOnMd": "pf-m-inset-xl-on-md",
41
- "inset_2xlOnMd": "pf-m-inset-2xl-on-md",
42
26
  "displayStackOnLg": "pf-m-display-stack-on-lg",
43
27
  "displayInlineOnLg": "pf-m-display-inline-on-lg",
44
- "insetNoneOnLg": "pf-m-inset-none-on-lg",
45
- "insetSmOnLg": "pf-m-inset-sm-on-lg",
46
- "insetMdOnLg": "pf-m-inset-md-on-lg",
47
- "insetLgOnLg": "pf-m-inset-lg-on-lg",
48
- "insetXlOnLg": "pf-m-inset-xl-on-lg",
49
- "inset_2xlOnLg": "pf-m-inset-2xl-on-lg",
50
28
  "displayStackOnXl": "pf-m-display-stack-on-xl",
51
29
  "displayInlineOnXl": "pf-m-display-inline-on-xl",
52
- "insetNoneOnXl": "pf-m-inset-none-on-xl",
53
- "insetSmOnXl": "pf-m-inset-sm-on-xl",
54
- "insetMdOnXl": "pf-m-inset-md-on-xl",
55
- "insetLgOnXl": "pf-m-inset-lg-on-xl",
56
- "insetXlOnXl": "pf-m-inset-xl-on-xl",
57
- "inset_2xlOnXl": "pf-m-inset-2xl-on-xl",
58
30
  "displayStackOn_2xl": "pf-m-display-stack-on-2xl",
59
- "displayInlineOn_2xl": "pf-m-display-inline-on-2xl",
60
- "insetNoneOn_2xl": "pf-m-inset-none-on-2xl",
61
- "insetSmOn_2xl": "pf-m-inset-sm-on-2xl",
62
- "insetMdOn_2xl": "pf-m-inset-md-on-2xl",
63
- "insetLgOn_2xl": "pf-m-inset-lg-on-2xl",
64
- "insetXlOn_2xl": "pf-m-inset-xl-on-2xl",
65
- "inset_2xlOn_2xl": "pf-m-inset-2xl-on-2xl"
31
+ "displayInlineOn_2xl": "pf-m-display-inline-on-2xl"
66
32
  },
67
- "nav": "pf-v5-c-nav",
68
33
  "toolbar": "pf-v5-c-toolbar",
69
- "toolbarContentSection": "pf-v5-c-toolbar__content-section",
70
34
  "toolbarExpandableContent": "pf-v5-c-toolbar__expandable-content"
71
35
  };
package/css/components/Masthead/masthead.mjs CHANGED
@@ -1,18 +1,14 @@
1
1
  import './masthead.css';
2
2
  export default {
3
- "button": "pf-v5-c-button",
4
- "contextSelector": "pf-v5-c-context-selector",
5
- "dropdown": "pf-v5-c-dropdown",
6
3
  "masthead": "pf-v5-c-masthead",
7
4
  "mastheadBrand": "pf-v5-c-masthead__brand",
8
5
  "mastheadContent": "pf-v5-c-masthead__content",
6
+ "mastheadExpandableContent": "pf-v5-c-masthead__expandable-content",
9
7
  "mastheadLogo": "pf-v5-c-masthead__logo",
10
8
  "mastheadMain": "pf-v5-c-masthead__main",
11
9
  "mastheadToggle": "pf-v5-c-masthead__toggle",
12
10
  "modifiers": {
13
11
  "resizeObserver": "pf-m-resize-observer",
14
- "fullHeight": "pf-m-full-height",
15
- "horizontal": "pf-m-horizontal",
16
12
  "displayStack": "pf-m-display-stack",
17
13
  "displayInline": "pf-m-display-inline",
18
14
  "insetNone": "pf-m-inset-none",
@@ -23,47 +19,15 @@ export default {
23
19
  "inset_2xl": "pf-m-inset-2xl",
24
20
  "displayStackOnSm": "pf-m-display-stack-on-sm",
25
21
  "displayInlineOnSm": "pf-m-display-inline-on-sm",
26
- "insetNoneOnSm": "pf-m-inset-none-on-sm",
27
- "insetSmOnSm": "pf-m-inset-sm-on-sm",
28
- "insetMdOnSm": "pf-m-inset-md-on-sm",
29
- "insetLgOnSm": "pf-m-inset-lg-on-sm",
30
- "insetXlOnSm": "pf-m-inset-xl-on-sm",
31
- "inset_2xlOnSm": "pf-m-inset-2xl-on-sm",
32
22
  "displayStackOnMd": "pf-m-display-stack-on-md",
33
23
  "displayInlineOnMd": "pf-m-display-inline-on-md",
34
- "insetNoneOnMd": "pf-m-inset-none-on-md",
35
- "insetSmOnMd": "pf-m-inset-sm-on-md",
36
- "insetMdOnMd": "pf-m-inset-md-on-md",
37
- "insetLgOnMd": "pf-m-inset-lg-on-md",
38
- "insetXlOnMd": "pf-m-inset-xl-on-md",
39
- "inset_2xlOnMd": "pf-m-inset-2xl-on-md",
40
24
  "displayStackOnLg": "pf-m-display-stack-on-lg",
41
25
  "displayInlineOnLg": "pf-m-display-inline-on-lg",
42
- "insetNoneOnLg": "pf-m-inset-none-on-lg",
43
- "insetSmOnLg": "pf-m-inset-sm-on-lg",
44
- "insetMdOnLg": "pf-m-inset-md-on-lg",
45
- "insetLgOnLg": "pf-m-inset-lg-on-lg",
46
- "insetXlOnLg": "pf-m-inset-xl-on-lg",
47
- "inset_2xlOnLg": "pf-m-inset-2xl-on-lg",
48
26
  "displayStackOnXl": "pf-m-display-stack-on-xl",
49
27
  "displayInlineOnXl": "pf-m-display-inline-on-xl",
50
- "insetNoneOnXl": "pf-m-inset-none-on-xl",
51
- "insetSmOnXl": "pf-m-inset-sm-on-xl",
52
- "insetMdOnXl": "pf-m-inset-md-on-xl",
53
- "insetLgOnXl": "pf-m-inset-lg-on-xl",
54
- "insetXlOnXl": "pf-m-inset-xl-on-xl",
55
- "inset_2xlOnXl": "pf-m-inset-2xl-on-xl",
56
28
  "displayStackOn_2xl": "pf-m-display-stack-on-2xl",
57
- "displayInlineOn_2xl": "pf-m-display-inline-on-2xl",
58
- "insetNoneOn_2xl": "pf-m-inset-none-on-2xl",
59
- "insetSmOn_2xl": "pf-m-inset-sm-on-2xl",
60
- "insetMdOn_2xl": "pf-m-inset-md-on-2xl",
61
- "insetLgOn_2xl": "pf-m-inset-lg-on-2xl",
62
- "insetXlOn_2xl": "pf-m-inset-xl-on-2xl",
63
- "inset_2xlOn_2xl": "pf-m-inset-2xl-on-2xl"
29
+ "displayInlineOn_2xl": "pf-m-display-inline-on-2xl"
64
30
  },
65
- "nav": "pf-v5-c-nav",
66
31
  "toolbar": "pf-v5-c-toolbar",
67
- "toolbarContentSection": "pf-v5-c-toolbar__content-section",
68
32
  "toolbarExpandableContent": "pf-v5-c-toolbar__expandable-content"
69
33
  };