@patternfly/react-code-editor 6.0.0-alpha.75 → 6.0.0-alpha.76

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 (12) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/esm/components/CodeEditor/CodeEditorControl.d.ts.map +1 -1
  3. package/dist/esm/components/CodeEditor/CodeEditorControl.js +1 -1
  4. package/dist/esm/components/CodeEditor/CodeEditorControl.js.map +1 -1
  5. package/dist/js/components/CodeEditor/CodeEditorControl.d.ts.map +1 -1
  6. package/dist/js/components/CodeEditor/CodeEditorControl.js +1 -1
  7. package/dist/js/components/CodeEditor/CodeEditorControl.js.map +1 -1
  8. package/package.json +5 -5
  9. package/src/components/CodeEditor/CodeEditorControl.tsx +8 -3
  10. package/src/components/CodeEditor/__test__/CodeEditorControl.test.tsx +1 -1
  11. package/src/components/CodeEditor/__test__/__snapshots__/CodeEditor.test.tsx.snap +48 -36
  12. package/src/components/CodeEditor/__test__/__snapshots__/CodeEditorControl.test.tsx.snap +7 -3
package/CHANGELOG.md CHANGED
@@ -3,6 +3,12 @@
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
+ # [6.0.0-alpha.76](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-code-editor@6.0.0-alpha.75...@patternfly/react-code-editor@6.0.0-alpha.76) (2024-07-02)
7
+
8
+ ### Features
9
+
10
+ - **Button:** add text wrapper, update icon usage ([#10663](https://github.com/patternfly/patternfly-react/issues/10663)) ([eca5878](https://github.com/patternfly/patternfly-react/commit/eca58789d1f07753657372a46a20c147f984b998))
11
+
6
12
  # [6.0.0-alpha.75](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-code-editor@6.0.0-alpha.74...@patternfly/react-code-editor@6.0.0-alpha.75) (2024-07-02)
7
13
 
8
14
  **Note:** Version bump only for package @patternfly/react-code-editor
package/dist/esm/components/CodeEditor/CodeEditorControl.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CodeEditorControl.d.ts","sourceRoot":"","sources":["../../../../src/components/CodeEditor/CodeEditorControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAU,WAAW,EAAW,MAAM,wBAAwB,CAAC;AAGtE;;GAEG;AAEH,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC;IAC1E,mDAAmD;IACnD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,gDAAgD;IAChD,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC7C,wEAAwE;IACxE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kEAAkE;IAClE,YAAY,CAAC,EAAE,GAAG,CAAC;CACpB;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,CAAC,sBAAsB,CAsB7E,CAAC"}
1
+ {"version":3,"file":"CodeEditorControl.d.ts","sourceRoot":"","sources":["../../../../src/components/CodeEditor/CodeEditorControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAU,WAAW,EAAW,MAAM,wBAAwB,CAAC;AAGtE;;GAEG;AAEH,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC;IAC1E,mDAAmD;IACnD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,gDAAgD;IAChD,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC7C,wEAAwE;IACxE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kEAAkE;IAClE,YAAY,CAAC,EAAE,GAAG,CAAC;CACpB;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,CAAC,sBAAsB,CA2B7E,CAAC"}
package/dist/esm/components/CodeEditor/CodeEditorControl.js CHANGED
@@ -9,7 +9,7 @@ export const CodeEditorControl = (_a) => {
9
9
  onClick(context.code, event);
10
10
  };
11
11
  return isVisible ? (React.createElement(Tooltip, Object.assign({}, tooltipProps),
12
- React.createElement(Button, Object.assign({ className: className, onClick: onCustomClick, variant: "plain", "aria-label": ariaLabel }, props), icon))) : null;
12
+ React.createElement(Button, Object.assign({ className: className, onClick: onCustomClick, variant: "plain", "aria-label": ariaLabel }, props, { icon: icon })))) : null;
13
13
  };
14
14
  CodeEditorControl.displayName = 'CodeEditorControl';
15
15
  //# sourceMappingURL=CodeEditorControl.js.map
