@patternfly/patternfly 6.2.0-prerelease.11 → 6.2.0-prerelease.12
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.
- package/components/Alert/alert-group.css +50 -7
- package/components/Alert/alert-group.scss +114 -28
- package/components/_index.css +50 -7
- package/docs/components/Alert/examples/Alert.md +6 -0
- package/package.json +1 -1
- package/patternfly-no-globals.css +50 -7
- package/patternfly.css +50 -7
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
package/patternfly.css
CHANGED
|
@@ -8172,6 +8172,48 @@ button) {
|
|
|
8172
8172
|
--pf-v6-c-alert-group--m-toast--InsetInlineEnd: var(--pf-t--global--spacer--xl);
|
|
8173
8173
|
--pf-v6-c-alert-group--m-toast--MaxWidth: 37.5rem;
|
|
8174
8174
|
--pf-v6-c-alert-group--m-toast--ZIndex: var(--pf-t--global--z-index--2xl);
|
|
8175
|
+
--pf-v6-c-alert-group--m-toast__item--TransitionDuration--opacity--default: var(--pf-t--global--motion--duration--fade--default);
|
|
8176
|
+
--pf-v6-c-alert-group--m-toast__item--TransitionTimingFunction--opacity--default: var(--pf-t--global--motion--timing-function--decelerate);
|
|
8177
|
+
--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default: var(--pf-v6-c-alert-group--m-toast__item--TransitionDuration--opacity--default)
|
|
8178
|
+
var(--pf-v6-c-alert-group--m-toast__item--TransitionTimingFunction--opacity--default)
|
|
8179
|
+
0s;
|
|
8180
|
+
--pf-v6-c-alert-group--m-toast__item--TransitionDuration--opacity: var(--pf-t--global--motion--duration--fade--default);
|
|
8181
|
+
--pf-v6-c-alert-group--m-toast__item--TransitionTimingFunction--opacity: var(--pf-t--global--motion--timing-function--decelerate);
|
|
8182
|
+
--pf-v6-c-alert-group--m-toast__item--TransitionDelay--opacity: var(--pf-t--global--motion--delay--none);
|
|
8183
|
+
--pf-v6-c-alert-group--m-toast__item--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
|
|
8184
|
+
--pf-v6-c-alert-group--m-toast__item--TransitionTimingFunction--transform: var(--pf-t--global--motion--timing-function--decelerate);
|
|
8185
|
+
--pf-v6-c-alert-group--m-toast__item--TransitionDelay--transform: var(--pf-t--global--motion--delay--none);
|
|
8186
|
+
--pf-v6-c-alert-group--m-toast__item--TransitionDuration--grid-template-rows: var(--pf-t--global--motion--duration--slide-in--default);
|
|
8187
|
+
--pf-v6-c-alert-group--m-toast__item--TransitionTimingFunction--grid-template-rows: var(--pf-t--global--motion--timing-function--decelerate);
|
|
8188
|
+
--pf-v6-c-alert-group--m-toast__item--TransitionDuration--margin-block: var(--pf-t--global--motion--duration--slide-in--default);
|
|
8189
|
+
--pf-v6-c-alert-group--m-toast__item--TransitionTimingFunction--margin-block: var(--pf-t--global--motion--timing-function--decelerate);
|
|
8190
|
+
--pf-v6-c-alert-group--m-toast__item--c-alert--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
|
|
8191
|
+
--pf-v6-c-alert-group--m-toast__item--c-alert--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
|
8192
|
+
--pf-v6-c-alert-group--m-toast__item--c-alert--Transition: all
|
|
8193
|
+
var(--pf-v6-c-alert-group--m-toast__item--c-alert--TransitionDuration)
|
|
8194
|
+
var(--pf-v6-c-alert-group--m-toast__item--c-alert--TransitionTimingFunction)
|
|
8195
|
+
0s;
|
|
8196
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity--default: var(--pf-t--global--motion--duration--fade--default);
|
|
8197
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity--default: var(--pf-t--global--motion--timing-function--accelerate);
|
|
8198
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows--default: var(--pf-t--global--motion--duration--fade--default);
|
|
8199
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block--default: var(--pf-t--global--motion--duration--fade--default);
|
|
8200
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDelay--default: var(--pf-t--global--motion--duration--fade--default);
|
|
8201
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-out--short);
|
|
8202
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--transform: var(--pf-t--global--motion--timing-function--accelerate);
|
|
8203
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity: var(--pf-t--global--motion--duration--slide-out--short);
|
|
8204
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity: var(--pf-t--global--motion--timing-function--accelerate);
|
|
8205
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--margin-block: var(--pf-t--global--motion--duration--fade--short);
|
|
8206
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--margin-block: var(--pf-t--global--motion--timing-function--accelerate);
|
|
8207
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block: var(--pf-t--global--motion--duration--slide-out--short);
|
|
8208
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--grid-template-rows: var(--pf-t--global--motion--duration--slide-in--short);
|
|
8209
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--grid-template-rows: var(--pf-t--global--motion--timing-function--accelerate);
|
|
8210
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows: var(--pf-t--global--motion--duration--slide-out--short);
|
|
8211
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration: var(--pf-t--global--motion--duration--slide-out--short);
|
|
8212
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
|
|
8213
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition: all
|
|
8214
|
+
var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration)
|
|
8215
|
+
var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionTimingFunction)
|
|
8216
|
+
var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration);
|
|
8175
8217
|
--pf-v6-c-alert-group__overflow-button--BorderWidth: 0;
|
|
8176
8218
|
--pf-v6-c-alert-group__overflow-button--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
8177
8219
|
--pf-v6-c-alert-group__overflow-button--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
@@ -8220,15 +8262,15 @@ button) {
|
|
|
8220
8262
|
display: grid;
|
|
8221
8263
|
grid-template-rows: 1fr;
|
|
8222
8264
|
opacity: 1;
|
|
8223
|
-
transition: opacity var(--pf-
|
|
8265
|
+
transition: opacity var(--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default);
|
|
8224
8266
|
transform: translateX(0) translateY(0);
|
|
8225
8267
|
}
|
|
8226
8268
|
@media screen and (prefers-reduced-motion: no-preference) {
|
|
8227
8269
|
.pf-v6-c-alert-group__item {
|
|
8228
|
-
transition: opacity var(--pf-
|
|
8270
|
+
transition: opacity var(--pf-v6-c-alert-group--m-toast__item--TransitionDuration--opacity) var(--pf-v6-c-alert-group--m-toast__item--TransitionTimingFunction--opacity) var(--pf-v6-c-alert-group--m-toast__item--TransitionDelay--opacity), transform var(--pf-v6-c-alert-group--m-toast__item--TransitionDuration--transform) var(--pf-v6-c-alert-group--m-toast__item--TransitionTimingFunction--transform) var(--pf-v6-c-alert-group--m-toast__item--TransitionDelay--transform), grid-template-rows var(--pf-v6-c-alert-group--m-toast__item--TransitionDuration--grid-template-rows) var(--pf-v6-c-alert-group--m-toast__item--TransitionTimingFunction--grid-template-rows), margin-block var(--pf-v6-c-alert-group--m-toast__item--TransitionDuration--margin-block) var(--pf-v6-c-alert-group--m-toast__item--TransitionTimingFunction--margin-block);
|
|
8229
8271
|
}
|
|
8230
8272
|
.pf-v6-c-alert-group__item .pf-v6-c-alert {
|
|
8231
|
-
transition:
|
|
8273
|
+
transition: var(--pf-v6-c-alert-group--m-toast__item--c-alert--Transition);
|
|
8232
8274
|
}
|
|
8233
8275
|
}
|
|
8234
8276
|
.pf-v6-c-alert-group__item.pf-m-offstage-top {
|
|
@@ -8249,21 +8291,22 @@ button) {
|
|
|
8249
8291
|
margin-block: 0;
|
|
8250
8292
|
overflow: hidden;
|
|
8251
8293
|
opacity: 0;
|
|
8252
|
-
transition:
|
|
8253
|
-
transform: translateX(100%);
|
|
8294
|
+
transition: grid-template-rows 0s var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows--default), margin-block 0s var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block--default), opacity var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity--default) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity--default);
|
|
8254
8295
|
}
|
|
8255
8296
|
.pf-v6-c-alert-group__item.pf-m-offstage-right .pf-v6-c-alert {
|
|
8256
8297
|
min-height: 0;
|
|
8257
8298
|
padding-block-start: 0;
|
|
8258
8299
|
padding-block-end: 0;
|
|
8259
8300
|
border-width: 0;
|
|
8301
|
+
transition: all 0s var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDelay--default);
|
|
8260
8302
|
}
|
|
8261
8303
|
@media screen and (prefers-reduced-motion: no-preference) {
|
|
8262
8304
|
.pf-v6-c-alert-group__item.pf-m-offstage-right {
|
|
8263
|
-
transition: transform var(--pf-
|
|
8305
|
+
transition: transform var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--transform) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--transform), opacity var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity), margin-block var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--margin-block) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--margin-block) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block), grid-template-rows var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--grid-template-rows) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--grid-template-rows) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows);
|
|
8306
|
+
transform: translateX(100%);
|
|
8264
8307
|
}
|
|
8265
8308
|
.pf-v6-c-alert-group__item.pf-m-offstage-right .pf-v6-c-alert {
|
|
8266
|
-
transition:
|
|
8309
|
+
transition: var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition);
|
|
8267
8310
|
}
|
|
8268
8311
|
}
|
|
8269
8312
|
.pf-v6-c-alert-group__item:hover {
|