@patternfly/patternfly 6.0.0-alpha.53 → 6.0.0-alpha.55
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/InlineEdit/inline-edit.css +3 -2
- package/components/InlineEdit/inline-edit.scss +3 -2
- package/components/Tile/tile.css +40 -81
- package/components/Tile/tile.scss +38 -84
- package/docs/components/Tile/examples/Tile.md +264 -144
- package/package.json +1 -1
- package/patternfly-no-globals.css +44 -88
- package/patternfly-theme-dark-unversioned.css +44 -88
- package/patternfly.css +44 -88
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
- package/components/Tile/themes/dark/tile.scss +0 -10
|
@@ -114,31 +114,51 @@ cssPrefix: pf-v5-c-tile
|
|
|
114
114
|
<div class="pf-v5-c-tile" tabindex="0">
|
|
115
115
|
<div class="pf-v5-c-tile__header pf-m-stacked">
|
|
116
116
|
<div class="pf-v5-c-tile__icon">
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
</g>
|
|
138
|
-
</g>
|
|
139
|
-
</g>
|
|
140
|
-
</g>
|
|
117
|
+
<svg width="1em" height="1em" viewBox="0 0 40 40">
|
|
118
|
+
<g>
|
|
119
|
+
<path
|
|
120
|
+
fill-rule="evenodd"
|
|
121
|
+
clip-rule="evenodd"
|
|
122
|
+
d="M15.6522 0H40V24.3478H37.3913C25.3851 24.3478 15.6522 14.6149 15.6522 2.6087V0Z"
|
|
123
|
+
fill="#0066CC"
|
|
124
|
+
/>
|
|
125
|
+
<path
|
|
126
|
+
fill-rule="evenodd"
|
|
127
|
+
clip-rule="evenodd"
|
|
128
|
+
d="M40 0.869568L16.5217 40H34.9367C37.7331 40 40 37.7331 40 34.9367V0.869568Z"
|
|
129
|
+
fill="url(#paint0_linear_6460_7774-stacked-pf-logo-default)"
|
|
130
|
+
/>
|
|
131
|
+
<path
|
|
132
|
+
fill-rule="evenodd"
|
|
133
|
+
clip-rule="evenodd"
|
|
134
|
+
d="M39.1304 9.53674e-06L-3.8147e-06 23.4783V5.0633C-3.8147e-06 2.26692 2.26691 9.53674e-06 5.06329 9.53674e-06L39.1304 9.53674e-06Z"
|
|
135
|
+
fill="url(#paint1_linear_6460_7774-stacked-pf-logo-default)"
|
|
136
|
+
/>
|
|
141
137
|
</g>
|
|
138
|
+
<defs>
|
|
139
|
+
<linearGradient
|
|
140
|
+
id="paint0_linear_6460_7774-stacked-pf-logo-default"
|
|
141
|
+
x1="1613.04"
|
|
142
|
+
y1="0.869504"
|
|
143
|
+
x2="-337.034"
|
|
144
|
+
y2="3251"
|
|
145
|
+
gradientUnits="userSpaceOnUse"
|
|
146
|
+
>
|
|
147
|
+
<stop stop-color="#2B9AF3" />
|
|
148
|
+
<stop offset="1" stop-color="#73BCF7" stop-opacity="0.502213" />
|
|
149
|
+
</linearGradient>
|
|
150
|
+
<linearGradient
|
|
151
|
+
id="paint1_linear_6460_7774-stacked-pf-logo-default"
|
|
152
|
+
x1="39.1305"
|
|
153
|
+
y1="-1573.04"
|
|
154
|
+
x2="-3211"
|
|
155
|
+
y2="377.033"
|
|
156
|
+
gradientUnits="userSpaceOnUse"
|
|
157
|
+
>
|
|
158
|
+
<stop stop-color="#2B9AF3" />
|
|
159
|
+
<stop offset="1" stop-color="#73BCF7" stop-opacity="0.502213" />
|
|
160
|
+
</linearGradient>
|
|
161
|
+
</defs>
|
|
142
162
|
</svg>
|
|
143
163
|
</div>
|
|
144
164
|
<div class="pf-v5-c-tile__title">Default</div>
|
|
@@ -148,31 +168,51 @@ cssPrefix: pf-v5-c-tile
|
|
|
148
168
|
<div class="pf-v5-c-tile pf-m-selected" tabindex="0">
|
|
149
169
|
<div class="pf-v5-c-tile__header pf-m-stacked">
|
|
150
170
|
<div class="pf-v5-c-tile__icon">
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
</g>
|
|
172
|
-
</g>
|
|
173
|
-
</g>
|
|
174
|
-
</g>
|
|
171
|
+
<svg width="1em" height="1em" viewBox="0 0 40 40">
|
|
172
|
+
<g>
|
|
173
|
+
<path
|
|
174
|
+
fill-rule="evenodd"
|
|
175
|
+
clip-rule="evenodd"
|
|
176
|
+
d="M15.6522 0H40V24.3478H37.3913C25.3851 24.3478 15.6522 14.6149 15.6522 2.6087V0Z"
|
|
177
|
+
fill="#0066CC"
|
|
178
|
+
/>
|
|
179
|
+
<path
|
|
180
|
+
fill-rule="evenodd"
|
|
181
|
+
clip-rule="evenodd"
|
|
182
|
+
d="M40 0.869568L16.5217 40H34.9367C37.7331 40 40 37.7331 40 34.9367V0.869568Z"
|
|
183
|
+
fill="url(#paint0_linear_6460_7774-stacked-pf-logo-selected)"
|
|
184
|
+
/>
|
|
185
|
+
<path
|
|
186
|
+
fill-rule="evenodd"
|
|
187
|
+
clip-rule="evenodd"
|
|
188
|
+
d="M39.1304 9.53674e-06L-3.8147e-06 23.4783V5.0633C-3.8147e-06 2.26692 2.26691 9.53674e-06 5.06329 9.53674e-06L39.1304 9.53674e-06Z"
|
|
189
|
+
fill="url(#paint1_linear_6460_7774-stacked-pf-logo-selected)"
|
|
190
|
+
/>
|
|
175
191
|
</g>
|
|
192
|
+
<defs>
|
|
193
|
+
<linearGradient
|
|
194
|
+
id="paint0_linear_6460_7774-stacked-pf-logo-selected"
|
|
195
|
+
x1="1613.04"
|
|
196
|
+
y1="0.869504"
|
|
197
|
+
x2="-337.034"
|
|
198
|
+
y2="3251"
|
|
199
|
+
gradientUnits="userSpaceOnUse"
|
|
200
|
+
>
|
|
201
|
+
<stop stop-color="#2B9AF3" />
|
|
202
|
+
<stop offset="1" stop-color="#73BCF7" stop-opacity="0.502213" />
|
|
203
|
+
</linearGradient>
|
|
204
|
+
<linearGradient
|
|
205
|
+
id="paint1_linear_6460_7774-stacked-pf-logo-selected"
|
|
206
|
+
x1="39.1305"
|
|
207
|
+
y1="-1573.04"
|
|
208
|
+
x2="-3211"
|
|
209
|
+
y2="377.033"
|
|
210
|
+
gradientUnits="userSpaceOnUse"
|
|
211
|
+
>
|
|
212
|
+
<stop stop-color="#2B9AF3" />
|
|
213
|
+
<stop offset="1" stop-color="#73BCF7" stop-opacity="0.502213" />
|
|
214
|
+
</linearGradient>
|
|
215
|
+
</defs>
|
|
176
216
|
</svg>
|
|
177
217
|
</div>
|
|
178
218
|
<div class="pf-v5-c-tile__title">Selected</div>
|
|
@@ -182,31 +222,51 @@ cssPrefix: pf-v5-c-tile
|
|
|
182
222
|
<div class="pf-v5-c-tile pf-m-disabled" tabindex="-1">
|
|
183
223
|
<div class="pf-v5-c-tile__header pf-m-stacked">
|
|
184
224
|
<div class="pf-v5-c-tile__icon">
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
</g>
|
|
206
|
-
</g>
|
|
207
|
-
</g>
|
|
208
|
-
</g>
|
|
225
|
+
<svg width="1em" height="1em" viewBox="0 0 40 40">
|
|
226
|
+
<g>
|
|
227
|
+
<path
|
|
228
|
+
fill-rule="evenodd"
|
|
229
|
+
clip-rule="evenodd"
|
|
230
|
+
d="M15.6522 0H40V24.3478H37.3913C25.3851 24.3478 15.6522 14.6149 15.6522 2.6087V0Z"
|
|
231
|
+
fill="#0066CC"
|
|
232
|
+
/>
|
|
233
|
+
<path
|
|
234
|
+
fill-rule="evenodd"
|
|
235
|
+
clip-rule="evenodd"
|
|
236
|
+
d="M40 0.869568L16.5217 40H34.9367C37.7331 40 40 37.7331 40 34.9367V0.869568Z"
|
|
237
|
+
fill="url(#paint0_linear_6460_7774-stacked-pf-logo-disabled)"
|
|
238
|
+
/>
|
|
239
|
+
<path
|
|
240
|
+
fill-rule="evenodd"
|
|
241
|
+
clip-rule="evenodd"
|
|
242
|
+
d="M39.1304 9.53674e-06L-3.8147e-06 23.4783V5.0633C-3.8147e-06 2.26692 2.26691 9.53674e-06 5.06329 9.53674e-06L39.1304 9.53674e-06Z"
|
|
243
|
+
fill="url(#paint1_linear_6460_7774-stacked-pf-logo-disabled)"
|
|
244
|
+
/>
|
|
209
245
|
</g>
|
|
246
|
+
<defs>
|
|
247
|
+
<linearGradient
|
|
248
|
+
id="paint0_linear_6460_7774-stacked-pf-logo-disabled"
|
|
249
|
+
x1="1613.04"
|
|
250
|
+
y1="0.869504"
|
|
251
|
+
x2="-337.034"
|
|
252
|
+
y2="3251"
|
|
253
|
+
gradientUnits="userSpaceOnUse"
|
|
254
|
+
>
|
|
255
|
+
<stop stop-color="#2B9AF3" />
|
|
256
|
+
<stop offset="1" stop-color="#73BCF7" stop-opacity="0.502213" />
|
|
257
|
+
</linearGradient>
|
|
258
|
+
<linearGradient
|
|
259
|
+
id="paint1_linear_6460_7774-stacked-pf-logo-disabled"
|
|
260
|
+
x1="39.1305"
|
|
261
|
+
y1="-1573.04"
|
|
262
|
+
x2="-3211"
|
|
263
|
+
y2="377.033"
|
|
264
|
+
gradientUnits="userSpaceOnUse"
|
|
265
|
+
>
|
|
266
|
+
<stop stop-color="#2B9AF3" />
|
|
267
|
+
<stop offset="1" stop-color="#73BCF7" stop-opacity="0.502213" />
|
|
268
|
+
</linearGradient>
|
|
269
|
+
</defs>
|
|
210
270
|
</svg>
|
|
211
271
|
</div>
|
|
212
272
|
<div class="pf-v5-c-tile__title">Disabled</div>
|
|
@@ -489,31 +549,51 @@ cssPrefix: pf-v5-c-tile
|
|
|
489
549
|
<div class="pf-v5-c-tile pf-m-display-lg" tabindex="0">
|
|
490
550
|
<div class="pf-v5-c-tile__header pf-m-stacked">
|
|
491
551
|
<div class="pf-v5-c-tile__icon">
|
|
492
|
-
|
|
493
|
-
|
|
494
|
-
|
|
495
|
-
|
|
496
|
-
|
|
497
|
-
|
|
498
|
-
|
|
499
|
-
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
|
|
509
|
-
|
|
510
|
-
|
|
511
|
-
|
|
512
|
-
</g>
|
|
513
|
-
</g>
|
|
514
|
-
</g>
|
|
515
|
-
</g>
|
|
552
|
+
<svg width="1em" height="1em" viewBox="0 0 40 40">
|
|
553
|
+
<g>
|
|
554
|
+
<path
|
|
555
|
+
fill-rule="evenodd"
|
|
556
|
+
clip-rule="evenodd"
|
|
557
|
+
d="M15.6522 0H40V24.3478H37.3913C25.3851 24.3478 15.6522 14.6149 15.6522 2.6087V0Z"
|
|
558
|
+
fill="#0066CC"
|
|
559
|
+
/>
|
|
560
|
+
<path
|
|
561
|
+
fill-rule="evenodd"
|
|
562
|
+
clip-rule="evenodd"
|
|
563
|
+
d="M40 0.869568L16.5217 40H34.9367C37.7331 40 40 37.7331 40 34.9367V0.869568Z"
|
|
564
|
+
fill="url(#paint0_linear_6460_7774-stacked-large-pf-logo-default)"
|
|
565
|
+
/>
|
|
566
|
+
<path
|
|
567
|
+
fill-rule="evenodd"
|
|
568
|
+
clip-rule="evenodd"
|
|
569
|
+
d="M39.1304 9.53674e-06L-3.8147e-06 23.4783V5.0633C-3.8147e-06 2.26692 2.26691 9.53674e-06 5.06329 9.53674e-06L39.1304 9.53674e-06Z"
|
|
570
|
+
fill="url(#paint1_linear_6460_7774-stacked-large-pf-logo-default)"
|
|
571
|
+
/>
|
|
516
572
|
</g>
|
|
573
|
+
<defs>
|
|
574
|
+
<linearGradient
|
|
575
|
+
id="paint0_linear_6460_7774-stacked-large-pf-logo-default"
|
|
576
|
+
x1="1613.04"
|
|
577
|
+
y1="0.869504"
|
|
578
|
+
x2="-337.034"
|
|
579
|
+
y2="3251"
|
|
580
|
+
gradientUnits="userSpaceOnUse"
|
|
581
|
+
>
|
|
582
|
+
<stop stop-color="#2B9AF3" />
|
|
583
|
+
<stop offset="1" stop-color="#73BCF7" stop-opacity="0.502213" />
|
|
584
|
+
</linearGradient>
|
|
585
|
+
<linearGradient
|
|
586
|
+
id="paint1_linear_6460_7774-stacked-large-pf-logo-default"
|
|
587
|
+
x1="39.1305"
|
|
588
|
+
y1="-1573.04"
|
|
589
|
+
x2="-3211"
|
|
590
|
+
y2="377.033"
|
|
591
|
+
gradientUnits="userSpaceOnUse"
|
|
592
|
+
>
|
|
593
|
+
<stop stop-color="#2B9AF3" />
|
|
594
|
+
<stop offset="1" stop-color="#73BCF7" stop-opacity="0.502213" />
|
|
595
|
+
</linearGradient>
|
|
596
|
+
</defs>
|
|
517
597
|
</svg>
|
|
518
598
|
</div>
|
|
519
599
|
<div class="pf-v5-c-tile__title">Default</div>
|
|
@@ -523,31 +603,51 @@ cssPrefix: pf-v5-c-tile
|
|
|
523
603
|
<div class="pf-v5-c-tile pf-m-display-lg pf-m-selected" tabindex="0">
|
|
524
604
|
<div class="pf-v5-c-tile__header pf-m-stacked">
|
|
525
605
|
<div class="pf-v5-c-tile__icon">
|
|
526
|
-
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
|
|
532
|
-
|
|
533
|
-
|
|
534
|
-
|
|
535
|
-
|
|
536
|
-
|
|
537
|
-
|
|
538
|
-
|
|
539
|
-
|
|
540
|
-
|
|
541
|
-
|
|
542
|
-
|
|
543
|
-
|
|
544
|
-
|
|
545
|
-
|
|
546
|
-
</g>
|
|
547
|
-
</g>
|
|
548
|
-
</g>
|
|
549
|
-
</g>
|
|
606
|
+
<svg width="1em" height="1em" viewBox="0 0 40 40">
|
|
607
|
+
<g>
|
|
608
|
+
<path
|
|
609
|
+
fill-rule="evenodd"
|
|
610
|
+
clip-rule="evenodd"
|
|
611
|
+
d="M15.6522 0H40V24.3478H37.3913C25.3851 24.3478 15.6522 14.6149 15.6522 2.6087V0Z"
|
|
612
|
+
fill="#0066CC"
|
|
613
|
+
/>
|
|
614
|
+
<path
|
|
615
|
+
fill-rule="evenodd"
|
|
616
|
+
clip-rule="evenodd"
|
|
617
|
+
d="M40 0.869568L16.5217 40H34.9367C37.7331 40 40 37.7331 40 34.9367V0.869568Z"
|
|
618
|
+
fill="url(#paint0_linear_6460_7774-stacked-large-pf-logo-selected)"
|
|
619
|
+
/>
|
|
620
|
+
<path
|
|
621
|
+
fill-rule="evenodd"
|
|
622
|
+
clip-rule="evenodd"
|
|
623
|
+
d="M39.1304 9.53674e-06L-3.8147e-06 23.4783V5.0633C-3.8147e-06 2.26692 2.26691 9.53674e-06 5.06329 9.53674e-06L39.1304 9.53674e-06Z"
|
|
624
|
+
fill="url(#paint1_linear_6460_7774-stacked-large-pf-logo-selected)"
|
|
625
|
+
/>
|
|
550
626
|
</g>
|
|
627
|
+
<defs>
|
|
628
|
+
<linearGradient
|
|
629
|
+
id="paint0_linear_6460_7774-stacked-large-pf-logo-selected"
|
|
630
|
+
x1="1613.04"
|
|
631
|
+
y1="0.869504"
|
|
632
|
+
x2="-337.034"
|
|
633
|
+
y2="3251"
|
|
634
|
+
gradientUnits="userSpaceOnUse"
|
|
635
|
+
>
|
|
636
|
+
<stop stop-color="#2B9AF3" />
|
|
637
|
+
<stop offset="1" stop-color="#73BCF7" stop-opacity="0.502213" />
|
|
638
|
+
</linearGradient>
|
|
639
|
+
<linearGradient
|
|
640
|
+
id="paint1_linear_6460_7774-stacked-large-pf-logo-selected"
|
|
641
|
+
x1="39.1305"
|
|
642
|
+
y1="-1573.04"
|
|
643
|
+
x2="-3211"
|
|
644
|
+
y2="377.033"
|
|
645
|
+
gradientUnits="userSpaceOnUse"
|
|
646
|
+
>
|
|
647
|
+
<stop stop-color="#2B9AF3" />
|
|
648
|
+
<stop offset="1" stop-color="#73BCF7" stop-opacity="0.502213" />
|
|
649
|
+
</linearGradient>
|
|
650
|
+
</defs>
|
|
551
651
|
</svg>
|
|
552
652
|
</div>
|
|
553
653
|
<div class="pf-v5-c-tile__title">Selected</div>
|
|
@@ -557,31 +657,51 @@ cssPrefix: pf-v5-c-tile
|
|
|
557
657
|
<div class="pf-v5-c-tile pf-m-disabled pf-m-display-lg" tabindex="-1">
|
|
558
658
|
<div class="pf-v5-c-tile__header pf-m-stacked">
|
|
559
659
|
<div class="pf-v5-c-tile__icon">
|
|
560
|
-
|
|
561
|
-
|
|
562
|
-
|
|
563
|
-
|
|
564
|
-
|
|
565
|
-
|
|
566
|
-
|
|
567
|
-
|
|
568
|
-
|
|
569
|
-
|
|
570
|
-
|
|
571
|
-
|
|
572
|
-
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
|
|
576
|
-
|
|
577
|
-
|
|
578
|
-
|
|
579
|
-
|
|
580
|
-
</g>
|
|
581
|
-
</g>
|
|
582
|
-
</g>
|
|
583
|
-
</g>
|
|
660
|
+
<svg width="1em" height="1em" viewBox="0 0 40 40">
|
|
661
|
+
<g>
|
|
662
|
+
<path
|
|
663
|
+
fill-rule="evenodd"
|
|
664
|
+
clip-rule="evenodd"
|
|
665
|
+
d="M15.6522 0H40V24.3478H37.3913C25.3851 24.3478 15.6522 14.6149 15.6522 2.6087V0Z"
|
|
666
|
+
fill="#0066CC"
|
|
667
|
+
/>
|
|
668
|
+
<path
|
|
669
|
+
fill-rule="evenodd"
|
|
670
|
+
clip-rule="evenodd"
|
|
671
|
+
d="M40 0.869568L16.5217 40H34.9367C37.7331 40 40 37.7331 40 34.9367V0.869568Z"
|
|
672
|
+
fill="url(#paint0_linear_6460_7774-stacked-large-pf-logo-disabled)"
|
|
673
|
+
/>
|
|
674
|
+
<path
|
|
675
|
+
fill-rule="evenodd"
|
|
676
|
+
clip-rule="evenodd"
|
|
677
|
+
d="M39.1304 9.53674e-06L-3.8147e-06 23.4783V5.0633C-3.8147e-06 2.26692 2.26691 9.53674e-06 5.06329 9.53674e-06L39.1304 9.53674e-06Z"
|
|
678
|
+
fill="url(#paint1_linear_6460_7774-stacked-large-pf-logo-disabled)"
|
|
679
|
+
/>
|
|
584
680
|
</g>
|
|
681
|
+
<defs>
|
|
682
|
+
<linearGradient
|
|
683
|
+
id="paint0_linear_6460_7774-stacked-large-pf-logo-disabled"
|
|
684
|
+
x1="1613.04"
|
|
685
|
+
y1="0.869504"
|
|
686
|
+
x2="-337.034"
|
|
687
|
+
y2="3251"
|
|
688
|
+
gradientUnits="userSpaceOnUse"
|
|
689
|
+
>
|
|
690
|
+
<stop stop-color="#2B9AF3" />
|
|
691
|
+
<stop offset="1" stop-color="#73BCF7" stop-opacity="0.502213" />
|
|
692
|
+
</linearGradient>
|
|
693
|
+
<linearGradient
|
|
694
|
+
id="paint1_linear_6460_7774-stacked-large-pf-logo-disabled"
|
|
695
|
+
x1="39.1305"
|
|
696
|
+
y1="-1573.04"
|
|
697
|
+
x2="-3211"
|
|
698
|
+
y2="377.033"
|
|
699
|
+
gradientUnits="userSpaceOnUse"
|
|
700
|
+
>
|
|
701
|
+
<stop stop-color="#2B9AF3" />
|
|
702
|
+
<stop offset="1" stop-color="#73BCF7" stop-opacity="0.502213" />
|
|
703
|
+
</linearGradient>
|
|
704
|
+
</defs>
|
|
585
705
|
</svg>
|
|
586
706
|
</div>
|
|
587
707
|
<div class="pf-v5-c-tile__title">Disabled</div>
|