@patternfly/patternfly 5.0.0-prerelease.1 → 5.0.0-prerelease.2

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 (9) hide show
  1. package/components/CalendarMonth/calendar-month.css +3 -0
  2. package/components/CalendarMonth/calendar-month.scss +2 -0
  3. package/components/CalendarMonth/themes/dark/calendar-month.scss +4 -0
  4. package/package.json +1 -1
  5. package/patternfly-no-globals.css +3 -0
  6. package/patternfly-theme-dark-unversioned.css +3 -0
  7. package/patternfly.css +3 -0
  8. package/patternfly.min.css +1 -1
  9. package/patternfly.min.css.map +1 -1
package/components/CalendarMonth/calendar-month.css CHANGED
@@ -9,6 +9,7 @@
9
9
  }
10
10
 
11
11
  .pf-v5-c-calendar-month {
12
+ --pf-v5-c-calendar-month--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
12
13
  --pf-v5-c-calendar-month--PaddingTop: var(--pf-v5-global--spacer--lg);
13
14
  --pf-v5-c-calendar-month--PaddingRight: var(--pf-v5-global--spacer--lg);
14
15
  --pf-v5-c-calendar-month--PaddingBottom: var(--pf-v5-global--spacer--md);
@@ -66,6 +67,7 @@
66
67
  flex-direction: column;
67
68
  padding: var(--pf-v5-c-calendar-month--PaddingTop) var(--pf-v5-c-calendar-month--PaddingRight) var(--pf-v5-c-calendar-month--PaddingBottom) var(--pf-v5-c-calendar-month--PaddingLeft);
68
69
  font-size: var(--pf-v5-c-calendar-month--FontSize);
70
+ background-color: var(--pf-v5-c-calendar-month--BackgroundColor);
69
71
  }
70
72
 
71
73
  .pf-v5-c-calendar-month__header {
@@ -197,6 +199,7 @@
197
199
  }
198
200
 
