@patternfly/patternfly 6.0.0-alpha.50 → 6.0.0-alpha.51

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/Timestamp/timestamp.css +12 -9
  2. package/components/Timestamp/timestamp.scss +11 -10
  3. package/package.json +1 -1
  4. package/patternfly-no-globals.css +12 -9
  5. package/patternfly-theme-dark-unversioned.css +12 -9
  6. package/patternfly.css +12 -9
  7. package/patternfly.min.css +1 -1
  8. package/patternfly.min.css.map +1 -1
package/components/Timestamp/timestamp.css CHANGED
@@ -1,16 +1,19 @@
1
- .pf-v5-c-timestamp {
2
- --pf-v5-c-timestamp--FontSize: var(--pf-v5-global--FontSize--sm);
3
- --pf-v5-c-timestamp--Color: var(--pf-v5-global--Color--200);
1
+ :root, .pf-v5-c-timestamp {
2
+ --pf-v5-c-timestamp--FontSize: var(--pf-t--global--font--size--body--sm);
3
+ --pf-v5-c-timestamp--Color: var(--pf-t--global--text--color--subtle);
4
4
  --pf-v5-c-timestamp--OutlineOffset: 0.1875rem;
5
5
  --pf-v5-c-timestamp--m-help-text--TextDecorationLine: underline;
6
6
  --pf-v5-c-timestamp--m-help-text--TextDecorationStyle: dashed;
7
- --pf-v5-c-timestamp--m-help-text--TextDecorationThickness: var(--pf-v5-global--BorderWidth--sm);
7
+ --pf-v5-c-timestamp--m-help-text--TextDecorationThickness: var(--pf-t--global--border--width--regular);
8
8
  --pf-v5-c-timestamp--m-help-text--TextUnderlineOffset: 0.25rem;
9
- --pf-v5-c-timestamp--m-help-text--TextDecorationColor: var(--pf-v5-global--BorderColor--200);
10
- --pf-v5-c-timestamp--m-help-text--hover--Color: var(--pf-v5-global--Color--100);
11
- --pf-v5-c-timestamp--m-help-text--focus--Color: var(--pf-v5-global--Color--100);
12
- --pf-v5-c-timestamp--m-help-text--hover--TextDecorationColor: var(--pf-v5-global--Color--100);
13
- --pf-v5-c-timestamp--m-help-text--focus--TextDecorationColor: var(--pf-v5-global--Color--100);
9
+ --pf-v5-c-timestamp--m-help-text--TextDecorationColor: var(--pf-t--global--border--color--default);
10
+ --pf-v5-c-timestamp--m-help-text--hover--Color: var(--pf-t--global--text--color--regular);
11
+ --pf-v5-c-timestamp--m-help-text--focus--Color: var(--pf-t--global--text--color--regular);
12
+ --pf-v5-c-timestamp--m-help-text--hover--TextDecorationColor: var(--pf-t--global--text--color--regular);
13
+ --pf-v5-c-timestamp--m-help-text--focus--TextDecorationColor: var(--pf-t--global--text--color--regular);
14
+ }
15
+
16
+ .pf-v5-c-timestamp {
14
17
  display: inline-block;
15
18
  font-size: var(--pf-v5-c-timestamp--FontSize);
16
19
  color: var(--pf-v5-c-timestamp--Color);
package/components/Timestamp/timestamp.scss CHANGED
@@ -1,21 +1,22 @@
1
1
  // @debug $timestamp; // check your variable names located in src/patternfly/sass-utilities/component-namespaces.scss
2
-
3
- .#{$timestamp} {
4
- --#{$timestamp}--FontSize: var(--#{$pf-global}--FontSize--sm);
5
- --#{$timestamp}--Color: var(--#{$pf-global}--Color--200);
2
+ :root, .#{$timestamp} {
3
+ --#{$timestamp}--FontSize: var(--pf-t--global--font--size--body--sm);
4
+ --#{$timestamp}--Color: var(--pf-t--global--text--color--subtle);
6
5
  --#{$timestamp}--OutlineOffset: #{pf-size-prem(3px)};
7
6
 
8
7
  // Help text variables for the timestamp
9
8
  --#{$timestamp}--m-help-text--TextDecorationLine: underline;
10
9
  --#{$timestamp}--m-help-text--TextDecorationStyle: dashed;
11
- --#{$timestamp}--m-help-text--TextDecorationThickness: var(--#{$pf-global}--BorderWidth--sm);
10
+ --#{$timestamp}--m-help-text--TextDecorationThickness: var(--pf-t--global--border--width--regular);
12
11
  --#{$timestamp}--m-help-text--TextUnderlineOffset: #{pf-size-prem(4px)};
13
- --#{$timestamp}--m-help-text--TextDecorationColor: var(--#{$pf-global}--BorderColor--200);
14
- --#{$timestamp}--m-help-text--hover--Color: var(--#{$pf-global}--Color--100);
15
- --#{$timestamp}--m-help-text--focus--Color: var(--#{$pf-global}--Color--100);
16
- --#{$timestamp}--m-help-text--hover--TextDecorationColor: var(--#{$pf-global}--Color--100);
17
- --#{$timestamp}--m-help-text--focus--TextDecorationColor: var(--#{$pf-global}--Color--100);
12
+ --#{$timestamp}--m-help-text--TextDecorationColor: var(--pf-t--global--border--color--default);
13
+ --#{$timestamp}--m-help-text--hover--Color: var(--pf-t--global--text--color--regular);
14
+ --#{$timestamp}--m-help-text--focus--Color: var(--pf-t--global--text--color--regular);
15
+ --#{$timestamp}--m-help-text--hover--TextDecorationColor: var(--pf-t--global--text--color--regular);
16
+ --#{$timestamp}--m-help-text--focus--TextDecorationColor: var(--pf-t--global--text--color--regular);
17
+ }
18
18
 
19
+ .#{$timestamp} {
19
20
  display: inline-block;
20
21
  font-size: var(--#{$timestamp}--FontSize);
21
22
  color: var(--#{$timestamp}--Color);
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": "6.0.0-alpha.50",
4
+ "version": "6.0.0-alpha.51",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-globals.css CHANGED
@@ -29342,19 +29342,22 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29342
29342
  --pf-v5-c-tile--m-disabled__body--Color: var(--pf-v5-global--disabled-color--300);
29343
29343
  }
29344
29344
 
29345
- .pf-v5-c-timestamp {
29346
- --pf-v5-c-timestamp--FontSize: var(--pf-v5-global--FontSize--sm);
29347
- --pf-v5-c-timestamp--Color: var(--pf-v5-global--Color--200);
29345
+ :root, .pf-v5-c-timestamp {
29346
+ --pf-v5-c-timestamp--FontSize: var(--pf-t--global--font--size--body--sm);
29347
+ --pf-v5-c-timestamp--Color: var(--pf-t--global--text--color--subtle);
29348
29348
  --pf-v5-c-timestamp--OutlineOffset: 0.1875rem;
29349
29349
  --pf-v5-c-timestamp--m-help-text--TextDecorationLine: underline;
29350
29350
  --pf-v5-c-timestamp--m-help-text--TextDecorationStyle: dashed;
29351
- --pf-v5-c-timestamp--m-help-text--TextDecorationThickness: var(--pf-v5-global--BorderWidth--sm);
29351
+ --pf-v5-c-timestamp--m-help-text--TextDecorationThickness: var(--pf-t--global--border--width--regular);
29352
29352
  --pf-v5-c-timestamp--m-help-text--TextUnderlineOffset: 0.25rem;
29353
- --pf-v5-c-timestamp--m-help-text--TextDecorationColor: var(--pf-v5-global--BorderColor--200);
29354
- --pf-v5-c-timestamp--m-help-text--hover--Color: var(--pf-v5-global--Color--100);
29355
- --pf-v5-c-timestamp--m-help-text--focus--Color: var(--pf-v5-global--Color--100);
29356
- --pf-v5-c-timestamp--m-help-text--hover--TextDecorationColor: var(--pf-v5-global--Color--100);
29357
- --pf-v5-c-timestamp--m-help-text--focus--TextDecorationColor: var(--pf-v5-global--Color--100);
29353
+ --pf-v5-c-timestamp--m-help-text--TextDecorationColor: var(--pf-t--global--border--color--default);
29354
+ --pf-v5-c-timestamp--m-help-text--hover--Color: var(--pf-t--global--text--color--regular);
29355
+ --pf-v5-c-timestamp--m-help-text--focus--Color: var(--pf-t--global--text--color--regular);
29356
+ --pf-v5-c-timestamp--m-help-text--hover--TextDecorationColor: var(--pf-t--global--text--color--regular);
29357
+ --pf-v5-c-timestamp--m-help-text--focus--TextDecorationColor: var(--pf-t--global--text--color--regular);
29358
+ }
29359
+
29360
+ .pf-v5-c-timestamp {
29358
29361
  display: inline-block;
29359
29362
  font-size: var(--pf-v5-c-timestamp--FontSize);
29360
29363
  color: var(--pf-v5-c-timestamp--Color);
package/patternfly-theme-dark-unversioned.css CHANGED
@@ -29459,19 +29459,22 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29459
29459
  --pf-v5-c-tile--m-disabled__body--Color: var(--pf-v5-global--disabled-color--300);
29460
29460
  }
29461
29461
 
29462
- .pf-v5-c-timestamp {
29463
- --pf-v5-c-timestamp--FontSize: var(--pf-v5-global--FontSize--sm);
29464
- --pf-v5-c-timestamp--Color: var(--pf-v5-global--Color--200);
29462
+ :root, .pf-v5-c-timestamp {
29463
+ --pf-v5-c-timestamp--FontSize: var(--pf-t--global--font--size--body--sm);
29464
+ --pf-v5-c-timestamp--Color: var(--pf-t--global--text--color--subtle);
29465
29465
  --pf-v5-c-timestamp--OutlineOffset: 0.1875rem;
29466
29466
  --pf-v5-c-timestamp--m-help-text--TextDecorationLine: underline;
29467
29467
  --pf-v5-c-timestamp--m-help-text--TextDecorationStyle: dashed;
29468
- --pf-v5-c-timestamp--m-help-text--TextDecorationThickness: var(--pf-v5-global--BorderWidth--sm);
29468
+ --pf-v5-c-timestamp--m-help-text--TextDecorationThickness: var(--pf-t--global--border--width--regular);
29469
29469
  --pf-v5-c-timestamp--m-help-text--TextUnderlineOffset: 0.25rem;
29470
- --pf-v5-c-timestamp--m-help-text--TextDecorationColor: var(--pf-v5-global--BorderColor--200);
29471
- --pf-v5-c-timestamp--m-help-text--hover--Color: var(--pf-v5-global--Color--100);
29472
- --pf-v5-c-timestamp--m-help-text--focus--Color: var(--pf-v5-global--Color--100);
29473
- --pf-v5-c-timestamp--m-help-text--hover--TextDecorationColor: var(--pf-v5-global--Color--100);
29474
- --pf-v5-c-timestamp--m-help-text--focus--TextDecorationColor: var(--pf-v5-global--Color--100);
29470
+ --pf-v5-c-timestamp--m-help-text--TextDecorationColor: var(--pf-t--global--border--color--default);
29471
+ --pf-v5-c-timestamp--m-help-text--hover--Color: var(--pf-t--global--text--color--regular);
29472
+ --pf-v5-c-timestamp--m-help-text--focus--Color: var(--pf-t--global--text--color--regular);
29473
+ --pf-v5-c-timestamp--m-help-text--hover--TextDecorationColor: var(--pf-t--global--text--color--regular);
29474
+ --pf-v5-c-timestamp--m-help-text--focus--TextDecorationColor: var(--pf-t--global--text--color--regular);
29475
+ }
29476
+
29477
+ .pf-v5-c-timestamp {
29475
29478
  display: inline-block;
29476
29479
  font-size: var(--pf-v5-c-timestamp--FontSize);
29477
29480
  color: var(--pf-v5-c-timestamp--Color);
package/patternfly.css CHANGED
@@ -29459,19 +29459,22 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29459
29459
  --pf-v5-c-tile--m-disabled__body--Color: var(--pf-v5-global--disabled-color--300);
29460
29460
  }
29461
29461
 
29462
- .pf-v5-c-timestamp {
29463
- --pf-v5-c-timestamp--FontSize: var(--pf-v5-global--FontSize--sm);
29464
- --pf-v5-c-timestamp--Color: var(--pf-v5-global--Color--200);
29462
+ :root, .pf-v5-c-timestamp {
29463
+ --pf-v5-c-timestamp--FontSize: var(--pf-t--global--font--size--body--sm);
29464
+ --pf-v5-c-timestamp--Color: var(--pf-t--global--text--color--subtle);
29465
29465
  --pf-v5-c-timestamp--OutlineOffset: 0.1875rem;
29466
29466
  --pf-v5-c-timestamp--m-help-text--TextDecorationLine: underline;
29467
29467
  --pf-v5-c-timestamp--m-help-text--TextDecorationStyle: dashed;
29468
- --pf-v5-c-timestamp--m-help-text--TextDecorationThickness: var(--pf-v5-global--BorderWidth--sm);
29468
+ --pf-v5-c-timestamp--m-help-text--TextDecorationThickness: var(--pf-t--global--border--width--regular);
29469
29469
  --pf-v5-c-timestamp--m-help-text--TextUnderlineOffset: 0.25rem;
29470
- --pf-v5-c-timestamp--m-help-text--TextDecorationColor: var(--pf-v5-global--BorderColor--200);
29471
- --pf-v5-c-timestamp--m-help-text--hover--Color: var(--pf-v5-global--Color--100);
29472
- --pf-v5-c-timestamp--m-help-text--focus--Color: var(--pf-v5-global--Color--100);
29473
- --pf-v5-c-timestamp--m-help-text--hover--TextDecorationColor: var(--pf-v5-global--Color--100);
29474
- --pf-v5-c-timestamp--m-help-text--focus--TextDecorationColor: var(--pf-v5-global--Color--100);
29470
+ --pf-v5-c-timestamp--m-help-text--TextDecorationColor: var(--pf-t--global--border--color--default);
29471
+ --pf-v5-c-timestamp--m-help-text--hover--Color: var(--pf-t--global--text--color--regular);
29472
+ --pf-v5-c-timestamp--m-help-text--focus--Color: var(--pf-t--global--text--color--regular);
29473
+ --pf-v5-c-timestamp--m-help-text--hover--TextDecorationColor: var(--pf-t--global--text--color--regular);
29474
+ --pf-v5-c-timestamp--m-help-text--focus--TextDecorationColor: var(--pf-t--global--text--color--regular);
29475
+ }
29476
+
29477
+ .pf-v5-c-timestamp {
29475
29478
  display: inline-block;
29476
29479
  font-size: var(--pf-v5-c-timestamp--FontSize);
29477
29480
  color: var(--pf-v5-c-timestamp--Color);