package/dist/esm/components/CodeEditor/CodeEditorControl.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CodeEditorControl.js","sourceRoot":"","sources":["../../../../src/components/CodeEditor/CodeEditorControl.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAe,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAqBtD,MAAM,CAAC,MAAM,iBAAiB,GAAoD,CAAC,EAQ1D,EAAE,EAAE;QARsD,EACjF,IAAI,EACJ,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,EAClB,SAAS,GAAG,IAAI,EAChB,YAAY,GAAG,EAAE,OAEM,EADpB,KAAK,cAPyE,2EAQlF,CADS;IAER,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC;IAEpD,MAAM,aAAa,GAAG,CAAC,KAAsD,EAAE,EAAE;QAC/E,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,OAAO,SAAS,CAAC,CAAC,CAAC,CACjB,oBAAC,OAAO,oBAAK,YAAY;QACvB,oBAAC,MAAM,kBAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,aAAa,EAAE,OAAO,EAAC,OAAO,gBAAa,SAAS,IAAM,KAAK,GACnG,IAAI,CACE,CACD,CACX,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC;AAEF,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC"}
1
+ {"version":3,"file":"CodeEditorControl.js","sourceRoot":"","sources":["../../../../src/components/CodeEditor/CodeEditorControl.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAe,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAqBtD,MAAM,CAAC,MAAM,iBAAiB,GAAoD,CAAC,EAQ1D,EAAE,EAAE;QARsD,EACjF,IAAI,EACJ,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,EAClB,SAAS,GAAG,IAAI,EAChB,YAAY,GAAG,EAAE,OAEM,EADpB,KAAK,cAPyE,2EAQlF,CADS;IAER,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC;IAEpD,MAAM,aAAa,GAAG,CAAC,KAAsD,EAAE,EAAE;QAC/E,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,OAAO,SAAS,CAAC,CAAC,CAAC,CACjB,oBAAC,OAAO,oBAAK,YAAY;QACvB,oBAAC,MAAM,kBACL,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,aAAa,EACtB,OAAO,EAAC,OAAO,gBACH,SAAS,IACjB,KAAK,IACT,IAAI,EAAE,IAAI,IACV,CACM,CACX,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC;AAEF,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC"}
package/dist/js/components/CodeEditor/CodeEditorControl.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CodeEditorControl.d.ts","sourceRoot":"","sources":["../../../../src/components/CodeEditor/CodeEditorControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAU,WAAW,EAAW,MAAM,wBAAwB,CAAC;AAGtE;;GAEG;AAEH,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC;IAC1E,mDAAmD;IACnD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,gDAAgD;IAChD,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC7C,wEAAwE;IACxE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kEAAkE;IAClE,YAAY,CAAC,EAAE,GAAG,CAAC;CACpB;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,CAAC,sBAAsB,CAsB7E,CAAC"}
1
+ {"version":3,"file":"CodeEditorControl.d.ts","sourceRoot":"","sources":["../../../../src/components/CodeEditor/CodeEditorControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAU,WAAW,EAAW,MAAM,wBAAwB,CAAC;AAGtE;;GAEG;AAEH,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC;IAC1E,mDAAmD;IACnD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,gDAAgD;IAChD,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC7C,wEAAwE;IACxE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kEAAkE;IAClE,YAAY,CAAC,EAAE,GAAG,CAAC;CACpB;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,CAAC,sBAAsB,CA2B7E,CAAC"}
package/dist/js/components/CodeEditor/CodeEditorControl.js CHANGED
@@ -12,7 +12,7 @@ const CodeEditorControl = (_a) => {
12
12
  onClick(context.code, event);
13
13
  };
14
14
  return isVisible ? (React.createElement(react_core_1.Tooltip, Object.assign({}, tooltipProps),
15
- React.createElement(react_core_1.Button, Object.assign({ className: className, onClick: onCustomClick, variant: "plain", "aria-label": ariaLabel }, props), icon))) : null;
15
+ React.createElement(react_core_1.Button, Object.assign({ className: className, onClick: onCustomClick, variant: "plain", "aria-label": ariaLabel }, props, { icon: icon })))) : null;
16
16
  };
