@patternfly/patternfly 4.222.0 → 4.222.2
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/InputGroup/input-group.css +14 -0
- package/components/InputGroup/input-group.scss +9 -0
- package/components/InputGroup/themes/dark/input-group.scss +8 -0
- package/components/Slider/slider.css +0 -7
- package/components/Slider/slider.scss +0 -9
- package/docs/components/InputGroup/examples/InputGroup.md +1 -0
- package/docs/components/Slider/examples/Slider.md +6 -6
- package/docs/demos/Tabs/examples/Tabs.md +37 -534
- package/package.json +1 -1
- package/patternfly-no-reset.css +14 -7
- package/patternfly.css +14 -7
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -4433,81 +4433,6 @@ section: components
|
|
|
4433
4433
|
</div>
|
|
4434
4434
|
</div>
|
|
4435
4435
|
</div>
|
|
4436
|
-
|
|
4437
|
-
<div class="pf-c-toolbar__item pf-m-pagination">
|
|
4438
|
-
<div class="pf-c-pagination pf-m-compact">
|
|
4439
|
-
<div class="pf-c-options-menu">
|
|
4440
|
-
<button
|
|
4441
|
-
class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
|
|
4442
|
-
type="button"
|
|
4443
|
-
id="table-tabs-example-tabs-toolbar-top-pagination-toggle"
|
|
4444
|
-
aria-haspopup="listbox"
|
|
4445
|
-
aria-expanded="false"
|
|
4446
|
-
>
|
|
4447
|
-
<span class="pf-c-options-menu__toggle-text">
|
|
4448
|
-
<b>1 - 10</b> of
|
|
4449
|
-
<b>36</b>
|
|
4450
|
-
</span>
|
|
4451
|
-
<div class="pf-c-options-menu__toggle-icon">
|
|
4452
|
-
<i class="fas fa-caret-down" aria-hidden="true"></i>
|
|
4453
|
-
</div>
|
|
4454
|
-
</button>
|
|
4455
|
-
<ul
|
|
4456
|
-
class="pf-c-options-menu__menu"
|
|
4457
|
-
aria-labelledby="table-tabs-example-tabs-toolbar-top-pagination-toggle"
|
|
4458
|
-
hidden
|
|
4459
|
-
>
|
|
4460
|
-
<li>
|
|
4461
|
-
<button
|
|
4462
|
-
class="pf-c-options-menu__menu-item"
|
|
4463
|
-
type="button"
|
|
4464
|
-
>5 per page</button>
|
|
4465
|
-
</li>
|
|
4466
|
-
<li>
|
|
4467
|
-
<button
|
|
4468
|
-
class="pf-c-options-menu__menu-item"
|
|
4469
|
-
type="button"
|
|
4470
|
-
>
|
|
4471
|
-
10 per page
|
|
4472
|
-
<div class="pf-c-options-menu__menu-item-icon">
|
|
4473
|
-
<i class="fas fa-check" aria-hidden="true"></i>
|
|
4474
|
-
</div>
|
|
4475
|
-
</button>
|
|
4476
|
-
</li>
|
|
4477
|
-
<li>
|
|
4478
|
-
<button
|
|
4479
|
-
class="pf-c-options-menu__menu-item"
|
|
4480
|
-
type="button"
|
|
4481
|
-
>20 per page</button>
|
|
4482
|
-
</li>
|
|
4483
|
-
</ul>
|
|
4484
|
-
</div>
|
|
4485
|
-
<nav
|
|
4486
|
-
class="pf-c-pagination__nav"
|
|
4487
|
-
aria-label="Toolbar top pagination"
|
|
4488
|
-
>
|
|
4489
|
-
<div class="pf-c-pagination__nav-control pf-m-prev">
|
|
4490
|
-
<button
|
|
4491
|
-
class="pf-c-button pf-m-plain"
|
|
4492
|
-
type="button"
|
|
4493
|
-
disabled
|
|
4494
|
-
aria-label="Go to previous page"
|
|
4495
|
-
>
|
|
4496
|
-
<i class="fas fa-angle-left" aria-hidden="true"></i>
|
|
4497
|
-
</button>
|
|
4498
|
-
</div>
|
|
4499
|
-
<div class="pf-c-pagination__nav-control pf-m-next">
|
|
4500
|
-
<button
|
|
4501
|
-
class="pf-c-button pf-m-plain"
|
|
4502
|
-
type="button"
|
|
4503
|
-
aria-label="Go to next page"
|
|
4504
|
-
>
|
|
4505
|
-
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
4506
|
-
</button>
|
|
4507
|
-
</div>
|
|
4508
|
-
</nav>
|
|
4509
|
-
</div>
|
|
4510
|
-
</div>
|
|
4511
4436
|
</div>
|
|
4512
4437
|
|
|
4513
4438
|
<div
|
|
@@ -4907,467 +4832,8 @@ section: components
|
|
|
4907
4832
|
</div>
|
|
4908
4833
|
</td>
|
|
4909
4834
|
</tr>
|
|
4910
|
-
|
|
4911
|
-
<tr role="row">
|
|
4912
|
-
<td class="pf-c-table__check" role="cell">
|
|
4913
|
-
<input
|
|
4914
|
-
type="checkbox"
|
|
4915
|
-
name="checkrow6"
|
|
4916
|
-
aria-labelledby="table-tabs-example-table-node6"
|
|
4917
|
-
/>
|
|
4918
|
-
</td>
|
|
4919
|
-
<th role="columnheader" data-label="Repository name">
|
|
4920
|
-
<div>
|
|
4921
|
-
<div id="table-tabs-example-table-node6">Node 6</div>
|
|
4922
|
-
<a href="#">siemur/test-space</a>
|
|
4923
|
-
</div>
|
|
4924
|
-
</th>
|
|
4925
|
-
<td role="cell" data-label="Branches">
|
|
4926
|
-
<div class="pf-l-flex pf-m-space-items-sm pf-m-nowrap">
|
|
4927
|
-
<div class="pf-l-flex__item">34</div>
|
|
4928
|
-
<div class="pf-l-flex__item">
|
|
4929
|
-
<i class="fas fa-code-branch"></i>
|
|
4930
|
-
</div>
|
|
4931
|
-
</div>
|
|
4932
|
-
</td>
|
|
4933
|
-
<td role="cell" data-label="Pull requests">
|
|
4934
|
-
<div class="pf-l-flex pf-m-space-items-sm pf-m-nowrap">
|
|
4935
|
-
<div class="pf-l-flex__item">21</div>
|
|
4936
|
-
<div class="pf-l-flex__item">
|
|
4937
|
-
<i class="fas fa-code"></i>
|
|
4938
|
-
</div>
|
|
4939
|
-
</div>
|
|
4940
|
-
</td>
|
|
4941
|
-
<td role="cell" data-label="Workspaces">
|
|
4942
|
-
<div class="pf-l-flex pf-m-space-items-sm pf-m-nowrap">
|
|
4943
|
-
<div class="pf-l-flex__item">26</div>
|
|
4944
|
-
<div class="pf-l-flex__item">
|
|
4945
|
-
<i class="fas fa-cube"></i>
|
|
4946
|
-
</div>
|
|
4947
|
-
</div>
|
|
4948
|
-
</td>
|
|
4949
|
-
<td role="cell" data-label="Last commit">2 days ago</td>
|
|
4950
|
-
<td class="pf-c-table__action" role="cell">
|
|
4951
|
-
<div
|
|
4952
|
-
class="pf-c-overflow-menu"
|
|
4953
|
-
id="table-tabs-example-table-dropdown-kebab-6"
|
|
4954
|
-
>
|
|
4955
|
-
<div class="pf-c-overflow-menu__control">
|
|
4956
|
-
<div class="pf-c-dropdown">
|
|
4957
|
-
<button
|
|
4958
|
-
class="pf-c-button pf-c-dropdown__toggle pf-m-plain"
|
|
4959
|
-
type="button"
|
|
4960
|
-
id="table-tabs-example-table-dropdown-kebab-6-dropdown-toggle"
|
|
4961
|
-
aria-label="Dropdown for tabs table"
|
|
4962
|
-
aria-expanded="false"
|
|
4963
|
-
>
|
|
4964
|
-
<i class="fas fa-ellipsis-v" aria-hidden="true"></i>
|
|
4965
|
-
</button>
|
|
4966
|
-
<ul
|
|
4967
|
-
class="pf-c-dropdown__menu pf-m-align-right"
|
|
4968
|
-
aria-labelledby="table-tabs-example-table-dropdown-kebab-6-dropdown-toggle"
|
|
4969
|
-
hidden
|
|
4970
|
-
>
|
|
4971
|
-
<li>
|
|
4972
|
-
<button
|
|
4973
|
-
class="pf-c-dropdown__menu-item"
|
|
4974
|
-
>Action Link</button>
|
|
4975
|
-
</li>
|
|
4976
|
-
</ul>
|
|
4977
|
-
</div>
|
|
4978
|
-
</div>
|
|
4979
|
-
</div>
|
|
4980
|
-
</td>
|
|
4981
|
-
</tr>
|
|
4982
|
-
|
|
4983
|
-
<tr role="row">
|
|
4984
|
-
<td class="pf-c-table__check" role="cell">
|
|
4985
|
-
<input
|
|
4986
|
-
type="checkbox"
|
|
4987
|
-
name="checkrow7"
|
|
4988
|
-
aria-labelledby="table-tabs-example-table-node7"
|
|
4989
|
-
/>
|
|
4990
|
-
</td>
|
|
4991
|
-
<th role="columnheader" data-label="Repository name">
|
|
4992
|
-
<div>
|
|
4993
|
-
<div id="table-tabs-example-table-node7">Node 7</div>
|
|
4994
|
-
<a href="#">siemur/test-space</a>
|
|
4995
|
-
</div>
|
|
4996
|
-
</th>
|
|
4997
|
-
<td role="cell" data-label="Branches">
|
|
4998
|
-
<div class="pf-l-flex pf-m-space-items-sm pf-m-nowrap">
|
|
4999
|
-
<div class="pf-l-flex__item">34</div>
|
|
5000
|
-
<div class="pf-l-flex__item">
|
|
5001
|
-
<i class="fas fa-code-branch"></i>
|
|
5002
|
-
</div>
|
|
5003
|
-
</div>
|
|
5004
|
-
</td>
|
|
5005
|
-
<td role="cell" data-label="Pull requests">
|
|
5006
|
-
<div class="pf-l-flex pf-m-space-items-sm pf-m-nowrap">
|
|
5007
|
-
<div class="pf-l-flex__item">21</div>
|
|
5008
|
-
<div class="pf-l-flex__item">
|
|
5009
|
-
<i class="fas fa-code"></i>
|
|
5010
|
-
</div>
|
|
5011
|
-
</div>
|
|
5012
|
-
</td>
|
|
5013
|
-
<td role="cell" data-label="Workspaces">
|
|
5014
|
-
<div class="pf-l-flex pf-m-space-items-sm pf-m-nowrap">
|
|
5015
|
-
<div class="pf-l-flex__item">26</div>
|
|
5016
|
-
<div class="pf-l-flex__item">
|
|
5017
|
-
<i class="fas fa-cube"></i>
|
|
5018
|
-
</div>
|
|
5019
|
-
</div>
|
|
5020
|
-
</td>
|
|
5021
|
-
<td role="cell" data-label="Last commit">2 days ago</td>
|
|
5022
|
-
<td class="pf-c-table__action" role="cell">
|
|
5023
|
-
<div
|
|
5024
|
-
class="pf-c-overflow-menu"
|
|
5025
|
-
id="table-tabs-example-table-dropdown-kebab-7"
|
|
5026
|
-
>
|
|
5027
|
-
<div class="pf-c-overflow-menu__control">
|
|
5028
|
-
<div class="pf-c-dropdown">
|
|
5029
|
-
<button
|
|
5030
|
-
class="pf-c-button pf-c-dropdown__toggle pf-m-plain"
|
|
5031
|
-
type="button"
|
|
5032
|
-
id="table-tabs-example-table-dropdown-kebab-7-dropdown-toggle"
|
|
5033
|
-
aria-label="Dropdown for tabs table"
|
|
5034
|
-
aria-expanded="false"
|
|
5035
|
-
>
|
|
5036
|
-
<i class="fas fa-ellipsis-v" aria-hidden="true"></i>
|
|
5037
|
-
</button>
|
|
5038
|
-
<ul
|
|
5039
|
-
class="pf-c-dropdown__menu pf-m-align-right"
|
|
5040
|
-
aria-labelledby="table-tabs-example-table-dropdown-kebab-7-dropdown-toggle"
|
|
5041
|
-
hidden
|
|
5042
|
-
>
|
|
5043
|
-
<li>
|
|
5044
|
-
<button
|
|
5045
|
-
class="pf-c-dropdown__menu-item"
|
|
5046
|
-
>Action Link</button>
|
|
5047
|
-
</li>
|
|
5048
|
-
</ul>
|
|
5049
|
-
</div>
|
|
5050
|
-
</div>
|
|
5051
|
-
</div>
|
|
5052
|
-
</td>
|
|
5053
|
-
</tr>
|
|
5054
|
-
|
|
5055
|
-
<tr role="row">
|
|
5056
|
-
<td class="pf-c-table__check" role="cell">
|
|
5057
|
-
<input
|
|
5058
|
-
type="checkbox"
|
|
5059
|
-
name="checkrow8"
|
|
5060
|
-
aria-labelledby="table-tabs-example-table-node8"
|
|
5061
|
-
/>
|
|
5062
|
-
</td>
|
|
5063
|
-
<th role="columnheader" data-label="Repository name">
|
|
5064
|
-
<div>
|
|
5065
|
-
<div id="table-tabs-example-table-node8">Node 8</div>
|
|
5066
|
-
<a href="#">siemur/test-space</a>
|
|
5067
|
-
</div>
|
|
5068
|
-
</th>
|
|
5069
|
-
<td role="cell" data-label="Branches">
|
|
5070
|
-
<div class="pf-l-flex pf-m-space-items-sm pf-m-nowrap">
|
|
5071
|
-
<div class="pf-l-flex__item">34</div>
|
|
5072
|
-
<div class="pf-l-flex__item">
|
|
5073
|
-
<i class="fas fa-code-branch"></i>
|
|
5074
|
-
</div>
|
|
5075
|
-
</div>
|
|
5076
|
-
</td>
|
|
5077
|
-
<td role="cell" data-label="Pull requests">
|
|
5078
|
-
<div class="pf-l-flex pf-m-space-items-sm pf-m-nowrap">
|
|
5079
|
-
<div class="pf-l-flex__item">21</div>
|
|
5080
|
-
<div class="pf-l-flex__item">
|
|
5081
|
-
<i class="fas fa-code"></i>
|
|
5082
|
-
</div>
|
|
5083
|
-
</div>
|
|
5084
|
-
</td>
|
|
5085
|
-
<td role="cell" data-label="Workspaces">
|
|
5086
|
-
<div class="pf-l-flex pf-m-space-items-sm pf-m-nowrap">
|
|
5087
|
-
<div class="pf-l-flex__item">26</div>
|
|
5088
|
-
<div class="pf-l-flex__item">
|
|
5089
|
-
<i class="fas fa-cube"></i>
|
|
5090
|
-
</div>
|
|
5091
|
-
</div>
|
|
5092
|
-
</td>
|
|
5093
|
-
<td role="cell" data-label="Last commit">2 days ago</td>
|
|
5094
|
-
<td class="pf-c-table__action" role="cell">
|
|
5095
|
-
<div
|
|
5096
|
-
class="pf-c-overflow-menu"
|
|
5097
|
-
id="table-tabs-example-table-dropdown-kebab-8"
|
|
5098
|
-
>
|
|
5099
|
-
<div class="pf-c-overflow-menu__control">
|
|
5100
|
-
<div class="pf-c-dropdown">
|
|
5101
|
-
<button
|
|
5102
|
-
class="pf-c-button pf-c-dropdown__toggle pf-m-plain"
|
|
5103
|
-
type="button"
|
|
5104
|
-
id="table-tabs-example-table-dropdown-kebab-8-dropdown-toggle"
|
|
5105
|
-
aria-label="Dropdown for tabs table"
|
|
5106
|
-
aria-expanded="false"
|
|
5107
|
-
>
|
|
5108
|
-
<i class="fas fa-ellipsis-v" aria-hidden="true"></i>
|
|
5109
|
-
</button>
|
|
5110
|
-
<ul
|
|
5111
|
-
class="pf-c-dropdown__menu pf-m-align-right"
|
|
5112
|
-
aria-labelledby="table-tabs-example-table-dropdown-kebab-8-dropdown-toggle"
|
|
5113
|
-
hidden
|
|
5114
|
-
>
|
|
5115
|
-
<li>
|
|
5116
|
-
<button
|
|
5117
|
-
class="pf-c-dropdown__menu-item"
|
|
5118
|
-
>Action Link</button>
|
|
5119
|
-
</li>
|
|
5120
|
-
</ul>
|
|
5121
|
-
</div>
|
|
5122
|
-
</div>
|
|
5123
|
-
</div>
|
|
5124
|
-
</td>
|
|
5125
|
-
</tr>
|
|
5126
|
-
|
|
5127
|
-
<tr role="row">
|
|
5128
|
-
<td class="pf-c-table__check" role="cell">
|
|
5129
|
-
<input
|
|
5130
|
-
type="checkbox"
|
|
5131
|
-
name="checkrow9"
|
|
5132
|
-
aria-labelledby="table-tabs-example-table-node9"
|
|
5133
|
-
/>
|
|
5134
|
-
</td>
|
|
5135
|
-
<th role="columnheader" data-label="Repository name">
|
|
5136
|
-
<div>
|
|
5137
|
-
<div id="table-tabs-example-table-node9">Node 9</div>
|
|
5138
|
-
<a href="#">siemur/test-space</a>
|
|
5139
|
-
</div>
|
|
5140
|
-
</th>
|
|
5141
|
-
<td role="cell" data-label="Branches">
|
|
5142
|
-
<div class="pf-l-flex pf-m-space-items-sm pf-m-nowrap">
|
|
5143
|
-
<div class="pf-l-flex__item">34</div>
|
|
5144
|
-
<div class="pf-l-flex__item">
|
|
5145
|
-
<i class="fas fa-code-branch"></i>
|
|
5146
|
-
</div>
|
|
5147
|
-
</div>
|
|
5148
|
-
</td>
|
|
5149
|
-
<td role="cell" data-label="Pull requests">
|
|
5150
|
-
<div class="pf-l-flex pf-m-space-items-sm pf-m-nowrap">
|
|
5151
|
-
<div class="pf-l-flex__item">21</div>
|
|
5152
|
-
<div class="pf-l-flex__item">
|
|
5153
|
-
<i class="fas fa-code"></i>
|
|
5154
|
-
</div>
|
|
5155
|
-
</div>
|
|
5156
|
-
</td>
|
|
5157
|
-
<td role="cell" data-label="Workspaces">
|
|
5158
|
-
<div class="pf-l-flex pf-m-space-items-sm pf-m-nowrap">
|
|
5159
|
-
<div class="pf-l-flex__item">26</div>
|
|
5160
|
-
<div class="pf-l-flex__item">
|
|
5161
|
-
<i class="fas fa-cube"></i>
|
|
5162
|
-
</div>
|
|
5163
|
-
</div>
|
|
5164
|
-
</td>
|
|
5165
|
-
<td role="cell" data-label="Last commit">2 days ago</td>
|
|
5166
|
-
<td class="pf-c-table__action" role="cell">
|
|
5167
|
-
<div
|
|
5168
|
-
class="pf-c-overflow-menu"
|
|
5169
|
-
id="table-tabs-example-table-dropdown-kebab-9"
|
|
5170
|
-
>
|
|
5171
|
-
<div class="pf-c-overflow-menu__control">
|
|
5172
|
-
<div class="pf-c-dropdown">
|
|
5173
|
-
<button
|
|
5174
|
-
class="pf-c-button pf-c-dropdown__toggle pf-m-plain"
|
|
5175
|
-
type="button"
|
|
5176
|
-
id="table-tabs-example-table-dropdown-kebab-9-dropdown-toggle"
|
|
5177
|
-
aria-label="Dropdown for tabs table"
|
|
5178
|
-
aria-expanded="false"
|
|
5179
|
-
>
|
|
5180
|
-
<i class="fas fa-ellipsis-v" aria-hidden="true"></i>
|
|
5181
|
-
</button>
|
|
5182
|
-
<ul
|
|
5183
|
-
class="pf-c-dropdown__menu pf-m-align-right"
|
|
5184
|
-
aria-labelledby="table-tabs-example-table-dropdown-kebab-9-dropdown-toggle"
|
|
5185
|
-
hidden
|
|
5186
|
-
>
|
|
5187
|
-
<li>
|
|
5188
|
-
<button
|
|
5189
|
-
class="pf-c-dropdown__menu-item"
|
|
5190
|
-
>Action Link</button>
|
|
5191
|
-
</li>
|
|
5192
|
-
</ul>
|
|
5193
|
-
</div>
|
|
5194
|
-
</div>
|
|
5195
|
-
</div>
|
|
5196
|
-
</td>
|
|
5197
|
-
</tr>
|
|
5198
|
-
|
|
5199
|
-
<tr role="row">
|
|
5200
|
-
<td class="pf-c-table__check" role="cell">
|
|
5201
|
-
<input
|
|
5202
|
-
type="checkbox"
|
|
5203
|
-
name="checkrow10"
|
|
5204
|
-
aria-labelledby="table-tabs-example-table-node10"
|
|
5205
|
-
/>
|
|
5206
|
-
</td>
|
|
5207
|
-
<th role="columnheader" data-label="Repository name">
|
|
5208
|
-
<div>
|
|
5209
|
-
<div id="table-tabs-example-table-node10">Node 10</div>
|
|
5210
|
-
<a href="#">siemur/test-space</a>
|
|
5211
|
-
</div>
|
|
5212
|
-
</th>
|
|
5213
|
-
<td role="cell" data-label="Branches">
|
|
5214
|
-
<div class="pf-l-flex pf-m-space-items-sm pf-m-nowrap">
|
|
5215
|
-
<div class="pf-l-flex__item">34</div>
|
|
5216
|
-
<div class="pf-l-flex__item">
|
|
5217
|
-
<i class="fas fa-code-branch"></i>
|
|
5218
|
-
</div>
|
|
5219
|
-
</div>
|
|
5220
|
-
</td>
|
|
5221
|
-
<td role="cell" data-label="Pull requests">
|
|
5222
|
-
<div class="pf-l-flex pf-m-space-items-sm pf-m-nowrap">
|
|
5223
|
-
<div class="pf-l-flex__item">21</div>
|
|
5224
|
-
<div class="pf-l-flex__item">
|
|
5225
|
-
<i class="fas fa-code"></i>
|
|
5226
|
-
</div>
|
|
5227
|
-
</div>
|
|
5228
|
-
</td>
|
|
5229
|
-
<td role="cell" data-label="Workspaces">
|
|
5230
|
-
<div class="pf-l-flex pf-m-space-items-sm pf-m-nowrap">
|
|
5231
|
-
<div class="pf-l-flex__item">26</div>
|
|
5232
|
-
<div class="pf-l-flex__item">
|
|
5233
|
-
<i class="fas fa-cube"></i>
|
|
5234
|
-
</div>
|
|
5235
|
-
</div>
|
|
5236
|
-
</td>
|
|
5237
|
-
<td role="cell" data-label="Last commit">2 days ago</td>
|
|
5238
|
-
<td class="pf-c-table__action" role="cell">
|
|
5239
|
-
<div
|
|
5240
|
-
class="pf-c-overflow-menu"
|
|
5241
|
-
id="table-tabs-example-table-dropdown-kebab-10"
|
|
5242
|
-
>
|
|
5243
|
-
<div class="pf-c-overflow-menu__control">
|
|
5244
|
-
<div class="pf-c-dropdown">
|
|
5245
|
-
<button
|
|
5246
|
-
class="pf-c-button pf-c-dropdown__toggle pf-m-plain"
|
|
5247
|
-
type="button"
|
|
5248
|
-
id="table-tabs-example-table-dropdown-kebab-10-dropdown-toggle"
|
|
5249
|
-
aria-label="Dropdown for tabs table"
|
|
5250
|
-
aria-expanded="false"
|
|
5251
|
-
>
|
|
5252
|
-
<i class="fas fa-ellipsis-v" aria-hidden="true"></i>
|
|
5253
|
-
</button>
|
|
5254
|
-
<ul
|
|
5255
|
-
class="pf-c-dropdown__menu pf-m-align-right"
|
|
5256
|
-
aria-labelledby="table-tabs-example-table-dropdown-kebab-10-dropdown-toggle"
|
|
5257
|
-
hidden
|
|
5258
|
-
>
|
|
5259
|
-
<li>
|
|
5260
|
-
<button
|
|
5261
|
-
class="pf-c-dropdown__menu-item"
|
|
5262
|
-
>Action Link</button>
|
|
5263
|
-
</li>
|
|
5264
|
-
</ul>
|
|
5265
|
-
</div>
|
|
5266
|
-
</div>
|
|
5267
|
-
</div>
|
|
5268
|
-
</td>
|
|
5269
|
-
</tr>
|
|
5270
4835
|
</tbody>
|
|
5271
4836
|
</table>
|
|
5272
|
-
<div class="pf-c-pagination pf-m-bottom">
|
|
5273
|
-
<div class="pf-c-options-menu pf-m-top">
|
|
5274
|
-
<button
|
|
5275
|
-
class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
|
|
5276
|
-
type="button"
|
|
5277
|
-
id="-footer-pagination-toggle"
|
|
5278
|
-
aria-haspopup="listbox"
|
|
5279
|
-
aria-expanded="false"
|
|
5280
|
-
>
|
|
5281
|
-
<span class="pf-c-options-menu__toggle-text">
|
|
5282
|
-
<b>1 - 10</b> of
|
|
5283
|
-
<b>36</b>
|
|
5284
|
-
</span>
|
|
5285
|
-
<div class="pf-c-options-menu__toggle-icon">
|
|
5286
|
-
<i class="fas fa-caret-down" aria-hidden="true"></i>
|
|
5287
|
-
</div>
|
|
5288
|
-
</button>
|
|
5289
|
-
<ul
|
|
5290
|
-
class="pf-c-options-menu__menu pf-m-top"
|
|
5291
|
-
aria-labelledby="-footer-pagination-toggle"
|
|
5292
|
-
hidden
|
|
5293
|
-
>
|
|
5294
|
-
<li>
|
|
5295
|
-
<button
|
|
5296
|
-
class="pf-c-options-menu__menu-item"
|
|
5297
|
-
type="button"
|
|
5298
|
-
>5 per page</button>
|
|
5299
|
-
</li>
|
|
5300
|
-
<li>
|
|
5301
|
-
<button
|
|
5302
|
-
class="pf-c-options-menu__menu-item"
|
|
5303
|
-
type="button"
|
|
5304
|
-
>
|
|
5305
|
-
10 per page
|
|
5306
|
-
<div class="pf-c-options-menu__menu-item-icon">
|
|
5307
|
-
<i class="fas fa-check" aria-hidden="true"></i>
|
|
5308
|
-
</div>
|
|
5309
|
-
</button>
|
|
5310
|
-
</li>
|
|
5311
|
-
<li>
|
|
5312
|
-
<button
|
|
5313
|
-
class="pf-c-options-menu__menu-item"
|
|
5314
|
-
type="button"
|
|
5315
|
-
>20 per page</button>
|
|
5316
|
-
</li>
|
|
5317
|
-
</ul>
|
|
5318
|
-
</div>
|
|
5319
|
-
<nav class="pf-c-pagination__nav" aria-label="Pagination">
|
|
5320
|
-
<div class="pf-c-pagination__nav-control pf-m-first">
|
|
5321
|
-
<button
|
|
5322
|
-
class="pf-c-button pf-m-plain"
|
|
5323
|
-
type="button"
|
|
5324
|
-
disabled
|
|
5325
|
-
aria-label="Go to first page"
|
|
5326
|
-
>
|
|
5327
|
-
<i class="fas fa-angle-double-left" aria-hidden="true"></i>
|
|
5328
|
-
</button>
|
|
5329
|
-
</div>
|
|
5330
|
-
<div class="pf-c-pagination__nav-control pf-m-prev">
|
|
5331
|
-
<button
|
|
5332
|
-
class="pf-c-button pf-m-plain"
|
|
5333
|
-
type="button"
|
|
5334
|
-
disabled
|
|
5335
|
-
aria-label="Go to previous page"
|
|
5336
|
-
>
|
|
5337
|
-
<i class="fas fa-angle-left" aria-hidden="true"></i>
|
|
5338
|
-
</button>
|
|
5339
|
-
</div>
|
|
5340
|
-
<div class="pf-c-pagination__nav-page-select">
|
|
5341
|
-
<input
|
|
5342
|
-
class="pf-c-form-control"
|
|
5343
|
-
aria-label="Current page"
|
|
5344
|
-
type="number"
|
|
5345
|
-
min="1"
|
|
5346
|
-
max="4"
|
|
5347
|
-
value="1"
|
|
5348
|
-
/>
|
|
5349
|
-
<span aria-hidden="true">of 4</span>
|
|
5350
|
-
</div>
|
|
5351
|
-
<div class="pf-c-pagination__nav-control pf-m-next">
|
|
5352
|
-
<button
|
|
5353
|
-
class="pf-c-button pf-m-plain"
|
|
5354
|
-
type="button"
|
|
5355
|
-
aria-label="Go to next page"
|
|
5356
|
-
>
|
|
5357
|
-
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
5358
|
-
</button>
|
|
5359
|
-
</div>
|
|
5360
|
-
<div class="pf-c-pagination__nav-control pf-m-last">
|
|
5361
|
-
<button
|
|
5362
|
-
class="pf-c-button pf-m-plain"
|
|
5363
|
-
type="button"
|
|
5364
|
-
aria-label="Go to last page"
|
|
5365
|
-
>
|
|
5366
|
-
<i class="fas fa-angle-double-right" aria-hidden="true"></i>
|
|
5367
|
-
</button>
|
|
5368
|
-
</div>
|
|
5369
|
-
</nav>
|
|
5370
|
-
</div>
|
|
5371
4837
|
</div>
|
|
5372
4838
|
</div>
|
|
5373
4839
|
|
|
@@ -5505,6 +4971,43 @@ section: components
|
|
|
5505
4971
|
</div>
|
|
5506
4972
|
</div>
|
|
5507
4973
|
</div>
|
|
4974
|
+
<div class="pf-l-flex pf-m-column">
|
|
4975
|
+
<div class="pf-l-flex__item">
|
|
4976
|
+
<h3 class="pf-c-title" id="-title">Tags</h3>
|
|
4977
|
+
</div>
|
|
4978
|
+
<div class="pf-l-flex__item">
|
|
4979
|
+
<div class="pf-c-label-group">
|
|
4980
|
+
<div class="pf-c-label-group__main">
|
|
4981
|
+
<ul
|
|
4982
|
+
class="pf-c-label-group__list"
|
|
4983
|
+
role="list"
|
|
4984
|
+
aria-label="Group of labels"
|
|
4985
|
+
>
|
|
4986
|
+
<li class="pf-c-label-group__list-item">
|
|
4987
|
+
<span class="pf-c-label pf-m-outline">
|
|
4988
|
+
<span class="pf-c-label__content">Tag 1</span>
|
|
4989
|
+
</span>
|
|
4990
|
+
</li>
|
|
4991
|
+
<li class="pf-c-label-group__list-item">
|
|
4992
|
+
<span class="pf-c-label pf-m-outline">
|
|
4993
|
+
<span class="pf-c-label__content">Tag 2</span>
|
|
4994
|
+
</span>
|
|
4995
|
+
</li>
|
|
4996
|
+
<li class="pf-c-label-group__list-item">
|
|
4997
|
+
<span class="pf-c-label pf-m-outline">
|
|
4998
|
+
<span class="pf-c-label__content">Tag 3</span>
|
|
4999
|
+
</span>
|
|
5000
|
+
</li>
|
|
5001
|
+
<li class="pf-c-label-group__list-item">
|
|
5002
|
+
<span class="pf-c-label pf-m-overflow">
|
|
5003
|
+
<span class="pf-c-label__content">2 more</span>
|
|
5004
|
+
</span>
|
|
5005
|
+
</li>
|
|
5006
|
+
</ul>
|
|
5007
|
+
</div>
|
|
5008
|
+
</div>
|
|
5009
|
+
</div>
|
|
5010
|
+
</div>
|
|
5508
5011
|
</div>
|
|
5509
5012
|
</div>
|
|
5510
5013
|
</section>
|
package/package.json
CHANGED
package/patternfly-no-reset.css
CHANGED
|
@@ -16144,6 +16144,9 @@ textarea.pf-c-form-control {
|
|
|
16144
16144
|
--pf-c-input-group__text--BorderLeftColor: var(--pf-global--BorderColor--300);
|
|
16145
16145
|
--pf-c-input-group__text--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
16146
16146
|
--pf-c-input-group__textarea--MinHeight: var(--pf-global--spacer--xl);
|
|
16147
|
+
--pf-c-input-group__text--m-disabled--Color: var(--pf-global--disabled-color--100);
|
|
16148
|
+
--pf-c-input-group__text--m-disabled--BackgroundColor: var(--pf-global--disabled-color--300);
|
|
16149
|
+
--pf-c-input-group__text--m-disabled--BorderBottomColor: transparent;
|
|
16147
16150
|
--pf-c-input-group--c-form-control--invalid--ZIndex: var(--pf-global--ZIndex--xs);
|
|
16148
16151
|
--pf-c-input-group--c-form-control--MarginRight: 0;
|
|
16149
16152
|
color: var(--pf-global--Color--100);
|
|
@@ -16193,6 +16196,11 @@ label.pf-c-input-group__text {
|
|
|
16193
16196
|
--pf-c-input-group__text--BorderWidth: 0;
|
|
16194
16197
|
margin-left: 0;
|
|
16195
16198
|
}
|
|
16199
|
+
.pf-c-input-group__text.pf-m-disabled {
|
|
16200
|
+
--pf-c-input-group__text--Color: var(--pf-c-input-group__text--m-disabled--Color);
|
|
16201
|
+
--pf-c-input-group__text--BackgroundColor: var(--pf-c-input-group__text--m-disabled--BackgroundColor);
|
|
16202
|
+
--pf-c-input-group__text--BorderBottomColor: var(--pf-c-input-group__text--m-disabled--BorderBottomColor);
|
|
16203
|
+
}
|
|
16196
16204
|
|
|
16197
16205
|
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
16198
16206
|
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
|
|
@@ -16237,6 +16245,8 @@ label.pf-c-input-group__text {
|
|
|
16237
16245
|
--pf-c-input-group__text--BorderBottomColor: var(--pf-global--BorderColor--400);
|
|
16238
16246
|
--pf-c-input-group__text--BorderLeftColor: transparent;
|
|
16239
16247
|
--pf-c-input-group__text--BackgroundColor: var(--pf-global--palette--black-600);
|
|
16248
|
+
--pf-c-input-group__text--m-disabled--Color: var(--pf-global--palette--black-100);
|
|
16249
|
+
--pf-c-input-group__text--m-disabled--BackgroundColor: var(--pf-global--disabled-color--200);
|
|
16240
16250
|
}
|
|
16241
16251
|
:where(.pf-theme-dark) .pf-c-input-group > * + * {
|
|
16242
16252
|
margin-left: 0;
|
|
@@ -16251,6 +16261,10 @@ label.pf-c-input-group__text {
|
|
|
16251
16261
|
:where(.pf-theme-dark) .pf-c-input-group__text.pf-m-plain {
|
|
16252
16262
|
--pf-c-input-group__text--BackgroundColor: transparent;
|
|
16253
16263
|
}
|
|
16264
|
+
:where(.pf-theme-dark) .pf-c-input-group__text.pf-m-disabled {
|
|
16265
|
+
--pf-c-input-group__text--BackgroundColor: var(--pf-c-input-group__text--m-disabled--BackgroundColor);
|
|
16266
|
+
color: var(--pf-c-input-group__text--m-disabled--Color);
|
|
16267
|
+
}
|
|
16254
16268
|
|
|
16255
16269
|
.pf-c-jump-links {
|
|
16256
16270
|
--pf-c-jump-links__list--Display: flex;
|
|
@@ -25978,13 +25992,6 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
25978
25992
|
z-index: var(--pf-c-slider__value--m-floating--ZIndex);
|
|
25979
25993
|
transform: translate(var(--pf-c-slider__value--m-floating--TranslateX), var(--pf-c-slider__value--m-floating--TranslateY));
|
|
25980
25994
|
}
|
|
25981
|
-
.pf-c-slider__value.pf-m-floating .pf-c-input-group {
|
|
25982
|
-
align-items: center;
|
|
25983
|
-
}
|
|
25984
|
-
.pf-c-slider__value.pf-m-floating .pf-c-input-group__text {
|
|
25985
|
-
position: absolute;
|
|
25986
|
-
left: 100%;
|
|
25987
|
-
}
|
|
25988
25995
|
.pf-c-slider__value .pf-c-form-control {
|
|
25989
25996
|
width: var(--pf-c-slider__value--c-form-control--Width);
|
|
25990
25997
|
}
|