@patternfly/patternfly 6.0.0-alpha.82 → 6.0.0-alpha.83

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 (48) hide show
  1. package/components/MenuToggle/menu-toggle.css +229 -265
  2. package/components/MenuToggle/menu-toggle.scss +330 -370
  3. package/components/TextInputGroup/text-input-group.css +0 -14
  4. package/components/TextInputGroup/text-input-group.scss +3 -16
  5. package/docs/components/Button/examples/Button.md +134 -134
  6. package/docs/components/CalendarMonth/examples/CalendarMonth.md +4 -4
  7. package/docs/components/Card/examples/Card.md +8 -8
  8. package/docs/components/DualListSelector/examples/DualListSelector.md +2 -2
  9. package/docs/components/Form/examples/Form.md +11 -11
  10. package/docs/components/Label/examples/Label.md +157 -157
  11. package/docs/components/MenuToggle/examples/MenuToggle.md +88 -51
  12. package/docs/components/Tabs/examples/Tabs.md +24 -24
  13. package/docs/components/Toolbar/examples/Toolbar.md +28 -28
  14. package/docs/demos/AboutModal/examples/AboutModal.md +2 -2
  15. package/docs/demos/Alert/examples/Alert.md +6 -6
  16. package/docs/demos/BackToTop/examples/BackToTop.md +2 -2
  17. package/docs/demos/Banner/examples/Banner.md +4 -4
  18. package/docs/demos/Button/examples/Button.md +1 -1
  19. package/docs/demos/CardView/examples/CardView.md +3 -3
  20. package/docs/demos/ContextSelector/examples/ContextSelector.md +7 -7
  21. package/docs/demos/Dashboard/examples/Dashboard.md +2 -2
  22. package/docs/demos/DataList/examples/DataList.md +13 -13
  23. package/docs/demos/DescriptionList/examples/DescriptionList.md +6 -6
  24. package/docs/demos/Drawer/examples/Drawer.md +10 -10
  25. package/docs/demos/Form/examples/BasicForms.md +12 -12
  26. package/docs/demos/JumpLinks/examples/JumpLinks.md +12 -12
  27. package/docs/demos/Masthead/examples/Masthead.md +9 -9
  28. package/docs/demos/Modal/examples/Modal.md +15 -15
  29. package/docs/demos/Nav/examples/Nav.md +12 -12
  30. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +10 -10
  31. package/docs/demos/Page/examples/Page.md +18 -18
  32. package/docs/demos/Page/examples/Penta.md +4 -4
  33. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +1 -1
  34. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +4 -4
  35. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +18 -18
  36. package/docs/demos/Skeleton/examples/Skeleton.md +2 -2
  37. package/docs/demos/Table/examples/Table.md +54 -54
  38. package/docs/demos/Tabs/examples/Tabs.md +12 -12
  39. package/docs/demos/Toolbar/examples/Toolbar.md +17 -17
  40. package/docs/demos/Wizard/examples/Wizard.md +18 -18
  41. package/package.json +1 -1
  42. package/patternfly-no-globals.css +229 -287
  43. package/patternfly-theme-dark-unversioned.css +229 -287
  44. package/patternfly.css +229 -287
  45. package/patternfly.min.css +1 -1
  46. package/patternfly.min.css.map +1 -1
  47. package/components/MenuToggle/themes/dark/menu-toggle.scss +0 -27
  48. package/components/TextInputGroup/themes/dark/text-input-group.scss +0 -11
package/components/TextInputGroup/text-input-group.css CHANGED
@@ -25,8 +25,6 @@
25
25
  --pf-v5-c-text-input-group__icon--Left: var(--pf-v5-global--spacer--sm);
26
26
  --pf-v5-c-text-input-group__icon--Color: var(--pf-v5-global--icon--Color--dark);
27
27
  --pf-v5-c-text-input-group__icon--TranslateY: -50%;
28
- --pf-v5-c-text-input-group__utilities--MarginRight: var(--pf-v5-global--spacer--sm);
29
- --pf-v5-c-text-input-group__utilities--MarginLeft: var(--pf-v5-global--spacer--xs);
30
28
  --pf-v5-c-text-input-group__utilities--child--MarginLeft: var(--pf-v5-global--spacer--xs);