199
201
  :where(.pf-v5-theme-dark) .pf-v5-c-calendar-month {
202
+ --pf-v5-c-calendar-month--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
200
203
  --pf-v5-c-calendar-month__dates-cell--m-current__date--BackgroundColor: var(--pf-v5-global--palette--black-500);
201
204
  --pf-v5-c-calendar-month__dates-cell--m-selected__date--BackgroundColor: var(--pf-v5-global--primary-color--300);
202
205
  --pf-v5-c-calendar-month__dates-cell--m-selected__date--Color: var(--pf-v5-global--primary-color--400);
package/components/CalendarMonth/calendar-month.scss CHANGED
@@ -1,4 +1,5 @@
1
1
  .#{$calendar-month} {
2
+ --#{$calendar-month}--BackgroundColor: var(--#{$pf-global}--BackgroundColor--100);
2
3
  --#{$calendar-month}--PaddingTop: var(--#{$pf-global}--spacer--lg);
3
4
  --#{$calendar-month}--PaddingRight: var(--#{$pf-global}--spacer--lg);
4
5
  --#{$calendar-month}--PaddingBottom: var(--#{$pf-global}--spacer--md);
@@ -68,6 +69,7 @@
68
69
  flex-direction: column;
69
70
  padding: var(--#{$calendar-month}--PaddingTop) var(--#{$calendar-month}--PaddingRight) var(--#{$calendar-month}--PaddingBottom) var(--#{$calendar-month}--PaddingLeft);
70
71
  font-size: var(--#{$calendar-month}--FontSize);
72
+ background-color: var(--#{$calendar-month}--BackgroundColor);
71
73
  }
72
74
 
73
75
  .#{$calendar-month}__header {
package/components/CalendarMonth/themes/dark/calendar-month.scss CHANGED
@@ -2,6 +2,10 @@
2
2
 
3
3
  @mixin pf-v5-theme-dark-calendar-month() {
4
4
  .#{$calendar-month} {
5
+ // calendar month background
6
+ --#{$calendar-month}--BackgroundColor: var(--#{$pf-global}--BackgroundColor--300);
7
+
8
+ // dates
5
9
  --#{$calendar-month}__dates-cell--m-current__date--BackgroundColor: var(--#{$pf-global}--palette--black-500);
6
10
  --#{$calendar-month}__dates-cell--m-selected__date--BackgroundColor: var(--#{$pf-global}--primary-color--300);
7
11
  --#{$calendar-month}__dates-cell--m-selected__date--Color: var(--#{$pf-global}--primary-color--400);
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.0.0-prerelease.1",
4
+ "version": "5.0.0-prerelease.2",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-globals.css CHANGED
@@ -7503,6 +7503,7 @@ button.pf-v5-c-breadcrumb__link {
7503
7503
  }
7504
7504
 
7505
7505
  .pf-v5-c-calendar-month {
7506
+ --pf-v5-c-calendar-month--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
7506
7507
  --pf-v5-c-calendar-month--PaddingTop: var(--pf-v5-global--spacer--lg);
7507
7508
  --pf-v5-c-calendar-month--PaddingRight: var(--pf-v5-global--spacer--lg);
7508
7509
  --pf-v5-c-calendar-month--PaddingBottom: var(--pf-v5-global--spacer--md);
@@ -7560,6 +7561,7 @@ button.pf-v5-c-breadcrumb__link {
7560
7561
  flex-direction: column;
7561
7562
  padding: var(--pf-v5-c-calendar-month--PaddingTop) var(--pf-v5-c-calendar-month--PaddingRight) var(--pf-v5-c-calendar-month--PaddingBottom) var(--pf-v5-c-calendar-month--PaddingLeft);
7562
7563
  font-size: var(--pf-v5-c-calendar-month--FontSize);
7564
+ background-color: var(--pf-v5-c-calendar-month--BackgroundColor);
7563
7565
  }
7564
7566
 
7565
7567
  .pf-v5-c-calendar-month__header {
@@ -7704,6 +7706,7 @@ button.pf-v5-c-breadcrumb__link {
7704
7706
  }
7705
7707
 
7706
7708
  :where(.pf-v5-theme-dark) .pf-v5-c-calendar-month {
7709
+ --pf-v5-c-calendar-month--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
7707
7710
  --pf-v5-c-calendar-month__dates-cell--m-current__date--BackgroundColor: var(--pf-v5-global--palette--black-500);
7708
7711
  --pf-v5-c-calendar-month__dates-cell--m-selected__date--BackgroundColor: var(--pf-v5-global--primary-color--300);
7709
7712
  --pf-v5-c-calendar-month__dates-cell--m-selected__date--Color: var(--pf-v5-global--primary-color--400);
package/patternfly-theme-dark-unversioned.css CHANGED
@@ -7620,6 +7620,7 @@ button.pf-v5-c-breadcrumb__link {
7620
7620
  }
7621
7621
 
7622
7622
  .pf-v5-c-calendar-month {
7623
+ --pf-v5-c-calendar-month--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
7623
7624
  --pf-v5-c-calendar-month--PaddingTop: var(--pf-v5-global--spacer--lg);
7624
7625
  --pf-v5-c-calendar-month--PaddingRight: var(--pf-v5-global--spacer--lg);
7625
7626
  --pf-v5-c-calendar-month--PaddingBottom: var(--pf-v5-global--spacer--md);
@@ -7677,6 +7678,7 @@ button.pf-v5-c-breadcrumb__link {
7677
7678
  flex-direction: column;
7678
7679
  padding: var(--pf-v5-c-calendar-month--PaddingTop) var(--pf-v5-c-calendar-month--PaddingRight) var(--pf-v5-c-calendar-month--PaddingBottom) var(--pf-v5-c-calendar-month--PaddingLeft);
7679
7680
  font-size: var(--pf-v5-c-calendar-month--FontSize);
7681
+ background-color: var(--pf-v5-c-calendar-month--BackgroundColor);
7680
7682
  }
7681
7683
 
7682
7684
  .pf-v5-c-calendar-month__header {
@@ -7821,6 +7823,7 @@ button.pf-v5-c-breadcrumb__link {
7821
7823
  }
7822
7824
 
7823
7825
  :where(.pf-theme-dark) .pf-v5-c-calendar-month {
7826
+ --pf-v5-c-calendar-month--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
7824
7827
  --pf-v5-c-calendar-month__dates-cell--m-current__date--BackgroundColor: var(--pf-v5-global--palette--black-500);
7825
7828
  --pf-v5-c-calendar-month__dates-cell--m-selected__date--BackgroundColor: var(--pf-v5-global--primary-color--300);
7826
7829
  --pf-v5-c-calendar-month__dates-cell--m-selected__date--Color: var(--pf-v5-global--primary-color--400);
package/patternfly.css CHANGED
@@ -7620,6 +7620,7 @@ button.pf-v5-c-breadcrumb__link {
7620
7620
  }
7621
7621
 
7622
7622
  .pf-v5-c-calendar-month {
7623
+ --pf-v5-c-calendar-month--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
7623
7624
  --pf-v5-c-calendar-month--PaddingTop: var(--pf-v5-global--spacer--lg);
7624
7625
  --pf-v5-c-calendar-month--PaddingRight: var(--pf-v5-global--spacer--lg);
7625
7626
  --pf-v5-c-calendar-month--PaddingBottom: var(--pf-v5-global--spacer--md);
@@ -7677,6 +7678,7 @@ button.pf-v5-c-breadcrumb__link {
7677
7678
  flex-direction: column;
7678
7679
  padding: var(--pf-v5-c-calendar-month--PaddingTop) var(--pf-v5-c-calendar-month--PaddingRight) var(--pf-v5-c-calendar-month--PaddingBottom) var(--pf-v5-c-calendar-month--PaddingLeft);
7679
7680
  font-size: var(--pf-v5-c-calendar-month--FontSize);
7681
+ background-color: var(--pf-v5-c-calendar-month--BackgroundColor);
7680
7682
  }
7681
7683
 
7682
7684
  .pf-v5-c-calendar-month__header {
@@ -7821,6 +7823,7 @@ button.pf-v5-c-breadcrumb__link {
7821
7823
  }
7822
7824
 
7823
7825
  :where(.pf-v5-theme-dark) .pf-v5-c-calendar-month {
7826
+ --pf-v5-c-calendar-month--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
7824
7827
  --pf-v5-c-calendar-month__dates-cell--m-current__date--BackgroundColor: var(--pf-v5-global--palette--black-500);
7825
7828
  --pf-v5-c-calendar-month__dates-cell--m-selected__date--BackgroundColor: var(--pf-v5-global--primary-color--300);
7826
7829
  --pf-v5-c-calendar-month__dates-cell--m-selected__date--Color: var(--pf-v5-global--primary-color--400);