@patternfly/patternfly 5.1.0-prerelease.6 → 5.1.0-prerelease.7

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 (8) hide show
  1. package/components/Chip/chip.css +4 -0
  2. package/components/Chip/chip.scss +5 -0
  3. package/package.json +1 -1
  4. package/patternfly-no-globals.css +4 -0
  5. package/patternfly-theme-dark-unversioned.css +4 -0
  6. package/patternfly.css +4 -0
  7. package/patternfly.min.css +1 -1
  8. package/patternfly.min.css.map +1 -1
package/components/Chip/chip.css CHANGED
@@ -28,6 +28,7 @@
28
28
  --pf-v5-c-chip__content--ColumnGap: var(--pf-v5-global--spacer--xs);
29
29
  --pf-v5-c-chip__text--Color: var(--pf-v5-global--Color--100);
30
30
  --pf-v5-c-chip__text--MaxWidth: 16ch;
31
+ --pf-v5-c-chip__c-badge--MarginLeft: var(--pf-v5-global--spacer--xs);
31
32
  --pf-v5-c-chip__actions--FontSize: var(--pf-v5-global--FontSize--xs);
32
33
  --pf-v5-c-chip__actions--c-button--PaddingTop: var(--pf-v5-global--spacer--xs);
33
34
  --pf-v5-c-chip__actions--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
@@ -80,6 +81,9 @@
80
81
  max-width: var(--pf-v5-c-chip__text--MaxWidth);
81
82
  color: var(--pf-v5-c-chip__text--Color);
82
83
  }
84
+ .pf-v5-c-chip__text .pf-v5-c-badge {
85
+ margin-left: var(--pf-v5-c-chip__c-badge--MarginLeft);
86
+ }
83
87
 
84
88
  .pf-v5-c-chip__icon + .pf-v5-c-chip__text,
85
89
  .pf-v5-c-chip__text + .pf-v5-c-chip__icon {
package/components/Chip/chip.scss CHANGED
@@ -26,6 +26,7 @@
26
26
  // chip text
27
27
  --#{$chip}__text--Color: var(--#{$pf-global}--Color--100);
28
28
  --#{$chip}__text--MaxWidth: 16ch;
29
+ --#{$chip}__c-badge--MarginLeft: var(--#{$pf-global}--spacer--xs);
29
30
 
30
31
  // chip actions
31
32
  --#{$chip}__actions--FontSize: var(--#{$pf-global}--FontSize--xs);
@@ -92,6 +93,10 @@
92
93
  position: relative;
93
94
  max-width: var(--#{$chip}__text--MaxWidth);
94
95
  color: var(--#{$chip}__text--Color);
96
+
97
+ .#{$badge} {
98
+ margin-left: var(--#{$chip}__c-badge--MarginLeft); // remove in breaking change
99
+ }
95
100
  }
96
101
 
97
102
  .#{$chip}__icon + .#{$chip}__text,
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "5.1.0-prerelease.6",
4
+ "version": "5.1.0-prerelease.7",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-globals.css CHANGED
@@ -8191,6 +8191,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
8191
8191
  --pf-v5-c-chip__content--ColumnGap: var(--pf-v5-global--spacer--xs);
8192
8192
  --pf-v5-c-chip__text--Color: var(--pf-v5-global--Color--100);
8193
8193
  --pf-v5-c-chip__text--MaxWidth: 16ch;
8194
+ --pf-v5-c-chip__c-badge--MarginLeft: var(--pf-v5-global--spacer--xs);
8194
8195
  --pf-v5-c-chip__actions--FontSize: var(--pf-v5-global--FontSize--xs);
8195
8196
  --pf-v5-c-chip__actions--c-button--PaddingTop: var(--pf-v5-global--spacer--xs);
8196
8197
  --pf-v5-c-chip__actions--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
@@ -8243,6 +8244,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
8243
8244
  max-width: var(--pf-v5-c-chip__text--MaxWidth);
8244
8245
  color: var(--pf-v5-c-chip__text--Color);
8245
8246
  }
8247
+ .pf-v5-c-chip__text .pf-v5-c-badge {
8248
+ margin-left: var(--pf-v5-c-chip__c-badge--MarginLeft);
8249
+ }
8246
8250
 
8247
8251
  .pf-v5-c-chip__icon + .pf-v5-c-chip__text,
8248
8252
  .pf-v5-c-chip__text + .pf-v5-c-chip__icon {
package/patternfly-theme-dark-unversioned.css CHANGED
@@ -8308,6 +8308,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
8308
8308
  --pf-v5-c-chip__content--ColumnGap: var(--pf-v5-global--spacer--xs);
8309
8309
  --pf-v5-c-chip__text--Color: var(--pf-v5-global--Color--100);
8310
8310
  --pf-v5-c-chip__text--MaxWidth: 16ch;
8311
+ --pf-v5-c-chip__c-badge--MarginLeft: var(--pf-v5-global--spacer--xs);
8311
8312
  --pf-v5-c-chip__actions--FontSize: var(--pf-v5-global--FontSize--xs);
8312
8313
  --pf-v5-c-chip__actions--c-button--PaddingTop: var(--pf-v5-global--spacer--xs);
8313
8314
  --pf-v5-c-chip__actions--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
@@ -8360,6 +8361,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
8360
8361
  max-width: var(--pf-v5-c-chip__text--MaxWidth);
8361
8362
  color: var(--pf-v5-c-chip__text--Color);
8362
8363
  }
8364
+ .pf-v5-c-chip__text .pf-v5-c-badge {
8365
+ margin-left: var(--pf-v5-c-chip__c-badge--MarginLeft);
8366
+ }
8363
8367
 
8364
8368
  .pf-v5-c-chip__icon + .pf-v5-c-chip__text,
8365
8369
  .pf-v5-c-chip__text + .pf-v5-c-chip__icon {
package/patternfly.css CHANGED
@@ -8308,6 +8308,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
8308
8308
  --pf-v5-c-chip__content--ColumnGap: var(--pf-v5-global--spacer--xs);
8309
8309
  --pf-v5-c-chip__text--Color: var(--pf-v5-global--Color--100);
8310
8310
  --pf-v5-c-chip__text--MaxWidth: 16ch;
8311
+ --pf-v5-c-chip__c-badge--MarginLeft: var(--pf-v5-global--spacer--xs);
8311
8312
  --pf-v5-c-chip__actions--FontSize: var(--pf-v5-global--FontSize--xs);
8312
8313
  --pf-v5-c-chip__actions--c-button--PaddingTop: var(--pf-v5-global--spacer--xs);
8313
8314
  --pf-v5-c-chip__actions--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
@@ -8360,6 +8361,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
8360
8361
  max-width: var(--pf-v5-c-chip__text--MaxWidth);
8361
8362
  color: var(--pf-v5-c-chip__text--Color);
8362
8363
  }
8364
+ .pf-v5-c-chip__text .pf-v5-c-badge {
8365
+ margin-left: var(--pf-v5-c-chip__c-badge--MarginLeft);
8366
+ }
8363
8367
 
8364
8368
  .pf-v5-c-chip__icon + .pf-v5-c-chip__text,
8365
8369
  .pf-v5-c-chip__text + .pf-v5-c-chip__icon {