@patternfly/react-styles 6.3.1-prerelease.1 → 6.3.1-prerelease.2

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 (4) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/css/components/CodeEditor/code-editor.css +17 -2
  3. package/css/components/_index.css +17 -2
  4. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -3,6 +3,10 @@
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.3.1-prerelease.2](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.3.1-prerelease.1...@patternfly/react-styles@6.3.1-prerelease.2) (2025-09-26)
7
+
8
+ **Note:** Version bump only for package @patternfly/react-styles
9
+
6
10
  ## [6.3.1-prerelease.1](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.3.1-prerelease.0...@patternfly/react-styles@6.3.1-prerelease.1) (2025-09-24)
7
11
 
8
12
  **Note:** Version bump only for package @patternfly/react-styles
package/css/components/CodeEditor/code-editor.css CHANGED
@@ -41,6 +41,7 @@
41
41
  --pf-v6-c-code-editor__header-main--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
42
42
  --pf-v6-c-code-editor__header-main--PaddingInlineStart: var(--pf-t--global--spacer--sm);
43
43
  --pf-v6-c-code-editor__tab--BackgroundColor: var(--pf-t--global--background--color--primary--default);
44
+ --pf-v6-c-code-editor--m-read-only__tab--BackgroundColor: var(--pf-v6-c-code-editor--m-read-only__main--BackgroundColor);
44
45
  --pf-v6-c-code-editor__tab--Color: var(--pf-t--global--text--color--subtle);
45
46
  --pf-v6-c-code-editor__tab--PaddingBlockStart: var(--pf-t--global--spacer--sm);
46
47
  --pf-v6-c-code-editor__tab--PaddingInlineEnd: var( --pf-t--global--spacer--sm);
@@ -60,6 +61,7 @@
60
61
  flex-direction: column;
61
62
  }
62
63
  .pf-v6-c-code-editor.pf-m-read-only {
64
+ --pf-v6-c-code-editor__tab--BackgroundColor: var(--pf-v6-c-code-editor--m-read-only__tab--BackgroundColor);
63
65
  --pf-v6-c-code-editor__main--BackgroundColor: var(--pf-v6-c-code-editor--m-read-only__main--BackgroundColor);
64
66
  }
65
67
  .pf-v6-c-code-editor.pf-m-full-height {
@@ -76,17 +78,29 @@
76
78
  position: relative;
77
79
  display: flex;
78
80
  }
79
- .pf-v6-c-code-editor__header::before {
81
+ .pf-v6-c-code-editor__header::before, .pf-v6-c-code-editor__header::after {
82
+ position: absolute;
83
+ pointer-events: none;
84
+ content: "";
85
+ }
86
+ .pf-v6-c-code-editor__header::after {
80
87
  position: absolute;
81
88
  inset: 0;
82
89
  pointer-events: none;
83
90
  content: "";
84
91
  border: var(--pf-v6-c-code-editor__header--BorderWidth) solid var(--pf-v6-c-code-editor__header--BorderColor);
85
- border-block-end: var(--pf-v6-c-code-editor__header--before--BorderBlockEndWidth) solid var(--pf-v6-c-code-editor__header--before--BorderBlockEndColor);
92
+ border-block-end-width: 0;
86
93
  border-start-start-radius: var(--pf-v6-c-code-editor__header--BorderStartStartRadius);
87
94
  border-start-end-radius: var(--pf-v6-c-code-editor__header--BorderStartEndRadius);
88
95
  }
96
+ .pf-v6-c-code-editor__header::before {
97
+ inset-block-end: 0;
98
+ inset-inline-start: 0;
99
+ inset-inline-end: 0;
100
+ border-block-end: var(--pf-v6-c-code-editor__header--before--BorderBlockEndWidth) solid var(--pf-v6-c-code-editor__header--before--BorderBlockEndColor);
101
+ }
89
102
  .pf-v6-c-code-editor__header.pf-m-plain {
103
+ --pf-v6-c-code-editor__header--BorderWidth: 0;
90
104
  --pf-v6-c-code-editor__header-content--BackgroundColor: var(--pf-v6-c-code-editor__header-content--m-plain--BackgroundColor);
91
105
  }
92
106
 
@@ -183,6 +197,7 @@
183
197
  padding-block-end: var(--pf-v6-c-code-editor__tab--PaddingBlockEnd);
184
198
  padding-inline-start: var(--pf-v6-c-code-editor__tab--PaddingInlineStart);
185
199
  padding-inline-end: var(--pf-v6-c-code-editor__tab--PaddingInlineEnd);
200
+ margin-inline-start: auto;
186
201
  color: var(--pf-v6-c-code-editor__tab--Color);
187
202
  background-color: var(--pf-v6-c-code-editor__tab--BackgroundColor);
188
203
  border-color: var(--pf-v6-c-code-editor__tab--BorderColor);
package/css/components/_index.css CHANGED
@@ -3284,6 +3284,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3284
3284
  --pf-v6-c-code-editor__header-main--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
3285
3285
  --pf-v6-c-code-editor__header-main--PaddingInlineStart: var(--pf-t--global--spacer--sm);
3286
3286
  --pf-v6-c-code-editor__tab--BackgroundColor: var(--pf-t--global--background--color--primary--default);
3287
+ --pf-v6-c-code-editor--m-read-only__tab--BackgroundColor: var(--pf-v6-c-code-editor--m-read-only__main--BackgroundColor);
3287
3288
  --pf-v6-c-code-editor__tab--Color: var(--pf-t--global--text--color--subtle);
3288
3289
  --pf-v6-c-code-editor__tab--PaddingBlockStart: var(--pf-t--global--spacer--sm);
3289
3290
  --pf-v6-c-code-editor__tab--PaddingInlineEnd: var( --pf-t--global--spacer--sm);
@@ -3303,6 +3304,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3303
3304
  flex-direction: column;
3304
3305
  }
