@patternfly/patternfly 4.216.2 → 4.216.4
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/TextInputGroup/text-input-group.css +11 -12
- package/components/TextInputGroup/text-input-group.scss +13 -18
- package/components/TreeView/tree-view.css +6 -0
- package/components/TreeView/tree-view.scss +5 -0
- package/docs/components/LogViewer/examples/LogViewer.md +268 -268
- package/docs/components/TextInputGroup/examples/TextInputGroup.md +5 -21
- package/docs/components/Toolbar/examples/Toolbar.md +40 -35
- package/docs/components/TreeView/examples/TreeView.md +21 -21
- package/docs/demos/DataList/examples/DataList.md +16 -14
- package/docs/demos/Masthead/examples/Masthead.md +24 -21
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +24 -27
- package/docs/demos/Table/examples/Table.md +88 -77
- package/docs/demos/Toolbar/examples/Toolbar.md +229 -231
- package/package.json +2 -2
- package/patternfly-no-reset.css +17 -12
- package/patternfly.css +17 -12
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -26,87 +26,83 @@ section: components
|
|
|
26
26
|
<i class="fas fa-filter" aria-hidden="true"></i>
|
|
27
27
|
</button>
|
|
28
28
|
</div>
|
|
29
|
-
<div class="pf-c-
|
|
30
|
-
<div class="pf-c-
|
|
31
|
-
<div class="pf-c-
|
|
32
|
-
<
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
>Choose one</span>
|
|
29
|
+
<div class="pf-c-toolbar__item pf-m-search-filter">
|
|
30
|
+
<div class="pf-c-input-group" aria-label="search filter" role="group">
|
|
31
|
+
<div class="pf-c-select" style="width: 175px">
|
|
32
|
+
<span
|
|
33
|
+
id="toolbar-attribute-value-search-filter-desktop-example-select-name-label"
|
|
34
|
+
hidden
|
|
35
|
+
>Choose one</span>
|
|
37
36
|
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
</span>
|
|
50
|
-
<span class="pf-c-select__toggle-text">Name</span>
|
|
51
|
-
</div>
|
|
52
|
-
<span class="pf-c-select__toggle-arrow">
|
|
53
|
-
<i class="fas fa-caret-down" aria-hidden="true"></i>
|
|
37
|
+
<button
|
|
38
|
+
class="pf-c-select__toggle"
|
|
39
|
+
type="button"
|
|
40
|
+
id="toolbar-attribute-value-search-filter-desktop-example-select-name-toggle"
|
|
41
|
+
aria-haspopup="true"
|
|
42
|
+
aria-expanded="false"
|
|
43
|
+
aria-labelledby="toolbar-attribute-value-search-filter-desktop-example-select-name-label toolbar-attribute-value-search-filter-desktop-example-select-name-toggle"
|
|
44
|
+
>
|
|
45
|
+
<div class="pf-c-select__toggle-wrapper">
|
|
46
|
+
<span class="pf-c-select__toggle-icon">
|
|
47
|
+
<i class="fas fa-filter" aria-hidden="true"></i>
|
|
54
48
|
</span>
|
|
55
|
-
|
|
49
|
+
<span class="pf-c-select__toggle-text">Name</span>
|
|
50
|
+
</div>
|
|
51
|
+
<span class="pf-c-select__toggle-arrow">
|
|
52
|
+
<i class="fas fa-caret-down" aria-hidden="true"></i>
|
|
53
|
+
</span>
|
|
54
|
+
</button>
|
|
56
55
|
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
</span>
|
|
77
|
-
</button>
|
|
78
|
-
</li>
|
|
79
|
-
<li role="presentation">
|
|
80
|
-
<button class="pf-c-select__menu-item" role="option">Down</button>
|
|
81
|
-
</li>
|
|
82
|
-
<li role="presentation">
|
|
83
|
-
<button
|
|
84
|
-
class="pf-c-select__menu-item"
|
|
85
|
-
role="option"
|
|
86
|
-
>Degraded</button>
|
|
87
|
-
</li>
|
|
88
|
-
<li role="presentation">
|
|
89
|
-
<button
|
|
90
|
-
class="pf-c-select__menu-item"
|
|
91
|
-
role="option"
|
|
92
|
-
>Needs maintenance</button>
|
|
93
|
-
</li>
|
|
94
|
-
</ul>
|
|
95
|
-
</div>
|
|
96
|
-
<div class="pf-c-search-input">
|
|
97
|
-
<div class="pf-c-search-input__bar">
|
|
98
|
-
<span class="pf-c-search-input__text">
|
|
99
|
-
<span class="pf-c-search-input__icon">
|
|
100
|
-
<i class="fas fa-search fa-fw" aria-hidden="true"></i>
|
|
56
|
+
<ul
|
|
57
|
+
class="pf-c-select__menu"
|
|
58
|
+
role="listbox"
|
|
59
|
+
aria-labelledby="toolbar-attribute-value-search-filter-desktop-example-select-name-label"
|
|
60
|
+
hidden
|
|
61
|
+
style="width: 175px"
|
|
62
|
+
>
|
|
63
|
+
<li role="presentation">
|
|
64
|
+
<button class="pf-c-select__menu-item" role="option">Running</button>
|
|
65
|
+
</li>
|
|
66
|
+
<li role="presentation">
|
|
67
|
+
<button
|
|
68
|
+
class="pf-c-select__menu-item pf-m-selected"
|
|
69
|
+
role="option"
|
|
70
|
+
aria-selected="true"
|
|
71
|
+
>
|
|
72
|
+
Stopped
|
|
73
|
+
<span class="pf-c-select__menu-item-icon">
|
|
74
|
+
<i class="fas fa-check" aria-hidden="true"></i>
|
|
101
75
|
</span>
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
76
|
+
</button>
|
|
77
|
+
</li>
|
|
78
|
+
<li role="presentation">
|
|
79
|
+
<button class="pf-c-select__menu-item" role="option">Down</button>
|
|
80
|
+
</li>
|
|
81
|
+
<li role="presentation">
|
|
82
|
+
<button class="pf-c-select__menu-item" role="option">Degraded</button>
|
|
83
|
+
</li>
|
|
84
|
+
<li role="presentation">
|
|
85
|
+
<button
|
|
86
|
+
class="pf-c-select__menu-item"
|
|
87
|
+
role="option"
|
|
88
|
+
>Needs maintenance</button>
|
|
89
|
+
</li>
|
|
90
|
+
</ul>
|
|
91
|
+
</div>
|
|
92
|
+
<div class="pf-c-text-input-group">
|
|
93
|
+
<div class="pf-c-text-input-group__main pf-m-icon">
|
|
94
|
+
<span class="pf-c-text-input-group__text">
|
|
95
|
+
<span class="pf-c-text-input-group__icon">
|
|
96
|
+
<i class="fas fa-fw fa-search"></i>
|
|
108
97
|
</span>
|
|
109
|
-
|
|
98
|
+
<input
|
|
99
|
+
class="pf-c-text-input-group__text-input"
|
|
100
|
+
type="text"
|
|
101
|
+
value
|
|
102
|
+
placeholder="Filter by name"
|
|
103
|
+
aria-label="Type to filter"
|
|
104
|
+
/>
|
|
105
|
+
</span>
|
|
110
106
|
</div>
|
|
111
107
|
</div>
|
|
112
108
|
</div>
|
|
@@ -376,84 +372,83 @@ section: components
|
|
|
376
372
|
class="pf-c-toolbar__expandable-content pf-m-expanded"
|
|
377
373
|
id="toolbar-attribute-value-search-filter-mobile-example-expandable-content"
|
|
378
374
|
>
|
|
379
|
-
<div class="pf-c-
|
|
380
|
-
<div class="pf-c-
|
|
381
|
-
<div class="pf-c-
|
|
382
|
-
<
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
>Choose one</span>
|
|
375
|
+
<div class="pf-c-toolbar__item pf-m-search-filter">
|
|
376
|
+
<div class="pf-c-input-group" aria-label="search filter" role="group">
|
|
377
|
+
<div class="pf-c-select" style="width: 175px">
|
|
378
|
+
<span
|
|
379
|
+
id="toolbar-attribute-value-search-filter-mobile-example-select-name-label"
|
|
380
|
+
hidden
|
|
381
|
+
>Choose one</span>
|
|
387
382
|
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
</span>
|
|
400
|
-
<span class="pf-c-select__toggle-text">Name</span>
|
|
401
|
-
</div>
|
|
402
|
-
<span class="pf-c-select__toggle-arrow">
|
|
403
|
-
<i class="fas fa-caret-down" aria-hidden="true"></i>
|
|
383
|
+
<button
|
|
384
|
+
class="pf-c-select__toggle"
|
|
385
|
+
type="button"
|
|
386
|
+
id="toolbar-attribute-value-search-filter-mobile-example-select-name-toggle"
|
|
387
|
+
aria-haspopup="true"
|
|
388
|
+
aria-expanded="false"
|
|
389
|
+
aria-labelledby="toolbar-attribute-value-search-filter-mobile-example-select-name-label toolbar-attribute-value-search-filter-mobile-example-select-name-toggle"
|
|
390
|
+
>
|
|
391
|
+
<div class="pf-c-select__toggle-wrapper">
|
|
392
|
+
<span class="pf-c-select__toggle-icon">
|
|
393
|
+
<i class="fas fa-filter" aria-hidden="true"></i>
|
|
404
394
|
</span>
|
|
405
|
-
|
|
395
|
+
<span class="pf-c-select__toggle-text">Name</span>
|
|
396
|
+
</div>
|
|
397
|
+
<span class="pf-c-select__toggle-arrow">
|
|
398
|
+
<i class="fas fa-caret-down" aria-hidden="true"></i>
|
|
399
|
+
</span>
|
|
400
|
+
</button>
|
|
406
401
|
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
</span>
|
|
427
|
-
</button>
|
|
428
|
-
</li>
|
|
429
|
-
<li role="presentation">
|
|
430
|
-
<button class="pf-c-select__menu-item" role="option">Down</button>
|
|
431
|
-
</li>
|
|
432
|
-
<li role="presentation">
|
|
433
|
-
<button class="pf-c-select__menu-item" role="option">Degraded</button>
|
|
434
|
-
</li>
|
|
435
|
-
<li role="presentation">
|
|
436
|
-
<button
|
|
437
|
-
class="pf-c-select__menu-item"
|
|
438
|
-
role="option"
|
|
439
|
-
>Needs maintenance</button>
|
|
440
|
-
</li>
|
|
441
|
-
</ul>
|
|
442
|
-
</div>
|
|
443
|
-
<div class="pf-c-search-input">
|
|
444
|
-
<div class="pf-c-search-input__bar">
|
|
445
|
-
<span class="pf-c-search-input__text">
|
|
446
|
-
<span class="pf-c-search-input__icon">
|
|
447
|
-
<i class="fas fa-search fa-fw" aria-hidden="true"></i>
|
|
402
|
+
<ul
|
|
403
|
+
class="pf-c-select__menu"
|
|
404
|
+
role="listbox"
|
|
405
|
+
aria-labelledby="toolbar-attribute-value-search-filter-mobile-example-select-name-label"
|
|
406
|
+
hidden
|
|
407
|
+
style="width: 175px"
|
|
408
|
+
>
|
|
409
|
+
<li role="presentation">
|
|
410
|
+
<button class="pf-c-select__menu-item" role="option">Running</button>
|
|
411
|
+
</li>
|
|
412
|
+
<li role="presentation">
|
|
413
|
+
<button
|
|
414
|
+
class="pf-c-select__menu-item pf-m-selected"
|
|
415
|
+
role="option"
|
|
416
|
+
aria-selected="true"
|
|
417
|
+
>
|
|
418
|
+
Stopped
|
|
419
|
+
<span class="pf-c-select__menu-item-icon">
|
|
420
|
+
<i class="fas fa-check" aria-hidden="true"></i>
|
|
448
421
|
</span>
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
422
|
+
</button>
|
|
423
|
+
</li>
|
|
424
|
+
<li role="presentation">
|
|
425
|
+
<button class="pf-c-select__menu-item" role="option">Down</button>
|
|
426
|
+
</li>
|
|
427
|
+
<li role="presentation">
|
|
428
|
+
<button class="pf-c-select__menu-item" role="option">Degraded</button>
|
|
429
|
+
</li>
|
|
430
|
+
<li role="presentation">
|
|
431
|
+
<button
|
|
432
|
+
class="pf-c-select__menu-item"
|
|
433
|
+
role="option"
|
|
434
|
+
>Needs maintenance</button>
|
|
435
|
+
</li>
|
|
436
|
+
</ul>
|
|
437
|
+
</div>
|
|
438
|
+
<div class="pf-c-text-input-group">
|
|
439
|
+
<div class="pf-c-text-input-group__main pf-m-icon">
|
|
440
|
+
<span class="pf-c-text-input-group__text">
|
|
441
|
+
<span class="pf-c-text-input-group__icon">
|
|
442
|
+
<i class="fas fa-fw fa-search"></i>
|
|
455
443
|
</span>
|
|
456
|
-
|
|
444
|
+
<input
|
|
445
|
+
class="pf-c-text-input-group__text-input"
|
|
446
|
+
type="text"
|
|
447
|
+
value
|
|
448
|
+
placeholder="Filter by name"
|
|
449
|
+
aria-label="Type to filter"
|
|
450
|
+
/>
|
|
451
|
+
</span>
|
|
457
452
|
</div>
|
|
458
453
|
</div>
|
|
459
454
|
</div>
|
|
@@ -2665,93 +2660,96 @@ section: components
|
|
|
2665
2660
|
<i class="fas fa-filter" aria-hidden="true"></i>
|
|
2666
2661
|
</button>
|
|
2667
2662
|
</div>
|
|
2668
|
-
<div class="pf-c-
|
|
2669
|
-
<div
|
|
2670
|
-
|
|
2671
|
-
|
|
2672
|
-
|
|
2673
|
-
|
|
2674
|
-
|
|
2675
|
-
|
|
2663
|
+
<div class="pf-c-toolbar__item pf-m-search-filter">
|
|
2664
|
+
<div
|
|
2665
|
+
class="pf-c-input-group"
|
|
2666
|
+
aria-label="search filter"
|
|
2667
|
+
role="group"
|
|
2668
|
+
>
|
|
2669
|
+
<div class="pf-c-select" style="width: 175px">
|
|
2670
|
+
<span
|
|
2671
|
+
id="toolbar-pagination-management-example-toolbar-select-name-label"
|
|
2672
|
+
hidden
|
|
2673
|
+
>Choose one</span>
|
|
2676
2674
|
|
|
2677
|
-
|
|
2678
|
-
|
|
2679
|
-
|
|
2680
|
-
|
|
2681
|
-
|
|
2682
|
-
|
|
2683
|
-
|
|
2684
|
-
|
|
2685
|
-
|
|
2686
|
-
|
|
2687
|
-
|
|
2688
|
-
</span>
|
|
2689
|
-
<span class="pf-c-select__toggle-text">Name</span>
|
|
2690
|
-
</div>
|
|
2691
|
-
<span class="pf-c-select__toggle-arrow">
|
|
2692
|
-
<i class="fas fa-caret-down" aria-hidden="true"></i>
|
|
2675
|
+
<button
|
|
2676
|
+
class="pf-c-select__toggle"
|
|
2677
|
+
type="button"
|
|
2678
|
+
id="toolbar-pagination-management-example-toolbar-select-name-toggle"
|
|
2679
|
+
aria-haspopup="true"
|
|
2680
|
+
aria-expanded="false"
|
|
2681
|
+
aria-labelledby="toolbar-pagination-management-example-toolbar-select-name-label toolbar-pagination-management-example-toolbar-select-name-toggle"
|
|
2682
|
+
>
|
|
2683
|
+
<div class="pf-c-select__toggle-wrapper">
|
|
2684
|
+
<span class="pf-c-select__toggle-icon">
|
|
2685
|
+
<i class="fas fa-filter" aria-hidden="true"></i>
|
|
2693
2686
|
</span>
|
|
2694
|
-
|
|
2687
|
+
<span class="pf-c-select__toggle-text">Name</span>
|
|
2688
|
+
</div>
|
|
2689
|
+
<span class="pf-c-select__toggle-arrow">
|
|
2690
|
+
<i class="fas fa-caret-down" aria-hidden="true"></i>
|
|
2691
|
+
</span>
|
|
2692
|
+
</button>
|
|
2695
2693
|
|
|
2696
|
-
|
|
2697
|
-
|
|
2698
|
-
|
|
2699
|
-
|
|
2700
|
-
|
|
2701
|
-
|
|
2702
|
-
|
|
2703
|
-
|
|
2704
|
-
|
|
2705
|
-
|
|
2706
|
-
|
|
2707
|
-
|
|
2708
|
-
|
|
2709
|
-
|
|
2710
|
-
|
|
2711
|
-
|
|
2712
|
-
|
|
2713
|
-
|
|
2714
|
-
|
|
2715
|
-
|
|
2716
|
-
|
|
2717
|
-
|
|
2718
|
-
</span>
|
|
2719
|
-
</button>
|
|
2720
|
-
</li>
|
|
2721
|
-
<li role="presentation">
|
|
2722
|
-
<button
|
|
2723
|
-
class="pf-c-select__menu-item"
|
|
2724
|
-
role="option"
|
|
2725
|
-
>Down</button>
|
|
2726
|
-
</li>
|
|
2727
|
-
<li role="presentation">
|
|
2728
|
-
<button
|
|
2729
|
-
class="pf-c-select__menu-item"
|
|
2730
|
-
role="option"
|
|
2731
|
-
>Degraded</button>
|
|
2732
|
-
</li>
|
|
2733
|
-
<li role="presentation">
|
|
2734
|
-
<button
|
|
2735
|
-
class="pf-c-select__menu-item"
|
|
2736
|
-
role="option"
|
|
2737
|
-
>Needs maintenance</button>
|
|
2738
|
-
</li>
|
|
2739
|
-
</ul>
|
|
2740
|
-
</div>
|
|
2741
|
-
<div class="pf-c-search-input">
|
|
2742
|
-
<div class="pf-c-search-input__bar">
|
|
2743
|
-
<span class="pf-c-search-input__text">
|
|
2744
|
-
<span class="pf-c-search-input__icon">
|
|
2745
|
-
<i class="fas fa-search fa-fw" aria-hidden="true"></i>
|
|
2694
|
+
<ul
|
|
2695
|
+
class="pf-c-select__menu"
|
|
2696
|
+
role="listbox"
|
|
2697
|
+
aria-labelledby="toolbar-pagination-management-example-toolbar-select-name-label"
|
|
2698
|
+
hidden
|
|
2699
|
+
style="width: 175px"
|
|
2700
|
+
>
|
|
2701
|
+
<li role="presentation">
|
|
2702
|
+
<button
|
|
2703
|
+
class="pf-c-select__menu-item"
|
|
2704
|
+
role="option"
|
|
2705
|
+
>Running</button>
|
|
2706
|
+
</li>
|
|
2707
|
+
<li role="presentation">
|
|
2708
|
+
<button
|
|
2709
|
+
class="pf-c-select__menu-item pf-m-selected"
|
|
2710
|
+
role="option"
|
|
2711
|
+
aria-selected="true"
|
|
2712
|
+
>
|
|
2713
|
+
Stopped
|
|
2714
|
+
<span class="pf-c-select__menu-item-icon">
|
|
2715
|
+
<i class="fas fa-check" aria-hidden="true"></i>
|
|
2746
2716
|
</span>
|
|
2747
|
-
|
|
2748
|
-
|
|
2749
|
-
|
|
2750
|
-
|
|
2751
|
-
|
|
2752
|
-
|
|
2717
|
+
</button>
|
|
2718
|
+
</li>
|
|
2719
|
+
<li role="presentation">
|
|
2720
|
+
<button
|
|
2721
|
+
class="pf-c-select__menu-item"
|
|
2722
|
+
role="option"
|
|
2723
|
+
>Down</button>
|
|
2724
|
+
</li>
|
|
2725
|
+
<li role="presentation">
|
|
2726
|
+
<button
|
|
2727
|
+
class="pf-c-select__menu-item"
|
|
2728
|
+
role="option"
|
|
2729
|
+
>Degraded</button>
|
|
2730
|
+
</li>
|
|
2731
|
+
<li role="presentation">
|
|
2732
|
+
<button
|
|
2733
|
+
class="pf-c-select__menu-item"
|
|
2734
|
+
role="option"
|
|
2735
|
+
>Needs maintenance</button>
|
|
2736
|
+
</li>
|
|
2737
|
+
</ul>
|
|
2738
|
+
</div>
|
|
2739
|
+
<div class="pf-c-text-input-group">
|
|
2740
|
+
<div class="pf-c-text-input-group__main pf-m-icon">
|
|
2741
|
+
<span class="pf-c-text-input-group__text">
|
|
2742
|
+
<span class="pf-c-text-input-group__icon">
|
|
2743
|
+
<i class="fas fa-fw fa-search"></i>
|
|
2753
2744
|
</span>
|
|
2754
|
-
|
|
2745
|
+
<input
|
|
2746
|
+
class="pf-c-text-input-group__text-input"
|
|
2747
|
+
type="text"
|
|
2748
|
+
value
|
|
2749
|
+
placeholder="Filter by name"
|
|
2750
|
+
aria-label="Type to filter"
|
|
2751
|
+
/>
|
|
2752
|
+
</span>
|
|
2755
2753
|
</div>
|
|
2756
2754
|
</div>
|
|
2757
2755
|
</div>
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@patternfly/patternfly",
|
|
3
3
|
"description": "Assets, source, tooling, and content for PatternFly 4",
|
|
4
|
-
"version": "4.216.
|
|
4
|
+
"version": "4.216.4",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"scripts": {
|
|
@@ -79,7 +79,7 @@
|
|
|
79
79
|
"stylelint-scss": "^4.3.0",
|
|
80
80
|
"stylelint-value-no-unknown-custom-properties": "^4.0.0",
|
|
81
81
|
"surge": "^0.21.3",
|
|
82
|
-
"@patternfly/documentation-framework": "1.2.
|
|
82
|
+
"@patternfly/documentation-framework": "1.2.33",
|
|
83
83
|
"unified": "^9.2.0",
|
|
84
84
|
"webpack": "^4.43.0"
|
|
85
85
|
},
|
package/patternfly-no-reset.css
CHANGED
|
@@ -30688,6 +30688,11 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
30688
30688
|
--pf-c-text-input-group__text--focus-within--after--BorderBottomColor: var(--pf-global--primary-color--100);
|
|
30689
30689
|
--pf-c-text-input-group__main--first-child--not--text-input--MarginLeft: var(--pf-global--spacer--sm);
|
|
30690
30690
|
--pf-c-text-input-group__main--m-icon__text-input--PaddingLeft: var(--pf-global--spacer--xl);
|
|
30691
|
+
--pf-c-text-input-group__main--RowGap: var(--pf-global--spacer--xs);
|
|
30692
|
+
--pf-c-text-input-group__main--ColumnGap: var(--pf-global--spacer--sm);
|
|
30693
|
+
--pf-c-text-input-group--c-chip-group__main--PaddingTop: var(--pf-global--spacer--xs);
|
|
30694
|
+
--pf-c-text-input-group--c-chip-group__main--PaddingRight: var(--pf-global--spacer--xs);
|
|
30695
|
+
--pf-c-text-input-group--c-chip-group__main--PaddingBottom: var(--pf-global--spacer--xs);
|
|
30691
30696
|
--pf-c-text-input-group__text-input--PaddingTop: var(--pf-global--spacer--form-element);
|
|
30692
30697
|
--pf-c-text-input-group__text-input--PaddingRight: var(--pf-global--spacer--sm);
|
|
30693
30698
|
--pf-c-text-input-group__text-input--PaddingBottom: var(--pf-global--spacer--form-element);
|
|
@@ -30733,7 +30738,8 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
30733
30738
|
.pf-c-text-input-group__main {
|
|
30734
30739
|
display: flex;
|
|
30735
30740
|
flex: 1;
|
|
30736
|
-
|
|
30741
|
+
flex-wrap: wrap;
|
|
30742
|
+
gap: var(--pf-c-text-input-group__main--RowGap) var(--pf-c-text-input-group__main--ColumnGap);
|
|
30737
30743
|
min-width: 0;
|
|
30738
30744
|
}
|
|
30739
30745
|
.pf-c-text-input-group__main.pf-m-icon {
|
|
@@ -30742,17 +30748,10 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
30742
30748
|
.pf-c-text-input-group__main > :first-child:not(.pf-c-text-input-group__text) {
|
|
30743
30749
|
margin-left: var(--pf-c-text-input-group__main--first-child--not--text-input--MarginLeft);
|
|
30744
30750
|
}
|
|
30745
|
-
.pf-c-text-input-group__main .pf-c-chip-
|
|
30746
|
-
|
|
30747
|
-
-
|
|
30748
|
-
|
|
30749
|
-
}
|
|
30750
|
-
.pf-c-text-input-group__main .pf-c-chip-group::-webkit-scrollbar {
|
|
30751
|
-
display: none;
|
|
30752
|
-
}
|
|
30753
|
-
.pf-c-text-input-group__main .pf-c-chip-group,
|
|
30754
|
-
.pf-c-text-input-group__main .pf-c-chip-group__list {
|
|
30755
|
-
flex-wrap: nowrap;
|
|
30751
|
+
.pf-c-text-input-group__main .pf-c-chip-group__main {
|
|
30752
|
+
padding-top: var(--pf-c-text-input-group--c-chip-group__main--PaddingTop);
|
|
30753
|
+
padding-right: var(--pf-c-text-input-group--c-chip-group__main--PaddingRight);
|
|
30754
|
+
padding-bottom: var(--pf-c-text-input-group--c-chip-group__main--PaddingBottom);
|
|
30756
30755
|
}
|
|
30757
30756
|
|
|
30758
30757
|
.pf-c-text-input-group__text {
|
|
@@ -31779,6 +31778,12 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
31779
31778
|
white-space: nowrap;
|
|
31780
31779
|
}
|
|
31781
31780
|
|
|
31781
|
+
.pf-c-tree-view__node-text {
|
|
31782
|
+
font-weight: inherit;
|
|
31783
|
+
color: inherit;
|
|
31784
|
+
text-align: left;
|
|
31785
|
+
border: 0;
|
|
31786
|
+
}
|
|
31782
31787
|
label.pf-c-tree-view__node-text {
|
|
31783
31788
|
cursor: pointer;
|
|
31784
31789
|
}
|
package/patternfly.css
CHANGED
|
@@ -30815,6 +30815,11 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
30815
30815
|
--pf-c-text-input-group__text--focus-within--after--BorderBottomColor: var(--pf-global--primary-color--100);
|
|
30816
30816
|
--pf-c-text-input-group__main--first-child--not--text-input--MarginLeft: var(--pf-global--spacer--sm);
|
|
30817
30817
|
--pf-c-text-input-group__main--m-icon__text-input--PaddingLeft: var(--pf-global--spacer--xl);
|
|
30818
|
+
--pf-c-text-input-group__main--RowGap: var(--pf-global--spacer--xs);
|
|
30819
|
+
--pf-c-text-input-group__main--ColumnGap: var(--pf-global--spacer--sm);
|
|
30820
|
+
--pf-c-text-input-group--c-chip-group__main--PaddingTop: var(--pf-global--spacer--xs);
|
|
30821
|
+
--pf-c-text-input-group--c-chip-group__main--PaddingRight: var(--pf-global--spacer--xs);
|
|
30822
|
+
--pf-c-text-input-group--c-chip-group__main--PaddingBottom: var(--pf-global--spacer--xs);
|
|
30818
30823
|
--pf-c-text-input-group__text-input--PaddingTop: var(--pf-global--spacer--form-element);
|
|
30819
30824
|
--pf-c-text-input-group__text-input--PaddingRight: var(--pf-global--spacer--sm);
|
|
30820
30825
|
--pf-c-text-input-group__text-input--PaddingBottom: var(--pf-global--spacer--form-element);
|
|
@@ -30860,7 +30865,8 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
30860
30865
|
.pf-c-text-input-group__main {
|
|
30861
30866
|
display: flex;
|
|
30862
30867
|
flex: 1;
|
|
30863
|
-
|
|
30868
|
+
flex-wrap: wrap;
|
|
30869
|
+
gap: var(--pf-c-text-input-group__main--RowGap) var(--pf-c-text-input-group__main--ColumnGap);
|
|
30864
30870
|
min-width: 0;
|
|
30865
30871
|
}
|
|
30866
30872
|
.pf-c-text-input-group__main.pf-m-icon {
|
|
@@ -30869,17 +30875,10 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
30869
30875
|
.pf-c-text-input-group__main > :first-child:not(.pf-c-text-input-group__text) {
|
|
30870
30876
|
margin-left: var(--pf-c-text-input-group__main--first-child--not--text-input--MarginLeft);
|
|
30871
30877
|
}
|
|
30872
|
-
.pf-c-text-input-group__main .pf-c-chip-
|
|
30873
|
-
|
|
30874
|
-
-
|
|
30875
|
-
|
|
30876
|
-
}
|
|
30877
|
-
.pf-c-text-input-group__main .pf-c-chip-group::-webkit-scrollbar {
|
|
30878
|
-
display: none;
|
|
30879
|
-
}
|
|
30880
|
-
.pf-c-text-input-group__main .pf-c-chip-group,
|
|
30881
|
-
.pf-c-text-input-group__main .pf-c-chip-group__list {
|
|
30882
|
-
flex-wrap: nowrap;
|
|
30878
|
+
.pf-c-text-input-group__main .pf-c-chip-group__main {
|
|
30879
|
+
padding-top: var(--pf-c-text-input-group--c-chip-group__main--PaddingTop);
|
|
30880
|
+
padding-right: var(--pf-c-text-input-group--c-chip-group__main--PaddingRight);
|
|
30881
|
+
padding-bottom: var(--pf-c-text-input-group--c-chip-group__main--PaddingBottom);
|
|
30883
30882
|
}
|
|
30884
30883
|
|
|
30885
30884
|
.pf-c-text-input-group__text {
|
|
@@ -31906,6 +31905,12 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
31906
31905
|
white-space: nowrap;
|
|
31907
31906
|
}
|
|
31908
31907
|
|
|
31908
|
+
.pf-c-tree-view__node-text {
|
|
31909
|
+
font-weight: inherit;
|
|
31910
|
+
color: inherit;
|
|
31911
|
+
text-align: left;
|
|
31912
|
+
border: 0;
|
|
31913
|
+
}
|
|
31909
31914
|
label.pf-c-tree-view__node-text {
|
|
31910
31915
|
cursor: pointer;
|
|
31911
31916
|
}
|