@patternfly/patternfly 4.180.1 → 4.181.0

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.
Files changed (17) hide show
  1. package/assets/images/status-icon-sprite.svg +38 -0
  2. package/components/FormControl/form-control.css +26 -0
  3. package/components/FormControl/form-control.scss +30 -1
  4. package/components/Menu/menu.css +10 -0
  5. package/components/Menu/menu.scss +14 -0
  6. package/docs/components/FormControl/examples/FormControl.md +151 -0
  7. package/docs/components/Menu/examples/Menu.md +67 -2
  8. package/docs/demos/ContextSelector/examples/ContextSelector.md +3 -3
  9. package/docs/demos/DescriptionList/examples/DescriptionList.md +3358 -0
  10. package/docs/demos/Masthead/examples/Masthead.md +2 -2
  11. package/docs/demos/Page/examples/Page.md +7 -7
  12. package/docs/demos/Table/examples/Table.md +13 -13
  13. package/package.json +1 -1
  14. package/patternfly-no-reset.css +36 -0
  15. package/patternfly.css +36 -0
  16. package/patternfly.min.css +1 -1
  17. package/patternfly.min.css.map +1 -1
package/docs/demos/Masthead/examples/Masthead.md CHANGED
@@ -1366,7 +1366,7 @@ wrapperTag: div
1366
1366
  <button
1367
1367
  class="pf-c-app-launcher__toggle"
1368
1368
  type="button"
1369
- id="-button"
1369
+ id="masthead-advanced-with-menu-example-masthead-icon-group--app-launcher-button"
1370
1370
  aria-expanded="false"
1371
1371
  aria-label="Application launcher"
1372
1372
  >
@@ -2327,7 +2327,7 @@ wrapperTag: div
2327
2327
  <button
2328
2328
  class="pf-c-app-launcher__toggle"
2329
2329
  type="button"
2330
- id="-button"
2330
+ id="masthead-horizontal-nav-masthead-icon-group--app-launcher-button"
2331
2331
  aria-expanded="false"
2332
2332
  aria-label="Application launcher"
2333
2333
  >
package/docs/demos/Page/examples/Page.md CHANGED
@@ -74,7 +74,7 @@ wrapperTag: div
74
74
  <button
75
75
  class="pf-c-app-launcher__toggle"
76
76
  type="button"
77
- id="-button"
77
+ id="page-demo-basic-masthead-icon-group--app-launcher-button"
78
78
  aria-expanded="false"
79
79
  aria-label="Application launcher"
80
80
  >
@@ -998,7 +998,7 @@ wrapperTag: div
998
998
  <button
999
999
  class="pf-c-app-launcher__toggle"
1000
1000
  type="button"
1001
- id="-button"
1001
+ id="page-demo-sticky-top-horizontal-subnav-masthead-icon-group--app-launcher-button"
1002
1002
  aria-expanded="false"
1003
1003
  aria-label="Application launcher"
1004
1004
  >
@@ -2083,7 +2083,7 @@ wrapperTag: div
2083
2083
  <button
2084
2084
  class="pf-c-app-launcher__toggle"
2085
2085
  type="button"
2086
- id="-button"
2086
+ id="page-demo-sticky-top-breadcrumb-masthead-icon-group--app-launcher-button"
2087
2087
  aria-expanded="false"
2088
2088
  aria-label="Application launcher"
2089
2089
  >
@@ -3133,7 +3133,7 @@ wrapperTag: div
3133
3133
  <button
3134
3134
  class="pf-c-app-launcher__toggle"
3135
3135
  type="button"
3136
- id="-button"
3136
+ id="page-demo-sticky-top-section-group-masthead-icon-group--app-launcher-button"
3137
3137
  aria-expanded="false"
3138
3138
  aria-label="Application launcher"
3139
3139
  >
@@ -4180,7 +4180,7 @@ wrapperTag: div
4180
4180
  <button
4181
4181
  class="pf-c-app-launcher__toggle"
4182
4182
  type="button"
4183
- id="-button"
4183
+ id="page-demo-sticky-section-bottom-masthead-icon-group--app-launcher-button"
4184
4184
  aria-expanded="false"
