@patternfly/patternfly 6.2.0-prerelease.1 → 6.2.0-prerelease.11

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 (84) hide show
  1. package/assets/pficon/pficon.scss +1 -1
  2. package/base/normalize.scss +2 -2
  3. package/base/patternfly-pf-icons.css +1 -1
  4. package/components/Banner/banner.css +2 -2
  5. package/components/Banner/banner.scss +2 -2
  6. package/components/Breadcrumb/breadcrumb.css +3 -2
  7. package/components/Breadcrumb/breadcrumb.scss +3 -2
  8. package/components/Button/button.css +38 -2
  9. package/components/Button/button.scss +40 -2
  10. package/components/Content/content.css +2 -1
  11. package/components/Content/content.scss +2 -1
  12. package/components/DescriptionList/description-list.css +3 -2
  13. package/components/DescriptionList/description-list.scss +3 -2
  14. package/components/Drawer/drawer.css +3 -1
  15. package/components/Drawer/drawer.scss +3 -1
  16. package/components/Form/form.css +3 -6
  17. package/components/Form/form.scss +3 -7
  18. package/components/JumpLinks/jump-links.css +1 -1
  19. package/components/JumpLinks/jump-links.scss +1 -1
  20. package/components/Label/label.css +3 -2
  21. package/components/Label/label.scss +3 -2
  22. package/components/Menu/menu.css +11 -2
  23. package/components/Menu/menu.scss +12 -2
  24. package/components/MenuToggle/menu-toggle.css +4 -0
  25. package/components/MenuToggle/menu-toggle.scss +4 -0
  26. package/components/Nav/nav.css +46 -13
  27. package/components/Nav/nav.scss +57 -17
  28. package/components/Popover/popover.css +2 -0
  29. package/components/Popover/popover.scss +2 -0
  30. package/components/Progress/progress.css +3 -0
  31. package/components/Progress/progress.scss +3 -0
  32. package/components/ProgressStepper/progress-stepper.css +2 -1
  33. package/components/ProgressStepper/progress-stepper.scss +2 -1
  34. package/components/SimpleList/simple-list.css +2 -2
  35. package/components/SimpleList/simple-list.scss +2 -2
  36. package/components/Tabs/tabs.css +1 -1
  37. package/components/Tabs/tabs.scss +1 -1
  38. package/components/Timestamp/timestamp.css +2 -1
  39. package/components/Timestamp/timestamp.scss +2 -1
  40. package/components/ToggleGroup/toggle-group.css +1 -1
  41. package/components/ToggleGroup/toggle-group.scss +1 -1
  42. package/components/Wizard/wizard.css +1 -1
  43. package/components/Wizard/wizard.scss +1 -1
  44. package/components/_index.css +132 -41
  45. package/docs/components/Avatar/examples/Avatar.md +4 -4
  46. package/docs/components/Brand/examples/Brand.md +2 -2
  47. package/docs/components/DataList/examples/DataList.md +3 -3
  48. package/docs/components/DescriptionList/examples/DescriptionList.md +2 -2
  49. package/docs/components/Divider/examples/Divider.md +2 -2
  50. package/docs/components/Drawer/examples/Drawer.md +3 -3
  51. package/docs/components/JumpLinks/examples/JumpLinks.md +2 -2
  52. package/docs/components/Masthead/examples/masthead.md +1 -1
  53. package/docs/components/Menu/examples/Menu.md +2 -2
  54. package/docs/components/Nav/examples/Navigation.md +3 -0
  55. package/docs/components/Page/examples/Page.md +2 -2
  56. package/docs/components/Pagination/examples/Pagination.md +3 -3
  57. package/docs/components/ProgressStepper/examples/ProgressStepper.md +2 -2
  58. package/docs/components/Sidebar/examples/Sidebar.md +1 -1
  59. package/docs/components/Table/examples/Table.md +3 -3
  60. package/docs/components/Tabs/examples/Tabs.md +3 -3
  61. package/docs/components/Toolbar/examples/Toolbar.md +7 -7
  62. package/docs/demos/CardView/examples/CardView.md +2 -0
  63. package/docs/demos/Nav/examples/Nav.md +2 -0
  64. package/docs/layouts/Flex/examples/Flex.md +1 -1
  65. package/docs/layouts/Gallery/examples/Gallery.md +2 -2
  66. package/docs/layouts/Grid/examples/Grid.md +4 -4
  67. package/docs/utilities/Accessibility/examples/Accessibility.md +1 -1
  68. package/docs/utilities/Alignment/examples/Alignment.md +1 -1
  69. package/docs/utilities/BackgroundColor/examples/BackgroundColor.md +1 -1
  70. package/docs/utilities/Display/examples/Display.md +1 -1
  71. package/docs/utilities/Flex/examples/Flex.md +1 -1
  72. package/docs/utilities/Float/examples/Float.md +1 -1
  73. package/docs/utilities/Sizing/examples/Sizing.md +6 -6
  74. package/docs/utilities/Spacing/examples/Spacing.md +1 -1
  75. package/docs/utilities/Text/examples/Text.md +1 -1
  76. package/package.json +5 -5
  77. package/patternfly-base-no-globals.css +1 -1
  78. package/patternfly-base.css +3 -3
  79. package/patternfly-charts.css +83 -0
  80. package/patternfly-charts.scss +126 -0
  81. package/patternfly-no-globals.css +133 -42
  82. package/patternfly.css +135 -44
  83. package/patternfly.min.css +1 -1
  84. package/patternfly.min.css.map +1 -1
