@patternfly/patternfly 6.2.0-prerelease.4 → 6.2.0-prerelease.5

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 (3) hide show
  1. package/package.json +2 -2
  2. package/patternfly-charts.css +28 -28
  3. package/patternfly-charts.scss +28 -28
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.2.0-prerelease.4",
4
+ "version": "6.2.0-prerelease.5",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
@@ -47,7 +47,7 @@
47
47
  "@commitlint/config-conventional": "^19.1.0",
48
48
  "@fortawesome/fontawesome": "^1.1.8",
49
49
  "@octokit/rest": "^20.1.0",
50
- "@patternfly/documentation-framework": "6.5.8",
50
+ "@patternfly/documentation-framework": "6.5.11",
51
51
  "@patternfly/patternfly-a11y": "5.0.0",
52
52
  "@patternfly/react-code-editor": "6.1.0",
53
53
  "@patternfly/react-core": "6.1.0",
package/patternfly-charts.css CHANGED
@@ -664,14 +664,14 @@
664
664
  }
665
665
 
666
666
  :where(:root) {
667
- --pf-v6-chart-echarts-global--axis-label--Color: transparent;
668
667
  --pf-v6-chart-echarts-global--axis-line--item-style--Color: var(--pf-v6-chart-global--Fill--Color--300);
669
668
  --pf-v6-chart-echarts-global--axis-tick--item-style--Color: var(--pf-v6-chart-global--Fill--Color--300);
669
+ --pf-v6-chart-echarts-global--split-area--area-style--Color: var(--pf-v6-chart-global--Fill--Color--white);
670
670
  --pf-v6-chart-echarts-global--label--Color: var(--pf-v6-chart-global--label--Fill);
671
671
  --pf-v6-chart-echarts-BackgroundColor: transparent;
672
- --pf-v6-chart-echarts-bar--item-style--BarBorderColor: var(--pf-v6-chart-global--Fill--Color--300);
672
+ --pf-v6-chart-echarts-bar--item-style--BarBorderColor: var(--pf-v6-chart-global--Fill--Color--900);
673
673
  --pf-v6-chart-echarts-bar--item-style--BarBorderWidth: 0;
674
- --pf-v6-chart-echarts-boxplot--item-style--BorderColor: var(--pf-v6-chart-global--Fill--Color--300);
674
+ --pf-v6-chart-echarts-boxplot--item-style--BorderColor: var(--pf-v6-chart-global--Fill--Color--900);
675
675
  --pf-v6-chart-echarts-boxplot--item-style--BorderWidth: 0;
676
676
  --pf-v6-chart-echarts-candlestick--item-style--BorderWidth: 1;
677
677
  --pf-v6-chart-echarts-candlestick--item-style--negative--Color: var(--pf-v6-chart-global--Fill--Color--900);
@@ -679,61 +679,61 @@
679
679
  --pf-v6-chart-echarts-candlestick--item-style--negative--BorderColor: var(--pf-v6-chart-global--Fill--Color--900);
680
680
  --pf-v6-chart-echarts-candlestick--item-style--positive--BorderColor: var(--pf-v6-chart-global--Fill--Color--white);
681
681
  --pf-v6-chart-echarts-datazoom--HandleSize: 100%;
682
- --pf-v6-chart-echarts-funnel--item-style--BorderColor: var(--pf-v6-chart-global--Fill--Color--300);
682
+ --pf-v6-chart-echarts-funnel--item-style--BorderColor: var(--pf-v6-chart-global--Fill--Color--900);
683
683
  --pf-v6-chart-echarts-funnel--item-style--BorderWidth: 0;
684
- --pf-v6-chart-echarts-gauge--item-style--BorderColor: var(--pf-v6-chart-global--Fill--Color--300);
684
+ --pf-v6-chart-echarts-gauge--item-style--BorderColor: var(--pf-v6-chart-global--Fill--Color--900);
685
685
  --pf-v6-chart-echarts-gauge--item-style--BorderWidth: 0;
686
- --pf-v6-chart-echarts-geo--emphasis--item-style--BorderColor: var(--pf-v6-chart-global--Fill--Color--200);
686
+ --pf-v6-chart-echarts-geo--emphasis--item-style--BorderColor: var(--pf-v6-chart-global--Fill--Color--400);
687
687
  --pf-v6-chart-echarts-geo--emphasis--item-style--BorderWidth: 1;
688
- --pf-v6-chart-echarts-geo--item-style--BorderColor: var(--pf-v6-chart-global--Fill--Color--300);
688
+ --pf-v6-chart-echarts-geo--item-style--BorderColor: var(--pf-v6-chart-global--Fill--Color--900);
689
689
  --pf-v6-chart-echarts-geo--item-style--BorderWidth: 0.5;
690
- --pf-v6-chart-echarts-graph--item-style--BorderColor: var(--pf-v6-chart-global--Fill--Color--300);
690
+ --pf-v6-chart-echarts-graph--item-style--BorderColor: var(--pf-v6-chart-global--Fill--Color--900);
691
691
  --pf-v6-chart-echarts-graph--item-style--BorderWidth: 0;
692
692
  --pf-v6-chart-echarts-graph--line-style--Color: var(--pf-v6-chart-global--Fill--Color--900);
693
693
  --pf-v6-chart-echarts-graph--line-style--BorderWidth: 1;
694
694
  --pf-v6-chart-echarts-graph--Smooth: false;
695
695
  --pf-v6-chart-echarts-graph--SymbolSize: 4;
696
- --pf-v6-chart-echarts-graph--Symbol: "emptyCircle";
696
+ --pf-v6-chart-echarts-graph--Symbol: "rect";
697
697
  --pf-v6-chart-echarts-line--item-style--BorderWidth: 1;
698
698
  --pf-v6-chart-echarts-line--line-style--BorderWidth: 2;
699
699
  --pf-v6-chart-echarts-line--Smooth: false;
700
700
  --pf-v6-chart-echarts-line--SymbolSize: 4;
701
- --pf-v6-chart-echarts-line--Symbol: "emptyCircle";
702
- --pf-v6-chart-echarts-map--emphasis--item-style--BorderColor: var(--pf-v6-chart-global--Fill--Color--200);
701
+ --pf-v6-chart-echarts-line--Symbol: "rect";
702
+ --pf-v6-chart-echarts-map--emphasis--item-style--BorderColor: var(--pf-v6-chart-global--Fill--Color--400);
703
703
  --pf-v6-chart-echarts-map--emphasis--item-style--BorderWidth: 1;
704
- --pf-v6-chart-echarts-map--item-style--BorderColor: var(--pf-v6-chart-global--Fill--Color--300);
704
+ --pf-v6-chart-echarts-map--item-style--BorderColor: var(--pf-v6-chart-global--Fill--Color--900);
705
705
  --pf-v6-chart-echarts-map--item-style--BorderWidth: 0.5;
706
- --pf-v6-chart-echarts-parallel--item-style--BorderColor: var(--pf-v6-chart-global--Fill--Color--300);
706
+ --pf-v6-chart-echarts-parallel--item-style--BorderColor: var(--pf-v6-chart-global--Fill--Color--900);
707
707
  --pf-v6-chart-echarts-parallel--item-style--BorderWidth: 0;
708
- --pf-v6-chart-echarts-pie--item-style--BorderColor: var(--pf-v6-chart-global--Fill--Color--300);
708
+ --pf-v6-chart-echarts-pie--item-style--BorderColor: var(--pf-v6-chart-global--Fill--Color--900);
709
709
  --pf-v6-chart-echarts-pie--item-style--BorderWidth: 0;
710
- --pf-v6-chart-echarts-sankey--item-style--BorderColor: var(--pf-v6-chart-global--Fill--Color--300);
710
+ --pf-v6-chart-echarts-sankey--item-style--BorderColor: var(--pf-v6-chart-global--Fill--Color--900);
711
711
  --pf-v6-chart-echarts-sankey--item-style--BorderWidth: 0;
712
- --pf-v6-chart-echarts-scatter--item-style--BorderColor: var(--pf-v6-chart-global--Fill--Color--300);
712
+ --pf-v6-chart-echarts-scatter--item-style--BorderColor: var(--pf-v6-chart-global--Fill--Color--900);
713
713
  --pf-v6-chart-echarts-scatter--item-style--BorderWidth: 0;
714
714
  --pf-v6-chart-echarts-skeleton--label--Color: transparent;
715
- --pf-v6-chart-echarts-toolbox--emphasis--item-style--BorderColor: var(--pf-v6-chart-global--Fill--Color--200);
716
- --pf-v6-chart-echarts-toolbox--item-style--BorderColor: var(--pf-v6-chart-global--Fill--Color--300);
717
- --pf-v6-chart-echarts-tooltip--axis--pointer--cross-style--Color: var(--pf-v6-chart-global--Fill--Color--900);
715
+ --pf-v6-chart-echarts-toolbox--emphasis--item-style--BorderColor: var(--pf-v6-chart-theme--blue--ColorScale--400);
716
+ --pf-v6-chart-echarts-toolbox--item-style--BorderColor: var(--pf-v6-chart-global--Fill--Color--500);
717
+ --pf-v6-chart-echarts-tooltip--axis--pointer--cross-style--Color: var(--pf-v6-chart-global--Fill--Color--300);
718
718
  --pf-v6-chart-echarts-tooltip--axis--pointer--cross-style--Width: 1;
719
- --pf-v6-chart-echarts-tooltip--axis--pointer--line-style--Color: var(--pf-v6-chart-global--Fill--Color--900);
719
+ --pf-v6-chart-echarts-tooltip--axis--pointer--line-style--Color: var(--pf-v6-chart-global--Fill--Color--300);
720
720
  --pf-v6-chart-echarts-tooltip--axis--pointer--line-style--Width: 1;
721
- --pf-v6-chart-echarts-timeline--emphasis--control-style--Color: var(--pf-v6-chart-global--Fill--Color--200);
722
- --pf-v6-chart-echarts-timeline--emphasis--control-style--BorderColor: var(--pf-v6-chart-global--Fill--Color--200);
721
+ --pf-v6-chart-echarts-timeline--emphasis--control-style--Color: var(--pf-v6-chart-global--Fill--Color--400);
722
+ --pf-v6-chart-echarts-timeline--emphasis--control-style--BorderColor: var(--pf-v6-chart-global--Fill--Color--400);
723
723
  --pf-v6-chart-echarts-timeline--emphasis--control-style--BorderWidth: 1;
724
724
  --pf-v6-chart-echarts-timeline--emphasis--item-style--Color: var(--pf-v6-chart-global--Fill--Color--white);
725
- --pf-v6-chart-echarts-timeline--checkpoint-style--Color: var(--pf-t--chart--theme--colorscales--blue--colorscale--400);
725
+ --pf-v6-chart-echarts-timeline--checkpoint-style--Color: var(--pf-v6-chart-theme--blue--ColorScale--400);
726
726
  --pf-v6-chart-echarts-timeline--checkpoint-style--BorderColor: var(--pf-v6-chart-global--Fill--Color--white);
727
- --pf-v6-chart-echarts-timeline--control-style--Color: var(--pf-t--chart--theme--colorscales--gray--colorscale--100);
728
- --pf-v6-chart-echarts-timeline--control-style--BorderColor: var(--pf-t--chart--theme--colorscales--gray--colorscale--100);
727
+ --pf-v6-chart-echarts-timeline--control-style--Color: var(--pf-v6-chart-theme--gray--ColorScale--900);
728
+ --pf-v6-chart-echarts-timeline--control-style--BorderColor: var(--pf-v6-chart-theme--gray--ColorScale--900);
729
729
  --pf-v6-chart-echarts-timeline--control-style--BorderWidth: 1;
730
730
  --pf-v6-chart-echarts-timeline--item-style--BorderWidth: 1;
731
- --pf-v6-chart-echarts-timeline--item-style--Color: var(--pf-t--chart--theme--colorscales--gray--colorscale--100);
732
- --pf-v6-chart-echarts-timeline--line-style--Color: var(--pf-t--chart--theme--colorscales--gray--colorscale--400);
731
+ --pf-v6-chart-echarts-timeline--item-style--Color: var(--pf-v6-chart-theme--gray--ColorScale--900);
732
+ --pf-v6-chart-echarts-timeline--line-style--Color: var(--pf-v6-chart-theme--gray--ColorScale--900);
733
733
  --pf-v6-chart-echarts-timeline--line-style--Width: 2;
734
734
  --pf-v6-chart-echarts-radar--item-style--BorderWidth: 1;
735
735
  --pf-v6-chart-echarts-radar--line-style--BorderWidth: 2;
736
736
  --pf-v6-chart-echarts-radar--Smooth: false;
737
737
  --pf-v6-chart-echarts-radar--SymbolSize: 4;
738
- --pf-v6-chart-echarts-radar--Symbol: "emptyCircle";
738
+ --pf-v6-chart-echarts-radar--Symbol: "rect";
739
739
  }