4185
4185
  aria-label="Application launcher"
4186
4186
  >
@@ -5232,7 +5232,7 @@ wrapperTag: div
5232
5232
  <button
5233
5233
  class="pf-c-app-launcher__toggle"
5234
5234
  type="button"
5235
- id="-button"
5235
+ id="page-demo-overflow-scroll-masthead-icon-group--app-launcher-button"
5236
5236
  aria-expanded="false"
5237
5237
  aria-label="Application launcher"
5238
5238
  >
@@ -6288,7 +6288,7 @@ wrapperTag: div
6288
6288
  <button
6289
6289
  class="pf-c-app-launcher__toggle"
6290
6290
  type="button"
6291
- id="-button"
6291
+ id="page-demo-centered-section-masthead-icon-group--app-launcher-button"
6292
6292
  aria-expanded="false"
6293
6293
  aria-label="Application launcher"
6294
6294
  >
package/docs/demos/Table/examples/Table.md CHANGED
@@ -74,7 +74,7 @@ wrapperTag: div
74
74
  <button
75
75
  class="pf-c-app-launcher__toggle"
76
76
  type="button"
77
- id="-button"
77
+ id="basic-demo-masthead-icon-group--app-launcher-button"
78
78
  aria-expanded="false"
79
79
  aria-label="Application launcher"
80
80
  >
@@ -1793,7 +1793,7 @@ wrapperTag: div
1793
1793
  <button
1794
1794
  class="pf-c-app-launcher__toggle"
1795
1795
  type="button"
1796
- id="-button"
1796
+ id="sortable-demo-masthead-icon-group--app-launcher-button"
1797
1797
  aria-expanded="false"
1798
1798
  aria-label="Application launcher"
1799
1799
  >
@@ -3686,7 +3686,7 @@ wrapperTag: div
3686
3686
  <button
3687
3687
  class="pf-c-app-launcher__toggle"
3688
3688
  type="button"
3689
- id="-button"
3689
+ id="expandable-demo-masthead-icon-group--app-launcher-button"
3690
3690
  aria-expanded="false"
3691
3691
  aria-label="Application launcher"
3692
3692
  >
@@ -5781,7 +5781,7 @@ wrapperTag: div
5781
5781
  <button
5782
5782
  class="pf-c-app-launcher__toggle"
5783
5783
  type="button"
5784
- id="-button"
5784
+ id="compact-demo-masthead-icon-group--app-launcher-button"
5785
5785
  aria-expanded="false"
5786
5786
  aria-label="Application launcher"
5787
5787
  >
@@ -7532,7 +7532,7 @@ wrapperTag: div
7532
7532
  <button
7533
7533
  class="pf-c-app-launcher__toggle"
7534
7534
  type="button"
7535
- id="-button"
7535
+ id="compound-expansion-demo-masthead-icon-group--app-launcher-button"
7536
7536
  aria-expanded="false"
7537
7537
  aria-label="Application launcher"
7538
7538
  >
@@ -12497,7 +12497,7 @@ wrapperTag: div
12497
12497
  <button
12498
12498
  class="pf-c-app-launcher__toggle"
12499
12499
  type="button"
12500
- id="-button"
12500
+ id="loading-state-demo-masthead-icon-group--app-launcher-button"
12501
12501
  aria-expanded="false"
12502
12502
  aria-label="Application launcher"
12503
12503
  >
@@ -13441,7 +13441,7 @@ wrapperTag: div
13441
13441
  <button
13442
13442
  class="pf-c-app-launcher__toggle"
13443
13443
  type="button"
13444
- id="-button"
13444
+ id="empty-state-demo-masthead-icon-group--app-launcher-button"
13445
13445
  aria-expanded="false"
13446
13446
  aria-label="Application launcher"
13447
13447
  >
@@ -14388,7 +14388,7 @@ wrapperTag: div
14388
14388
  <button
14389
14389
  class="pf-c-app-launcher__toggle"
14390
14390
  type="button"
