@patternfly/react-core 4.242.6 → 4.242.7

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/CHANGELOG.md CHANGED
@@ -3,6 +3,17 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [4.242.7](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@4.242.6...@patternfly/react-core@4.242.7) (2022-09-26)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * **Breadcrumb:** Fixed type error ([#8038](https://github.com/patternfly/patternfly-react/issues/8038)) ([7ed2b46](https://github.com/patternfly/patternfly-react/commit/7ed2b46e1b349ce90ac4f3fe77595c38cea589ab))
12
+
13
+
14
+
15
+
16
+
6
17
  ## [4.242.6](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@4.242.5...@patternfly/react-core@4.242.6) (2022-09-26)
7
18
 
8
19
 
@@ -1 +1 @@
1
- {"version":3,"file":"Breadcrumb.js","sourceRoot":"","sources":["../../../../src/components/Breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,+DAA+D,CAAC;AACnF,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAa,MAAM,eAAe,CAAC;AAWxD,MAAM,CAAC,MAAM,UAAU,GAA6C,CAAC,EAOnD,EAAE,EAAE;QAP+C,EACnE,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,EAAE,EACd,YAAY,EAAE,SAAS,GAAG,YAAY,EACtC,MAAM,EACN,QAAQ,GAAG,IAAI,OAEC,EADb,KAAK,cAN2D,6DAOpE,CADS;IAER,MAAM,SAAS,GAAG,YAAY,CAAC,UAAU,CAAC,WAAW,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;IACzE,OAAO,CACL,6CAAS,KAAK,kBAAc,SAAS,EAAE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,UAAU,EAAE,SAAS,CAAC,IAAM,SAAS;QAChG,4BAAI,SAAS,EAAE,MAAM,CAAC,cAAc,IACjC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YAC7C,MAAM,WAAW,GAAG,KAAK,GAAG,CAAC,CAAC;YAC9B,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;gBAC/B,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC;aACnD;YAED,OAAO,KAAK,CAAC;QACf,CAAC,CAAC,CACC,CACD,CACP,CAAC;AACJ,CAAC,CAAC;AACF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}
1
+ {"version":3,"file":"Breadcrumb.js","sourceRoot":"","sources":["../../../../src/components/Breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,+DAA+D,CAAC;AACnF,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAa,MAAM,eAAe,CAAC;AAWxD,MAAM,CAAC,MAAM,UAAU,GAA6C,CAAC,EAOnD,EAAE,EAAE;QAP+C,EACnE,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,EAAE,EACd,YAAY,EAAE,SAAS,GAAG,YAAY,EACtC,MAAM,EACN,QAAQ,GAAG,IAAI,OAEC,EADb,KAAK,cAN2D,6DAOpE,CADS;IAER,MAAM,SAAS,GAAG,YAAY,CAAC,UAAU,CAAC,WAAW,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;IACzE,OAAO,CACL,6CAAS,KAAK,kBAAc,SAAS,EAAE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,UAAU,EAAE,SAAS,CAAC,IAAM,SAAS;QAChG,4BAAI,SAAS,EAAE,MAAM,CAAC,cAAc,IACjC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YAC7C,MAAM,WAAW,GAAG,KAAK,GAAG,CAAC,CAAC;YAC9B,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;gBAC/B,OAAO,KAAK,CAAC,YAAY,CAAC,KAAgC,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC;aAC9E;YAED,OAAO,KAAK,CAAC;QACf,CAAC,CAAC,CACC,CACD,CACP,CAAC;AACJ,CAAC,CAAC;AACF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Breadcrumb.js","sourceRoot":"","sources":["../../../../src/components/Breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,uHAAmF;AACnF,2DAA+C;AAC/C,2CAAwD;AAWjD,MAAM,UAAU,GAA6C,CAAC,EAOnD,EAAE,EAAE;QAP+C,EACnE,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,EAAE,EACd,YAAY,EAAE,SAAS,GAAG,YAAY,EACtC,MAAM,EACN,QAAQ,GAAG,IAAI,OAEC,EADb,KAAK,sBAN2D,6DAOpE,CADS;IAER,MAAM,SAAS,GAAG,sBAAY,CAAC,kBAAU,CAAC,WAAW,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;IACzE,OAAO,CACL,6CAAS,KAAK,kBAAc,SAAS,EAAE,SAAS,EAAE,kBAAG,CAAC,oBAAM,CAAC,UAAU,EAAE,SAAS,CAAC,IAAM,SAAS;QAChG,4BAAI,SAAS,EAAE,oBAAM,CAAC,cAAc,IACjC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YAC7C,MAAM,WAAW,GAAG,KAAK,GAAG,CAAC,CAAC;YAC9B,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;gBAC/B,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC;aACnD;YAED,OAAO,KAAK,CAAC;QACf,CAAC,CAAC,CACC,CACD,CACP,CAAC;AACJ,CAAC,CAAC;AAvBW,QAAA,UAAU,cAuBrB;AACF,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}
1
+ {"version":3,"file":"Breadcrumb.js","sourceRoot":"","sources":["../../../../src/components/Breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,uHAAmF;AACnF,2DAA+C;AAC/C,2CAAwD;AAWjD,MAAM,UAAU,GAA6C,CAAC,EAOnD,EAAE,EAAE;QAP+C,EACnE,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,EAAE,EACd,YAAY,EAAE,SAAS,GAAG,YAAY,EACtC,MAAM,EACN,QAAQ,GAAG,IAAI,OAEC,EADb,KAAK,sBAN2D,6DAOpE,CADS;IAER,MAAM,SAAS,GAAG,sBAAY,CAAC,kBAAU,CAAC,WAAW,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;IACzE,OAAO,CACL,6CAAS,KAAK,kBAAc,SAAS,EAAE,SAAS,EAAE,kBAAG,CAAC,oBAAM,CAAC,UAAU,EAAE,SAAS,CAAC,IAAM,SAAS;QAChG,4BAAI,SAAS,EAAE,oBAAM,CAAC,cAAc,IACjC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YAC7C,MAAM,WAAW,GAAG,KAAK,GAAG,CAAC,CAAC;YAC9B,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;gBAC/B,OAAO,KAAK,CAAC,YAAY,CAAC,KAAgC,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC;aAC9E;YAED,OAAO,KAAK,CAAC;QACf,CAAC,CAAC,CACC,CACD,CACP,CAAC;AACJ,CAAC,CAAC;AAvBW,QAAA,UAAU,cAuBrB;AACF,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}
@@ -10163,236 +10163,6 @@ label.pf-c-input-group__text {
10163
10163
  --pf-c-sidebar__panel--FlexBasis: 100%;
10164
10164
  }
10165
10165
  }
10166
- .pf-c-label-group {
10167
- --pf-c-label-group__list--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
10168
- --pf-c-label-group__list--MarginRight: calc(var(--pf-global--spacer--xs) * -1);
10169
- --pf-c-label-group--m-category--PaddingTop: var(--pf-global--spacer--xs);
10170
- --pf-c-label-group--m-category--PaddingRight: var(--pf-global--spacer--xs);
10171
- --pf-c-label-group--m-category--PaddingBottom: var(--pf-global--spacer--xs);
10172
- --pf-c-label-group--m-category--PaddingLeft: var(--pf-global--spacer--sm);
10173
- --pf-c-label-group--m-vertical--m-category--PaddingRight: var(--pf-global--spacer--sm);
10174
- --pf-c-label-group--m-category--BorderRadius: var(--pf-global--BorderRadius--sm);
10175
- --pf-c-label-group--m-category--BorderWidth: var(--pf-global--BorderWidth--sm);
10176
- --pf-c-label-group--m-category--BorderColor: var(--pf-global--BorderColor--300);
10177
- --pf-c-label-group--m-category--BackgroundColor: var(--pf-global--BackgroundColor--100);
10178
- --pf-c-label-group__label--MarginRight: var(--pf-global--spacer--sm);
10179
- --pf-c-label-group__label--MarginBottom: 0;
10180
- --pf-c-label-group--m-vertical__label--MarginBottom: var(--pf-global--spacer--sm);
10181
- --pf-c-label-group__label--FontSize: var(--pf-global--FontSize--sm);
10182
- --pf-c-label-group__label--MaxWidth: 18ch;
10183
- --pf-c-label-group__close--MarginTop: calc(var(--pf-global--spacer--xs) * -1);
10184
- --pf-c-label-group__close--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
10185
- --pf-c-label-group--m-vertical__close--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
10186
- --pf-c-label-group--m-vertical__close--MarginRight: calc(var(--pf-global--spacer--form-element) * -1);
10187
- --pf-c-label-group--m-vertical__close--MarginLeft: var(--pf-global--spacer--sm);
10188
- --pf-c-label-group--m-vertical__close--c-button--PaddingRight: var(--pf-global--spacer--sm);
10189
- --pf-c-label-group--m-vertical__close--c-button--PaddingLeft: var(--pf-global--spacer--sm);
10190
- --pf-c-label-group__list-item--MarginRight: var(--pf-global--spacer--xs);
10191
- --pf-c-label-group__list-item--MarginBottom: var(--pf-global--spacer--xs);
10192
- --pf-c-label-group__textarea--MinWidth: 12.5rem;
10193
- --pf-c-label-group__textarea--PaddingTop: 0.125rem;
10194
- --pf-c-label-group__textarea--PaddingRight: var(--pf-global--spacer--xs);
10195
- --pf-c-label-group__textarea--PaddingBottom: 0;
10196
- --pf-c-label-group__textarea--PaddingLeft: var(--pf-global--spacer--xs);
10197
- display: inline-flex;
10198
- align-items: center;
10199
- }
10200
-
10201
- .pf-c-label-group.pf-m-category {
10202
- padding-top: var(--pf-c-label-group--m-category--PaddingTop);
10203
- padding-right: var(--pf-c-label-group--m-category--PaddingRight);
10204
- padding-bottom: var(--pf-c-label-group--m-category--PaddingBottom);
10205
- padding-left: var(--pf-c-label-group--m-category--PaddingLeft);
10206
- background-color: var(--pf-c-label-group--m-category--BackgroundColor);
10207
- border: var(--pf-c-label-group--m-category--BorderWidth) solid var(--pf-c-label-group--m-category--BorderColor);
10208
- border-radius: var(--pf-c-label-group--m-category--BorderRadius);
10209
- }
10210
-
10211
- .pf-c-label-group.pf-m-vertical {
10212
- --pf-c-label-group__list--MarginRight: 0;
10213
- --pf-c-label-group__list--MarginBottom: 0;
10214
- --pf-c-label-group__list-item--MarginRight: 0;
10215
- --pf-c-label-group__label--MarginRight: 0;
10216
- --pf-c-label-group__label--MarginBottom: var(--pf-c-label-group--m-vertical__label--MarginBottom);
10217
- --pf-c-label-group__close--MarginTop: var(--pf-c-label-group--m-vertical__close--MarginTop);
10218
- --pf-c-label-group__close--MarginLeft: var(--pf-c-label-group--m-vertical__close--MarginLeft);
10219
- --pf-c-label-group__close--MarginBottom: 0;
10220
- --pf-c-label-group__close--MarginRight: var(--pf-c-label-group--m-vertical__close--MarginRight);
10221
- --pf-c-label-group--m-category--PaddingRight: var(--pf-c-label-group--m-vertical--m-category--PaddingRight);
10222
- }
10223
-
10224
- .pf-c-label-group.pf-m-vertical.pf-c-label-group {
10225
- align-items: flex-start;
10226
- }
10227
-
10228
- .pf-c-label-group.pf-m-vertical .pf-c-label-group__list {
10229
- flex-direction: column;
10230
- align-items: flex-start;
10231
- }
10232
-
10233
- .pf-c-label-group.pf-m-vertical .pf-c-label-group__main {
10234
- flex-direction: column;
10235
- }
10236
-
10237
- .pf-c-label-group.pf-m-vertical .pf-c-label-group__list-item:last-child {
10238
- --pf-c-label-group__list-item--MarginBottom: 0;
10239
- }
10240
-
10241
- .pf-c-label-group.pf-m-vertical .pf-c-label-group__close .pf-c-button {
10242
- --pf-c-button--PaddingLeft: var(--pf-c-label-group--m-vertical__close--c-button--PaddingLeft);
10243
- --pf-c-button--PaddingRight: var(--pf-c-label-group--m-vertical__close--c-button--PaddingRight);
10244
- }
10245
-
10246
- .pf-c-label-group.pf-m-editable,
10247
- .pf-c-label-group.pf-m-editable .pf-c-label-group__main,
10248
- .pf-c-label-group.pf-m-editable .pf-c-label-group__list {
10249
- display: flex;
10250
- }
10251
-
10252
- .pf-c-label-group.pf-m-editable .pf-c-label-group__main,
10253
- .pf-c-label-group.pf-m-editable .pf-c-label-group__list,
10254
- .pf-c-label-group.pf-m-editable .pf-c-label-group__list-item.pf-m-textarea,
10255
- .pf-c-label-group.pf-m-editable .pf-c-label-group__textarea {
10256
- flex: 1;
10257
- }
10258
-
10259
- .pf-c-label-group__main {
10260
- display: flex;
10261
- flex: 1;
10262
- flex-wrap: wrap;
10263
- align-items: baseline;
10264
- }
10265
-
10266
- .pf-c-label-group__list {
10267
- display: inline-flex;
10268
- flex-wrap: wrap;
10269
- margin-right: var(--pf-c-label-group__list--MarginRight);
10270
- margin-bottom: var(--pf-c-label-group__list--MarginBottom);
10271
- }
10272
-
10273
- .pf-c-label-group__list-item {
10274
- display: inline-flex;
10275
- margin-right: var(--pf-c-label-group__list-item--MarginRight);
10276
- margin-bottom: var(--pf-c-label-group__list-item--MarginBottom);
10277
- }
10278
-
10279
- .pf-c-label-group__label {
10280
- overflow: hidden;
10281
- text-overflow: ellipsis;
10282
- white-space: nowrap;
10283
- max-width: var(--pf-c-label-group__label--MaxWidth);
10284
- margin-right: var(--pf-c-label-group__label--MarginRight);
10285
- margin-bottom: var(--pf-c-label-group__label--MarginBottom);
10286
- font-size: var(--pf-c-label-group__label--FontSize);
10287
- }
10288
-
10289
- .pf-c-label-group__close {
10290
- margin-top: var(--pf-c-label-group__close--MarginTop);
10291
- margin-right: var(--pf-c-label-group__close--MarginRight);
10292
- margin-bottom: var(--pf-c-label-group__close--MarginBottom);
10293
- margin-left: var(--pf-c-label-group__close--MarginLeft);
10294
- }
10295
-
10296
- .pf-c-label-group__textarea {
10297
- min-width: var(--pf-c-label-group__textarea--MinWidth);
10298
- padding: var(--pf-c-label-group__textarea--PaddingTop) var(--pf-c-label-group__textarea--PaddingRight) var(--pf-c-label-group__textarea--PaddingBottom) var(--pf-c-label-group__textarea--PaddingLeft);
10299
- white-space: nowrap;
10300
- resize: none;
10301
- border: 0;
10302
- -ms-overflow-style: none;
10303
- scrollbar-width: none;
10304
- }
10305
-
10306
- .pf-c-label-group__textarea::-webkit-scrollbar {
10307
- display: none;
10308
- }
10309
-
10310
- .pf-c-list {
10311
- --pf-c-list--PaddingLeft: var(--pf-global--spacer--lg);
10312
- --pf-c-list--nested--MarginTop: var(--pf-global--spacer--sm);
10313
- --pf-c-list--nested--MarginLeft: var(--pf-global--spacer--sm);
10314
- --pf-c-list--ul--ListStyle: var(--pf-global--ListStyle);
10315
- --pf-c-list--li--MarginTop: var(--pf-global--spacer--sm);
10316
- --pf-c-list--m-inline--li--MarginRight: var(--pf-global--spacer--lg);
10317
- --pf-c-list--m-bordered--li--PaddingBottom: var(--pf-global--spacer--sm);
10318
- --pf-c-list--m-bordered--li--BorderBottomColor: var(--pf-global--BorderColor--100);
10319
- --pf-c-list--m-bordered--li--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
10320
- --pf-c-list__item-icon--MinWidth: var(--pf-global--icon--FontSize--sm);
10321
- --pf-c-list__item-icon--MarginTop: 0.375rem;
10322
- --pf-c-list__item-icon--MarginRight: var(--pf-global--spacer--sm);
10323
- --pf-c-list__item-icon--Color: var(--pf-global--icon--Color--light);
10324
- --pf-c-list__item-icon--FontSize: var(--pf-global--icon--FontSize--sm);
10325
- --pf-c-list--m-icon-lg__item-icon--MinWidth: var(--pf-global--icon--FontSize--lg);
10326
- --pf-c-list--m-icon-lg__item-icon--MarginRight: var(--pf-global--spacer--md);
10327
- --pf-c-list--m-icon-lg__item-icon--FontSize: var(--pf-global--icon--FontSize--lg);
10328
- padding-left: var(--pf-c-list--PaddingLeft);
10329
- }
10330
-
10331
- .pf-c-list ol,
10332
- .pf-c-list ul {
10333
- margin-top: var(--pf-c-list--nested--MarginTop);
10334
- margin-left: var(--pf-c-list--nested--MarginLeft);
10335
- }
10336
-
10337
- .pf-c-list li + li {
10338
- margin-top: var(--pf-c-list--li--MarginTop);
10339
- }
10340
-
10341
- ul.pf-c-list {
10342
- list-style: var(--pf-c-list--ul--ListStyle);
10343
- }
10344
-
10345
- .pf-c-list .pf-c-list__item {
10346
- display: flex;
10347
- }
10348
-
10349
- .pf-c-list .pf-c-list__item-icon {
10350
- flex-shrink: 0;
10351
- min-width: var(--pf-c-list__item-icon--MinWidth);
10352
- margin-top: var(--pf-c-list__item-icon--MarginTop);
10353
- margin-right: var(--pf-c-list__item-icon--MarginRight);
10354
- font-size: var(--pf-c-list__item-icon--FontSize);
10355
- line-height: 1;
10356
- color: var(--pf-c-list__item-icon--Color);
10357
- }
10358
-
10359
- .pf-c-list.pf-m-icon-lg {
10360
- --pf-c-list__item-icon--MinWidth: var(--pf-c-list--m-icon-lg__item-icon--MinWidth);
10361
- --pf-c-list__item-icon--MarginTop: 0;
10362
- --pf-c-list__item-icon--MarginRight: var(--pf-c-list--m-icon-lg__item-icon--MarginRight);
10363
- --pf-c-list__item-icon--FontSize: var(--pf-c-list--m-icon-lg__item-icon--FontSize);
10364
- }
10365
-
10366
- .pf-c-list.pf-m-plain {
10367
- --pf-c-list--PaddingLeft: 0;
10368
- list-style: none;
10369
- }
10370
-
10371
- .pf-c-list.pf-m-inline {
10372
- --pf-c-list--PaddingLeft: 0;
10373
- display: flex;
10374
- flex-wrap: wrap;
10375
- list-style: none;
10376
- }
10377
-
10378
- .pf-c-list.pf-m-inline li {
10379
- --pf-c-list--li--MarginTop: 0;
10380
- }
10381
-
10382
- .pf-c-list.pf-m-inline li:not(:last-child) {
10383
- margin-right: var(--pf-c-list--m-inline--li--MarginRight);
10384
- }
10385
-
10386
- .pf-c-list.pf-m-bordered > * {
10387
- padding-bottom: var(--pf-c-list--m-bordered--li--PaddingBottom);
10388
- border-bottom: var(--pf-c-list--m-bordered--li--BorderBottomWidth) solid var(--pf-c-list--m-bordered--li--BorderBottomColor);
10389
- }
10390
-
10391
- .pf-c-list.pf-m-bordered > :last-child {
10392
- --pf-c-list--m-bordered--li--PaddingBottom: 0;
10393
- --pf-c-list--m-bordered--li--BorderBottomWidth: 0;
10394
- }
10395
-
10396
10166
  .pf-c-label {
10397
10167
  --pf-c-label--PaddingTop: var(--pf-global--spacer--xs);
10398
10168
  --pf-c-label--PaddingRight: var(--pf-global--spacer--sm);
@@ -10754,106 +10524,336 @@ ul.pf-c-list {
10754
10524
  align-items: center;
10755
10525
  }
10756
10526
 
10757
- .pf-c-label__text {
10758
- overflow: hidden;
10759
- text-overflow: ellipsis;
10760
- white-space: nowrap;
10761
- max-width: var(--pf-c-label__text--MaxWidth);
10527
+ .pf-c-label__text {
10528
+ overflow: hidden;
10529
+ text-overflow: ellipsis;
10530
+ white-space: nowrap;
10531
+ max-width: var(--pf-c-label__text--MaxWidth);
10532
+ }
10533
+
10534
+ .pf-c-label__content {
10535
+ overflow: hidden;
10536
+ text-overflow: ellipsis;
10537
+ white-space: nowrap;
10538
+ max-width: var(--pf-c-label__content--MaxWidth);
10539
+ color: var(--pf-c-label__content--Color);
10540
+ border-width: 0;
10541
+ }
10542
+
10543
+ .pf-c-label__content::before {
10544
+ position: absolute;
10545
+ top: 0;
10546
+ right: 0;
10547
+ bottom: 0;
10548
+ left: 0;
10549
+ pointer-events: none;
10550
+ content: "";
10551
+ border: var(--pf-c-label__content--before--BorderWidth) solid var(--pf-c-label__content--before--BorderColor);
10552
+ border-radius: var(--pf-c-label--BorderRadius);
10553
+ }
10554
+
10555
+ a.pf-c-label__content,
10556
+ button.pf-c-label__content {
10557
+ cursor: pointer;
10558
+ border: none;
10559
+ }
10560
+
10561
+ a.pf-c-label__content, a.pf-c-label__content:hover, a.pf-c-label__content:focus,
10562
+ button.pf-c-label__content,
10563
+ button.pf-c-label__content:hover,
10564
+ button.pf-c-label__content:focus {
10565
+ text-decoration: none;
10566
+ }
10567
+
10568
+ a.pf-c-label__content:hover,
10569
+ button.pf-c-label__content:hover {
10570
+ --pf-c-label__content--before--BorderWidth: var(--pf-c-label__content--link--hover--before--BorderWidth);
10571
+ --pf-c-label__content--before--BorderColor: var(--pf-c-label__content--link--hover--before--BorderColor);
10572
+ }
10573
+
10574
+ a.pf-c-label__content:focus,
10575
+ button.pf-c-label__content:focus {
10576
+ --pf-c-label__content--before--BorderWidth: var(--pf-c-label__content--link--focus--before--BorderWidth);
10577
+ --pf-c-label__content--before--BorderColor: var(--pf-c-label__content--link--focus--before--BorderColor);
10578
+ }
10579
+
10580
+ .pf-c-label__icon {
10581
+ margin-right: var(--pf-c-label__icon--MarginRight);
10582
+ color: var(--pf-c-label__icon--Color);
10583
+ }
10584
+
10585
+ :where(.pf-theme-dark) .pf-c-label {
10586
+ --pf-c-label--BackgroundColor: var(--pf-global--BackgroundColor--300);
10587
+ --pf-c-label--m-blue--BackgroundColor: var(--pf-global--BackgroundColor--300);
10588
+ --pf-c-label--m-green--BackgroundColor: var(--pf-global--BackgroundColor--300);
10589
+ --pf-c-label--m-orange--BackgroundColor: var(--pf-global--BackgroundColor--300);
10590
+ --pf-c-label--m-red--BackgroundColor: var(--pf-global--BackgroundColor--300);
10591
+ --pf-c-label--m-purple--BackgroundColor: var(--pf-global--BackgroundColor--300);
10592
+ --pf-c-label--m-cyan--BackgroundColor: var(--pf-global--BackgroundColor--300);
10593
+ --pf-c-label__content--before--BorderWidth: 0;
10594
+ --pf-c-label__content--before--BorderColor: transparent;
10595
+ --pf-c-label__content--link--hover--before--BorderWidth: var(--pf-global--BorderWidth--sm);
10596
+ --pf-c-label__content--link--focus--before--BorderWidth: var(--pf-global--BorderWidth--sm);
10597
+ --pf-c-label--m-blue__content--Color: var(--pf-global--primary-color--100);
10598
+ --pf-c-label--m-outline--m-blue__content--before--BorderColor: var(--pf-global--active-color--200);
10599
+ --pf-c-label--m-outline--m-blue__content--link--hover--before--BorderColor: var(--pf-global--active-color--200);
10600
+ --pf-c-label--m-outline--m-blue__content--link--focus--before--BorderColor: var(--pf-global--active-color--200);
10601
+ --pf-c-label--m-green__content--Color: var(--pf-global--success-color--100);
10602
+ --pf-c-label--m-outline--m-green__content--before--BorderColor: var(--pf-global--palette--green-100);
10603
+ --pf-c-label--m-outline--m-green__content--link--hover--before--BorderColor: var(--pf-global--palette--green-100);
10604
+ --pf-c-label--m-outline--m-green__content--link--focus--before--BorderColor: var(--pf-global--palette--green-100);
10605
+ --pf-c-label--m-orange__content--Color: var(--pf-global--palette--orange-300);
10606
+ --pf-c-label--m-outline--m-orange__content--Color: var(--pf-global--palette--orange-300);
10607
+ --pf-c-label--m-outline--m-orange__content--before--BorderColor: var(--pf-global--palette--gold-100);
10608
+ --pf-c-label--m-outline--m-orange__content--link--hover--before--BorderColor: var(--pf-global--palette--gold-100);
10609
+ --pf-c-label--m-outline--m-orange__content--link--focus--before--BorderColor: var(--pf-global--palette--gold-100);
10610
+ --pf-c-label--m-red__content--Color: var(--pf-global--danger-color--100);
10611
+ --pf-c-label--m-outline--m-red__content--before--BorderColor: var(--pf-global--danger-color--100);
10612
+ --pf-c-label--m-outline--m-red__content--link--hover--before--BorderColor: var(--pf-global--danger-color--100);
10613
+ --pf-c-label--m-outline--m-red__content--link--focus--before--BorderColor: var(--pf-global--danger-color--100);
10614
+ --pf-c-label--m-purple__content--Color: var(--pf-global--palette--purple-300);
10615
+ --pf-c-label--m-purple__icon--Color: var(--pf-global--palette--purple-300);
10616
+ --pf-c-label--m-purple__content--link--hover--before--BorderColor: var(--pf-global--palette--purple-300);
10617
+ --pf-c-label--m-purple__content--link--focus--before--BorderColor: var(--pf-global--palette--purple-300);
10618
+ --pf-c-label--m-outline--m-purple__content--before--BorderColor: var(--pf-global--palette--purple-100);
10619
+ --pf-c-label--m-outline--m-purple__content--link--hover--before--BorderColor: var(--pf-global--palette--purple-100);
10620
+ --pf-c-label--m-outline--m-purple__content--link--focus--before--BorderColor: var(--pf-global--palette--purple-100);
10621
+ --pf-c-label--m-outline--m-purple__content--Color: var(--pf-global--palette--purple-300);
10622
+ --pf-c-label--m-cyan__content--Color: var(--pf-global--default-color--200);
10623
+ --pf-c-label--m-outline--m-cyan__content--Color: var(--pf-global--default-color--200);
10624
+ --pf-c-label--m-outline--m-cyan__content--before--BorderColor: var(--pf-global--palette--cyan-100);
10625
+ --pf-c-label--m-outline--m-cyan__content--link--hover--before--BorderColor: var(--pf-global--palette--cyan-100);
10626
+ --pf-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor: var(--pf-global--palette--cyan-100);
10627
+ }
10628
+
10629
+ .pf-c-label-group {
10630
+ --pf-c-label-group__list--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
10631
+ --pf-c-label-group__list--MarginRight: calc(var(--pf-global--spacer--xs) * -1);
10632
+ --pf-c-label-group--m-category--PaddingTop: var(--pf-global--spacer--xs);
10633
+ --pf-c-label-group--m-category--PaddingRight: var(--pf-global--spacer--xs);
10634
+ --pf-c-label-group--m-category--PaddingBottom: var(--pf-global--spacer--xs);
10635
+ --pf-c-label-group--m-category--PaddingLeft: var(--pf-global--spacer--sm);
10636
+ --pf-c-label-group--m-vertical--m-category--PaddingRight: var(--pf-global--spacer--sm);
10637
+ --pf-c-label-group--m-category--BorderRadius: var(--pf-global--BorderRadius--sm);
10638
+ --pf-c-label-group--m-category--BorderWidth: var(--pf-global--BorderWidth--sm);
10639
+ --pf-c-label-group--m-category--BorderColor: var(--pf-global--BorderColor--300);
10640
+ --pf-c-label-group--m-category--BackgroundColor: var(--pf-global--BackgroundColor--100);
10641
+ --pf-c-label-group__label--MarginRight: var(--pf-global--spacer--sm);
10642
+ --pf-c-label-group__label--MarginBottom: 0;
10643
+ --pf-c-label-group--m-vertical__label--MarginBottom: var(--pf-global--spacer--sm);
10644
+ --pf-c-label-group__label--FontSize: var(--pf-global--FontSize--sm);
10645
+ --pf-c-label-group__label--MaxWidth: 18ch;
10646
+ --pf-c-label-group__close--MarginTop: calc(var(--pf-global--spacer--xs) * -1);
10647
+ --pf-c-label-group__close--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
10648
+ --pf-c-label-group--m-vertical__close--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
10649
+ --pf-c-label-group--m-vertical__close--MarginRight: calc(var(--pf-global--spacer--form-element) * -1);
10650
+ --pf-c-label-group--m-vertical__close--MarginLeft: var(--pf-global--spacer--sm);
10651
+ --pf-c-label-group--m-vertical__close--c-button--PaddingRight: var(--pf-global--spacer--sm);
10652
+ --pf-c-label-group--m-vertical__close--c-button--PaddingLeft: var(--pf-global--spacer--sm);
10653
+ --pf-c-label-group__list-item--MarginRight: var(--pf-global--spacer--xs);
10654
+ --pf-c-label-group__list-item--MarginBottom: var(--pf-global--spacer--xs);
10655
+ --pf-c-label-group__textarea--MinWidth: 12.5rem;
10656
+ --pf-c-label-group__textarea--PaddingTop: 0.125rem;
10657
+ --pf-c-label-group__textarea--PaddingRight: var(--pf-global--spacer--xs);
10658
+ --pf-c-label-group__textarea--PaddingBottom: 0;
10659
+ --pf-c-label-group__textarea--PaddingLeft: var(--pf-global--spacer--xs);
10660
+ display: inline-flex;
10661
+ align-items: center;
10662
+ }
10663
+
10664
+ .pf-c-label-group.pf-m-category {
10665
+ padding-top: var(--pf-c-label-group--m-category--PaddingTop);
10666
+ padding-right: var(--pf-c-label-group--m-category--PaddingRight);
10667
+ padding-bottom: var(--pf-c-label-group--m-category--PaddingBottom);
10668
+ padding-left: var(--pf-c-label-group--m-category--PaddingLeft);
10669
+ background-color: var(--pf-c-label-group--m-category--BackgroundColor);
10670
+ border: var(--pf-c-label-group--m-category--BorderWidth) solid var(--pf-c-label-group--m-category--BorderColor);
10671
+ border-radius: var(--pf-c-label-group--m-category--BorderRadius);
10672
+ }
10673
+
10674
+ .pf-c-label-group.pf-m-vertical {
10675
+ --pf-c-label-group__list--MarginRight: 0;
10676
+ --pf-c-label-group__list--MarginBottom: 0;
10677
+ --pf-c-label-group__list-item--MarginRight: 0;
10678
+ --pf-c-label-group__label--MarginRight: 0;
10679
+ --pf-c-label-group__label--MarginBottom: var(--pf-c-label-group--m-vertical__label--MarginBottom);
10680
+ --pf-c-label-group__close--MarginTop: var(--pf-c-label-group--m-vertical__close--MarginTop);
10681
+ --pf-c-label-group__close--MarginLeft: var(--pf-c-label-group--m-vertical__close--MarginLeft);
10682
+ --pf-c-label-group__close--MarginBottom: 0;
10683
+ --pf-c-label-group__close--MarginRight: var(--pf-c-label-group--m-vertical__close--MarginRight);
10684
+ --pf-c-label-group--m-category--PaddingRight: var(--pf-c-label-group--m-vertical--m-category--PaddingRight);
10685
+ }
10686
+
10687
+ .pf-c-label-group.pf-m-vertical.pf-c-label-group {
10688
+ align-items: flex-start;
10689
+ }
10690
+
10691
+ .pf-c-label-group.pf-m-vertical .pf-c-label-group__list {
10692
+ flex-direction: column;
10693
+ align-items: flex-start;
10694
+ }
10695
+
10696
+ .pf-c-label-group.pf-m-vertical .pf-c-label-group__main {
10697
+ flex-direction: column;
10698
+ }
10699
+
10700
+ .pf-c-label-group.pf-m-vertical .pf-c-label-group__list-item:last-child {
10701
+ --pf-c-label-group__list-item--MarginBottom: 0;
10702
+ }
10703
+
10704
+ .pf-c-label-group.pf-m-vertical .pf-c-label-group__close .pf-c-button {
10705
+ --pf-c-button--PaddingLeft: var(--pf-c-label-group--m-vertical__close--c-button--PaddingLeft);
10706
+ --pf-c-button--PaddingRight: var(--pf-c-label-group--m-vertical__close--c-button--PaddingRight);
10707
+ }
10708
+
10709
+ .pf-c-label-group.pf-m-editable,
10710
+ .pf-c-label-group.pf-m-editable .pf-c-label-group__main,
10711
+ .pf-c-label-group.pf-m-editable .pf-c-label-group__list {
10712
+ display: flex;
10713
+ }
10714
+
10715
+ .pf-c-label-group.pf-m-editable .pf-c-label-group__main,
10716
+ .pf-c-label-group.pf-m-editable .pf-c-label-group__list,
10717
+ .pf-c-label-group.pf-m-editable .pf-c-label-group__list-item.pf-m-textarea,
10718
+ .pf-c-label-group.pf-m-editable .pf-c-label-group__textarea {
10719
+ flex: 1;
10720
+ }
10721
+
10722
+ .pf-c-label-group__main {
10723
+ display: flex;
10724
+ flex: 1;
10725
+ flex-wrap: wrap;
10726
+ align-items: baseline;
10727
+ }
10728
+
10729
+ .pf-c-label-group__list {
10730
+ display: inline-flex;
10731
+ flex-wrap: wrap;
10732
+ margin-right: var(--pf-c-label-group__list--MarginRight);
10733
+ margin-bottom: var(--pf-c-label-group__list--MarginBottom);
10734
+ }
10735
+
10736
+ .pf-c-label-group__list-item {
10737
+ display: inline-flex;
10738
+ margin-right: var(--pf-c-label-group__list-item--MarginRight);
10739
+ margin-bottom: var(--pf-c-label-group__list-item--MarginBottom);
10740
+ }
10741
+
10742
+ .pf-c-label-group__label {
10743
+ overflow: hidden;
10744
+ text-overflow: ellipsis;
10745
+ white-space: nowrap;
10746
+ max-width: var(--pf-c-label-group__label--MaxWidth);
10747
+ margin-right: var(--pf-c-label-group__label--MarginRight);
10748
+ margin-bottom: var(--pf-c-label-group__label--MarginBottom);
10749
+ font-size: var(--pf-c-label-group__label--FontSize);
10750
+ }
10751
+
10752
+ .pf-c-label-group__close {
10753
+ margin-top: var(--pf-c-label-group__close--MarginTop);
10754
+ margin-right: var(--pf-c-label-group__close--MarginRight);
10755
+ margin-bottom: var(--pf-c-label-group__close--MarginBottom);
10756
+ margin-left: var(--pf-c-label-group__close--MarginLeft);
10757
+ }
10758
+
10759
+ .pf-c-label-group__textarea {
10760
+ min-width: var(--pf-c-label-group__textarea--MinWidth);
10761
+ padding: var(--pf-c-label-group__textarea--PaddingTop) var(--pf-c-label-group__textarea--PaddingRight) var(--pf-c-label-group__textarea--PaddingBottom) var(--pf-c-label-group__textarea--PaddingLeft);
10762
+ white-space: nowrap;
10763
+ resize: none;
10764
+ border: 0;
10765
+ -ms-overflow-style: none;
10766
+ scrollbar-width: none;
10767
+ }
10768
+
10769
+ .pf-c-label-group__textarea::-webkit-scrollbar {
10770
+ display: none;
10771
+ }
10772
+
10773
+ .pf-c-list {
10774
+ --pf-c-list--PaddingLeft: var(--pf-global--spacer--lg);
10775
+ --pf-c-list--nested--MarginTop: var(--pf-global--spacer--sm);
10776
+ --pf-c-list--nested--MarginLeft: var(--pf-global--spacer--sm);
10777
+ --pf-c-list--ul--ListStyle: var(--pf-global--ListStyle);
10778
+ --pf-c-list--li--MarginTop: var(--pf-global--spacer--sm);
10779
+ --pf-c-list--m-inline--li--MarginRight: var(--pf-global--spacer--lg);
10780
+ --pf-c-list--m-bordered--li--PaddingBottom: var(--pf-global--spacer--sm);
10781
+ --pf-c-list--m-bordered--li--BorderBottomColor: var(--pf-global--BorderColor--100);
10782
+ --pf-c-list--m-bordered--li--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
10783
+ --pf-c-list__item-icon--MinWidth: var(--pf-global--icon--FontSize--sm);
10784
+ --pf-c-list__item-icon--MarginTop: 0.375rem;
10785
+ --pf-c-list__item-icon--MarginRight: var(--pf-global--spacer--sm);
10786
+ --pf-c-list__item-icon--Color: var(--pf-global--icon--Color--light);
10787
+ --pf-c-list__item-icon--FontSize: var(--pf-global--icon--FontSize--sm);
10788
+ --pf-c-list--m-icon-lg__item-icon--MinWidth: var(--pf-global--icon--FontSize--lg);
10789
+ --pf-c-list--m-icon-lg__item-icon--MarginRight: var(--pf-global--spacer--md);
10790
+ --pf-c-list--m-icon-lg__item-icon--FontSize: var(--pf-global--icon--FontSize--lg);
10791
+ padding-left: var(--pf-c-list--PaddingLeft);
10792
+ }
10793
+
10794
+ .pf-c-list ol,
10795
+ .pf-c-list ul {
10796
+ margin-top: var(--pf-c-list--nested--MarginTop);
10797
+ margin-left: var(--pf-c-list--nested--MarginLeft);
10798
+ }
10799
+
10800
+ .pf-c-list li + li {
10801
+ margin-top: var(--pf-c-list--li--MarginTop);
10802
+ }
10803
+
10804
+ ul.pf-c-list {
10805
+ list-style: var(--pf-c-list--ul--ListStyle);
10806
+ }
10807
+
10808
+ .pf-c-list .pf-c-list__item {
10809
+ display: flex;
10762
10810
  }
10763
10811
 
10764
- .pf-c-label__content {
10765
- overflow: hidden;
10766
- text-overflow: ellipsis;
10767
- white-space: nowrap;
10768
- max-width: var(--pf-c-label__content--MaxWidth);
10769
- color: var(--pf-c-label__content--Color);
10770
- border-width: 0;
10812
+ .pf-c-list .pf-c-list__item-icon {
10813
+ flex-shrink: 0;
10814
+ min-width: var(--pf-c-list__item-icon--MinWidth);
10815
+ margin-top: var(--pf-c-list__item-icon--MarginTop);
10816
+ margin-right: var(--pf-c-list__item-icon--MarginRight);
10817
+ font-size: var(--pf-c-list__item-icon--FontSize);
10818
+ line-height: 1;
10819
+ color: var(--pf-c-list__item-icon--Color);
10771
10820
  }
10772
10821
 
10773
- .pf-c-label__content::before {
10774
- position: absolute;
10775
- top: 0;
10776
- right: 0;
10777
- bottom: 0;
10778
- left: 0;
10779
- pointer-events: none;
10780
- content: "";
10781
- border: var(--pf-c-label__content--before--BorderWidth) solid var(--pf-c-label__content--before--BorderColor);
10782
- border-radius: var(--pf-c-label--BorderRadius);
10822
+ .pf-c-list.pf-m-icon-lg {
10823
+ --pf-c-list__item-icon--MinWidth: var(--pf-c-list--m-icon-lg__item-icon--MinWidth);
10824
+ --pf-c-list__item-icon--MarginTop: 0;
10825
+ --pf-c-list__item-icon--MarginRight: var(--pf-c-list--m-icon-lg__item-icon--MarginRight);
10826
+ --pf-c-list__item-icon--FontSize: var(--pf-c-list--m-icon-lg__item-icon--FontSize);
10783
10827
  }
10784
10828
 
10785
- a.pf-c-label__content,
10786
- button.pf-c-label__content {
10787
- cursor: pointer;
10788
- border: none;
10829
+ .pf-c-list.pf-m-plain {
10830
+ --pf-c-list--PaddingLeft: 0;
10831
+ list-style: none;
10789
10832
  }
10790
10833
 
10791
- a.pf-c-label__content, a.pf-c-label__content:hover, a.pf-c-label__content:focus,
10792
- button.pf-c-label__content,
10793
- button.pf-c-label__content:hover,
10794
- button.pf-c-label__content:focus {
10795
- text-decoration: none;
10834
+ .pf-c-list.pf-m-inline {
10835
+ --pf-c-list--PaddingLeft: 0;
10836
+ display: flex;
10837
+ flex-wrap: wrap;
10838
+ list-style: none;
10796
10839
  }
10797
10840
 
10798
- a.pf-c-label__content:hover,
10799
- button.pf-c-label__content:hover {
10800
- --pf-c-label__content--before--BorderWidth: var(--pf-c-label__content--link--hover--before--BorderWidth);
10801
- --pf-c-label__content--before--BorderColor: var(--pf-c-label__content--link--hover--before--BorderColor);
10841
+ .pf-c-list.pf-m-inline li {
10842
+ --pf-c-list--li--MarginTop: 0;
10802
10843
  }
10803
10844
 
10804
- a.pf-c-label__content:focus,
10805
- button.pf-c-label__content:focus {
10806
- --pf-c-label__content--before--BorderWidth: var(--pf-c-label__content--link--focus--before--BorderWidth);
10807
- --pf-c-label__content--before--BorderColor: var(--pf-c-label__content--link--focus--before--BorderColor);
10845
+ .pf-c-list.pf-m-inline li:not(:last-child) {
10846
+ margin-right: var(--pf-c-list--m-inline--li--MarginRight);
10808
10847
  }
10809
10848
 
10810
- .pf-c-label__icon {
10811
- margin-right: var(--pf-c-label__icon--MarginRight);
10812
- color: var(--pf-c-label__icon--Color);
10849
+ .pf-c-list.pf-m-bordered > * {
10850
+ padding-bottom: var(--pf-c-list--m-bordered--li--PaddingBottom);
10851
+ border-bottom: var(--pf-c-list--m-bordered--li--BorderBottomWidth) solid var(--pf-c-list--m-bordered--li--BorderBottomColor);
10813
10852
  }
10814
10853
 
10815
- :where(.pf-theme-dark) .pf-c-label {
10816
- --pf-c-label--BackgroundColor: var(--pf-global--BackgroundColor--300);
10817
- --pf-c-label--m-blue--BackgroundColor: var(--pf-global--BackgroundColor--300);
10818
- --pf-c-label--m-green--BackgroundColor: var(--pf-global--BackgroundColor--300);
10819
- --pf-c-label--m-orange--BackgroundColor: var(--pf-global--BackgroundColor--300);
10820
- --pf-c-label--m-red--BackgroundColor: var(--pf-global--BackgroundColor--300);
10821
- --pf-c-label--m-purple--BackgroundColor: var(--pf-global--BackgroundColor--300);
10822
- --pf-c-label--m-cyan--BackgroundColor: var(--pf-global--BackgroundColor--300);
10823
- --pf-c-label__content--before--BorderWidth: 0;
10824
- --pf-c-label__content--before--BorderColor: transparent;
10825
- --pf-c-label__content--link--hover--before--BorderWidth: var(--pf-global--BorderWidth--sm);
10826
- --pf-c-label__content--link--focus--before--BorderWidth: var(--pf-global--BorderWidth--sm);
10827
- --pf-c-label--m-blue__content--Color: var(--pf-global--primary-color--100);
10828
- --pf-c-label--m-outline--m-blue__content--before--BorderColor: var(--pf-global--active-color--200);
10829
- --pf-c-label--m-outline--m-blue__content--link--hover--before--BorderColor: var(--pf-global--active-color--200);
10830
- --pf-c-label--m-outline--m-blue__content--link--focus--before--BorderColor: var(--pf-global--active-color--200);
10831
- --pf-c-label--m-green__content--Color: var(--pf-global--success-color--100);
10832
- --pf-c-label--m-outline--m-green__content--before--BorderColor: var(--pf-global--palette--green-100);
10833
- --pf-c-label--m-outline--m-green__content--link--hover--before--BorderColor: var(--pf-global--palette--green-100);
10834
- --pf-c-label--m-outline--m-green__content--link--focus--before--BorderColor: var(--pf-global--palette--green-100);
10835
- --pf-c-label--m-orange__content--Color: var(--pf-global--palette--orange-300);
10836
- --pf-c-label--m-outline--m-orange__content--Color: var(--pf-global--palette--orange-300);
10837
- --pf-c-label--m-outline--m-orange__content--before--BorderColor: var(--pf-global--palette--gold-100);
10838
- --pf-c-label--m-outline--m-orange__content--link--hover--before--BorderColor: var(--pf-global--palette--gold-100);
10839
- --pf-c-label--m-outline--m-orange__content--link--focus--before--BorderColor: var(--pf-global--palette--gold-100);
10840
- --pf-c-label--m-red__content--Color: var(--pf-global--danger-color--100);
10841
- --pf-c-label--m-outline--m-red__content--before--BorderColor: var(--pf-global--danger-color--100);
10842
- --pf-c-label--m-outline--m-red__content--link--hover--before--BorderColor: var(--pf-global--danger-color--100);
10843
- --pf-c-label--m-outline--m-red__content--link--focus--before--BorderColor: var(--pf-global--danger-color--100);
10844
- --pf-c-label--m-purple__content--Color: var(--pf-global--palette--purple-300);
10845
- --pf-c-label--m-purple__icon--Color: var(--pf-global--palette--purple-300);
10846
- --pf-c-label--m-purple__content--link--hover--before--BorderColor: var(--pf-global--palette--purple-300);
10847
- --pf-c-label--m-purple__content--link--focus--before--BorderColor: var(--pf-global--palette--purple-300);
10848
- --pf-c-label--m-outline--m-purple__content--before--BorderColor: var(--pf-global--palette--purple-100);
10849
- --pf-c-label--m-outline--m-purple__content--link--hover--before--BorderColor: var(--pf-global--palette--purple-100);
10850
- --pf-c-label--m-outline--m-purple__content--link--focus--before--BorderColor: var(--pf-global--palette--purple-100);
10851
- --pf-c-label--m-outline--m-purple__content--Color: var(--pf-global--palette--purple-300);
10852
- --pf-c-label--m-cyan__content--Color: var(--pf-global--default-color--200);
10853
- --pf-c-label--m-outline--m-cyan__content--Color: var(--pf-global--default-color--200);
10854
- --pf-c-label--m-outline--m-cyan__content--before--BorderColor: var(--pf-global--palette--cyan-100);
10855
- --pf-c-label--m-outline--m-cyan__content--link--hover--before--BorderColor: var(--pf-global--palette--cyan-100);
10856
- --pf-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor: var(--pf-global--palette--cyan-100);
10854
+ .pf-c-list.pf-m-bordered > :last-child {
10855
+ --pf-c-list--m-bordered--li--PaddingBottom: 0;
10856
+ --pf-c-list--m-bordered--li--BorderBottomWidth: 0;
10857
10857
  }
10858
10858
 
10859
10859
  .pf-c-login__footer, .pf-c-login__header {
@@ -26194,75 +26194,6 @@ label.pf-c-tree-view__node-text {
26194
26194
  --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
26195
26195
  }
26196
26196
  }
26197
- .pf-l-gallery {
26198
- --pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
26199
- --pf-l-gallery--GridTemplateColumns--min: 250px;
26200
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
26201
- --pf-l-gallery--GridTemplateColumns--max: 1fr;
26202
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
26203
- --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
26204
- --pf-l-gallery--GridTemplateRows: auto;
26205
- display: grid;
26206
- grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
26207
- grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
26208
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
26209
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
26210
- }
26211
-
26212
- .pf-l-gallery.pf-m-gutter {
26213
- grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
26214
- }
26215
-
26216
- @media (min-width: 576px) {
26217
- .pf-l-gallery {
26218
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
26219
- }
26220
- }
26221
- @media (min-width: 768px) {
26222
- .pf-l-gallery {
26223
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)));
26224
- }
26225
- }
26226
- @media (min-width: 992px) {
26227
- .pf-l-gallery {
26228
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))));
26229
- }
26230
- }
26231
- @media (min-width: 1200px) {
26232
- .pf-l-gallery {
26233
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)))));
26234
- }
26235
- }
26236
- @media (min-width: 1450px) {
26237
- .pf-l-gallery {
26238
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))))));
26239
- }
26240
- }
26241
- @media (min-width: 576px) {
26242
- .pf-l-gallery {
26243
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
26244
- }
26245
- }
26246
- @media (min-width: 768px) {
26247
- .pf-l-gallery {
26248
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)));
26249
- }
26250
- }
26251
- @media (min-width: 992px) {
26252
- .pf-l-gallery {
26253
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))));
26254
- }
26255
- }
26256
- @media (min-width: 1200px) {
26257
- .pf-l-gallery {
26258
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)))));
26259
- }
26260
- }
26261
- @media (min-width: 1450px) {
26262
- .pf-l-gallery {
26263
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))))));
26264
- }
26265
- }
26266
26197
  .pf-l-grid {
26267
26198
  --pf-l-grid--m-gutter--GridGap: var(--pf-global--gutter);
26268
26199
  --pf-l-grid__item--GridColumnStart: auto;
@@ -27523,6 +27454,75 @@ label.pf-c-tree-view__node-text {
27523
27454
  margin-bottom: var(--pf-l-stack--m-gutter--MarginBottom);
27524
27455
  }
27525
27456
 
27457
+ .pf-l-gallery {
27458
+ --pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
27459
+ --pf-l-gallery--GridTemplateColumns--min: 250px;
27460
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
27461
+ --pf-l-gallery--GridTemplateColumns--max: 1fr;
27462
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
27463
+ --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
27464
+ --pf-l-gallery--GridTemplateRows: auto;
27465
+ display: grid;
27466
+ grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
27467
+ grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
27468
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
27469
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
27470
+ }
27471
+
27472
+ .pf-l-gallery.pf-m-gutter {
27473
+ grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
27474
+ }
27475
+
27476
+ @media (min-width: 576px) {
27477
+ .pf-l-gallery {
27478
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
27479
+ }
27480
+ }
27481
+ @media (min-width: 768px) {
27482
+ .pf-l-gallery {
27483
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)));
27484
+ }
27485
+ }
27486
+ @media (min-width: 992px) {
27487
+ .pf-l-gallery {
27488
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))));
27489
+ }
27490
+ }
27491
+ @media (min-width: 1200px) {
27492
+ .pf-l-gallery {
27493
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)))));
27494
+ }
27495
+ }
27496
+ @media (min-width: 1450px) {
27497
+ .pf-l-gallery {
27498
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))))));
27499
+ }
27500
+ }
27501
+ @media (min-width: 576px) {
27502
+ .pf-l-gallery {
27503
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
27504
+ }
27505
+ }
27506
+ @media (min-width: 768px) {
27507
+ .pf-l-gallery {
27508
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)));
27509
+ }
27510
+ }
27511
+ @media (min-width: 992px) {
27512
+ .pf-l-gallery {
27513
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))));
27514
+ }
27515
+ }
27516
+ @media (min-width: 1200px) {
27517
+ .pf-l-gallery {
27518
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)))));
27519
+ }
27520
+ }
27521
+ @media (min-width: 1450px) {
27522
+ .pf-l-gallery {
27523
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))))));
27524
+ }
27525
+ }
27526
27526
  .pf-c-alert-group {
27527
27527
  --pf-c-alert-group__item--MarginTop: var(--pf-global--spacer--sm);
27528
27528
  --pf-c-alert-group--m-toast--Top: var(--pf-global--spacer--2xl);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-core",
3
- "version": "4.242.6",
3
+ "version": "4.242.7",
4
4
  "description": "This library provides a set of common React components for use with the PatternFly reference implementation.",
5
5
  "main": "dist/js/index.js",
6
6
  "module": "dist/esm/index.js",
@@ -70,5 +70,5 @@
70
70
  "react": "^16.8 || ^17 || ^18",
71
71
  "react-dom": "^16.8 || ^17 || ^18"
72
72
  },
73
- "gitHead": "86301659315c78434e511835e9b51107ab4132e6"
73
+ "gitHead": "490a8d50cdf86999effdf59eca4ab3b7bf0c01eb"
74
74
  }
@@ -27,7 +27,7 @@ export const Breadcrumb: React.FunctionComponent<BreadcrumbProps> = ({
27
27
  {React.Children.map(children, (child, index) => {
28
28
  const showDivider = index > 0;
29
29
  if (React.isValidElement(child)) {
30
- return React.cloneElement(child, { showDivider });
30
+ return React.cloneElement(child as React.ReactElement<any>, { showDivider });
31
31
  }
32
32
 
33
33
  return child;