3305
3306
  .pf-v6-c-code-editor.pf-m-read-only {
3307
+ --pf-v6-c-code-editor__tab--BackgroundColor: var(--pf-v6-c-code-editor--m-read-only__tab--BackgroundColor);
3306
3308
  --pf-v6-c-code-editor__main--BackgroundColor: var(--pf-v6-c-code-editor--m-read-only__main--BackgroundColor);
3307
3309
  }
3308
3310
  .pf-v6-c-code-editor.pf-m-full-height {
@@ -3319,17 +3321,29 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3319
3321
  position: relative;
3320
3322
  display: flex;
3321
3323
  }
3322
- .pf-v6-c-code-editor__header::before {
3324
+ .pf-v6-c-code-editor__header::before, .pf-v6-c-code-editor__header::after {
3325
+ position: absolute;
3326
+ pointer-events: none;
3327
+ content: "";
3328
+ }
3329
+ .pf-v6-c-code-editor__header::after {
3323
3330
  position: absolute;
3324
3331
  inset: 0;
3325
3332
  pointer-events: none;
3326
3333
  content: "";
3327
3334
  border: var(--pf-v6-c-code-editor__header--BorderWidth) solid var(--pf-v6-c-code-editor__header--BorderColor);
3328
- border-block-end: var(--pf-v6-c-code-editor__header--before--BorderBlockEndWidth) solid var(--pf-v6-c-code-editor__header--before--BorderBlockEndColor);
3335
+ border-block-end-width: 0;
3329
3336
  border-start-start-radius: var(--pf-v6-c-code-editor__header--BorderStartStartRadius);
3330
3337
  border-start-end-radius: var(--pf-v6-c-code-editor__header--BorderStartEndRadius);
3331
3338
  }
3339
+ .pf-v6-c-code-editor__header::before {
3340
+ inset-block-end: 0;
3341
+ inset-inline-start: 0;
3342
+ inset-inline-end: 0;
3343
+ border-block-end: var(--pf-v6-c-code-editor__header--before--BorderBlockEndWidth) solid var(--pf-v6-c-code-editor__header--before--BorderBlockEndColor);
3344
+ }
3332
3345
  .pf-v6-c-code-editor__header.pf-m-plain {
3346
+ --pf-v6-c-code-editor__header--BorderWidth: 0;
3333
3347
  --pf-v6-c-code-editor__header-content--BackgroundColor: var(--pf-v6-c-code-editor__header-content--m-plain--BackgroundColor);
3334
3348
  }
3335
3349
 
@@ -3426,6 +3440,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3426
3440
  padding-block-end: var(--pf-v6-c-code-editor__tab--PaddingBlockEnd);
3427
3441
  padding-inline-start: var(--pf-v6-c-code-editor__tab--PaddingInlineStart);
3428
3442
  padding-inline-end: var(--pf-v6-c-code-editor__tab--PaddingInlineEnd);
3443
+ margin-inline-start: auto;
3429
3444
  color: var(--pf-v6-c-code-editor__tab--Color);
3430
3445
  background-color: var(--pf-v6-c-code-editor__tab--BackgroundColor);
3431
3446
  border-color: var(--pf-v6-c-code-editor__tab--BorderColor);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-styles",
3
- "version": "6.3.1-prerelease.1",
3
+ "version": "6.3.1-prerelease.2",
4
4
  "main": "dist/js/index.js",
5
5
  "module": "dist/esm/index.js",
6
6
  "types": "dist/esm/index.d.ts",
@@ -19,10 +19,10 @@
19
19
  "clean": "rimraf dist css"
20
20
  },
21
21
  "devDependencies": {
22
- "@patternfly/patternfly": "6.3.0-prerelease.78",
22
+ "@patternfly/patternfly": "6.3.0-prerelease.79",
23
23
  "change-case": "^5.4.4",
24
24
  "fs-extra": "^11.3.0"
25
25
  },
26
26
  "license": "MIT",
27
- "gitHead": "371e6efc90268bb8dafb63efeb779b1f07c940fd"
27
+ "gitHead": "e9af0c44a6482ccbfc02dec159b39341fb92fcc5"
28
28
  }