14391
- id="-button"
14391
+ id="static-bottom-pagination-demo-masthead-icon-group--app-launcher-button"
14392
14392
  aria-expanded="false"
14393
14393
  aria-label="Application launcher"
14394
14394
  >
@@ -16279,7 +16279,7 @@ wrapperTag: div
16279
16279
  <button
16280
16280
  class="pf-c-app-launcher__toggle"
16281
16281
  type="button"
16282
- id="-button"
16282
+ id="column-management-demo-masthead-icon-group--app-launcher-button"
16283
16283
  aria-expanded="false"
16284
16284
  aria-label="Application launcher"
16285
16285
  >
@@ -18250,7 +18250,7 @@ wrapperTag: div
18250
18250
  <button
18251
18251
  class="pf-c-app-launcher__toggle"
18252
18252
  type="button"
18253
- id="-button"
18253
+ id="sticky-header-demo-masthead-icon-group--app-launcher-button"
18254
18254
  aria-expanded="false"
18255
18255
  aria-label="Application launcher"
18256
18256
  >
@@ -20141,7 +20141,7 @@ wrapperTag: div
20141
20141
  <button
20142
20142
  class="pf-c-app-launcher__toggle"
20143
20143
  type="button"
20144
- id="-button"
20144
+ id="sticky-first-column-demo-masthead-icon-group--app-launcher-button"
20145
20145
  aria-expanded="false"
20146
20146
  aria-label="Application launcher"
20147
20147
  >
@@ -21958,7 +21958,7 @@ wrapperTag: div
21958
21958
  <button
21959
21959
  class="pf-c-app-launcher__toggle"
21960
21960
  type="button"
21961
- id="-button"
21961
+ id="sticky-multiple-columns-demo-masthead-icon-group--app-launcher-button"
21962
21962
  aria-expanded="false"
21963
21963
  aria-label="Application launcher"
21964
21964
  >
@@ -23797,7 +23797,7 @@ wrapperTag: div
23797
23797
  <button
23798
23798
  class="pf-c-app-launcher__toggle"
23799
23799
  type="button"
23800
- id="-button"
23800
+ id="sticky-header-and-multiple columns-demo-masthead-icon-group--app-launcher-button"
23801
23801
  aria-expanded="false"
23802
23802
  aria-label="Application launcher"
23803
23803
  >
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.180.1",
4
+ "version": "4.181.0",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-reset.css CHANGED
@@ -14054,6 +14054,18 @@ label.pf-c-check, .pf-c-check__label,
14054
14054
  --pf-c-form-control--textarea--success--BackgroundPositionY: var(--pf-c-form-control--PaddingLeft);
14055
14055
  --pf-c-form-control--textarea--m-warning--BackgroundPositionY: var(--pf-c-form-control--PaddingLeft);
14056
14056
  --pf-c-form-control--textarea--invalid--BackgroundPositionY: var(--pf-c-form-control--PaddingLeft);
14057
+ --pf-c-form-control--m-icon-sprite--success--BackgroundUrl: url("./assets/images/status-icon-sprite.svg#success");
14058
+ --pf-c-form-control--m-icon-sprite--m-warning--BackgroundUrl: url("./assets/images/status-icon-sprite.svg#warning");
14059
+ --pf-c-form-control--m-icon-sprite--m-invalid--BackgroundUrl: url("./assets/images/status-icon-sprite.svg#invalid");
14060
+ --pf-c-form-control--m-icon-sprite__select--BackgroundUrl: url("./assets/images/status-icon-sprite.svg#select");
14061
+ --pf-c-form-control--m-icon-sprite--m-search--BackgroundUrl: url("./assets/images/status-icon-sprite.svg#search");
14062
+ --pf-c-form-control--m-icon-sprite--m-calendar--BackgroundUrl: url("./assets/images/status-icon-sprite.svg#calendar");
14063
+ --pf-c-form-control--m-icon-sprite--m-clock--BackgroundUrl: url("./assets/images/status-icon-sprite.svg#clock");
14064
+ --pf-c-form-control--m-icon-sprite__select--BackgroundSize: var(--pf-c-form-control--FontSize);
14065
+ --pf-c-form-control--m-icon-sprite__select--BackgroundPositionX: calc(100% - var(--pf-global--spacer--md) + 7px);
14066
+ --pf-c-form-control--m-icon-sprite__select--success--BackgroundPosition: calc(100% - var(--pf-global--spacer--md) + 1px - var(--pf-global--spacer--lg));
14067
+ --pf-c-form-control--m-icon-sprite__select--m-warning--BackgroundPosition: calc(100% - var(--pf-global--spacer--md) - var(--pf-global--spacer--lg) + 0.0625rem);
14068
+ --pf-c-form-control--m-icon-sprite__select--invalid--BackgroundPosition: calc(100% - var(--pf-global--spacer--md) - var(--pf-global--spacer--lg));
14057
14069
  color: var(--pf-global--Color--100);
