@patternfly/patternfly 5.0.0-alpha.8 → 5.0.0-alpha.9

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 (10) hide show
  1. package/components/Popover/popover.css +1 -6
  2. package/components/Popover/themes/dark/popover.scss +1 -7
  3. package/components/Tooltip/themes/dark/tooltip.scss +3 -6
  4. package/components/Tooltip/tooltip.css +2 -5
  5. package/docs/components/CodeBlock/examples/CodeBlock.md +6 -6
  6. package/package.json +1 -1
  7. package/patternfly-no-reset.css +3 -11
  8. package/patternfly.css +3 -11
  9. package/patternfly.min.css +1 -1
  10. package/patternfly.min.css.map +1 -1
package/components/Popover/popover.css CHANGED
@@ -172,14 +172,9 @@
172
172
  }
173
173
 
174
174
  :where(.pf-theme-dark) .pf-c-popover {
175
- --pf-c-popover--BoxShadow: none;
176
- --pf-c-popover__arrow--BoxShadow: none;
175
+ --pf-c-popover__content--BackgroundColor: var(--pf-global--BackgroundColor--300);
177
176
  --pf-c-popover__arrow--BackgroundColor: var(--pf-c-popover__content--BackgroundColor);
178
177
  --pf-c-popover--m-default__title-text--Color: var(--pf-global--default-color--200);
179
178
  --pf-c-popover--m-info__title-text--Color: var(--pf-global--info-color--100);
180
179
  --pf-c-popover--m-success__title-text--Color: var(--pf-global--success-color--100);
181
- }
182
- :where(.pf-theme-dark) .pf-c-popover,
183
- :where(.pf-theme-dark) .pf-c-popover .pf-c-popover__arrow {
184
- border: 4px solid var(--pf-global--BorderColor--400);
185
180
  }
package/components/Popover/themes/dark/popover.scss CHANGED
@@ -2,16 +2,10 @@
2
2
 
3
3
  @mixin pf-theme-dark-popover() {
4
4
  .pf-c-popover {
5
- --pf-c-popover--BoxShadow: none;
6
- --pf-c-popover__arrow--BoxShadow: none;
5
+ --pf-c-popover__content--BackgroundColor: var(--pf-global--BackgroundColor--300);
7
6
  --pf-c-popover__arrow--BackgroundColor: var(--pf-c-popover__content--BackgroundColor);
8
7
  --pf-c-popover--m-default__title-text--Color: var(--pf-global--default-color--200);
9
8
  --pf-c-popover--m-info__title-text--Color: var(--pf-global--info-color--100);
10
9
  --pf-c-popover--m-success__title-text--Color: var(--pf-global--success-color--100);
11
-
12
- &,
13
- .pf-c-popover__arrow {
14
- border: 4px solid var(--pf-global--BorderColor--400);
15
- }
16
10
  }
17
11
  }
package/components/Tooltip/themes/dark/tooltip.scss CHANGED
@@ -2,17 +2,14 @@
2
2
 
3
3
  @mixin pf-theme-dark-tooltip() {
4
4
  .pf-c-tooltip {
5
- --pf-c-tooltip--BoxShadow: none;
6
5
  --pf-c-tooltip__content--BackgroundColor: var(--pf-global--BackgroundColor--300);
7
- }
8
-
9
- .pf-c-tooltip,
10
- .pf-c-tooltip__arrow {
11
- border: var(--pf-global--BorderWidth--lg) solid var(--pf-global--BorderColor--300);
6
+ --pf-c-tooltip__arrow--BoxShadow: var(--pf-global--BoxShadow--lg);
12
7
  }
13
8
 
14
9
  .pf-c-tooltip__arrow {
15
10
  --pf-c-tooltip__arrow--Width: #{pf-size-prem(15px)};
16
11
  --pf-c-tooltip__arrow--Height: #{pf-size-prem(15px)};
12
+
13
+ box-shadow: var(--pf-c-tooltip__arrow--BoxShadow);
17
14
  }
18
15
  }