31
29
  --pf-v5-c-text-input-group__utilities--c-button--PaddingRight: var(--pf-v5-global--spacer--xs);
32
30
  --pf-v5-c-text-input-group__utilities--c-button--PaddingLeft: var(--pf-v5-global--spacer--xs);
@@ -139,19 +137,7 @@
139
137
  .pf-v5-c-text-input-group__utilities > * + * {
140
138
  margin-inline-start: var(--pf-v5-c-text-input-group__utilities--child--MarginLeft);
141
139
  }
142
- .pf-v5-c-text-input-group__utilities .pf-v5-c-button {
143
- --pf-v5-c-button--PaddingRight: var(--pf-v5-c-text-input-group__utilities--c-button--PaddingRight);
144
- --pf-v5-c-button--PaddingLeft: var(--pf-v5-c-text-input-group__utilities--c-button--PaddingLeft);
145
- }
146
140
 
147
141
  .pf-v5-c-text-input-group__group {
148
142
  display: flex;
149
- }
150
-
151
- :where(.pf-v5-theme-dark) .pf-v5-c-text-input-group {
152
- --pf-v5-c-text-input-group--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
153
- --pf-v5-c-text-input-group--m-disabled--Color: var(--pf-v5-global--disabled-color--300);
154
- --pf-v5-c-text-input-group--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
155
- --pf-v5-c-text-input-group__text--before--BorderWidth: 0;
156
- --pf-v5-c-text-input-group__text--after--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
157
143
  }
package/components/TextInputGroup/text-input-group.scss CHANGED
@@ -41,8 +41,6 @@
41
41
  --#{$text-input-group}__icon--TranslateY: -50%;
42
42
 
43
43
  // Utilities
44
- --#{$text-input-group}__utilities--MarginRight: var(--#{$pf-global}--spacer--sm);
45
- --#{$text-input-group}__utilities--MarginLeft: var(--#{$pf-global}--spacer--xs);
46
44
  --#{$text-input-group}__utilities--child--MarginLeft: var(--#{$pf-global}--spacer--xs);
47
45
  --#{$text-input-group}__utilities--c-button--PaddingRight: var(--#{$pf-global}--spacer--xs);
48
46
  --#{$text-input-group}__utilities--c-button--PaddingLeft: var(--#{$pf-global}--spacer--xs);
@@ -135,8 +133,8 @@
135
133
 
136
134
  .#{$text-input-group}__icon {
137
135
  position: absolute;
138
- inset-block-start: 50%;
139
- inset-inline-start: var(--#{$text-input-group}__icon--Left);
136
+ inset-block-start: 50%;
137
+ inset-inline-start: var(--#{$text-input-group}__icon--Left);
140
138
  color: var(--#{$text-input-group}__icon--Color);
141
139
  transform: translateY(var(--#{$text-input-group}__icon--TranslateY));
142
140
  }
@@ -168,6 +166,7 @@
168
166
  }
169
167
  }
170
168
 
169
+ // TODO: update to use gap
171
170
  .#{$text-input-group}__utilities {
172
171
  display: flex;
173
172
  align-items: center;
@@ -177,21 +176,9 @@
177
176
  > * + * {
178
177
  margin-inline-start: var(--#{$text-input-group}__utilities--child--MarginLeft);
179
178
  }
180
-
181
- .#{$button} {
182
- --#{$button}--PaddingRight: var(--#{$text-input-group}__utilities--c-button--PaddingRight);
183
- --#{$button}--PaddingLeft: var(--#{$text-input-group}__utilities--c-button--PaddingLeft);
184
- }
185
179
  }
186
180
 
187
181
 
188
182
  .#{$text-input-group}__group {
189
183
  display: flex;
190
184
  }
191
-
192
- // stylelint-disable no-invalid-position-at-import-rule
193
- @import "themes/dark/text-input-group";
194
-
195
- @include pf-v5-theme-dark {
196
- @include pf-v5-theme-dark-text-input-group;
197
- }