@patternfly/react-core 4.225.10 → 4.225.11

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.
@@ -1289,41 +1289,6 @@ textarea.pf-c-form-control {
1289
1289
  display: none !important;
1290
1290
  }
1291
1291
  }
1292
- .pf-c-back-to-top {
1293
- --pf-c-back-to-top--Right: var(--pf-global--spacer--2xl);
1294
- --pf-c-back-to-top--Bottom: var(--pf-global--spacer--lg);
1295
- --pf-c-back-to-top--md--Bottom: var(--pf-global--spacer--2xl);
1296
- --pf-c-back-to-top--c-button--FontSize: var(--pf-global--FontSize--xs);
1297
- --pf-c-back-to-top--c-button--BorderRadius: var(--pf-global--BorderRadius--lg);
1298
- --pf-c-back-to-top--c-button--PaddingTop: var(--pf-global--spacer--xs);
1299
- --pf-c-back-to-top--c-button--PaddingRight: var(--pf-global--spacer--sm);
1300
- --pf-c-back-to-top--c-button--PaddingBottom: var(--pf-global--spacer--xs);
1301
- --pf-c-back-to-top--c-button--PaddingLeft: var(--pf-global--spacer--sm);
1302
- --pf-c-back-to-top--c-button--BoxShadow: var(--pf-global--BoxShadow--lg-bottom);
1303
- position: absolute;
1304
- right: var(--pf-c-back-to-top--Right);
1305
- bottom: var(--pf-c-back-to-top--Bottom);
1306
- }
1307
-
1308
- @media (min-width: 768px) {
1309
- .pf-c-back-to-top {
1310
- --pf-c-back-to-top--Bottom: var(--pf-c-back-to-top--md--Bottom);
1311
- }
1312
- }
1313
- .pf-c-back-to-top.pf-m-hidden {
1314
- display: none;
1315
- }
1316
-
1317
- .pf-c-back-to-top .pf-c-button {
1318
- --pf-c-button--FontSize: var(--pf-c-back-to-top--c-button--FontSize);
1319
- --pf-c-button--BorderRadius: var(--pf-c-back-to-top--c-button--BorderRadius);
1320
- --pf-c-button--PaddingTop: var(--pf-c-back-to-top--c-button--PaddingTop);
1321
- --pf-c-button--PaddingRight: var(--pf-c-back-to-top--c-button--PaddingRight);
1322
- --pf-c-button--PaddingBottom: var(--pf-c-back-to-top--c-button--PaddingBottom);
1323
- --pf-c-button--PaddingLeft: var(--pf-c-back-to-top--c-button--PaddingLeft);
1324
- box-shadow: var(--pf-c-back-to-top--c-button--BoxShadow);
1325
- }
1326
-
1327
1292
  .pf-c-avatar {
1328
1293
  --pf-c-avatar--BorderColor: transparent;
1329
1294
  --pf-c-avatar--BorderWidth: 0;
@@ -1578,6 +1543,41 @@ textarea.pf-c-form-control {
1578
1543
  --pf-c-avatar--Height: var(--pf-c-avatar--m-xl--Height-on-2xl, var(--pf-c-avatar--m-xl--Height-on-xl, var(--pf-c-avatar--m-xl--Height-on-lg, var(--pf-c-avatar--m-xl--Height-on-md, var(--pf-c-avatar--m-xl--Height-on-sm, var(--pf-c-avatar--m-xl--Height))))));
1579
1544
  }
1580
1545
  }
