@patternfly/patternfly 6.0.0-alpha.200 → 6.0.0-alpha.202
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.
- package/base/normalize.scss +3 -3
- package/base/patternfly-variables.css +2 -6
- package/base/tokens/tokens-charts-dark.scss +1 -1
- package/base/tokens/tokens-charts.scss +1 -1
- package/base/tokens/tokens-dark.scss +1 -1
- package/base/tokens/tokens-default.scss +3 -3
- package/base/tokens/tokens-local.scss +0 -6
- package/base/tokens/tokens-palette.scss +1 -1
- package/components/Breadcrumb/breadcrumb.css +9 -6
- package/components/Breadcrumb/breadcrumb.scss +9 -6
- package/components/Button/button.css +16 -7
- package/components/Button/button.scss +17 -7
- package/components/Content/content.css +8 -5
- package/components/Content/content.scss +8 -5
- package/components/DescriptionList/description-list.css +10 -15
- package/components/DescriptionList/description-list.scss +10 -16
- package/components/JumpLinks/jump-links.css +1 -1
- package/components/JumpLinks/jump-links.scss +1 -2
- package/components/Label/label.css +15 -14
- package/components/Label/label.scss +16 -14
- package/components/Masthead/masthead.css +172 -95
- package/components/Masthead/masthead.scss +74 -49
- package/components/Nav/nav.css +5 -4
- package/components/Nav/nav.scss +5 -4
- package/components/Page/page.css +18 -12
- package/components/Page/page.scss +18 -12
- package/components/ProgressStepper/progress-stepper.css +8 -7
- package/components/ProgressStepper/progress-stepper.scss +8 -8
- package/components/SimpleList/simple-list.css +1 -1
- package/components/SimpleList/simple-list.scss +1 -2
- package/components/Tabs/tabs.css +1 -1
- package/components/Tabs/tabs.scss +1 -3
- package/components/Timestamp/timestamp.css +8 -17
- package/components/Timestamp/timestamp.scss +8 -18
- package/components/ToggleGroup/toggle-group.css +2 -2
- package/components/ToggleGroup/toggle-group.scss +2 -4
- package/components/_index.css +274 -187
- package/docs/components/Alert/examples/Alert.md +4 -4
- package/docs/components/Card/examples/Card.md +4 -4
- package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +2 -2
- package/docs/components/DescriptionList/examples/DescriptionList.md +30 -5
- package/docs/components/Form/examples/Form.md +2 -2
- package/docs/components/Masthead/examples/masthead.md +506 -493
- package/docs/components/Nav/examples/Navigation.md +0 -1
- package/docs/components/Page/examples/Page.md +98 -89
- package/docs/components/Table/examples/Table.md +58 -58
- package/docs/components/Wizard/examples/Wizard.md +1 -1
- package/docs/demos/AboutModal/examples/AboutModal.md +87 -83
- package/docs/demos/Alert/examples/Alert.md +263 -251
- package/docs/demos/BackToTop/examples/BackToTop.md +87 -83
- package/docs/demos/Banner/examples/Banner.md +177 -173
- package/docs/demos/Card/examples/Card.md +12 -12
- package/docs/demos/CardView/examples/CardView.md +90 -88
- package/docs/demos/Dashboard/examples/Dashboard.md +92 -88
- package/docs/demos/DataList/examples/DataList.md +352 -344
- package/docs/demos/DescriptionList/examples/DescriptionList.md +262 -252
- package/docs/demos/Drawer/examples/Drawer.md +437 -423
- package/docs/demos/Form/examples/BasicForms.md +11 -11
- package/docs/demos/JumpLinks/examples/JumpLinks.md +524 -500
- package/docs/demos/Masthead/examples/Masthead.md +772 -736
- package/docs/demos/Modal/examples/Modal.md +522 -498
- package/docs/demos/Nav/examples/Nav.md +511 -487
- package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +435 -425
- package/docs/demos/Page/examples/Page.md +959 -915
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +611 -584
- package/docs/demos/Skeleton/examples/Skeleton.md +87 -83
- package/docs/demos/Table/examples/Table.md +1326 -1294
- package/docs/demos/Tabs/examples/Tabs.md +526 -504
- package/docs/demos/Toolbar/examples/Toolbar.md +174 -166
- package/docs/demos/Wizard/examples/Wizard.md +790 -767
- package/package.json +1 -1
- package/patternfly-base-no-globals.css +2 -6
- package/patternfly-base.css +5 -9
- package/patternfly-no-globals.css +276 -193
- package/patternfly.css +279 -196
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -16,90 +16,94 @@ section: components
|
|
|
16
16
|
</a>
|
|
17
17
|
</div>
|
|
18
18
|
<header class="pf-v6-c-masthead" id="skeleton-basic-example-masthead">
|
|
19
|
-
<span class="pf-v6-c-masthead__toggle">
|
|
20
|
-
<button
|
|
21
|
-
class="pf-v6-c-button pf-m-plain"
|
|
22
|
-
type="button"
|
|
23
|
-
aria-label="Global navigation"
|
|
24
|
-
>
|
|
25
|
-
<span class="pf-v6-c-button__icon">
|
|
26
|
-
<i class="fas fa-bars" aria-hidden="true"></i>
|
|
27
|
-
</span>
|
|
28
|
-
</button>
|
|
29
|
-
</span>
|
|
30
19
|
<div class="pf-v6-c-masthead__main">
|
|
31
|
-
<
|
|
32
|
-
<
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
20
|
+
<span class="pf-v6-c-masthead__toggle">
|
|
21
|
+
<button
|
|
22
|
+
class="pf-v6-c-button pf-m-plain"
|
|
23
|
+
type="button"
|
|
24
|
+
aria-label="Global navigation"
|
|
25
|
+
>
|
|
26
|
+
<span class="pf-v6-c-button__icon">
|
|
27
|
+
<i class="fas fa-bars" aria-hidden="true"></i>
|
|
28
|
+
</span>
|
|
29
|
+
</button>
|
|
30
|
+
</span>
|
|
31
|
+
<div class="pf-v6-c-masthead__brand">
|
|
32
|
+
<a class="pf-v6-c-masthead__logo" href="#">
|
|
33
|
+
<svg height="37px" viewBox="0 0 679 158">
|
|
34
|
+
<title>PF-HorizontalLogo-Color</title>
|
|
35
|
+
<defs>
|
|
36
|
+
<linearGradient
|
|
37
|
+
x1="68%"
|
|
38
|
+
y1="2.25860997e-13%"
|
|
39
|
+
x2="32%"
|
|
40
|
+
y2="100%"
|
|
41
|
+
id="linearGradient-skeleton-basic-example-masthead"
|
|
42
|
+
>
|
|
43
|
+
<stop stop-color="#2B9AF3" offset="0%" />
|
|
44
|
+
<stop
|
|
45
|
+
stop-color="#73BCF7"
|
|
46
|
+
stop-opacity="0.502212631"
|
|
47
|
+
offset="100%"
|
|
48
|
+
/>
|
|
49
|
+
</linearGradient>
|
|
50
|
+
</defs>
|
|
51
|
+
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
52
|
+
<g
|
|
53
|
+
transform="translate(206.000000, 45.750000)"
|
|
54
|
+
fill="var(--pf-t--global--text--color--regular)"
|
|
55
|
+
fill-rule="nonzero"
|
|
56
|
+
>
|
|
57
|
+
<path
|
|
58
|
+
d="M0,65.25 L0,2.25 L33.21,2.25 C37.35,2.25 41.025,3.135 44.235,4.905 C47.445,6.675 49.98,9.09 51.84,12.15 C53.7,15.21 54.63,18.72 54.63,22.68 C54.63,26.46 53.7,29.865 51.84,32.895 C49.98,35.925 47.43,38.31 44.19,40.05 C40.95,41.79 37.29,42.66 33.21,42.66 L15.48,42.66 L15.48,65.25 L0,65.25 Z M15.48,29.88 L31.41,29.88 C33.69,29.88 35.52,29.22 36.9,27.9 C38.28,26.58 38.97,24.87 38.97,22.77 C38.97,20.61 38.28,18.855 36.9,17.505 C35.52,16.155 33.69,15.48 31.41,15.48 L15.48,15.48 L15.48,29.88 Z"
|
|
59
|
+
/>
|
|
60
|
+
<path
|
|
61
|
+
d="M77.04,66.06 C73.68,66.06 70.695,65.43 68.085,64.17 C65.475,62.91 63.435,61.17 61.965,58.95 C60.495,56.73 59.76,54.18 59.76,51.3 C59.76,46.74 61.485,43.215 64.935,40.725 C68.385,38.235 73.2,36.99 79.38,36.99 C83.1,36.99 86.7,37.44 90.18,38.34 L90.18,36 C90.18,31.26 87.15,28.89 81.09,28.89 C77.49,28.89 72.69,30.15 66.69,32.67 L61.47,21.96 C69.15,18.48 76.56,16.74 83.7,16.74 C90.3,16.74 95.43,18.315 99.09,21.465 C102.75,24.615 104.58,29.04 104.58,34.74 L104.58,65.25 L90.18,65.25 L90.18,62.37 C88.26,63.69 86.235,64.635 84.105,65.205 C81.975,65.775 79.62,66.06 77.04,66.06 Z M73.62,51.03 C73.62,52.53 74.28,53.7 75.6,54.54 C76.92,55.38 78.75,55.8 81.09,55.8 C84.69,55.8 87.72,55.05 90.18,53.55 L90.18,47.43 C87.42,46.71 84.54,46.35 81.54,46.35 C79.02,46.35 77.07,46.755 75.69,47.565 C74.31,48.375 73.62,49.53 73.62,51.03 Z"
|
|
62
|
+
/>
|
|
63
|
+
<path
|
|
64
|
+
d="M137.25,65.88 C125.73,65.88 119.97,60.84 119.97,50.76 L119.97,29.79 L110.34,29.79 L110.34,17.64 L119.97,17.64 L119.97,5.4 L134.55,2.25 L134.55,17.64 L147.87,17.64 L147.87,29.79 L134.55,29.79 L134.55,47.88 C134.55,49.98 135.015,51.465 135.945,52.335 C136.875,53.205 138.51,53.64 140.85,53.64 C143.01,53.64 145.2,53.31 147.42,52.65 L147.42,64.44 C146.1,64.86 144.42,65.205 142.38,65.475 C140.34,65.745 138.63,65.88 137.25,65.88 Z"
|
|
65
|
+
/>
|
|
66
|
+
<path
|
|
67
|
+
d="M177.57,65.88 C166.05,65.88 160.29,60.84 160.29,50.76 L160.29,29.79 L150.66,29.79 L150.66,17.64 L160.29,17.64 L160.29,5.4 L174.87,2.25 L174.87,17.64 L188.19,17.64 L188.19,29.79 L174.87,29.79 L174.87,47.88 C174.87,49.98 175.335,51.465 176.265,52.335 C177.195,53.205 178.83,53.64 181.17,53.64 C183.33,53.64 185.52,53.31 187.74,52.65 L187.74,64.44 C186.42,64.86 184.74,65.205 182.7,65.475 C180.66,65.745 178.95,65.88 177.57,65.88 Z"
|
|
68
|
+
/>
|
|
69
|
+
<path
|
|
70
|
+
d="M217.62,66.15 C212.76,66.15 208.365,65.055 204.435,62.865 C200.505,60.675 197.4,57.72 195.12,54 C192.84,50.28 191.7,46.11 191.7,41.49 C191.7,36.87 192.795,32.7 194.985,28.98 C197.175,25.26 200.16,22.305 203.94,20.115 C207.72,17.925 211.92,16.83 216.54,16.83 C221.22,16.83 225.36,17.955 228.96,20.205 C232.56,22.455 235.395,25.53 237.465,29.43 C239.535,33.33 240.57,37.8 240.57,42.84 L240.57,46.44 L206.64,46.44 C207.6,48.66 209.1,50.475 211.14,51.885 C213.18,53.295 215.58,54 218.34,54 C222.42,54 225.6,52.8 227.88,50.4 L237.51,58.95 C234.51,61.47 231.435,63.3 228.285,64.44 C225.135,65.58 221.58,66.15 217.62,66.15 Z M206.37,36.27 L226.26,36.27 C225.48,33.99 224.205,32.16 222.435,30.78 C220.665,29.4 218.61,28.71 216.27,28.71 C213.87,28.71 211.8,29.37 210.06,30.69 C208.32,32.01 207.09,33.87 206.37,36.27 Z"
|
|
71
|
+
/>
|
|
72
|
+
<path
|
|
73
|
+
d="M247.41,65.25 L247.41,17.64 L261.99,17.64 L261.99,22.41 C265.23,18.51 269.4,16.56 274.5,16.56 C277.08,16.62 278.91,17.01 279.99,17.73 L279.99,30.42 C277.95,29.46 275.64,28.98 273.06,28.98 C270.78,28.98 268.665,29.505 266.715,30.555 C264.765,31.605 263.19,33.09 261.99,35.01 L261.99,65.25 L247.41,65.25 Z"
|
|
74
|
+
/>
|
|
75
|
+
<path
|
|
76
|
+
d="M286.29,65.25 L286.29,17.64 L300.87,17.64 L300.87,20.88 C304.47,18.12 308.73,16.74 313.65,16.74 C317.37,16.74 320.655,17.55 323.505,19.17 C326.355,20.79 328.59,23.04 330.21,25.92 C331.83,28.8 332.64,32.13 332.64,35.91 L332.64,65.25 L318.06,65.25 L318.06,37.89 C318.06,35.25 317.28,33.15 315.72,31.59 C314.16,30.03 312.06,29.25 309.42,29.25 C305.76,29.25 302.91,30.51 300.87,33.03 L300.87,65.25 L286.29,65.25 Z"
|
|
77
|
+
/>
|
|
78
|
+
<polygon
|
|
79
|
+
points="342 65.25 342 2.25 392.04 2.25 392.04 15.66 357.48 15.66 357.48 27.45 380.52 27.45 380.52 40.41 357.48 40.41 357.48 65.25"
|
|
80
|
+
/>
|
|
81
|
+
<polygon
|
|
82
|
+
points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25"
|
|
83
|
+
/>
|
|
84
|
+
<path
|
|
85
|
+
d="M429.21,84.69 C428.07,84.69 426.96,84.645 425.88,84.555 C424.8,84.465 423.9,84.33 423.18,84.15 L423.18,71.73 C424.38,71.97 425.88,72.09 427.68,72.09 C432.36,72.09 435.51,70.05 437.13,65.97 L437.13,65.88 L418.86,17.64 L434.97,17.64 L445.5,47.61 L457.74,17.64 L473.49,17.64 L452.16,67.68 C450.42,71.82 448.5,75.135 446.4,77.625 C444.3,80.115 441.87,81.915 439.11,83.025 C436.35,84.135 433.05,84.69 429.21,84.69 Z"
|
|
86
|
+
/>
|
|
87
|
+
</g>
|
|
88
|
+
<g transform="translate(0.000000, 0.000000)">
|
|
89
|
+
<path
|
|
90
|
+
d="M61.826087,0 L158,0 L158,96.173913 L147.695652,96.173913 C100.271201,96.173913 61.826087,57.7287992 61.826087,10.3043478 L61.826087,0 L61.826087,0 Z"
|
|
91
|
+
fill="#0066CC"
|
|
92
|
+
/>
|
|
93
|
+
<path
|
|
94
|
+
d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
|
|
95
|
+
fill="url(#linearGradient-skeleton-basic-example-masthead)"
|
|
96
|
+
/>
|
|
97
|
+
<path
|
|
98
|
+
d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
|
|
99
|
+
fill="url(#linearGradient-skeleton-basic-example-masthead)"
|
|
100
|
+
transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
|
|
101
|
+
/>
|
|
102
|
+
</g>
|
|
99
103
|
</g>
|
|
100
|
-
</
|
|
101
|
-
</
|
|
102
|
-
</
|
|
104
|
+
</svg>
|
|
105
|
+
</a>
|
|
106
|
+
</div>
|
|
103
107
|
</div>
|
|
104
108
|
<div class="pf-v6-c-masthead__content">
|
|
105
109
|
<div
|
|
@@ -253,7 +257,7 @@ section: components
|
|
|
253
257
|
</nav>
|
|
254
258
|
</div>
|
|
255
259
|
</section>
|
|
256
|
-
<section class="pf-v6-c-page__main-section pf-m-limit-width
|
|
260
|
+
<section class="pf-v6-c-page__main-section pf-m-limit-width">
|
|
257
261
|
<div class="pf-v6-c-page__main-body">
|
|
258
262
|
<div class="pf-v6-c-content">
|
|
259
263
|
<h1>Main title</h1>
|