package/components/Tooltip/tooltip.css CHANGED
@@ -83,14 +83,11 @@
83
83
  }
84
84
 
85
85
  :where(.pf-theme-dark) .pf-c-tooltip {
86
- --pf-c-tooltip--BoxShadow: none;
87
86
  --pf-c-tooltip__content--BackgroundColor: var(--pf-global--BackgroundColor--300);
88
- }
89
- :where(.pf-theme-dark) .pf-c-tooltip,
90
- :where(.pf-theme-dark) .pf-c-tooltip__arrow {
91
- border: var(--pf-global--BorderWidth--lg) solid var(--pf-global--BorderColor--300);
87
+ --pf-c-tooltip__arrow--BoxShadow: var(--pf-global--BoxShadow--lg);
92
88
  }
93
89
  :where(.pf-theme-dark) .pf-c-tooltip__arrow {
94
90
  --pf-c-tooltip__arrow--Width: 0.9375rem;
95
91
  --pf-c-tooltip__arrow--Height: 0.9375rem;
92
+ box-shadow: var(--pf-c-tooltip__arrow--BoxShadow);
96
93
  }
package/docs/components/CodeBlock/examples/CodeBlock.md CHANGED
@@ -172,9 +172,9 @@ name: azure-sample-repo<div
172
172
  | Class | Applied to | Outcome |
173
173
  | -------------------------------- | ---------- | ------------------------------------------------------- |
174
174
  | `.pf-c-code-block` | `<div>` | Initiates the code block component. **Required** |
175
- | `.pf-c-chip-group__header` | `<div>` | Initiates the code block header. |
176
- | `.pf-c-chip-group__actions` | `<div>` | Initiates the code block actions. |
177
- | `.pf-c-chip-group__actions-item` | `<div>` | Initiates a code block action item. |
178
- | `.pf-c-chip-group__content` | `<div>` | Initiates the code block content. **Required** |
179
- | `.pf-c-chip-group__pre` | `<pre>` | Initiates the code block `<pre>` element. **Required** |
180
- | `.pf-c-chip-group__code` | `<code>` | Initiates the code block `<code>` element. **Required** |
175
+ | `.pf-c-code-block__header` | `<div>` | Initiates the code block header. |
176
+ | `.pf-c-code-block__actions` | `<div>` | Initiates the code block actions. |
177
+ | `.pf-c-code-block__actions-item` | `<div>` | Initiates a code block action item. |
178
+ | `.pf-c-code-block__content` | `<div>` | Initiates the code block content. **Required** |
179
+ | `.pf-c-code-block__pre` | `<pre>` | Initiates the code block `<pre>` element. **Required** |
180
+ | `.pf-c-code-block__code` | `<code>` | Initiates the code block `<code>` element. **Required** |
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-alpha.8",
4
+ "version": "5.0.0-alpha.9",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-reset.css CHANGED
@@ -23244,17 +23244,12 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23244
23244
  }
23245
23245
 
23246
23246
  :where(.pf-theme-dark) .pf-c-popover {
23247
- --pf-c-popover--BoxShadow: none;
23248
- --pf-c-popover__arrow--BoxShadow: none;
23247
+ --pf-c-popover__content--BackgroundColor: var(--pf-global--BackgroundColor--300);
23249
23248
  --pf-c-popover__arrow--BackgroundColor: var(--pf-c-popover__content--BackgroundColor);
23250
23249
  --pf-c-popover--m-default__title-text--Color: var(--pf-global--default-color--200);
23251
23250
  --pf-c-popover--m-info__title-text--Color: var(--pf-global--info-color--100);
23252
23251
  --pf-c-popover--m-success__title-text--Color: var(--pf-global--success-color--100);
23253
23252
  }
23254
- :where(.pf-theme-dark) .pf-c-popover,
23255
- :where(.pf-theme-dark) .pf-c-popover .pf-c-popover__arrow {
23256
- border: 4px solid var(--pf-global--BorderColor--400);
23257
- }
23258
23253
 