17
17
  exports.CodeEditorControl = CodeEditorControl;
18
18
  exports.CodeEditorControl.displayName = 'CodeEditorControl';
package/dist/js/components/CodeEditor/CodeEditorControl.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CodeEditorControl.js","sourceRoot":"","sources":["../../../../src/components/CodeEditor/CodeEditorControl.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,uDAAsE;AACtE,uDAAsD;AAqB/C,MAAM,iBAAiB,GAAoD,CAAC,EAQ1D,EAAE,EAAE;QARsD,EACjF,IAAI,EACJ,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,EAClB,SAAS,GAAG,IAAI,EAChB,YAAY,GAAG,EAAE,OAEM,EADpB,KAAK,sBAPyE,2EAQlF,CADS;IAER,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,mCAAiB,CAAC,CAAC;IAEpD,MAAM,aAAa,GAAG,CAAC,KAAsD,EAAE,EAAE;QAC/E,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,OAAO,SAAS,CAAC,CAAC,CAAC,CACjB,oBAAC,oBAAO,oBAAK,YAAY;QACvB,oBAAC,mBAAM,kBAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,aAAa,EAAE,OAAO,EAAC,OAAO,gBAAa,SAAS,IAAM,KAAK,GACnG,IAAI,CACE,CACD,CACX,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC;AAtBW,QAAA,iBAAiB,qBAsB5B;AAEF,yBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC"}
1
+ {"version":3,"file":"CodeEditorControl.js","sourceRoot":"","sources":["../../../../src/components/CodeEditor/CodeEditorControl.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,uDAAsE;AACtE,uDAAsD;AAqB/C,MAAM,iBAAiB,GAAoD,CAAC,EAQ1D,EAAE,EAAE;QARsD,EACjF,IAAI,EACJ,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,EAClB,SAAS,GAAG,IAAI,EAChB,YAAY,GAAG,EAAE,OAEM,EADpB,KAAK,sBAPyE,2EAQlF,CADS;IAER,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,mCAAiB,CAAC,CAAC;IAEpD,MAAM,aAAa,GAAG,CAAC,KAAsD,EAAE,EAAE;QAC/E,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,OAAO,SAAS,CAAC,CAAC,CAAC,CACjB,oBAAC,oBAAO,oBAAK,YAAY;QACvB,oBAAC,mBAAM,kBACL,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,aAAa,EACtB,OAAO,EAAC,OAAO,gBACH,SAAS,IACjB,KAAK,IACT,IAAI,EAAE,IAAI,IACV,CACM,CACX,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC;AA3BW,QAAA,iBAAiB,qBA2B5B;AAEF,yBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-code-editor",
3
- "version": "6.0.0-alpha.75",
3
+ "version": "6.0.0-alpha.76",
4
4
  "description": "This package provides a PatternFly wrapper for the Monaco code editor\n",
5
5
  "main": "dist/js/index.js",
6
6
  "module": "dist/esm/index.js",
@@ -31,9 +31,9 @@
31
31
  },
32
32
  "dependencies": {
33
33
  "@monaco-editor/react": "^4.6.0",
34
- "@patternfly/react-core": "^6.0.0-alpha.75",
35
- "@patternfly/react-icons": "^6.0.0-alpha.27",
36
- "@patternfly/react-styles": "^6.0.0-alpha.26",
34
+ "@patternfly/react-core": "^6.0.0-alpha.76",
35
+ "@patternfly/react-icons": "^6.0.0-alpha.28",
36
+ "@patternfly/react-styles": "^6.0.0-alpha.27",
37
37
  "react-dropzone": "14.2.3",
38
38
  "tslib": "^2.6.2"
39
39
  },
@@ -44,5 +44,5 @@
44
44
  "devDependencies": {
45
45
  "monaco-editor": "^0.49.0"
46
46
  },
47
- "gitHead": "f24b63f9a1e7677168873e056da40677ae691a3f"
47
+ "gitHead": "625adc6f7459977f551a18d9a690bff56aea3f18"
48
48
  }
