@patternfly/patternfly 4.197.0 → 4.197.1

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/Card/card.css +8 -0
  2. package/components/Card/card.scss +7 -0
  3. package/components/Card/themes/dark/card.scss +13 -0
  4. package/package.json +1 -1
  5. package/patternfly-no-reset.css +38 -0
  6. package/patternfly.css +38 -0
  7. package/patternfly.min.css +1 -1
  8. package/patternfly.min.css.map +1 -1
package/components/Card/card.css CHANGED
@@ -312,4 +312,12 @@
312
312
 
313
313
  .pf-m-overpass-font .pf-c-card .pf-c-card__title {
314
314
  font-weight: var(--pf-global--FontWeight--normal);
315
+ }
316
+
317
+ :where(.pf-theme-dark) .pf-c-card {
318
+ --pf-c-card--BoxShadow: var(--pf-global--BoxShadow--md);
319
+ --pf-c-card--m-hoverable-raised--hover--BoxShadow: var(--pf-global--BoxShadow--lg);
320
+ --pf-c-card--m-selectable-raised--hover--BoxShadow: var(--pf-global--BoxShadow--lg);
321
+ --pf-c-card--m-selectable-raised--focus--BoxShadow: var(--pf-global--BoxShadow--lg);
322
+ --pf-c-card--m-selectable-raised--active--BoxShadow: var(--pf-global--BoxShadow--lg);
315
323
  }
package/components/Card/card.scss CHANGED
@@ -386,3 +386,10 @@
386
386
  font-weight: var(--pf-global--FontWeight--normal);
387
387
  }
388
388
  }
389
+
390
+ // stylelint-disable no-invalid-position-at-import-rule
391
+ @import "themes/dark/card";
392
+
393
+ @include pf-theme-dark {
394
+ @include pf-theme-dark-card;
395
+ }
package/components/Card/themes/dark/card.scss ADDED
@@ -0,0 +1,13 @@
1
+ @import "../../../../sass-utilities/themes/dark/all";
2
+
3
+ @mixin pf-theme-dark-card() {
4
+ .pf-c-card {
5
+ --pf-c-card--BoxShadow: var(--pf-global--BoxShadow--md);
6
+
7
+ // Hoverable/selectable raised
8
+ --pf-c-card--m-hoverable-raised--hover--BoxShadow: var(--pf-global--BoxShadow--lg);
9
+ --pf-c-card--m-selectable-raised--hover--BoxShadow: var(--pf-global--BoxShadow--lg);
10
+ --pf-c-card--m-selectable-raised--focus--BoxShadow: var(--pf-global--BoxShadow--lg);
11
+ --pf-c-card--m-selectable-raised--active--BoxShadow: var(--pf-global--BoxShadow--lg);
12
+ }
13
+ }
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": "4.197.0",
4
+ "version": "4.197.1",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-reset.css CHANGED
@@ -8403,6 +8403,44 @@ button.pf-c-breadcrumb__link {
8403
8403
  font-weight: var(--pf-global--FontWeight--normal);
8404
8404
  }
8405
8405
 
8406
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
8407
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
8408
+ :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
8409
+ :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner {
8410
+ --pf-global--Color--100: #e0e0e0;
8411
+ --pf-global--Color--200: #aaabac;
8412
+ --pf-global--BorderColor--100: #444548;
8413
+ --pf-global--primary-color--100: #1fa7f8;
8414
+ --pf-global--link--Color: #1fa7f8;
8415
+ --pf-global--link--Color--hover: #73bcf7;
8416
+ --pf-global--BackgroundColor--100: #1b1d21;
8417
+ }
8418
+ :where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
8419
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
8420
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
8421
+ :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button {
8422
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
8423
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
8424
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
8425
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
8426
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
8427
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
8428
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
8429
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
8430
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
8431
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
8432
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
8433
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
8434
+ }
8435
+
8436
+ :where(.pf-theme-dark) .pf-c-card {
8437
+ --pf-c-card--BoxShadow: var(--pf-global--BoxShadow--md);
8438
+ --pf-c-card--m-hoverable-raised--hover--BoxShadow: var(--pf-global--BoxShadow--lg);
8439
+ --pf-c-card--m-selectable-raised--hover--BoxShadow: var(--pf-global--BoxShadow--lg);
8440
+ --pf-c-card--m-selectable-raised--focus--BoxShadow: var(--pf-global--BoxShadow--lg);
8441
+ --pf-c-card--m-selectable-raised--active--BoxShadow: var(--pf-global--BoxShadow--lg);
8442
+ }
8443
+
8406
8444
  .pf-c-check {
8407
8445
  --pf-c-check--GridGap: var(--pf-global--spacer--xs) var(--pf-global--spacer--sm);
8408
8446
  --pf-c-check__label--disabled--Color: var(--pf-global--disabled-color--100);
package/patternfly.css CHANGED
@@ -8530,6 +8530,44 @@ button.pf-c-breadcrumb__link {
8530
8530
  font-weight: var(--pf-global--FontWeight--normal);
8531
8531
  }
8532
8532
 
8533
+ :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
8534
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
8535
+ :where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
8536
+ :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner {
8537
+ --pf-global--Color--100: #e0e0e0;
8538
+ --pf-global--Color--200: #aaabac;
8539
+ --pf-global--BorderColor--100: #444548;
8540
+ --pf-global--primary-color--100: #1fa7f8;
8541
+ --pf-global--link--Color: #1fa7f8;
8542
+ --pf-global--link--Color--hover: #73bcf7;
8543
+ --pf-global--BackgroundColor--100: #1b1d21;
8544
+ }
8545
+ :where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
8546
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
8547
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
8548
+ :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button {
8549
+ --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
8550
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
8551
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
8552
+ --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
8553
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
8554
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
8555
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
8556
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
8557
+ --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
8558
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
8559
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
8560
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
8561
+ }
8562
+
8563
+ :where(.pf-theme-dark) .pf-c-card {
8564
+ --pf-c-card--BoxShadow: var(--pf-global--BoxShadow--md);
8565
+ --pf-c-card--m-hoverable-raised--hover--BoxShadow: var(--pf-global--BoxShadow--lg);
8566
+ --pf-c-card--m-selectable-raised--hover--BoxShadow: var(--pf-global--BoxShadow--lg);
8567
+ --pf-c-card--m-selectable-raised--focus--BoxShadow: var(--pf-global--BoxShadow--lg);
8568
+ --pf-c-card--m-selectable-raised--active--BoxShadow: var(--pf-global--BoxShadow--lg);
8569
+ }
8570
+
8533
8571
  .pf-c-check {
8534
8572
  --pf-c-check--GridGap: var(--pf-global--spacer--xs) var(--pf-global--spacer--sm);
8535
8573
  --pf-c-check__label--disabled--Color: var(--pf-global--disabled-color--100);