@patternfly/patternfly 6.0.0-alpha.38 → 6.0.0-alpha.39
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/components/Divider/divider.css +97 -177
- package/components/Divider/divider.scss +60 -79
- package/components/Masthead/masthead.css +267 -435
- package/components/Masthead/masthead.scss +118 -233
- package/docs/components/Divider/examples/Divider.css +3 -1
- package/docs/components/Divider/examples/Divider.md +4 -5
- package/docs/components/Masthead/examples/masthead.md +441 -16
- package/docs/demos/AboutModal/examples/AboutModal.md +40 -42
- package/docs/demos/Alert/examples/Alert.md +120 -126
- package/docs/demos/BackToTop/examples/BackToTop.md +40 -42
- package/docs/demos/Banner/examples/Banner.md +79 -80
- package/docs/demos/CardView/examples/CardView.md +40 -42
- package/docs/demos/ContextSelector/examples/ContextSelector.md +129 -146
- package/docs/demos/Dashboard/examples/Dashboard.md +40 -42
- package/docs/demos/DataList/examples/DataList.md +160 -279
- package/docs/demos/DescriptionList/examples/DescriptionList.md +120 -126
- package/docs/demos/Drawer/examples/Drawer.md +200 -210
- package/docs/demos/JumpLinks/examples/JumpLinks.md +240 -252
- package/docs/demos/Masthead/examples/Masthead.md +143 -224
- package/docs/demos/Modal/examples/Modal.md +240 -252
- package/docs/demos/Nav/examples/Nav.md +320 -336
- package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +200 -210
- package/docs/demos/Page/examples/Page.md +360 -378
- package/docs/demos/Page/examples/Penta.md +8 -15
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +280 -294
- package/docs/demos/Skeleton/examples/Skeleton.md +40 -42
- package/docs/demos/Table/examples/Table.md +617 -647
- package/docs/demos/Tabs/examples/Tabs.md +240 -252
- package/docs/demos/Toolbar/examples/Toolbar.md +80 -84
- package/docs/demos/Wizard/examples/Wizard.md +360 -378
- package/package.json +1 -1
- package/patternfly-no-globals.css +363 -611
- package/patternfly-theme-dark-unversioned.css +363 -611
- package/patternfly.css +363 -611
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -24,20 +24,16 @@ section: components
|
|
|
24
24
|
</button>
|
|
25
25
|
</span>
|
|
26
26
|
<div class="pf-v5-c-masthead__main">
|
|
27
|
-
<a
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
style="--pf-v5-c-brand--Height: 36px;"
|
|
31
|
-
>
|
|
32
|
-
<svg height="36px" viewBox="0 0 679 158" role="img">
|
|
33
|
-
<title>Patternfly logo</title>
|
|
27
|
+
<a class="pf-v5-c-masthead__brand" href="#">
|
|
28
|
+
<svg height="40px" viewBox="0 0 679 158">
|
|
29
|
+
<title>PF-HorizontalLogo-Color</title>
|
|
34
30
|
<defs>
|
|
35
31
|
<linearGradient
|
|
36
32
|
x1="68%"
|
|
37
33
|
y1="2.25860997e-13%"
|
|
38
34
|
x2="32%"
|
|
39
35
|
y2="100%"
|
|
40
|
-
id="linearGradient-
|
|
36
|
+
id="linearGradient-skeleton-basic-example-masthead"
|
|
41
37
|
>
|
|
42
38
|
<stop stop-color="#2B9AF3" offset="0%" />
|
|
43
39
|
<stop
|
|
@@ -47,13 +43,7 @@ section: components
|
|
|
47
43
|
/>
|
|
48
44
|
</linearGradient>
|
|
49
45
|
</defs>
|
|
50
|
-
<g
|
|
51
|
-
id="PF-HorizontalLogo-Color"
|
|
52
|
-
stroke="none"
|
|
53
|
-
stroke-width="1"
|
|
54
|
-
fill="none"
|
|
55
|
-
fill-rule="evenodd"
|
|
56
|
-
>
|
|
46
|
+
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
57
47
|
<g
|
|
58
48
|
transform="translate(206.000000, 45.750000)"
|
|
59
49
|
fill="var(--pf-t--global--text--color--regular)"
|
|
@@ -88,19 +78,18 @@ section: components
|
|
|
88
78
|
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"
|
|
89
79
|
/>
|
|
90
80
|
</g>
|
|
91
|
-
<g
|
|
81
|
+
<g transform="translate(0.000000, 0.000000)">
|
|
92
82
|
<path
|
|
93
83
|
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"
|
|
94
|
-
|
|
95
|
-
fill="var(--pf-t--global--color--brand--200)"
|
|
84
|
+
fill="#0066CC"
|
|
96
85
|
/>
|
|
97
86
|
<path
|
|
98
87
|
d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
|
|
99
|
-
fill="url(#linearGradient-
|
|
88
|
+
fill="url(#linearGradient-skeleton-basic-example-masthead)"
|
|
100
89
|
/>
|
|
101
90
|
<path
|
|
102
91
|
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"
|
|
103
|
-
fill="url(#linearGradient-
|
|
92
|
+
fill="url(#linearGradient-skeleton-basic-example-masthead)"
|
|
104
93
|
transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
|
|
105
94
|
/>
|
|
106
95
|
</g>
|
|
@@ -115,8 +104,38 @@ section: components
|
|
|
115
104
|
>
|
|
116
105
|
<div class="pf-v5-c-toolbar__content">
|
|
117
106
|
<div class="pf-v5-c-toolbar__content-section">
|
|
107
|
+
<div class="pf-v5-c-toolbar__item">
|
|
108
|
+
<button
|
|
109
|
+
class="pf-v5-c-menu-toggle"
|
|
110
|
+
type="button"
|
|
111
|
+
aria-expanded="false"
|
|
112
|
+
>
|
|
113
|
+
<span class="pf-v5-c-menu-toggle__text">Overview</span>
|
|
114
|
+
<span class="pf-v5-c-menu-toggle__controls">
|
|
115
|
+
<span class="pf-v5-c-menu-toggle__toggle-icon">
|
|
116
|
+
<i class="fas fa-angle-down" aria-hidden="true"></i>
|
|
117
|
+
</span>
|
|
118
|
+
</span>
|
|
119
|
+
</button>
|
|
120
|
+
</div>
|
|
121
|
+
|
|
122
|
+
<div class="pf-v5-c-toolbar__item">
|
|
123
|
+
<button
|
|
124
|
+
class="pf-v5-c-menu-toggle"
|
|
125
|
+
type="button"
|
|
126
|
+
aria-expanded="false"
|
|
127
|
+
>
|
|
128
|
+
<span class="pf-v5-c-menu-toggle__text">Services</span>
|
|
129
|
+
<span class="pf-v5-c-menu-toggle__controls">
|
|
130
|
+
<span class="pf-v5-c-menu-toggle__toggle-icon">
|
|
131
|
+
<i class="fas fa-angle-down" aria-hidden="true"></i>
|
|
132
|
+
</span>
|
|
133
|
+
</span>
|
|
134
|
+
</button>
|
|
135
|
+
</div>
|
|
136
|
+
|
|
118
137
|
<div
|
|
119
|
-
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
|
|
138
|
+
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
|
|
120
139
|
>
|
|
121
140
|
<div
|
|
122
141
|
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
|
|
@@ -163,27 +182,6 @@ section: components
|
|
|
163
182
|
</button>
|
|
164
183
|
</div>
|
|
165
184
|
</div>
|
|
166
|
-
<div class="pf-v5-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
|
|
167
|
-
<button
|
|
168
|
-
class="pf-v5-c-menu-toggle pf-m-full-height"
|
|
169
|
-
type="button"
|
|
170
|
-
aria-expanded="false"
|
|
171
|
-
>
|
|
172
|
-
<span class="pf-v5-c-menu-toggle__icon">
|
|
173
|
-
<img
|
|
174
|
-
class="pf-v5-c-avatar"
|
|
175
|
-
alt="Avatar image"
|
|
176
|
-
src="/assets/images/img_avatar-light.svg"
|
|
177
|
-
/>
|
|
178
|
-
</span>
|
|
179
|
-
<span class="pf-v5-c-menu-toggle__text">Ned Username</span>
|
|
180
|
-
<span class="pf-v5-c-menu-toggle__controls">
|
|
181
|
-
<span class="pf-v5-c-menu-toggle__toggle-icon">
|
|
182
|
-
<i class="fas fa-angle-down" aria-hidden="true"></i>
|
|
183
|
-
</span>
|
|
184
|
-
</span>
|
|
185
|
-
</button>
|
|
186
|
-
</div>
|
|
187
185
|
</div>
|
|
188
186
|
</div>
|
|
189
187
|
</div>
|