@patternfly/react-styles 6.0.0-alpha.6 → 6.0.0-alpha.7
Sign up to get free protection for your applications and to get access to all the features.
- package/CHANGELOG.md +6 -0
- package/css/components/Button/button.css +12 -2
- package/css/components/Nav/nav.css +240 -918
- package/css/components/Nav/nav.d.ts +9 -20
- package/css/components/Nav/nav.js +9 -20
- package/css/components/Nav/nav.mjs +9 -20
- package/css/components/Timestamp/timestamp.css +12 -9
- package/css/docs/components/Nav/examples/Navigation.css +1 -39
- package/css/docs/components/Nav/examples/Navigation.d.ts +0 -2
- package/css/docs/components/Nav/examples/Navigation.js +0 -2
- package/css/docs/components/Nav/examples/Navigation.mjs +0 -2
- package/package.json +3 -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.7 (2024-01-16)
|
|
7
|
+
|
|
8
|
+
### Features
|
|
9
|
+
|
|
10
|
+
- **Navigation:** Penta updates for nav ([#9948](https://github.com/patternfly/patternfly-react/issues/9948)) ([dba392d](https://github.com/patternfly/patternfly-react/commit/dba392d62011b1adc38ab0d22a2ad91e0e7d2a2e))
|
|
11
|
+
|
|
6
12
|
# 6.0.0-alpha.6 (2024-01-04)
|
|
7
13
|
|
|
8
14
|
**Note:** Version bump only for package @patternfly/react-styles
|
|
@@ -13,6 +13,10 @@
|
|
|
13
13
|
--pf-v5-c-button--BorderWidth: var(--pf-t--global--border--width--button--default);
|
|
14
14
|
--pf-v5-c-button--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
15
15
|
--pf-v5-c-button--TextDecoration: none;
|
|
16
|
+
--pf-v5-c-button--BorderStartStartRadius: var(--pf-v5-c-button--BorderRadius);
|
|
17
|
+
--pf-v5-c-button--BorderStartEndRadius: var(--pf-v5-c-button--BorderRadius);
|
|
18
|
+
--pf-v5-c-button--BorderEndStartRadius: var(--pf-v5-c-button--BorderRadius);
|
|
19
|
+
--pf-v5-c-button--BorderEndEndRadius: var(--pf-v5-c-button--BorderRadius);
|
|
16
20
|
--pf-v5-c-button--hover--BackgroundColor: transparent;
|
|
17
21
|
--pf-v5-c-button--hover--BorderColor: transparent;
|
|
18
22
|
--pf-v5-c-button--hover--BorderWidth: var(--pf-t--global--border--width--button--hover);
|
|
@@ -212,7 +216,10 @@
|
|
|
212
216
|
|
|
213
217
|
.pf-v5-c-button {
|
|
214
218
|
position: relative;
|
|
215
|
-
display:
|
|
219
|
+
display: var(--pf-v5-c-button--Display, initial);
|
|
220
|
+
flex: var(--pf-v5-c-button--Flex, initial);
|
|
221
|
+
align-items: var(--pf-v5-c-button--AlignItems, initial);
|
|
222
|
+
justify-content: var(--pf-v5-c-button--JustifyContent, initial);
|
|
216
223
|
padding-block-start: var(--pf-v5-c-button--PaddingTop);
|
|
217
224
|
padding-block-end: var(--pf-v5-c-button--PaddingBottom);
|
|
218
225
|
padding-inline-start: var(--pf-v5-c-button--PaddingLeft);
|
|
@@ -228,7 +235,10 @@
|
|
|
228
235
|
user-select: none;
|
|
229
236
|
background-color: var(--pf-v5-c-button--BackgroundColor);
|
|
230
237
|
border: 0;
|
|
231
|
-
border-radius: var(--pf-v5-c-button--
|
|
238
|
+
border-start-start-radius: var(--pf-v5-c-button--BorderStartStartRadius);
|
|
239
|
+
border-start-end-radius: var(--pf-v5-c-button--BorderStartEndRadius);
|
|
240
|
+
border-end-start-radius: var(--pf-v5-c-button--BorderEndStartRadius);
|
|
241
|
+
border-end-end-radius: var(--pf-v5-c-button--BorderEndEndRadius);
|
|
232
242
|
}
|
|
233
243
|
.pf-v5-c-button::after {
|
|
234
244
|
position: absolute;
|