package/patternfly-charts.scss CHANGED
@@ -432,3 +432,129 @@ $chart: #{$pf-prefix} + 'chart';
432
432
  --#{$chart}-theme--multi-color-unordered--ColorScale--3400: var(--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--3400);
433
433
  --#{$chart}-theme--multi-color-unordered--ColorScale--3500: var(--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--3500);
434
434
  }
435
+
436
+ // ECharts styles
437
+ // stylelint-disable-next-line no-duplicate-selectors
438
+ :where(:root) {
439
+ // Global
440
+ --#{$chart}-echarts-global--axis--BoundaryGap: false;
441
+ --#{$chart}-echarts-global--axis--axis-label--Show: true;
442
+ --#{$chart}-echarts-global--axis--axis-line--Show: true;
443
+ --#{$chart}-echarts-global--axis--axis-line--item-style--Color: var(--#{$chart}-global--Fill--Color--300);
444
+ --#{$chart}-echarts-global--axis--axis-tick--Show: true;
445
+ --#{$chart}-echarts-global--axis--axis-tick--item-style--Color: var(--#{$chart}-global--Fill--Color--300);
446
+ --#{$chart}-echarts-global--axis--split-area--Show: false;
447
+ --#{$chart}-echarts-global--axis--split-area--area-style--Color: var(--#{$chart}-global--Fill--Color--white);
448
+ --#{$chart}-echarts-global--axis--split-line--Show: false;
449
+ --#{$chart}-echarts-global--label--Color: var(--#{$chart}-global--label--Fill);
450
+
451
+ // Basic config
452
+ --#{$chart}-echarts-BackgroundColor: transparent;
453
+
454
+ // Bar chart
455
+ --#{$chart}-echarts-bar--item-style--BarBorderColor: var(--#{$chart}-global--Fill--Color--900);
456
+ --#{$chart}-echarts-bar--item-style--BarBorderWidth: 0;
457
+
458
+ // Boxplot
459
+ --#{$chart}-echarts-boxplot--item-style--BorderColor: var(--#{$chart}-global--Fill--Color--900);
460
+ --#{$chart}-echarts-boxplot--item-style--BorderWidth: 0;
461
+
462
+ // Candlestick
463
+ --#{$chart}-echarts-candlestick--item-style--BorderWidth: 1;
464
+ --#{$chart}-echarts-candlestick--item-style--negative--Color: var(--#{$chart}-global--Fill--Color--900);
465
+ --#{$chart}-echarts-candlestick--item-style--positive--Color: var(--#{$chart}-global--Fill--Color--white);
466
+ --#{$chart}-echarts-candlestick--item-style--negative--BorderColor: var(--#{$chart}-global--Fill--Color--900);
467
+ --#{$chart}-echarts-candlestick--item-style--positive--BorderColor: var(--#{$chart}-global--Fill--Color--white);
468
+
469
+ // DataZoom
470
+ --#{$chart}-echarts-datazoom--HandleSize: 100%;
471
+
472
+ // Funnel
473
+ --#{$chart}-echarts-funnel--item-style--BorderColor: var(--#{$chart}-global--Fill--Color--900);
474
+ --#{$chart}-echarts-funnel--item-style--BorderWidth: 0;
475
+
476
+ // Gauge
477
+ --#{$chart}-echarts-gauge--item-style--BorderColor: var(--#{$chart}-global--Fill--Color--900);
478
+ --#{$chart}-echarts-gauge--item-style--BorderWidth: 0;
479
+
480
+ // Geo
481
+ --#{$chart}-echarts-geo--emphasis--item-style--BorderColor: var(--#{$chart}-global--Fill--Color--400);
482
+ --#{$chart}-echarts-geo--emphasis--item-style--BorderWidth: 1;
483
+ --#{$chart}-echarts-geo--item-style--BorderColor: var(--#{$chart}-global--Fill--Color--900);
484
+ --#{$chart}-echarts-geo--item-style--BorderWidth: 0.5;
485
+
486
+ // Graph
487
+ --#{$chart}-echarts-graph--item-style--BorderColor: var(--#{$chart}-global--Fill--Color--900);
488
+ --#{$chart}-echarts-graph--item-style--BorderWidth: 0;
489
+ --#{$chart}-echarts-graph--line-style--Color: var(--#{$chart}-global--Fill--Color--900);
490
+ --#{$chart}-echarts-graph--line-style--BorderWidth: 1;
491
+ --#{$chart}-echarts-graph--Smooth: false;
492
+ --#{$chart}-echarts-graph--SymbolSize: 4;
493
+ --#{$chart}-echarts-graph--Symbol: 'rect';
494
+
495
+ // Line
496
+ --#{$chart}-echarts-line--item-style--BorderWidth: 1;
497
+ --#{$chart}-echarts-line--line-style--BorderWidth: 2;
498
+ --#{$chart}-echarts-line--Smooth: false;
499
+ --#{$chart}-echarts-line--SymbolSize: 4;
500
+ --#{$chart}-echarts-line--Symbol: 'rect';
501
+
502
+ // Map
503
+ --#{$chart}-echarts-map--emphasis--item-style--BorderColor: var(--#{$chart}-global--Fill--Color--400);
504
+ --#{$chart}-echarts-map--emphasis--item-style--BorderWidth: 1;
505
+ --#{$chart}-echarts-map--item-style--BorderColor: var(--#{$chart}-global--Fill--Color--900);
506
+ --#{$chart}-echarts-map--item-style--BorderWidth: 0.5;
507
+
508
+ // Parallel
509
+ --#{$chart}-echarts-parallel--item-style--BorderColor: var(--#{$chart}-global--Fill--Color--900);
510
+ --#{$chart}-echarts-parallel--item-style--BorderWidth: 0;
511
+
512
+ // Pie
513
+ --#{$chart}-echarts-pie--item-style--BorderColor: var(--#{$chart}-global--Fill--Color--900);
514
+ --#{$chart}-echarts-pie--item-style--BorderWidth: 0;
515
+
516
+ // Sankey
517
+ --#{$chart}-echarts-sankey--item-style--BorderColor: var(--#{$chart}-global--Fill--Color--900);
518
+ --#{$chart}-echarts-sankey--item-style--BorderWidth: 0;
519
+
520
+ // Scatter
521
+ --#{$chart}-echarts-scatter--item-style--BorderColor: var(--#{$chart}-global--Fill--Color--900);
522
+ --#{$chart}-echarts-scatter--item-style--BorderWidth: 0;
523
+
524
+ // Skeleton
525
+ --#{$chart}-echarts-skeleton--label--Color: transparent;
526
+
527
+ // Toolbox
528
+ --#{$chart}-echarts-toolbox--emphasis--item-style--BorderColor: var(--#{$chart}-theme--blue--ColorScale--400);
529
+ --#{$chart}-echarts-toolbox--item-style--BorderColor: var(--#{$chart}-global--Fill--Color--500);
530
+
531
+ // Tooltip
532
+ --#{$chart}-echarts-tooltip--axis--pointer--cross-style--Color: var(--#{$chart}-global--Fill--Color--300);
533
+ --#{$chart}-echarts-tooltip--axis--pointer--cross-style--Width: 1;
534
+ --#{$chart}-echarts-tooltip--axis--pointer--line-style--Color: var(--#{$chart}-global--Fill--Color--300);
535
+ --#{$chart}-echarts-tooltip--axis--pointer--line-style--Width: 1;
536
+ --#{$chart}-echarts-tooltip--backgroundColor: var(--#{$chart}-global--Fill--Color--900);
537
+ --#{$chart}-echarts-tooltip--text-Style--Color: var(--#{$chart}-global--Fill--Color--200);
538
+
539
+ // Timeline
540
+ --#{$chart}-echarts-timeline--emphasis--control-style--Color: var(--#{$chart}-global--Fill--Color--400);
541
+ --#{$chart}-echarts-timeline--emphasis--control-style--BorderColor: var(--#{$chart}-global--Fill--Color--400);
542
+ --#{$chart}-echarts-timeline--emphasis--control-style--BorderWidth: 1;
543
+ --#{$chart}-echarts-timeline--emphasis--item-style--Color: var(--#{$chart}-global--Fill--Color--white);
544
+ --#{$chart}-echarts-timeline--checkpoint-style--Color: var(--#{$chart}-theme--blue--ColorScale--400);
545
+ --#{$chart}-echarts-timeline--checkpoint-style--BorderColor: var(--#{$chart}-global--Fill--Color--white);
546
+ --#{$chart}-echarts-timeline--control-style--Color: var(--#{$chart}-global--Fill--Color--900);
547
+ --#{$chart}-echarts-timeline--control-style--BorderColor: var(--#{$chart}-global--Fill--Color--900);
548
+ --#{$chart}-echarts-timeline--control-style--BorderWidth: 1;
549
+ --#{$chart}-echarts-timeline--item-style--BorderWidth: 1;
550
+ --#{$chart}-echarts-timeline--item-style--Color: var(--#{$chart}-global--Fill--Color--900);
551
+ --#{$chart}-echarts-timeline--line-style--Color: var(--#{$chart}-global--Fill--Color--900);
552
+ --#{$chart}-echarts-timeline--line-style--Width: 2;
553
+
554
+ // Radar
555
+ --#{$chart}-echarts-radar--item-style--BorderWidth: 1;
556
+ --#{$chart}-echarts-radar--line-style--BorderWidth: 2;
557
+ --#{$chart}-echarts-radar--Smooth: false;
558
+ --#{$chart}-echarts-radar--SymbolSize: 4;
559
+ --#{$chart}-echarts-radar--Symbol: 'rect';
560
+ }