1546
+ .pf-c-back-to-top {
1547
+ --pf-c-back-to-top--Right: var(--pf-global--spacer--2xl);
1548
+ --pf-c-back-to-top--Bottom: var(--pf-global--spacer--lg);
1549
+ --pf-c-back-to-top--md--Bottom: var(--pf-global--spacer--2xl);
1550
+ --pf-c-back-to-top--c-button--FontSize: var(--pf-global--FontSize--xs);
1551
+ --pf-c-back-to-top--c-button--BorderRadius: var(--pf-global--BorderRadius--lg);
1552
+ --pf-c-back-to-top--c-button--PaddingTop: var(--pf-global--spacer--xs);
1553
+ --pf-c-back-to-top--c-button--PaddingRight: var(--pf-global--spacer--sm);
1554
+ --pf-c-back-to-top--c-button--PaddingBottom: var(--pf-global--spacer--xs);
1555
+ --pf-c-back-to-top--c-button--PaddingLeft: var(--pf-global--spacer--sm);
1556
+ --pf-c-back-to-top--c-button--BoxShadow: var(--pf-global--BoxShadow--lg-bottom);
1557
+ position: absolute;
1558
+ right: var(--pf-c-back-to-top--Right);
1559
+ bottom: var(--pf-c-back-to-top--Bottom);
1560
+ }
1561
+
1562
+ @media (min-width: 768px) {
1563
+ .pf-c-back-to-top {
1564
+ --pf-c-back-to-top--Bottom: var(--pf-c-back-to-top--md--Bottom);
1565
+ }
1566
+ }
1567
+ .pf-c-back-to-top.pf-m-hidden {
1568
+ display: none;
1569
+ }
1570
+
1571
+ .pf-c-back-to-top .pf-c-button {
1572
+ --pf-c-button--FontSize: var(--pf-c-back-to-top--c-button--FontSize);
1573
+ --pf-c-button--BorderRadius: var(--pf-c-back-to-top--c-button--BorderRadius);
1574
+ --pf-c-button--PaddingTop: var(--pf-c-back-to-top--c-button--PaddingTop);
1575
+ --pf-c-button--PaddingRight: var(--pf-c-back-to-top--c-button--PaddingRight);
1576
+ --pf-c-button--PaddingBottom: var(--pf-c-back-to-top--c-button--PaddingBottom);
1577
+ --pf-c-button--PaddingLeft: var(--pf-c-back-to-top--c-button--PaddingLeft);
1578
+ box-shadow: var(--pf-c-back-to-top--c-button--BoxShadow);
1579
+ }
1580
+
1581
1581
  .pf-c-background-image {
1582
1582
  --pf-c-background-image--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
1583
1583
  --pf-c-background-image--BackgroundImage: url("../../assets/images/pfbg_576.jpg");
@@ -7524,32 +7524,30 @@
7524
7524
  this.refCollection[this.state.viewMoreNextIndex][0].focus();
7525
7525
  this.setState({ viewMoreNextIndex: -1 });
7526
7526
  }
