@patternfly/react-core 4.231.3 → 4.231.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.
Files changed (8) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/esm/components/MenuToggle/MenuToggle.d.ts +1 -1
  3. package/dist/esm/components/MenuToggle/MenuToggle.d.ts.map +1 -1
  4. package/dist/js/components/MenuToggle/MenuToggle.d.ts +1 -1
  5. package/dist/js/components/MenuToggle/MenuToggle.d.ts.map +1 -1
  6. package/dist/umd/react-core.css +142 -142
  7. package/package.json +5 -5
  8. package/src/components/MenuToggle/MenuToggle.tsx +1 -1
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.231.4 (2022-08-05)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * **MenuToggle:** undo type change causing errors ([#7797](https://github.com/patternfly/patternfly-react/issues/7797)) ([1031ecb](https://github.com/patternfly/patternfly-react/commit/1031ecbeb5b4fa7eb28ed9c035454c7b408b8da8))
12
+
13
+
14
+
15
+
16
+
6
17
  ## 4.231.3 (2022-08-04)
7
18
 
8
19
 
package/dist/esm/components/MenuToggle/MenuToggle.d.ts CHANGED
@@ -7,7 +7,7 @@ export interface SplitButtonOptions {
7
7
  /** Variant of split button toggle */
8
8
  variant?: 'action' | 'checkbox';
9
9
  }
10
- export interface MenuToggleProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<MenuToggleElement>, MenuToggleElement>, 'ref'> {
10
+ export interface MenuToggleProps extends Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<MenuToggleElement>, MenuToggleElement>, 'ref'> {
11
11
  /** Content rendered inside the toggle */
12
12
  children?: React.ReactNode;
13
13
  /** Additional classes added to the toggle */
package/dist/esm/components/MenuToggle/MenuToggle.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MenuToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,oBAAY,iBAAiB,GAAG,cAAc,GAAG,iBAAiB,CAAC;AAEnE,MAAM,WAAW,kBAAkB;IACjC,8GAA8G;IAC9G,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IACzB,qCAAqC;IACrC,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;CACjC;AAED,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC,EAAE,KAAK,CAAC;IACxG,yCAAyC;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gDAAgD;IAChD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,uEAAuE;IACvE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,0DAA0D;IAC1D,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,wCAAwC;IACxC,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,WAAW,GAAG,WAAW,GAAG,WAAW,CAAC;IACpF,4EAA4E;IAC5E,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC;IACrC,oBAAoB;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;CACzC;AAED,qBAAa,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC;IAClE,WAAW,SAAoB;IAC/B,MAAM,CAAC,YAAY,EAAE,eAAe,CAMlC;IAEF,MAAM;CA6GP;AAED,eAAO,MAAM,UAAU,2FAErB,CAAC"}
1
+ {"version":3,"file":"MenuToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,oBAAY,iBAAiB,GAAG,cAAc,GAAG,iBAAiB,CAAC;AAEnE,MAAM,WAAW,kBAAkB;IACjC,8GAA8G;IAC9G,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IACzB,qCAAqC;IACrC,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;CACjC;AAED,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC,EAAE,KAAK,CAAC;IAC9G,yCAAyC;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gDAAgD;IAChD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,uEAAuE;IACvE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,0DAA0D;IAC1D,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,wCAAwC;IACxC,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,WAAW,GAAG,WAAW,GAAG,WAAW,CAAC;IACpF,4EAA4E;IAC5E,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC;IACrC,oBAAoB;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;CACzC;AAED,qBAAa,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC;IAClE,WAAW,SAAoB;IAC/B,MAAM,CAAC,YAAY,EAAE,eAAe,CAMlC;IAEF,MAAM;CA6GP;AAED,eAAO,MAAM,UAAU,2FAErB,CAAC"}
package/dist/js/components/MenuToggle/MenuToggle.d.ts CHANGED
@@ -7,7 +7,7 @@ export interface SplitButtonOptions {
7
7
  /** Variant of split button toggle */
8
8
  variant?: 'action' | 'checkbox';
9
9
  }
10
- export interface MenuToggleProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<MenuToggleElement>, MenuToggleElement>, 'ref'> {
10
+ export interface MenuToggleProps extends Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<MenuToggleElement>, MenuToggleElement>, 'ref'> {
11
11
  /** Content rendered inside the toggle */
12
12
  children?: React.ReactNode;
13
13
  /** Additional classes added to the toggle */
package/dist/js/components/MenuToggle/MenuToggle.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MenuToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,oBAAY,iBAAiB,GAAG,cAAc,GAAG,iBAAiB,CAAC;AAEnE,MAAM,WAAW,kBAAkB;IACjC,8GAA8G;IAC9G,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IACzB,qCAAqC;IACrC,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;CACjC;AAED,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC,EAAE,KAAK,CAAC;IACxG,yCAAyC;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gDAAgD;IAChD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,uEAAuE;IACvE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,0DAA0D;IAC1D,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,wCAAwC;IACxC,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,WAAW,GAAG,WAAW,GAAG,WAAW,CAAC;IACpF,4EAA4E;IAC5E,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC;IACrC,oBAAoB;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;CACzC;AAED,qBAAa,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC;IAClE,WAAW,SAAoB;IAC/B,MAAM,CAAC,YAAY,EAAE,eAAe,CAMlC;IAEF,MAAM;CA6GP;AAED,eAAO,MAAM,UAAU,2FAErB,CAAC"}
1
+ {"version":3,"file":"MenuToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,oBAAY,iBAAiB,GAAG,cAAc,GAAG,iBAAiB,CAAC;AAEnE,MAAM,WAAW,kBAAkB;IACjC,8GAA8G;IAC9G,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IACzB,qCAAqC;IACrC,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;CACjC;AAED,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC,EAAE,KAAK,CAAC;IAC9G,yCAAyC;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gDAAgD;IAChD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,uEAAuE;IACvE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,0DAA0D;IAC1D,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,wCAAwC;IACxC,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,WAAW,GAAG,WAAW,GAAG,WAAW,CAAC;IACpF,4EAA4E;IAC5E,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC;IACrC,oBAAoB;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;CACzC;AAED,qBAAa,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC;IAClE,WAAW,SAAoB;IAC/B,MAAM,CAAC,YAAY,EAAE,eAAe,CAMlC;IAEF,MAAM;CA6GP;AAED,eAAO,MAAM,UAAU,2FAErB,CAAC"}
package/dist/umd/react-core.css CHANGED
@@ -23609,6 +23609,69 @@ label.pf-c-tree-view__node-text {
23609
23609
  color: var(--pf-global--Color--100);
23610
23610
  }
23611
23611
 
23612
+ .pf-c-draggable {
23613
+ --pf-c-draggable--Cursor: auto;
23614
+ --pf-c-draggable--m-dragging--Cursor: grabbing;
23615
+ --pf-c-draggable--m-dragging--BoxShadow: var(--pf-global--BoxShadow--md);
23616
+ --pf-c-draggable--m-dragging--after--BorderWidth: var(--pf-global--BorderWidth--sm);
23617
+ --pf-c-draggable--m-dragging--after--BorderColor: var(--pf-global--active-color--100);
23618
+ --pf-c-draggable--m-drag-outside--Cursor: not-allowed;
23619
+ --pf-c-draggable--m-drag-outside--after--BorderColor: var(--pf-global--danger-color--100);
23620
+ cursor: var(--pf-c-draggable--Cursor);
23621
+ }
23622
+
23623
+ .pf-c-draggable.pf-m-dragging {
23624
+ --pf-c-draggable--Cursor: var(--pf-c-draggable--m-dragging--Cursor);
23625
+ position: relative;
23626
+ background-color: var(--pf-c-draggable--m-dragging--BackgroundColor);
23627
+ box-shadow: var(--pf-c-draggable--m-dragging--BoxShadow);
23628
+ }
23629
+
23630
+ .pf-c-draggable.pf-m-dragging::after {
23631
+ position: absolute;
23632
+ top: 0;
23633
+ right: 0;
23634
+ bottom: 0;
23635
+ left: 0;
23636
+ content: "";
23637
+ border: var(--pf-c-draggable--m-dragging--after--BorderWidth) solid var(--pf-c-draggable--m-dragging--after--BorderColor);
23638
+ }
23639
+
23640
+ .pf-c-draggable.pf-m-drag-outside {
23641
+ --pf-c-draggable--m-dragging--Cursor: var(--pf-c-draggable--m-drag-outside--Cursor);
23642
+ --pf-c-draggable--m-dragging--after--BorderColor: var(--pf-c-draggable--m-drag-outside--after--BorderColor);
23643
+ }
23644
+
23645
+ .pf-c-droppable {
23646
+ --pf-c-droppable--m-dragging--after--BackgroundColor: rgba(255, 255, 255, 0.6);
23647
+ --pf-c-droppable--m-dragging--after--BorderWidth: var(--pf-global--BorderWidth--sm);
23648
+ --pf-c-droppable--m-dragging--after--BorderColor: var(--pf-global--active-color--100);
23649
+ --pf-c-droppable--m-drag-outside--after--BorderColor: var(--pf-global--danger-color--100);
23650
+ }
23651
+
23652
+ .pf-c-droppable.pf-m-dragging {
23653
+ position: relative;
23654
+ }
23655
+
23656
+ .pf-c-droppable.pf-m-dragging::after {
23657
+ position: absolute;
23658
+ top: 0;
23659
+ right: 0;
23660
+ bottom: 0;
23661
+ left: 0;
23662
+ pointer-events: none;
23663
+ content: "";
23664
+ }
23665
+
23666
+ .pf-c-droppable::after {
23667
+ background-color: var(--pf-c-droppable--m-dragging--after--BackgroundColor);
23668
+ border: var(--pf-c-droppable--m-dragging--after--BorderWidth) solid var(--pf-c-droppable--m-dragging--after--BorderColor);
23669
+ }
23670
+
23671
+ .pf-c-droppable.pf-m-drag-outside {
23672
+ --pf-c-droppable--m-dragging--after--BorderColor: var(--pf-c-droppable--m-drag-outside--after--BorderColor);
23673
+ }
23674
+
23612
23675
  .pf-c-text-input-group {
23613
23676
  --pf-c-text-input-group--BackgroundColor: var(--pf-global--BackgroundColor--100);
23614
23677
  --pf-c-text-input-group__text--before--BorderWidth: var(--pf-global--BorderWidth--sm);
@@ -23781,67 +23844,87 @@ label.pf-c-tree-view__node-text {
23781
23844
  display: flex;
23782
23845
  }
23783
23846
 
23784
- .pf-c-draggable {
23785
- --pf-c-draggable--Cursor: auto;
23786
- --pf-c-draggable--m-dragging--Cursor: grabbing;
23787
- --pf-c-draggable--m-dragging--BoxShadow: var(--pf-global--BoxShadow--md);
23788
- --pf-c-draggable--m-dragging--after--BorderWidth: var(--pf-global--BorderWidth--sm);
23789
- --pf-c-draggable--m-dragging--after--BorderColor: var(--pf-global--active-color--100);
23790
- --pf-c-draggable--m-drag-outside--Cursor: not-allowed;
23791
- --pf-c-draggable--m-drag-outside--after--BorderColor: var(--pf-global--danger-color--100);
23792
- cursor: var(--pf-c-draggable--Cursor);
23793
- }
23794
-
23795
- .pf-c-draggable.pf-m-dragging {
23796
- --pf-c-draggable--Cursor: var(--pf-c-draggable--m-dragging--Cursor);
23847
+ .pf-c-panel {
23848
+ --pf-c-panel--Width: auto;
23849
+ --pf-c-panel--MinWidth: auto;
23850
+ --pf-c-panel--MaxWidth: none;
23851
+ --pf-c-panel--ZIndex: auto;
23852
+ --pf-c-panel--BackgroundColor: var(--pf-global--BackgroundColor--100);
23853
+ --pf-c-panel--BoxShadow: none;
23854
+ --pf-c-panel--before--BorderWidth: 0;
23855
+ --pf-c-panel--before--BorderColor: var(--pf-global--BorderColor--100);
23856
+ --pf-c-panel--m-bordered--before--BorderWidth: var(--pf-global--BorderWidth--sm);
23857
+ --pf-c-panel--m-raised--BoxShadow: var(--pf-global--BoxShadow--md);
23858
+ --pf-c-panel--m-raised--ZIndex: var(--pf-global--ZIndex--sm);
23859
+ --pf-c-panel__header--PaddingTop: var(--pf-global--spacer--md);
23860
+ --pf-c-panel__header--PaddingRight: var(--pf-global--spacer--md);
23861
+ --pf-c-panel__header--PaddingBottom: var(--pf-global--spacer--md);
23862
+ --pf-c-panel__header--PaddingLeft: var(--pf-global--spacer--md);
23863
+ --pf-c-panel__main--MaxHeight: none;
23864
+ --pf-c-panel__main--Overflow: visible;
23865
+ --pf-c-panel__main-body--PaddingTop: var(--pf-global--spacer--md);
23866
+ --pf-c-panel__main-body--PaddingRight: var(--pf-global--spacer--md);
23867
+ --pf-c-panel__main-body--PaddingBottom: var(--pf-global--spacer--md);
23868
+ --pf-c-panel__main-body--PaddingLeft: var(--pf-global--spacer--md);
23869
+ --pf-c-panel__footer--PaddingTop: var(--pf-global--spacer--md);
23870
+ --pf-c-panel__footer--PaddingRight: var(--pf-global--spacer--md);
23871
+ --pf-c-panel__footer--PaddingBottom: var(--pf-global--spacer--md);
23872
+ --pf-c-panel__footer--PaddingLeft: var(--pf-global--spacer--md);
23873
+ --pf-c-panel__footer--BoxShadow: none;
23874
+ --pf-c-panel--m-scrollable__main--MaxHeight: 18.75rem;
23875
+ --pf-c-panel--m-scrollable__main--Overflow: auto;
23876
+ --pf-c-panel--m-scrollable__footer--BoxShadow: 0 -0.3125rem 0.25rem -0.25rem rgba(3, 3, 3, 0.16);
23797
23877
  position: relative;
23798
- background-color: var(--pf-c-draggable--m-dragging--BackgroundColor);
23799
- box-shadow: var(--pf-c-draggable--m-dragging--BoxShadow);
23878
+ z-index: var(--pf-c-panel--ZIndex);
23879
+ width: var(--pf-c-panel--Width);
23880
+ min-width: var(--pf-c-panel--MinWidth);
23881
+ max-width: var(--pf-c-panel--MaxWidth);
23882
+ background-color: var(--pf-c-panel--BackgroundColor);
23883
+ box-shadow: var(--pf-c-panel--BoxShadow);
23800
23884
  }
23801
23885
 
23802
- .pf-c-draggable.pf-m-dragging::after {
23886
+ .pf-c-panel::before {
23803
23887
  position: absolute;
23804
23888
  top: 0;
23805
23889
  right: 0;
23806
23890
  bottom: 0;
23807
23891
  left: 0;
23892
+ pointer-events: none;
23808
23893
  content: "";
23809
- border: var(--pf-c-draggable--m-dragging--after--BorderWidth) solid var(--pf-c-draggable--m-dragging--after--BorderColor);
23894
+ border: var(--pf-c-panel--before--BorderWidth) solid var(--pf-c-panel--before--BorderColor);
23810
23895
  }
23811
23896
 
23812
- .pf-c-draggable.pf-m-drag-outside {
23813
- --pf-c-draggable--m-dragging--Cursor: var(--pf-c-draggable--m-drag-outside--Cursor);
23814
- --pf-c-draggable--m-dragging--after--BorderColor: var(--pf-c-draggable--m-drag-outside--after--BorderColor);
23897
+ .pf-c-panel.pf-m-bordered {
23898
+ --pf-c-panel--before--BorderWidth: var(--pf-c-panel--m-bordered--before--BorderWidth);
23815
23899
  }
23816
23900
 
23817
- .pf-c-droppable {
23818
- --pf-c-droppable--m-dragging--after--BackgroundColor: rgba(255, 255, 255, 0.6);
23819
- --pf-c-droppable--m-dragging--after--BorderWidth: var(--pf-global--BorderWidth--sm);
23820
- --pf-c-droppable--m-dragging--after--BorderColor: var(--pf-global--active-color--100);
23821
- --pf-c-droppable--m-drag-outside--after--BorderColor: var(--pf-global--danger-color--100);
23901
+ .pf-c-panel.pf-m-raised {
23902
+ --pf-c-panel--BoxShadow: var(--pf-c-panel--m-raised--BoxShadow);
23903
+ --pf-c-panel--ZIndex: var(--pf-c-panel--m-raised--ZIndex);
23822
23904
  }
23823
23905
 
23824
- .pf-c-droppable.pf-m-dragging {
23825
- position: relative;
23906
+ .pf-c-panel.pf-m-scrollable {
23907
+ --pf-c-panel__main--MaxHeight: var(--pf-c-panel--m-scrollable__main--MaxHeight);
23908
+ --pf-c-panel__main--Overflow: var(--pf-c-panel--m-scrollable__main--Overflow);
23909
+ --pf-c-panel__footer--BoxShadow: var(--pf-c-panel--m-scrollable__footer--BoxShadow);
23826
23910
  }
23827
23911
 
23828
- .pf-c-droppable.pf-m-dragging::after {
23829
- position: absolute;
23830
- top: 0;
23831
- right: 0;
23832
- bottom: 0;
23833
- left: 0;
23834
- pointer-events: none;
23835
- content: "";
23912
+ .pf-c-panel__header {
23913
+ padding: var(--pf-c-panel__header--PaddingTop) var(--pf-c-panel__header--PaddingRight) var(--pf-c-panel__header--PaddingBottom) var(--pf-c-panel__header--PaddingLeft);
23836
23914
  }
23837
23915
 
23838
- .pf-c-droppable::after {
23839
- background-color: var(--pf-c-droppable--m-dragging--after--BackgroundColor);
23840
- border: var(--pf-c-droppable--m-dragging--after--BorderWidth) solid var(--pf-c-droppable--m-dragging--after--BorderColor);
23916
+ .pf-c-panel__main {
23917
+ max-height: var(--pf-c-panel__main--MaxHeight);
23918
+ overflow: var(--pf-c-panel__main--Overflow);
23841
23919
  }
23842
23920
 
23843
- .pf-c-droppable.pf-m-drag-outside {
23844
- --pf-c-droppable--m-dragging--after--BorderColor: var(--pf-c-droppable--m-drag-outside--after--BorderColor);
23921
+ .pf-c-panel__main-body {
23922
+ padding: var(--pf-c-panel__main-body--PaddingTop) var(--pf-c-panel__main-body--PaddingRight) var(--pf-c-panel__main-body--PaddingBottom) var(--pf-c-panel__main-body--PaddingLeft);
23923
+ }
23924
+
23925
+ .pf-c-panel__footer {
23926
+ padding: var(--pf-c-panel__footer--PaddingTop) var(--pf-c-panel__footer--PaddingRight) var(--pf-c-panel__footer--PaddingBottom) var(--pf-c-panel__footer--PaddingLeft);
23927
+ box-shadow: var(--pf-c-panel__footer--BoxShadow);
23845
23928
  }
23846
23929
 
23847
23930
  .pf-c-truncate {
@@ -26023,87 +26106,35 @@ label.pf-c-tree-view__node-text {
26023
26106
  --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))))));
26024
26107
  }
26025
26108
  }
26026
- .pf-c-panel {
26027
- --pf-c-panel--Width: auto;
26028
- --pf-c-panel--MinWidth: auto;
26029
- --pf-c-panel--MaxWidth: none;
26030
- --pf-c-panel--ZIndex: auto;
26031
- --pf-c-panel--BackgroundColor: var(--pf-global--BackgroundColor--100);
26032
- --pf-c-panel--BoxShadow: none;
26033
- --pf-c-panel--before--BorderWidth: 0;
26034
- --pf-c-panel--before--BorderColor: var(--pf-global--BorderColor--100);
26035
- --pf-c-panel--m-bordered--before--BorderWidth: var(--pf-global--BorderWidth--sm);
26036
- --pf-c-panel--m-raised--BoxShadow: var(--pf-global--BoxShadow--md);
26037
- --pf-c-panel--m-raised--ZIndex: var(--pf-global--ZIndex--sm);
26038
- --pf-c-panel__header--PaddingTop: var(--pf-global--spacer--md);
26039
- --pf-c-panel__header--PaddingRight: var(--pf-global--spacer--md);
26040
- --pf-c-panel__header--PaddingBottom: var(--pf-global--spacer--md);
26041
- --pf-c-panel__header--PaddingLeft: var(--pf-global--spacer--md);
26042
- --pf-c-panel__main--MaxHeight: none;
26043
- --pf-c-panel__main--Overflow: visible;
26044
- --pf-c-panel__main-body--PaddingTop: var(--pf-global--spacer--md);
26045
- --pf-c-panel__main-body--PaddingRight: var(--pf-global--spacer--md);
26046
- --pf-c-panel__main-body--PaddingBottom: var(--pf-global--spacer--md);
26047
- --pf-c-panel__main-body--PaddingLeft: var(--pf-global--spacer--md);
26048
- --pf-c-panel__footer--PaddingTop: var(--pf-global--spacer--md);
26049
- --pf-c-panel__footer--PaddingRight: var(--pf-global--spacer--md);
26050
- --pf-c-panel__footer--PaddingBottom: var(--pf-global--spacer--md);
26051
- --pf-c-panel__footer--PaddingLeft: var(--pf-global--spacer--md);
26052
- --pf-c-panel__footer--BoxShadow: none;
26053
- --pf-c-panel--m-scrollable__main--MaxHeight: 18.75rem;
26054
- --pf-c-panel--m-scrollable__main--Overflow: auto;
26055
- --pf-c-panel--m-scrollable__footer--BoxShadow: 0 -0.3125rem 0.25rem -0.25rem rgba(3, 3, 3, 0.16);
26056
- position: relative;
26057
- z-index: var(--pf-c-panel--ZIndex);
26058
- width: var(--pf-c-panel--Width);
26059
- min-width: var(--pf-c-panel--MinWidth);
26060
- max-width: var(--pf-c-panel--MaxWidth);
26061
- background-color: var(--pf-c-panel--BackgroundColor);
26062
- box-shadow: var(--pf-c-panel--BoxShadow);
26063
- }
26064
-
26065
- .pf-c-panel::before {
26066
- position: absolute;
26067
- top: 0;
26068
- right: 0;
26069
- bottom: 0;
26070
- left: 0;
26071
- pointer-events: none;
26072
- content: "";
26073
- border: var(--pf-c-panel--before--BorderWidth) solid var(--pf-c-panel--before--BorderColor);
26074
- }
26075
-
26076
- .pf-c-panel.pf-m-bordered {
26077
- --pf-c-panel--before--BorderWidth: var(--pf-c-panel--m-bordered--before--BorderWidth);
26078
- }
26079
-
26080
- .pf-c-panel.pf-m-raised {
26081
- --pf-c-panel--BoxShadow: var(--pf-c-panel--m-raised--BoxShadow);
26082
- --pf-c-panel--ZIndex: var(--pf-c-panel--m-raised--ZIndex);
26109
+ .pf-l-level {
26110
+ --pf-l-level--m-gutter--MarginRight: var(--pf-global--gutter);
26111
+ display: flex;
26112
+ flex-wrap: wrap;
26113
+ align-items: center;
26114
+ justify-content: space-between;
26083
26115
  }
26084
26116
 
26085
- .pf-c-panel.pf-m-scrollable {
26086
- --pf-c-panel__main--MaxHeight: var(--pf-c-panel--m-scrollable__main--MaxHeight);
26087
- --pf-c-panel__main--Overflow: var(--pf-c-panel--m-scrollable__main--Overflow);
26088
- --pf-c-panel__footer--BoxShadow: var(--pf-c-panel--m-scrollable__footer--BoxShadow);
26117
+ .pf-l-level.pf-m-gutter > *:not(:last-child) {
26118
+ margin-right: var(--pf-l-level--m-gutter--MarginRight);
26089
26119
  }
26090
26120
 
26091
- .pf-c-panel__header {
26092
- padding: var(--pf-c-panel__header--PaddingTop) var(--pf-c-panel__header--PaddingRight) var(--pf-c-panel__header--PaddingBottom) var(--pf-c-panel__header--PaddingLeft);
26121
+ .pf-l-split {
26122
+ --pf-l-split--m-gutter--MarginRight: var(--pf-global--gutter);
26123
+ display: flex;
26124
+ padding: 0;
26125
+ margin: 0;
26093
26126
  }
26094
26127
 
26095
- .pf-c-panel__main {
26096
- max-height: var(--pf-c-panel__main--MaxHeight);
26097
- overflow: var(--pf-c-panel__main--Overflow);
26128
+ .pf-l-split.pf-m-wrap {
26129
+ flex-wrap: wrap;
26098
26130
  }
26099
26131
 
26100
- .pf-c-panel__main-body {
26101
- padding: var(--pf-c-panel__main-body--PaddingTop) var(--pf-c-panel__main-body--PaddingRight) var(--pf-c-panel__main-body--PaddingBottom) var(--pf-c-panel__main-body--PaddingLeft);
26132
+ .pf-l-split__item.pf-m-fill {
26133
+ flex-grow: 1;
26102
26134
  }
26103
26135
 
26104
- .pf-c-panel__footer {
26105
- padding: var(--pf-c-panel__footer--PaddingTop) var(--pf-c-panel__footer--PaddingRight) var(--pf-c-panel__footer--PaddingBottom) var(--pf-c-panel__footer--PaddingLeft);
26106
- box-shadow: var(--pf-c-panel__footer--BoxShadow);
26136
+ .pf-l-split.pf-m-gutter > *:not(:last-child) {
26137
+ margin-right: var(--pf-l-split--m-gutter--MarginRight);
26107
26138
  }
26108
26139
 
26109
26140
  .pf-l-grid {
@@ -27320,37 +27351,6 @@ label.pf-c-tree-view__node-text {
27320
27351
  grid-gap: var(--pf-l-grid--m-gutter--GridGap);
27321
27352
  }
27322
27353
 
27323
- .pf-l-level {
27324
- --pf-l-level--m-gutter--MarginRight: var(--pf-global--gutter);
27325
- display: flex;
27326
- flex-wrap: wrap;
27327
- align-items: center;
27328
- justify-content: space-between;
27329
- }
27330
-
27331
- .pf-l-level.pf-m-gutter > *:not(:last-child) {
27332
- margin-right: var(--pf-l-level--m-gutter--MarginRight);
27333
- }
27334
-
27335
- .pf-l-split {
27336
- --pf-l-split--m-gutter--MarginRight: var(--pf-global--gutter);
27337
- display: flex;
27338
- padding: 0;
27339
- margin: 0;
27340
- }
27341
-
27342
- .pf-l-split.pf-m-wrap {
27343
- flex-wrap: wrap;
27344
- }
27345
-
27346
- .pf-l-split__item.pf-m-fill {
27347
- flex-grow: 1;
27348
- }
27349
-
27350
- .pf-l-split.pf-m-gutter > *:not(:last-child) {
27351
- margin-right: var(--pf-l-split--m-gutter--MarginRight);
27352
- }
27353
-
27354
27354
  .pf-l-stack {
27355
27355
  --pf-l-stack--m-gutter--MarginBottom: var(--pf-global--gutter);
27356
27356
  display: flex;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-core",
3
- "version": "4.231.3",
3
+ "version": "4.231.4",
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",
@@ -34,9 +34,9 @@
34
34
  "generate": "node scripts/copyStyles.js"
35
35
  },
36
36
  "dependencies": {
37
- "@patternfly/react-icons": "^4.82.3",
38
- "@patternfly/react-styles": "^4.81.3",
39
- "@patternfly/react-tokens": "^4.83.3",
37
+ "@patternfly/react-icons": "^4.82.4",
38
+ "@patternfly/react-styles": "^4.81.4",
39
+ "@patternfly/react-tokens": "^4.83.4",
40
40
  "focus-trap": "6.9.2",
41
41
  "react-dropzone": "9.0.0",
42
42
  "tippy.js": "5.1.2",
@@ -60,5 +60,5 @@
60
60
  "react": "^16.8.0 || ^17.0.0",
61
61
  "react-dom": "^16.8.0 || ^17.0.0"
62
62
  },
63
- "gitHead": "ef241e66080a90616f7eb557b713e39889f1313d"
63
+ "gitHead": "9f4a800f29430df2298c61e49bb84e68dcb7089d"
64
64
  }
package/src/components/MenuToggle/MenuToggle.tsx CHANGED
@@ -14,7 +14,7 @@ export interface SplitButtonOptions {
14
14
  }
15
15
 
16
16
  export interface MenuToggleProps
17
- extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<MenuToggleElement>, MenuToggleElement>, 'ref'> {
17
+ extends Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<MenuToggleElement>, MenuToggleElement>, 'ref'> {
18
18
  /** Content rendered inside the toggle */
19
19
  children?: React.ReactNode;
20
20
  /** Additional classes added to the toggle */