23259
23254
  .pf-c-progress {
23260
23255
  --pf-c-progress--GridGap: var(--pf-global--spacer--md);
@@ -31349,16 +31344,13 @@ svg.pf-c-spinner.pf-m-xl {
31349
31344
  }
31350
31345
 
31351
31346
  :where(.pf-theme-dark) .pf-c-tooltip {
31352
- --pf-c-tooltip--BoxShadow: none;
31353
31347
  --pf-c-tooltip__content--BackgroundColor: var(--pf-global--BackgroundColor--300);
31354
- }
31355
- :where(.pf-theme-dark) .pf-c-tooltip,
31356
- :where(.pf-theme-dark) .pf-c-tooltip__arrow {
31357
- border: var(--pf-global--BorderWidth--lg) solid var(--pf-global--BorderColor--300);
31348
+ --pf-c-tooltip__arrow--BoxShadow: var(--pf-global--BoxShadow--lg);
31358
31349
  }
31359
31350
  :where(.pf-theme-dark) .pf-c-tooltip__arrow {
31360
31351
  --pf-c-tooltip__arrow--Width: 0.9375rem;
31361
31352
  --pf-c-tooltip__arrow--Height: 0.9375rem;
31353
+ box-shadow: var(--pf-c-tooltip__arrow--BoxShadow);
31362
31354
  }
31363
31355
 
31364
31356
  .pf-c-truncate {
package/patternfly.css CHANGED
@@ -23367,17 +23367,12 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23367
23367
  }
23368
23368
 
23369
23369
  :where(.pf-theme-dark) .pf-c-popover {
23370
- --pf-c-popover--BoxShadow: none;
23371
- --pf-c-popover__arrow--BoxShadow: none;
23370
+ --pf-c-popover__content--BackgroundColor: var(--pf-global--BackgroundColor--300);
23372
23371
  --pf-c-popover__arrow--BackgroundColor: var(--pf-c-popover__content--BackgroundColor);
23373
23372
  --pf-c-popover--m-default__title-text--Color: var(--pf-global--default-color--200);
23374
23373
  --pf-c-popover--m-info__title-text--Color: var(--pf-global--info-color--100);
23375
23374
  --pf-c-popover--m-success__title-text--Color: var(--pf-global--success-color--100);
23376
23375
  }
23377
- :where(.pf-theme-dark) .pf-c-popover,
23378
- :where(.pf-theme-dark) .pf-c-popover .pf-c-popover__arrow {
23379
- border: 4px solid var(--pf-global--BorderColor--400);
23380
- }
23381
23376
 
23382
23377
  .pf-c-progress {
23383
23378
  --pf-c-progress--GridGap: var(--pf-global--spacer--md);
@@ -31472,16 +31467,13 @@ svg.pf-c-spinner.pf-m-xl {
31472
31467
  }
31473
31468
 
31474
31469
  :where(.pf-theme-dark) .pf-c-tooltip {
31475
- --pf-c-tooltip--BoxShadow: none;
31476
31470
  --pf-c-tooltip__content--BackgroundColor: var(--pf-global--BackgroundColor--300);
31477
- }
31478
- :where(.pf-theme-dark) .pf-c-tooltip,
31479
- :where(.pf-theme-dark) .pf-c-tooltip__arrow {
31480
- border: var(--pf-global--BorderWidth--lg) solid var(--pf-global--BorderColor--300);
31471
+ --pf-c-tooltip__arrow--BoxShadow: var(--pf-global--BoxShadow--lg);
31481
31472
  }
31482
31473
  :where(.pf-theme-dark) .pf-c-tooltip__arrow {
31483
31474
  --pf-c-tooltip__arrow--Width: 0.9375rem;
31484
31475
  --pf-c-tooltip__arrow--Height: 0.9375rem;
31476
+ box-shadow: var(--pf-c-tooltip__arrow--BoxShadow);
31485
31477
  }
31486
31478
 
31487
31479
  .pf-c-truncate {