@patternfly/patternfly 6.0.0-alpha.45 → 6.0.0-alpha.47

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 (33) hide show
  1. package/components/Button/button.css +3 -1
  2. package/components/Button/button.scss +3 -1
  3. package/components/Check/check.css +17 -16
  4. package/components/Check/check.scss +17 -20
  5. package/components/Form/form.css +68 -87
  6. package/components/Form/form.scss +67 -98
  7. package/components/FormControl/form-control.css +86 -111
  8. package/components/FormControl/form-control.scss +88 -92
  9. package/components/NotificationDrawer/notification-drawer.css +104 -115
  10. package/components/NotificationDrawer/notification-drawer.scss +106 -116
  11. package/components/Radio/radio.css +15 -11
  12. package/components/Radio/radio.scss +15 -15
  13. package/components/SimpleList/simple-list.css +1 -1
  14. package/components/SimpleList/simple-list.scss +1 -1
  15. package/components/Switch/switch.css +41 -37
  16. package/components/Switch/switch.scss +47 -42
  17. package/docs/components/Button/examples/Button.md +29 -2
  18. package/docs/components/Form/examples/Form.md +23 -11
  19. package/docs/demos/Alert/examples/Alert.md +24 -0
  20. package/docs/demos/Form/examples/BasicForms.md +31 -10
  21. package/docs/demos/Modal/examples/Modal.md +3 -3
  22. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +1 -1
  23. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +4 -4
  24. package/package.json +1 -1
  25. package/patternfly-no-globals.css +336 -384
  26. package/patternfly-theme-dark-unversioned.css +336 -384
  27. package/patternfly.css +336 -384
  28. package/patternfly.min.css +1 -1
  29. package/patternfly.min.css.map +1 -1
  30. package/components/Form/themes/dark/form.scss +0 -7
  31. package/components/FormControl/themes/dark/form-control.scss +0 -24
  32. package/components/NotificationDrawer/themes/dark/notification-drawer.scss +0 -14
  33. package/components/Switch/themes/dark/switch.scss +0 -11
package/components/Form/themes/dark/form.scss DELETED
@@ -1,7 +0,0 @@
1
- @import "../../../../sass-utilities/themes/dark/all";
2
-
3
- @mixin pf-v5-theme-dark-form() {
4
- .#{$form}{
5
- --#{$form}__helper-text--m-success--Color: var(--#{$pf-global}--success-color--100);
6
- }
7
- }
package/components/FormControl/themes/dark/form-control.scss DELETED
@@ -1,24 +0,0 @@
1
- @import "../../../../sass-utilities/themes/dark/all";
2
-
3
- @mixin pf-v5-theme-dark-form-control() {
4
- .#{$form-control} {
5
- --#{$form-control}--before--BorderTopColor: transparent;
6
- --#{$form-control}--before--BorderRightColor: transparent;
7
- --#{$form-control}--before--BorderLeftColor: transparent;
8
- --#{$form-control}--after--BorderBottomColor: var(--#{$pf-global}--BorderColor--400);
9
- --#{$form-control}--BackgroundColor: var(--#{$pf-global}--BackgroundColor--400);
10
- --#{$form-control}--m-disabled--Color: var(--#{$pf-global}--disabled-color--300);
11
- --#{$form-control}--m-disabled--BackgroundColor: var(--#{$pf-global}--disabled-color--200);
12
- --#{$form-control}--m-readonly--BackgroundColor: var(--#{$pf-global}--disabled-color--200);
13
- --#{$form-control}--m-readonly--hover--after--BorderBottomColor: var(--#{$pf-global}--BorderColor--400);
14
- --#{$form-control}--m-readonly--focus--after--BorderBottomColor:var(--#{$pf-global}--BorderColor--400);
15
- --#{$form-control}--m-disabled__toggle-icon--Color: var(--#{$pf-global}--disabled-color--300);
16
-
17
- color: var(--#{$pf-global}--Color--100);
18
-
19
- // chrome's calendar icon for type="date"
20
- &::-webkit-calendar-picker-indicator {
21
- filter: #{"invert(1)"};
22
- }
23
- }
24
- }
package/components/NotificationDrawer/themes/dark/notification-drawer.scss DELETED
@@ -1,14 +0,0 @@
1
- @import "../../../../sass-utilities/themes/dark/all";
2
-
3
- @mixin pf-v5-theme-dark-notification-drawer() {
4
- .#{$notification-drawer} {
5
- --#{$notification-drawer}--BackgroundColor: var(--#{$pf-global}--BackgroundColor--300);
6
- --#{$notification-drawer}__header--BackgroundColor: var(--#{$pf-global}--BackgroundColor--300);
7
- --#{$notification-drawer}__list-item--BackgroundColor: var(--#{$pf-global}--BackgroundColor--300);
8
- --#{$notification-drawer}__list-item--BoxShadow: none;
9
- --#{$notification-drawer}__list-item--BorderBottomColor: var(--#{$pf-global}--BorderColor--100);
10
- --#{$notification-drawer}__list-item--m-read--BackgroundColor: var(--#{$pf-global}--BackgroundColor--100);
11
- --#{$notification-drawer}__list-item--list-item--m-read--BoxShadow: none;
12
- --#{$notification-drawer}__group-toggle--BackgroundColor: var(--#{$pf-global}--BackgroundColor--300);
13
- }
14
- }
package/components/Switch/themes/dark/switch.scss DELETED
@@ -1,11 +0,0 @@
1
- @import "../../../../sass-utilities/themes/dark/all";
2
-
3
- @mixin pf-v5-theme-dark-switch() {
4
- .#{$switch} {
5
- --#{$switch}__toggle-icon--Color: var(--#{$pf-global}--BackgroundColor--100);
6
- --#{$switch}__input--not-checked__label--Color: var(--#{$pf-global}--Color--100);
7
- --#{$switch}__input--disabled__toggle--before--BackgroundColor: var(--#{$pf-global}--disabled-color--100);
8
- --#{$switch}__toggle--before--BoxShadow: none;
9
- --#{$switch}__input--disabled__toggle-icon--Color: var(--#{$pf-global}--disabled-color--100);
10
- }
11
- }