7527
- if (this.props.variant === 'typeahead' || this.props.variant === 'typeaheadmulti') {
7528
- const checkUpdatedChildren = (prevChildren, currChildren) => Array.from(prevChildren).some((prevChild, index) => {
7529
- const prevChildProps = prevChild.props;
7530
- const currChild = currChildren[index];
7531
- const { props: currChildProps } = currChild;
7532
- if (prevChildProps && currChildProps) {
7533
- return (prevChildProps.value !== currChildProps.value ||
7534
- prevChildProps.label !== currChildProps.label ||
7535
- prevChildProps.isDisabled !== currChildProps.isDisabled ||
7536
- prevChildProps.isPlaceholder !== currChildProps.isPlaceholder);
7537
- }
7538
- else {
7539
- return prevChild !== currChild;
7540
- }
7541
- });
7542
- const hasUpdatedChildren = prevProps.children.length !== this.props.children.length ||
7543
- checkUpdatedChildren(prevProps.children, this.props.children) ||
7544
- (this.props.isGrouped &&
7545
- Array.from(prevProps.children).some((prevChild, index) => prevChild.type === SelectGroup &&
7546
- prevChild.props.children &&
7547
- this.props.children[index].props.children &&
7548
- (prevChild.props.children.length !== this.props.children[index].props.children.length ||
7549
- checkUpdatedChildren(prevChild.props.children, this.props.children[index].props.children))));
7550
- if (hasUpdatedChildren) {
7551
- this.updateTypeAheadFilteredChildren(prevState.typeaheadInputValue || '', null);
7527
+ const checkUpdatedChildren = (prevChildren, currChildren) => Array.from(prevChildren).some((prevChild, index) => {
7528
+ const prevChildProps = prevChild.props;
7529
+ const currChild = currChildren[index];
7530
+ const { props: currChildProps } = currChild;
7531
+ if (prevChildProps && currChildProps) {
7532
+ return (prevChildProps.value !== currChildProps.value ||
7533
+ prevChildProps.label !== currChildProps.label ||
7534
+ prevChildProps.isDisabled !== currChildProps.isDisabled ||
7535
+ prevChildProps.isPlaceholder !== currChildProps.isPlaceholder);
7552
7536
  }
7537
+ else {
7538
+ return prevChild !== currChild;
7539
+ }
7540
+ });
7541
+ const hasUpdatedChildren = prevProps.children.length !== this.props.children.length ||
7542
+ checkUpdatedChildren(prevProps.children, this.props.children) ||
7543
+ (this.props.isGrouped &&
7544
+ Array.from(prevProps.children).some((prevChild, index) => prevChild.type === SelectGroup &&
7545
+ prevChild.props.children &&
7546
+ this.props.children[index].props.children &&
7547
+ (prevChild.props.children.length !== this.props.children[index].props.children.length ||
7548
+ checkUpdatedChildren(prevChild.props.children, this.props.children[index].props.children))));
7549
+ if (hasUpdatedChildren) {
7550
+ this.updateTypeAheadFilteredChildren(prevState.typeaheadInputValue || '', null);
7553
7551
  }
7554
7552
  // for menus with favorites,
7555
7553
  // if the number of favorites or typeahead filtered children has changed, the generated
@@ -23803,6 +23803,40 @@ label.pf-c-tree-view__node-text {
23803
23803
  display: flex;
23804
23804
  }
23805
23805
 
23806
+ .pf-c-truncate {
23807
+ --pf-c-truncate--MinWidth: 12ch;
23808
+ --pf-c-truncate__start--MinWidth: 6ch;
23809
+ display: inline-grid;
23810
+ grid-auto-flow: column;
23811
+ align-items: baseline;
23812
+ min-width: var(--pf-c-truncate--MinWidth);
23813
+ }
23814
+
23815
+ .pf-c-truncate__start,
23816
+ .pf-c-truncate__end {
23817
+ overflow: hidden;
23818
+ text-overflow: ellipsis;
23819
+ white-space: nowrap;
23820
+ }
23821
+
23822
+ .pf-c-truncate__start {
23823
+ min-width: var(--pf-c-truncate__start--MinWidth);
23824
+ }
23825
+
23826
+ .pf-c-truncate__end {
23827
+ direction: rtl;
23828
+ }
23829
+
23830
+ .pf-c-truncate__start + .pf-c-truncate__end {
23831
+ overflow: visible;
23832
+ direction: ltr;
23833
+ }
23834
+
23835
+ @supports (-webkit-hyphens: none) {
23836
+ .pf-c-truncate__end {
23837
+ direction: ltr;
23838
+ }
23839
+ }
23806
23840
  .pf-c-panel {
23807
23841
  --pf-c-panel--Width: auto;
23808
23842
  --pf-c-panel--MinWidth: auto;
@@ -23886,40 +23920,6 @@ label.pf-c-tree-view__node-text {
23886
23920
  box-shadow: var(--pf-c-panel__footer--BoxShadow);
23887
23921
  }
23888
23922
 
23889
- .pf-c-truncate {
23890
- --pf-c-truncate--MinWidth: 12ch;
23891
- --pf-c-truncate__start--MinWidth: 6ch;
23892
- display: inline-grid;
23893
- grid-auto-flow: column;
23894
- align-items: baseline;
23895
- min-width: var(--pf-c-truncate--MinWidth);
23896
- }
23897
-
23898
- .pf-c-truncate__start,
23899
- .pf-c-truncate__end {
23900
- overflow: hidden;
23901
- text-overflow: ellipsis;
23902
- white-space: nowrap;
23903
- }
23904
-
23905
- .pf-c-truncate__start {
23906
- min-width: var(--pf-c-truncate__start--MinWidth);
23907
- }
23908
-
23909
- .pf-c-truncate__end {
23910
- direction: rtl;
23911
- }
23912
-
23913
- .pf-c-truncate__start + .pf-c-truncate__end {
23914
- overflow: visible;
23915
- direction: ltr;
23916
- }
23917
-
23918
- @supports (-webkit-hyphens: none) {
23919
- .pf-c-truncate__end {
23920
- direction: ltr;
23921
- }
23922
- }
23923
23923
  .pf-l-flex {
23924
23924
  --pf-l-flex--Display: flex;
23925
23925
  --pf-l-flex--FlexWrap: wrap;