package/src/components/CodeEditor/CodeEditorControl.tsx CHANGED
@@ -38,9 +38,14 @@ export const CodeEditorControl: React.FunctionComponent<CodeEditorControlProps>
38
38
 
39
39
  return isVisible ? (
40
40
  <Tooltip {...tooltipProps}>
41
- <Button className={className} onClick={onCustomClick} variant="plain" aria-label={ariaLabel} {...props}>
42
- {icon}
43
- </Button>
41
+ <Button
42
+ className={className}
43
+ onClick={onCustomClick}
44
+ variant="plain"
45
+ aria-label={ariaLabel}
46
+ {...props}
47
+ icon={icon}
48
+ />
44
49
  </Tooltip>
45
50
  ) : null;
46
51
  };
package/src/components/CodeEditor/__test__/CodeEditorControl.test.tsx CHANGED
@@ -9,7 +9,7 @@ test('Matches snapshot', () => {
9
9
 
10
10
  test('Renders with custom class when className is passed', () => {
11
11
  render(<CodeEditorControl className="custom" icon={<div>icon</div>} onClick={jest.fn()} />);
12
- expect(screen.getByText('icon').parentElement).toHaveClass('custom');
12
+ expect(screen.getByText('icon').parentElement?.parentElement).toHaveClass('custom');
13
13
  });
14
14
 
15
15
  test('Renders with accessible name when aria-label is passed', () => {
package/src/components/CodeEditor/__test__/__snapshots__/CodeEditor.test.tsx.snap CHANGED
@@ -31,19 +31,23 @@ exports[`Matches snapshot with control buttons enabled 1`] = `
31
31
  data-ouia-safe="true"
32
32
  type="button"
33
33
  >
34
- <svg
35
- aria-hidden="true"
36
- class="pf-v6-svg"
37
- fill="currentColor"
38
- height="1em"
39
- role="img"
40
- viewBox="0 0 448 512"
41
- width="1em"
34
+ <span
35
+ class="pf-v6-c-button__icon pf-m-start"
42
36
  >
43
- <path
44
- d="M320 448v40c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V120c0-13.255 10.745-24 24-24h72v296c0 30.879 25.121 56 56 56h168zm0-344V0H152c-13.255 0-24 10.745-24 24v368c0 13.255 10.745 24 24 24h272c13.255 0 24-10.745 24-24V128H344c-13.2 0-24-10.8-24-24zm120.971-31.029L375.029 7.029A24 24 0 0 0 358.059 0H352v96h96v-6.059a24 24 0 0 0-7.029-16.97z"
45
- />
46
- </svg>
37
+ <svg
38
+ aria-hidden="true"
39
+ class="pf-v6-svg"
40
+ fill="currentColor"
41
+ height="1em"
42
+ role="img"
43
+ viewBox="0 0 448 512"
44
+ width="1em"
45
+ >
46
+ <path
47
+ d="M320 448v40c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V120c0-13.255 10.745-24 24-24h72v296c0 30.879 25.121 56 56 56h168zm0-344V0H152c-13.255 0-24 10.745-24 24v368c0 13.255 10.745 24 24 24h272c13.255 0 24-10.745 24-24V128H344c-13.2 0-24-10.8-24-24zm120.971-31.029L375.029 7.029A24 24 0 0 0 358.059 0H352v96h96v-6.059a24 24 0 0 0-7.029-16.97z"
48
+ />
49
+ </svg>
50
+ </span>
47
51
  </button>
48
52
  </div>
49
53
  <div
@@ -58,19 +62,23 @@ exports[`Matches snapshot with control buttons enabled 1`] = `
58
62
  data-ouia-safe="true"
59
63
  type="button"
60
64
  >
61
- <svg
62
- aria-hidden="true"
63
- class="pf-v6-svg"
64
- fill="currentColor"
65
- height="1em"
66
- role="img"
67
- viewBox="0 0 512 512"
68
- width="1em"
65
+ <span
66
+ class="pf-v6-c-button__icon pf-m-start"
69
67
  >
70
- <path
71
- d="M296 384h-80c-13.3 0-24-10.7-24-24V192h-87.7c-17.8 0-26.7-21.5-14.1-34.1L242.3 5.7c7.5-7.5 19.8-7.5 27.3 0l152.2 152.2c12.6 12.6 3.7 34.1-14.1 34.1H320v168c0 13.3-10.7 24-24 24zm216-8v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h136v8c0 30.9 25.1 56 56 56h80c30.9 0 56-25.1 56-56v-8h136c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"
72
- />
73
- </svg>
68
+ <svg
69
+ aria-hidden="true"
70
+ class="pf-v6-svg"
71
+ fill="currentColor"
72
+ height="1em"
73
+ role="img"
74
+ viewBox="0 0 512 512"
75
+ width="1em"
76
+ >
77
+ <path
78
+ d="M296 384h-80c-13.3 0-24-10.7-24-24V192h-87.7c-17.8 0-26.7-21.5-14.1-34.1L242.3 5.7c7.5-7.5 19.8-7.5 27.3 0l152.2 152.2c12.6 12.6 3.7 34.1-14.1 34.1H320v168c0 13.3-10.7 24-24 24zm216-8v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h136v8c0 30.9 25.1 56 56 56h80c30.9 0 56-25.1 56-56v-8h136c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"
79
+ />
80
+ </svg>
81
+ </span>
74
82
  </button>
75
83
  </div>
76
84
  <div
@@ -85,19 +93,23 @@ exports[`Matches snapshot with control buttons enabled 1`] = `
85
93
  data-ouia-safe="true"
86
94
  type="button"
87
95
  >
88
- <svg
89
- aria-hidden="true"
90
- class="pf-v6-svg"
91
- fill="currentColor"
92
- height="1em"
93
- role="img"
94
- viewBox="0 0 512 512"
95
- width="1em"
96
+ <span
97
+ class="pf-v6-c-button__icon pf-m-start"
96
98
  >
97
- <path
98
- d="M216 0h80c13.3 0 24 10.7 24 24v168h87.7c17.8 0 26.7 21.5 14.1 34.1L269.7 378.3c-7.5 7.5-19.8 7.5-27.3 0L90.1 226.1c-12.6-12.6-3.7-34.1 14.1-34.1H192V24c0-13.3 10.7-24 24-24zm296 376v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h146.7l49 49c20.1 20.1 52.5 20.1 72.6 0l49-49H488c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"
99
- />
100
- </svg>
99
+ <svg
100
+ aria-hidden="true"
101
+ class="pf-v6-svg"
102
+ fill="currentColor"
103
+ height="1em"
104
+ role="img"
105
+ viewBox="0 0 512 512"
106
+ width="1em"
107
+ >
108
+ <path
109
+ d="M216 0h80c13.3 0 24 10.7 24 24v168h87.7c17.8 0 26.7 21.5 14.1 34.1L269.7 378.3c-7.5 7.5-19.8 7.5-27.3 0L90.1 226.1c-12.6-12.6-3.7-34.1 14.1-34.1H192V24c0-13.3 10.7-24 24-24zm296 376v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h146.7l49 49c20.1 20.1 52.5 20.1 72.6 0l49-49H488c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"
110
+ />
111
+ </svg>
112
+ </span>
101
113
  </button>
102
114
  </div>
103
115
  </div>
package/src/components/CodeEditor/__test__/__snapshots__/CodeEditorControl.test.tsx.snap CHANGED
@@ -13,9 +13,13 @@ exports[`Matches snapshot 1`] = `
13
13
  data-ouia-safe="true"
14
14
  type="button"
15
15
  >
16
- <div>
17
- icon
18
- </div>
16
+ <span
17
+ class="pf-v6-c-button__icon pf-m-start"
18
+ >
19
+ <div>
20
+ icon
21
+ </div>
22
+ </span>
19
23
  </button>
20
24
  </div>
21
25
  </DocumentFragment>