14058
14070
  width: var(--pf-c-form-control--Width);
14059
14071
  padding: var(--pf-c-form-control--PaddingTop) var(--pf-c-form-control--PaddingRight) var(--pf-c-form-control--PaddingBottom) var(--pf-c-form-control--PaddingLeft);
@@ -14167,6 +14179,20 @@ label.pf-c-check, .pf-c-check__label,
14167
14179
  .pf-c-form-control.pf-m-icon.pf-m-clock {
14168
14180
  --pf-c-form-control--m-icon--BackgroundUrl: var(--pf-c-form-control--m-clock--BackgroundUrl);
14169
14181
  }
14182
+ .pf-c-form-control.pf-m-icon-sprite {
14183
+ --pf-c-form-control--success--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--success--BackgroundUrl);
14184
+ --pf-c-form-control--m-warning--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--m-warning--BackgroundUrl);
14185
+ --pf-c-form-control--m-invalid--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--m-invalid--BackgroundUrl);
14186
+ --pf-c-form-control__select--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite__select--BackgroundUrl);
14187
+ --pf-c-form-control--m-search--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--m-search--BackgroundUrl);
14188
+ --pf-c-form-control--m-calendar--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--m-calendar--BackgroundUrl);
14189
+ --pf-c-form-control--m-clock--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--m-clock--BackgroundUrl);
14190
+ --pf-c-form-control__select--BackgroundSize: var(--pf-c-form-control--m-icon-sprite__select--BackgroundSize);
14191
+ --pf-c-form-control__select--BackgroundPositionX: var(--pf-c-form-control--m-icon-sprite__select--BackgroundPositionX);
14192
+ --pf-c-form-control__select--success--BackgroundPosition: var(--pf-c-form-control--m-icon-sprite__select--success--BackgroundPosition);
14193
+ --pf-c-form-control__select--m-warning--BackgroundPosition: var(--pf-c-form-control--m-icon-sprite__select--m-warning--BackgroundPosition);
14194
+ --pf-c-form-control__select--invalid--BackgroundPosition: var(--pf-c-form-control--m-icon-sprite__select--invalid--BackgroundPosition);
14195
+ }
14170
14196
  select.pf-c-form-control {
14171
14197
  --pf-c-form-control--PaddingRight: var(--pf-c-form-control__select--PaddingRight);
14172
14198
  --pf-c-form-control--PaddingLeft: var(--pf-c-form-control__select--PaddingLeft);
@@ -16517,6 +16543,7 @@ ul.pf-c-list {
16517
16543
  --pf-c-menu__item-description--FontSize: var(--pf-global--FontSize--xs);
16518
16544
  --pf-c-menu__item-description--Color: var(--pf-global--Color--200);
16519
16545
  --pf-c-menu__item-icon--MarginRight: var(--pf-global--spacer--sm);
16546
+ --pf-c-menu__item-check--MarginRight: var(--pf-global--spacer--sm);
16520
16547
  --pf-c-menu__item-toggle-icon--PaddingRight: var(--pf-global--spacer--sm);
16521
16548
  --pf-c-menu__item-toggle-icon--PaddingLeft: var(--pf-global--spacer--sm);
16522
16549
  --pf-c-menu__list-item--m-disabled__item-toggle-icon--Color: var(--pf-global--disabled-color--200);
@@ -16879,6 +16906,9 @@ ul.pf-c-list {
16879
16906
  .pf-c-menu__item.pf-m-selected .pf-c-menu__item-select-icon {
16880
16907
  opacity: 1;
16881
16908
  }
16909
+ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
16910
+ cursor: pointer;
16911
+ }
16882
16912
 
16883
16913
  .pf-c-menu__item-main {
16884
16914
  display: flex;
@@ -16923,6 +16953,12 @@ ul.pf-c-list {
16923
16953
  margin-right: var(--pf-c-menu__item-icon--MarginRight);
16924
16954
  }
16925
16955
 
16956
+ .pf-c-menu__item-check {
16957
+ display: flex;
16958
+ align-items: center;
16959
+ margin-right: var(--pf-c-menu__item-check--MarginRight);
16960
+ }
16961
+
16926
16962
  .pf-c-menu__item-toggle-icon {
16927
16963
  padding-right: var(--pf-c-menu__item-toggle-icon--PaddingRight);
16928
16964
  padding-left: var(--pf-c-menu__item-toggle-icon--PaddingLeft);
package/patternfly.css CHANGED
@@ -14176,6 +14176,18 @@ label.pf-c-check, .pf-c-check__label,
14176
14176
  --pf-c-form-control--textarea--success--BackgroundPositionY: var(--pf-c-form-control--PaddingLeft);
14177
14177
  --pf-c-form-control--textarea--m-warning--BackgroundPositionY: var(--pf-c-form-control--PaddingLeft);
14178
14178
  --pf-c-form-control--textarea--invalid--BackgroundPositionY: var(--pf-c-form-control--PaddingLeft);
14179
+ --pf-c-form-control--m-icon-sprite--success--BackgroundUrl: url("./assets/images/status-icon-sprite.svg#success");
14180
+ --pf-c-form-control--m-icon-sprite--m-warning--BackgroundUrl: url("./assets/images/status-icon-sprite.svg#warning");
14181
+ --pf-c-form-control--m-icon-sprite--m-invalid--BackgroundUrl: url("./assets/images/status-icon-sprite.svg#invalid");
14182
+ --pf-c-form-control--m-icon-sprite__select--BackgroundUrl: url("./assets/images/status-icon-sprite.svg#select");
14183
+ --pf-c-form-control--m-icon-sprite--m-search--BackgroundUrl: url("./assets/images/status-icon-sprite.svg#search");
14184
+ --pf-c-form-control--m-icon-sprite--m-calendar--BackgroundUrl: url("./assets/images/status-icon-sprite.svg#calendar");
14185
+ --pf-c-form-control--m-icon-sprite--m-clock--BackgroundUrl: url("./assets/images/status-icon-sprite.svg#clock");
14186
+ --pf-c-form-control--m-icon-sprite__select--BackgroundSize: var(--pf-c-form-control--FontSize);
14187
+ --pf-c-form-control--m-icon-sprite__select--BackgroundPositionX: calc(100% - var(--pf-global--spacer--md) + 7px);
14188
+ --pf-c-form-control--m-icon-sprite__select--success--BackgroundPosition: calc(100% - var(--pf-global--spacer--md) + 1px - var(--pf-global--spacer--lg));
14189
+ --pf-c-form-control--m-icon-sprite__select--m-warning--BackgroundPosition: calc(100% - var(--pf-global--spacer--md) - var(--pf-global--spacer--lg) + 0.0625rem);
14190
+ --pf-c-form-control--m-icon-sprite__select--invalid--BackgroundPosition: calc(100% - var(--pf-global--spacer--md) - var(--pf-global--spacer--lg));
14179
14191
  color: var(--pf-global--Color--100);
14180
14192
  width: var(--pf-c-form-control--Width);
14181
14193
  padding: var(--pf-c-form-control--PaddingTop) var(--pf-c-form-control--PaddingRight) var(--pf-c-form-control--PaddingBottom) var(--pf-c-form-control--PaddingLeft);
@@ -14289,6 +14301,20 @@ label.pf-c-check, .pf-c-check__label,
14289
14301
  .pf-c-form-control.pf-m-icon.pf-m-clock {
14290
14302
  --pf-c-form-control--m-icon--BackgroundUrl: var(--pf-c-form-control--m-clock--BackgroundUrl);
14291
14303
  }
14304
+ .pf-c-form-control.pf-m-icon-sprite {
14305
+ --pf-c-form-control--success--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--success--BackgroundUrl);
14306
+ --pf-c-form-control--m-warning--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--m-warning--BackgroundUrl);
14307
+ --pf-c-form-control--m-invalid--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--m-invalid--BackgroundUrl);
14308
+ --pf-c-form-control__select--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite__select--BackgroundUrl);
14309
+ --pf-c-form-control--m-search--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--m-search--BackgroundUrl);
14310
+ --pf-c-form-control--m-calendar--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--m-calendar--BackgroundUrl);
14311
+ --pf-c-form-control--m-clock--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--m-clock--BackgroundUrl);
14312
+ --pf-c-form-control__select--BackgroundSize: var(--pf-c-form-control--m-icon-sprite__select--BackgroundSize);
14313
+ --pf-c-form-control__select--BackgroundPositionX: var(--pf-c-form-control--m-icon-sprite__select--BackgroundPositionX);
14314
+ --pf-c-form-control__select--success--BackgroundPosition: var(--pf-c-form-control--m-icon-sprite__select--success--BackgroundPosition);
14315
+ --pf-c-form-control__select--m-warning--BackgroundPosition: var(--pf-c-form-control--m-icon-sprite__select--m-warning--BackgroundPosition);
14316
+ --pf-c-form-control__select--invalid--BackgroundPosition: var(--pf-c-form-control--m-icon-sprite__select--invalid--BackgroundPosition);
14317
+ }
14292
14318
  select.pf-c-form-control {
14293
14319
  --pf-c-form-control--PaddingRight: var(--pf-c-form-control__select--PaddingRight);
14294
14320
  --pf-c-form-control--PaddingLeft: var(--pf-c-form-control__select--PaddingLeft);
@@ -16639,6 +16665,7 @@ ul.pf-c-list {
16639
16665
  --pf-c-menu__item-description--FontSize: var(--pf-global--FontSize--xs);
16640
16666
  --pf-c-menu__item-description--Color: var(--pf-global--Color--200);
16641
16667
  --pf-c-menu__item-icon--MarginRight: var(--pf-global--spacer--sm);
16668
+ --pf-c-menu__item-check--MarginRight: var(--pf-global--spacer--sm);
16642
16669
  --pf-c-menu__item-toggle-icon--PaddingRight: var(--pf-global--spacer--sm);
16643
16670
  --pf-c-menu__item-toggle-icon--PaddingLeft: var(--pf-global--spacer--sm);
16644
16671
  --pf-c-menu__list-item--m-disabled__item-toggle-icon--Color: var(--pf-global--disabled-color--200);
@@ -17001,6 +17028,9 @@ ul.pf-c-list {
17001
17028
  .pf-c-menu__item.pf-m-selected .pf-c-menu__item-select-icon {
17002
17029
  opacity: 1;
17003
17030
  }
17031
+ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
17032
+ cursor: pointer;
17033
+ }
17004
17034
 
17005
17035
  .pf-c-menu__item-main {
17006
17036
  display: flex;
@@ -17045,6 +17075,12 @@ ul.pf-c-list {
17045
17075
  margin-right: var(--pf-c-menu__item-icon--MarginRight);
17046
17076
  }
17047
17077
 
17078
+ .pf-c-menu__item-check {
17079
+ display: flex;
17080
+ align-items: center;
17081
+ margin-right: var(--pf-c-menu__item-check--MarginRight);
17082
+ }
17083
+
17048
17084
  .pf-c-menu__item-toggle-icon {
17049
17085
  padding-right: var(--pf-c-menu__item-toggle-icon--PaddingRight);
17050
17086
  padding-left: var(--pf-c-menu__item-toggle-icon--PaddingLeft);