package/patternfly-charts.scss CHANGED
@@ -437,20 +437,20 @@ $chart: #{$pf-prefix} + 'chart';
437
437
  // stylelint-disable-next-line no-duplicate-selectors
438
438
  :where(:root) {
439
439
  // Global
440
- --#{$chart}-echarts-global--axis-label--Color: transparent;
441
440
  --#{$chart}-echarts-global--axis-line--item-style--Color: var(--#{$chart}-global--Fill--Color--300);
442
441
  --#{$chart}-echarts-global--axis-tick--item-style--Color: var(--#{$chart}-global--Fill--Color--300);
442
+ --#{$chart}-echarts-global--split-area--area-style--Color: var(--#{$chart}-global--Fill--Color--white);
443
443
  --#{$chart}-echarts-global--label--Color: var(--#{$chart}-global--label--Fill);
444
444
 
445
445
  // Basic config
446
446
  --#{$chart}-echarts-BackgroundColor: transparent;
447
447
 
448
448
  // Bar chart
449
- --#{$chart}-echarts-bar--item-style--BarBorderColor: var(--#{$chart}-global--Fill--Color--300);
449
+ --#{$chart}-echarts-bar--item-style--BarBorderColor: var(--#{$chart}-global--Fill--Color--900);
450
450
  --#{$chart}-echarts-bar--item-style--BarBorderWidth: 0;
451
451
 
452
452
  // Boxplot
453
- --#{$chart}-echarts-boxplot--item-style--BorderColor: var(--#{$chart}-global--Fill--Color--300);
453
+ --#{$chart}-echarts-boxplot--item-style--BorderColor: var(--#{$chart}-global--Fill--Color--900);
454
454
  --#{$chart}-echarts-boxplot--item-style--BorderWidth: 0;
455
455
 
456
456
  // Candlestick
@@ -464,83 +464,83 @@ $chart: #{$pf-prefix} + 'chart';
464
464
  --#{$chart}-echarts-datazoom--HandleSize: 100%;
465
465
 
466
466
  // Funnel
467
- --#{$chart}-echarts-funnel--item-style--BorderColor: var(--#{$chart}-global--Fill--Color--300);
467
+ --#{$chart}-echarts-funnel--item-style--BorderColor: var(--#{$chart}-global--Fill--Color--900);
468
468
  --#{$chart}-echarts-funnel--item-style--BorderWidth: 0;
469
469
 
470
470
  // Gauge
471
- --#{$chart}-echarts-gauge--item-style--BorderColor: var(--#{$chart}-global--Fill--Color--300);
471
+ --#{$chart}-echarts-gauge--item-style--BorderColor: var(--#{$chart}-global--Fill--Color--900);
472
472
  --#{$chart}-echarts-gauge--item-style--BorderWidth: 0;
473
473
 
474
474
  // Geo
475
- --#{$chart}-echarts-geo--emphasis--item-style--BorderColor: var(--#{$chart}-global--Fill--Color--200);
475
+ --#{$chart}-echarts-geo--emphasis--item-style--BorderColor: var(--#{$chart}-global--Fill--Color--400);
476
476
  --#{$chart}-echarts-geo--emphasis--item-style--BorderWidth: 1;
477
- --#{$chart}-echarts-geo--item-style--BorderColor: var(--#{$chart}-global--Fill--Color--300);
477
+ --#{$chart}-echarts-geo--item-style--BorderColor: var(--#{$chart}-global--Fill--Color--900);
478
478
  --#{$chart}-echarts-geo--item-style--BorderWidth: 0.5;
479
479
 
480
480
  // Graph
481
- --#{$chart}-echarts-graph--item-style--BorderColor: var(--#{$chart}-global--Fill--Color--300);
481
+ --#{$chart}-echarts-graph--item-style--BorderColor: var(--#{$chart}-global--Fill--Color--900);
482
482
  --#{$chart}-echarts-graph--item-style--BorderWidth: 0;
483
483
  --#{$chart}-echarts-graph--line-style--Color: var(--#{$chart}-global--Fill--Color--900);
484
484
  --#{$chart}-echarts-graph--line-style--BorderWidth: 1;
485
485
  --#{$chart}-echarts-graph--Smooth: false;
486
486
  --#{$chart}-echarts-graph--SymbolSize: 4;
487
- --#{$chart}-echarts-graph--Symbol: 'emptyCircle';
487
+ --#{$chart}-echarts-graph--Symbol: 'rect';
488
488
 
489
489
  // Line
490
490
  --#{$chart}-echarts-line--item-style--BorderWidth: 1;
491
491
  --#{$chart}-echarts-line--line-style--BorderWidth: 2;
492
492
  --#{$chart}-echarts-line--Smooth: false;
493
493
  --#{$chart}-echarts-line--SymbolSize: 4;
494
- --#{$chart}-echarts-line--Symbol: 'emptyCircle';
494
+ --#{$chart}-echarts-line--Symbol: 'rect';
495
495
 
496
496
  // Map
497
- --#{$chart}-echarts-map--emphasis--item-style--BorderColor: var(--#{$chart}-global--Fill--Color--200);
497
+ --#{$chart}-echarts-map--emphasis--item-style--BorderColor: var(--#{$chart}-global--Fill--Color--400);
498
498
  --#{$chart}-echarts-map--emphasis--item-style--BorderWidth: 1;
499
- --#{$chart}-echarts-map--item-style--BorderColor: var(--#{$chart}-global--Fill--Color--300);
499
+ --#{$chart}-echarts-map--item-style--BorderColor: var(--#{$chart}-global--Fill--Color--900);
500
500
  --#{$chart}-echarts-map--item-style--BorderWidth: 0.5;
501
501
 
502
502
  // Parallel
503
- --#{$chart}-echarts-parallel--item-style--BorderColor: var(--#{$chart}-global--Fill--Color--300);
503
+ --#{$chart}-echarts-parallel--item-style--BorderColor: var(--#{$chart}-global--Fill--Color--900);
504
504
  --#{$chart}-echarts-parallel--item-style--BorderWidth: 0;
505
505
 
506
506
  // Pie
507
- --#{$chart}-echarts-pie--item-style--BorderColor: var(--#{$chart}-global--Fill--Color--300);
507
+ --#{$chart}-echarts-pie--item-style--BorderColor: var(--#{$chart}-global--Fill--Color--900);
508
508
  --#{$chart}-echarts-pie--item-style--BorderWidth: 0;
509
509
 
510
510
  // Sankey
511
- --#{$chart}-echarts-sankey--item-style--BorderColor: var(--#{$chart}-global--Fill--Color--300);
511
+ --#{$chart}-echarts-sankey--item-style--BorderColor: var(--#{$chart}-global--Fill--Color--900);
512
512
  --#{$chart}-echarts-sankey--item-style--BorderWidth: 0;
513
513
 
514
514
  // Scatter
515
- --#{$chart}-echarts-scatter--item-style--BorderColor: var(--#{$chart}-global--Fill--Color--300);
515
+ --#{$chart}-echarts-scatter--item-style--BorderColor: var(--#{$chart}-global--Fill--Color--900);
516
516
  --#{$chart}-echarts-scatter--item-style--BorderWidth: 0;
517
517
 
518
518
  // Skeleton
519
519
  --#{$chart}-echarts-skeleton--label--Color: transparent;
520
520
 
521
521
  // Toolbox
522
- --#{$chart}-echarts-toolbox--emphasis--item-style--BorderColor: var(--#{$chart}-global--Fill--Color--200);
523
- --#{$chart}-echarts-toolbox--item-style--BorderColor: var(--#{$chart}-global--Fill--Color--300);
522
+ --#{$chart}-echarts-toolbox--emphasis--item-style--BorderColor: var(--#{$chart}-theme--blue--ColorScale--400);
523
+ --#{$chart}-echarts-toolbox--item-style--BorderColor: var(--#{$chart}-global--Fill--Color--500);
524
524
 
525
525
  // Tooltip
526
- --#{$chart}-echarts-tooltip--axis--pointer--cross-style--Color: var(--#{$chart}-global--Fill--Color--900);
526
+ --#{$chart}-echarts-tooltip--axis--pointer--cross-style--Color: var(--#{$chart}-global--Fill--Color--300);
527
527
  --#{$chart}-echarts-tooltip--axis--pointer--cross-style--Width: 1;
528
- --#{$chart}-echarts-tooltip--axis--pointer--line-style--Color: var(--#{$chart}-global--Fill--Color--900);
528
+ --#{$chart}-echarts-tooltip--axis--pointer--line-style--Color: var(--#{$chart}-global--Fill--Color--300);
529
529
  --#{$chart}-echarts-tooltip--axis--pointer--line-style--Width: 1;
530
530
 
531
531
  // Timeline
532
- --#{$chart}-echarts-timeline--emphasis--control-style--Color: var(--#{$chart}-global--Fill--Color--200);
533
- --#{$chart}-echarts-timeline--emphasis--control-style--BorderColor: var(--#{$chart}-global--Fill--Color--200);
532
+ --#{$chart}-echarts-timeline--emphasis--control-style--Color: var(--#{$chart}-global--Fill--Color--400);
533
+ --#{$chart}-echarts-timeline--emphasis--control-style--BorderColor: var(--#{$chart}-global--Fill--Color--400);
534
534
  --#{$chart}-echarts-timeline--emphasis--control-style--BorderWidth: 1;
535
535
  --#{$chart}-echarts-timeline--emphasis--item-style--Color: var(--#{$chart}-global--Fill--Color--white);
536
- --#{$chart}-echarts-timeline--checkpoint-style--Color: var(--pf-t--chart--theme--colorscales--blue--colorscale--400);
536
+ --#{$chart}-echarts-timeline--checkpoint-style--Color: var(--#{$chart}-theme--blue--ColorScale--400);
537
537
  --#{$chart}-echarts-timeline--checkpoint-style--BorderColor: var(--#{$chart}-global--Fill--Color--white);
538
- --#{$chart}-echarts-timeline--control-style--Color: var(--pf-t--chart--theme--colorscales--gray--colorscale--100);
539
- --#{$chart}-echarts-timeline--control-style--BorderColor: var(--pf-t--chart--theme--colorscales--gray--colorscale--100);
538
+ --#{$chart}-echarts-timeline--control-style--Color: var(--#{$chart}-theme--gray--ColorScale--900);
539
+ --#{$chart}-echarts-timeline--control-style--BorderColor: var(--#{$chart}-theme--gray--ColorScale--900);
540
540
  --#{$chart}-echarts-timeline--control-style--BorderWidth: 1;
541
541
  --#{$chart}-echarts-timeline--item-style--BorderWidth: 1;
542
- --#{$chart}-echarts-timeline--item-style--Color: var(--pf-t--chart--theme--colorscales--gray--colorscale--100);
543
- --#{$chart}-echarts-timeline--line-style--Color: var(--pf-t--chart--theme--colorscales--gray--colorscale--400);
542
+ --#{$chart}-echarts-timeline--item-style--Color: var(--#{$chart}-theme--gray--ColorScale--900);
543
+ --#{$chart}-echarts-timeline--line-style--Color: var(--#{$chart}-theme--gray--ColorScale--900);
544
544
  --#{$chart}-echarts-timeline--line-style--Width: 2;
545
545
 
546
546
  // Radar
@@ -548,5 +548,5 @@ $chart: #{$pf-prefix} + 'chart';
548
548
  --#{$chart}-echarts-radar--line-style--BorderWidth: 2;
549
549
  --#{$chart}-echarts-radar--Smooth: false;
550
550
  --#{$chart}-echarts-radar--SymbolSize: 4;
551
- --#{$chart}-echarts-radar--Symbol: 'emptyCircle';
551
+ --#{$chart}-echarts-radar--Symbol: 'rect';
552
552
  }