@patternfly/patternfly 6.0.0-alpha.44 → 6.0.0-alpha.46

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 (31) hide show
  1. package/components/Check/check.css +17 -16
  2. package/components/Check/check.scss +17 -20
  3. package/components/Form/form.css +68 -87
  4. package/components/Form/form.scss +67 -98
  5. package/components/FormControl/form-control.css +86 -111
  6. package/components/FormControl/form-control.scss +88 -92
  7. package/components/NotificationDrawer/notification-drawer.css +104 -115
  8. package/components/NotificationDrawer/notification-drawer.scss +106 -116
  9. package/components/Panel/panel.css +27 -23
  10. package/components/Panel/panel.scss +29 -26
  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/docs/components/Form/examples/Form.md +23 -11
  16. package/docs/components/Panel/examples/Panel.md +12 -0
  17. package/docs/demos/Alert/examples/Alert.md +24 -0
  18. package/docs/demos/Form/examples/BasicForms.md +31 -10
  19. package/docs/demos/Modal/examples/Modal.md +3 -3
  20. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +1 -1
  21. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +4 -4
  22. package/package.json +1 -1
  23. package/patternfly-no-globals.css +319 -369
  24. package/patternfly-theme-dark-unversioned.css +319 -369
  25. package/patternfly.css +319 -369
  26. package/patternfly.min.css +1 -1
  27. package/patternfly.min.css.map +1 -1
  28. package/components/Form/themes/dark/form.scss +0 -7
  29. package/components/FormControl/themes/dark/form-control.scss +0 -24
  30. package/components/NotificationDrawer/themes/dark/notification-drawer.scss +0 -14
  31. package/components/Panel/themes/dark/panel.scss +0 -7
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/Panel/themes/dark/panel.scss DELETED
@@ -1,7 +0,0 @@
1
- @import "../../../../sass-utilities/themes/dark/all";
2
-
3
- @mixin pf-v5-theme-dark-panel() {
4
- .#{$panel} {
5
- --#{$panel}--m-raised--BackgroundColor: var(--#{$pf-global}--BackgroundColor--300);
6
- }
7
- }