@grafana/components 0.0.41 → 0.0.42
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.
- package/dist/cjs/index.cjs +377 -1
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/cjs/index.d.cts +72 -2
- package/dist/esm/components/ComparisonBadge/ComparisonBadge.js +35 -0
- package/dist/esm/components/ComparisonBadge/ComparisonBadge.js.map +1 -1
- package/dist/esm/components/ComparisonTooltip/ComparisonTooltip.js +35 -0
- package/dist/esm/components/ComparisonTooltip/ComparisonTooltip.js.map +1 -1
- package/dist/esm/components/Icons/AlignLayoutLeft.js +10 -0
- package/dist/esm/components/Icons/AlignLayoutLeft.js.map +1 -0
- package/dist/esm/components/Icons/AlignLayoutRight.js +10 -0
- package/dist/esm/components/Icons/AlignLayoutRight.js.map +1 -0
- package/dist/esm/components/Icons/AppWindows.js +11 -0
- package/dist/esm/components/Icons/AppWindows.js.map +1 -0
- package/dist/esm/components/Icons/ApplicationObservability.js +13 -0
- package/dist/esm/components/Icons/ApplicationObservability.js.map +1 -0
- package/dist/esm/components/Icons/ArrowsDiagonalCrossingRight.js +13 -0
- package/dist/esm/components/Icons/ArrowsDiagonalCrossingRight.js.map +1 -0
- package/dist/esm/components/Icons/Channel.js +10 -0
- package/dist/esm/components/Icons/Channel.js.map +1 -0
- package/dist/esm/components/Icons/ChannelPlus.js +10 -0
- package/dist/esm/components/Icons/ChannelPlus.js.map +1 -0
- package/dist/esm/components/Icons/ChartLinePlus.js +11 -0
- package/dist/esm/components/Icons/ChartLinePlus.js.map +1 -0
- package/dist/esm/components/Icons/ChartPanel.js +11 -0
- package/dist/esm/components/Icons/ChartPanel.js.map +1 -0
- package/dist/esm/components/Icons/ChevronsLeftRightLine.js +13 -0
- package/dist/esm/components/Icons/ChevronsLeftRightLine.js.map +1 -0
- package/dist/esm/components/Icons/ChevronsUpDownLine.js +10 -0
- package/dist/esm/components/Icons/ChevronsUpDownLine.js.map +1 -0
- package/dist/esm/components/Icons/CircleFilled.js +10 -0
- package/dist/esm/components/Icons/CircleFilled.js.map +1 -0
- package/dist/esm/components/Icons/CirclesIntersect.js +12 -0
- package/dist/esm/components/Icons/CirclesIntersect.js.map +1 -0
- package/dist/esm/components/Icons/CloudDatabase.js +13 -0
- package/dist/esm/components/Icons/CloudDatabase.js.map +1 -0
- package/dist/esm/components/Icons/CloudInfo.js +10 -0
- package/dist/esm/components/Icons/CloudInfo.js.map +1 -0
- package/dist/esm/components/Icons/CoolS.js +10 -0
- package/dist/esm/components/Icons/CoolS.js.map +1 -0
- package/dist/esm/components/Icons/Drilldown.js +11 -0
- package/dist/esm/components/Icons/Drilldown.js.map +1 -0
- package/dist/esm/components/Icons/FileInfo.js +11 -0
- package/dist/esm/components/Icons/FileInfo.js.map +1 -0
- package/dist/esm/components/Icons/FileLog.js +13 -0
- package/dist/esm/components/Icons/FileLog.js.map +1 -0
- package/dist/esm/components/Icons/LaptopCloud.js +11 -0
- package/dist/esm/components/Icons/LaptopCloud.js.map +1 -0
- package/dist/esm/components/Icons/LayersOff.js +10 -0
- package/dist/esm/components/Icons/LayersOff.js.map +1 -0
- package/dist/esm/components/Icons/LayoutGridPlus.js +10 -0
- package/dist/esm/components/Icons/LayoutGridPlus.js.map +1 -0
- package/dist/esm/components/Icons/LoopedArrowsBoxes.js +13 -0
- package/dist/esm/components/Icons/LoopedArrowsBoxes.js.map +1 -0
- package/dist/esm/components/Icons/MultiStep.js +11 -0
- package/dist/esm/components/Icons/MultiStep.js.map +1 -0
- package/dist/esm/components/Icons/OrientationLandscape.js +15 -0
- package/dist/esm/components/Icons/OrientationLandscape.js.map +1 -0
- package/dist/esm/components/Icons/OrientationPortrait.js +12 -0
- package/dist/esm/components/Icons/OrientationPortrait.js.map +1 -0
- package/dist/esm/components/Icons/PanelLeftToggle.js +11 -0
- package/dist/esm/components/Icons/PanelLeftToggle.js.map +1 -0
- package/dist/esm/components/Icons/PanelRightToggle.js +11 -0
- package/dist/esm/components/Icons/PanelRightToggle.js.map +1 -0
- package/dist/esm/components/Icons/PlugDiagonal.js +10 -0
- package/dist/esm/components/Icons/PlugDiagonal.js.map +1 -0
- package/dist/esm/components/Icons/RefreshX4Ccw.js +14 -0
- package/dist/esm/components/Icons/RefreshX4Ccw.js.map +1 -0
- package/dist/esm/components/Icons/RefreshX4Cw.js +14 -0
- package/dist/esm/components/Icons/RefreshX4Cw.js.map +1 -0
- package/dist/esm/components/Icons/SquareDashedArrowSmallSquare.js +13 -0
- package/dist/esm/components/Icons/SquareDashedArrowSmallSquare.js.map +1 -0
- package/dist/esm/components/Icons/SquareList.js +10 -0
- package/dist/esm/components/Icons/SquareList.js.map +1 -0
- package/dist/esm/components/Icons/SquarePartialList.js +10 -0
- package/dist/esm/components/Icons/SquarePartialList.js.map +1 -0
- package/dist/esm/components/Icons/UserKey.js +11 -0
- package/dist/esm/components/Icons/UserKey.js.map +1 -0
- package/dist/esm/components/Icons/allIcons.js +70 -0
- package/dist/esm/components/Icons/allIcons.js.map +1 -1
- package/dist/esm/components/Icons/iconMetaData.js +49 -1
- package/dist/esm/components/Icons/iconMetaData.js.map +1 -1
- package/dist/esm/components/StackedChartNoData/StackedChartNoData.js +35 -0
- package/dist/esm/components/StackedChartNoData/StackedChartNoData.js.map +1 -1
- package/dist/esm/index.d.ts +72 -2
- package/dist/esm/index.js +35 -0
- package/dist/esm/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -37,6 +37,8 @@ import '../Icons/AlignHorizontalJustifyStart.js';
|
|
|
37
37
|
import '../Icons/AlignHorizontalSpaceAround.js';
|
|
38
38
|
import '../Icons/AlignHorizontalSpaceBetween.js';
|
|
39
39
|
import '../Icons/AlignJustify.js';
|
|
40
|
+
import '../Icons/AlignLayoutLeft.js';
|
|
41
|
+
import '../Icons/AlignLayoutRight.js';
|
|
40
42
|
import '../Icons/AlignLeft.js';
|
|
41
43
|
import '../Icons/AlignRight.js';
|
|
42
44
|
import '../Icons/AlignStartHorizontal.js';
|
|
@@ -62,7 +64,9 @@ import '../Icons/Anvil.js';
|
|
|
62
64
|
import '../Icons/Aperture.js';
|
|
63
65
|
import '../Icons/AppWindowMac.js';
|
|
64
66
|
import '../Icons/AppWindow.js';
|
|
67
|
+
import '../Icons/AppWindows.js';
|
|
65
68
|
import '../Icons/Apple.js';
|
|
69
|
+
import '../Icons/ApplicationObservability.js';
|
|
66
70
|
import '../Icons/ArchiveRestore.js';
|
|
67
71
|
import '../Icons/ArchiveX.js';
|
|
68
72
|
import '../Icons/Archive.js';
|
|
@@ -130,6 +134,7 @@ import '../Icons/ArrowUpToLine.js';
|
|
|
130
134
|
import '../Icons/ArrowUpWideNarrow.js';
|
|
131
135
|
import '../Icons/ArrowUpZA.js';
|
|
132
136
|
import { ArrowUp } from '../Icons/ArrowUp.js';
|
|
137
|
+
import '../Icons/ArrowsDiagonalCrossingRight.js';
|
|
133
138
|
import '../Icons/ArrowsUpFromLine.js';
|
|
134
139
|
import '../Icons/Asserts.js';
|
|
135
140
|
import '../Icons/AsteriskSquare.js';
|
|
@@ -350,6 +355,8 @@ import '../Icons/Cast.js';
|
|
|
350
355
|
import '../Icons/Castle.js';
|
|
351
356
|
import '../Icons/Cat.js';
|
|
352
357
|
import '../Icons/Cctv.js';
|
|
358
|
+
import '../Icons/ChannelPlus.js';
|
|
359
|
+
import '../Icons/Channel.js';
|
|
353
360
|
import '../Icons/ChartArea.js';
|
|
354
361
|
import '../Icons/ChartBarBig.js';
|
|
355
362
|
import '../Icons/ChartBarDecreasing.js';
|
|
@@ -363,6 +370,7 @@ import '../Icons/ChartColumnIncreasing.js';
|
|
|
363
370
|
import '../Icons/ChartColumnStacked.js';
|
|
364
371
|
import '../Icons/ChartColumn.js';
|
|
365
372
|
import '../Icons/ChartGantt.js';
|
|
373
|
+
import '../Icons/ChartLinePlus.js';
|
|
366
374
|
import '../Icons/ChartLine.js';
|
|
367
375
|
import '../Icons/ChartNetwork.js';
|
|
368
376
|
import '../Icons/ChartNoAxesColumnDecreasing.js';
|
|
@@ -370,6 +378,7 @@ import '../Icons/ChartNoAxesColumnIncreasing.js';
|
|
|
370
378
|
import '../Icons/ChartNoAxesColumn.js';
|
|
371
379
|
import '../Icons/ChartNoAxesCombined.js';
|
|
372
380
|
import '../Icons/ChartNoAxesGantt.js';
|
|
381
|
+
import '../Icons/ChartPanel.js';
|
|
373
382
|
import '../Icons/ChartPie.js';
|
|
374
383
|
import '../Icons/ChartScatter.js';
|
|
375
384
|
import '../Icons/ChartSpline.js';
|
|
@@ -405,10 +414,12 @@ import '../Icons/ChevronUp.js';
|
|
|
405
414
|
import '../Icons/ChevronsDownUp.js';
|
|
406
415
|
import '../Icons/ChevronsDown.js';
|
|
407
416
|
import '../Icons/ChevronsLeftRightEllipsis.js';
|
|
417
|
+
import '../Icons/ChevronsLeftRightLine.js';
|
|
408
418
|
import '../Icons/ChevronsLeftRight.js';
|
|
409
419
|
import '../Icons/ChevronsLeft.js';
|
|
410
420
|
import '../Icons/ChevronsRightLeft.js';
|
|
411
421
|
import '../Icons/ChevronsRight.js';
|
|
422
|
+
import '../Icons/ChevronsUpDownLine.js';
|
|
412
423
|
import '../Icons/ChevronsUpDown.js';
|
|
413
424
|
import '../Icons/ChevronsUp.js';
|
|
414
425
|
import '../Icons/Chrome.js';
|
|
@@ -439,6 +450,7 @@ import '../Icons/CircleEllipsis.js';
|
|
|
439
450
|
import '../Icons/CircleEqual.js';
|
|
440
451
|
import '../Icons/CircleFadingArrowUp.js';
|
|
441
452
|
import '../Icons/CircleFadingPlus.js';
|
|
453
|
+
import '../Icons/CircleFilled.js';
|
|
442
454
|
import '../Icons/CircleGauge.js';
|
|
443
455
|
import '../Icons/CircleHelp.js';
|
|
444
456
|
import '../Icons/CircleMinus.js';
|
|
@@ -463,6 +475,7 @@ import '../Icons/CircleUserRound.js';
|
|
|
463
475
|
import '../Icons/CircleUser.js';
|
|
464
476
|
import '../Icons/CircleX.js';
|
|
465
477
|
import '../Icons/Circle.js';
|
|
478
|
+
import '../Icons/CirclesIntersect.js';
|
|
466
479
|
import '../Icons/CircuitBoard.js';
|
|
467
480
|
import '../Icons/Citrus.js';
|
|
468
481
|
import '../Icons/Clapperboard.js';
|
|
@@ -504,10 +517,12 @@ import '../Icons/CloudAlert.js';
|
|
|
504
517
|
import '../Icons/CloudBackup.js';
|
|
505
518
|
import '../Icons/CloudCheck.js';
|
|
506
519
|
import '../Icons/CloudCog.js';
|
|
520
|
+
import '../Icons/CloudDatabase.js';
|
|
507
521
|
import '../Icons/CloudDownload.js';
|
|
508
522
|
import '../Icons/CloudDrizzle.js';
|
|
509
523
|
import '../Icons/CloudFog.js';
|
|
510
524
|
import '../Icons/CloudHail.js';
|
|
525
|
+
import '../Icons/CloudInfo.js';
|
|
511
526
|
import '../Icons/CloudLightning.js';
|
|
512
527
|
import '../Icons/CloudMoonRain.js';
|
|
513
528
|
import '../Icons/CloudMoon.js';
|
|
@@ -554,6 +569,7 @@ import '../Icons/Container.js';
|
|
|
554
569
|
import '../Icons/Contrast.js';
|
|
555
570
|
import '../Icons/Cookie.js';
|
|
556
571
|
import '../Icons/CookingPot.js';
|
|
572
|
+
import '../Icons/CoolS.js';
|
|
557
573
|
import '../Icons/CopyCheck.js';
|
|
558
574
|
import '../Icons/CopyMinus.js';
|
|
559
575
|
import '../Icons/CopyPlus.js';
|
|
@@ -631,6 +647,7 @@ import '../Icons/DraftingCompass.js';
|
|
|
631
647
|
import '../Icons/Drama.js';
|
|
632
648
|
import '../Icons/Dribbble.js';
|
|
633
649
|
import '../Icons/Drill.js';
|
|
650
|
+
import '../Icons/Drilldown.js';
|
|
634
651
|
import '../Icons/Drone.js';
|
|
635
652
|
import '../Icons/DropletOff.js';
|
|
636
653
|
import '../Icons/Droplet.js';
|
|
@@ -704,6 +721,7 @@ import '../Icons/FileExclamationPoint.js';
|
|
|
704
721
|
import '../Icons/FileHeadphone.js';
|
|
705
722
|
import '../Icons/FileHeart.js';
|
|
706
723
|
import '../Icons/FileImage.js';
|
|
724
|
+
import '../Icons/FileInfo.js';
|
|
707
725
|
import '../Icons/FileInput.js';
|
|
708
726
|
import '../Icons/FileJson_2.js';
|
|
709
727
|
import '../Icons/FileJson.js';
|
|
@@ -712,6 +730,7 @@ import '../Icons/FileKey.js';
|
|
|
712
730
|
import '../Icons/FileLineChart.js';
|
|
713
731
|
import '../Icons/FileLock_2.js';
|
|
714
732
|
import '../Icons/FileLock.js';
|
|
733
|
+
import '../Icons/FileLog.js';
|
|
715
734
|
import '../Icons/FileMinus_2.js';
|
|
716
735
|
import '../Icons/FileMinusCorner.js';
|
|
717
736
|
import '../Icons/FileMinus.js';
|
|
@@ -1013,6 +1032,7 @@ import '../Icons/LandPlot.js';
|
|
|
1013
1032
|
import '../Icons/Landmark.js';
|
|
1014
1033
|
import '../Icons/Languages.js';
|
|
1015
1034
|
import '../Icons/Laptop_2.js';
|
|
1035
|
+
import '../Icons/LaptopCloud.js';
|
|
1016
1036
|
import '../Icons/LaptopMinimalCheck.js';
|
|
1017
1037
|
import '../Icons/LaptopMinimal.js';
|
|
1018
1038
|
import '../Icons/Laptop.js';
|
|
@@ -1021,9 +1041,11 @@ import '../Icons/Lasso.js';
|
|
|
1021
1041
|
import '../Icons/Laugh.js';
|
|
1022
1042
|
import '../Icons/Layers_2.js';
|
|
1023
1043
|
import '../Icons/Layers_3.js';
|
|
1044
|
+
import '../Icons/LayersOff.js';
|
|
1024
1045
|
import '../Icons/LayersPlus.js';
|
|
1025
1046
|
import '../Icons/Layers.js';
|
|
1026
1047
|
import '../Icons/LayoutDashboard.js';
|
|
1048
|
+
import '../Icons/LayoutGridPlus.js';
|
|
1027
1049
|
import '../Icons/LayoutGrid.js';
|
|
1028
1050
|
import '../Icons/LayoutList.js';
|
|
1029
1051
|
import '../Icons/LayoutPanelLeft.js';
|
|
@@ -1085,6 +1107,7 @@ import '../Icons/LogIn.js';
|
|
|
1085
1107
|
import '../Icons/LogOut.js';
|
|
1086
1108
|
import '../Icons/Logs.js';
|
|
1087
1109
|
import '../Icons/Lollipop.js';
|
|
1110
|
+
import '../Icons/LoopedArrowsBoxes.js';
|
|
1088
1111
|
import '../Icons/Luggage.js';
|
|
1089
1112
|
import '../Icons/MSquare.js';
|
|
1090
1113
|
import '../Icons/Magnet.js';
|
|
@@ -1217,6 +1240,7 @@ import '../Icons/MoveUpRight.js';
|
|
|
1217
1240
|
import '../Icons/MoveUp.js';
|
|
1218
1241
|
import '../Icons/MoveVertical.js';
|
|
1219
1242
|
import '../Icons/Move.js';
|
|
1243
|
+
import '../Icons/MultiStep.js';
|
|
1220
1244
|
import '../Icons/Music_2.js';
|
|
1221
1245
|
import '../Icons/Music_3.js';
|
|
1222
1246
|
import '../Icons/Music_4.js';
|
|
@@ -1246,6 +1270,8 @@ import '../Icons/Okta.js';
|
|
|
1246
1270
|
import '../Icons/Omega.js';
|
|
1247
1271
|
import '../Icons/Option.js';
|
|
1248
1272
|
import '../Icons/Orbit.js';
|
|
1273
|
+
import '../Icons/OrientationLandscape.js';
|
|
1274
|
+
import '../Icons/OrientationPortrait.js';
|
|
1249
1275
|
import '../Icons/Origami.js';
|
|
1250
1276
|
import '../Icons/Outdent.js';
|
|
1251
1277
|
import '../Icons/Package_2.js';
|
|
@@ -1275,11 +1301,13 @@ import '../Icons/PanelLeftDashed.js';
|
|
|
1275
1301
|
import '../Icons/PanelLeftInactive.js';
|
|
1276
1302
|
import '../Icons/PanelLeftOpen.js';
|
|
1277
1303
|
import '../Icons/PanelLeftRightDashed.js';
|
|
1304
|
+
import '../Icons/PanelLeftToggle.js';
|
|
1278
1305
|
import '../Icons/PanelLeft.js';
|
|
1279
1306
|
import '../Icons/PanelRightClose.js';
|
|
1280
1307
|
import '../Icons/PanelRightDashed.js';
|
|
1281
1308
|
import '../Icons/PanelRightInactive.js';
|
|
1282
1309
|
import '../Icons/PanelRightOpen.js';
|
|
1310
|
+
import '../Icons/PanelRightToggle.js';
|
|
1283
1311
|
import '../Icons/PanelRight.js';
|
|
1284
1312
|
import '../Icons/PanelTopBottomDashed.js';
|
|
1285
1313
|
import '../Icons/PanelTopClose.js';
|
|
@@ -1354,6 +1382,7 @@ import '../Icons/PlayCircle.js';
|
|
|
1354
1382
|
import '../Icons/PlaySquare.js';
|
|
1355
1383
|
import '../Icons/Play.js';
|
|
1356
1384
|
import '../Icons/Plug_2.js';
|
|
1385
|
+
import '../Icons/PlugDiagonal.js';
|
|
1357
1386
|
import '../Icons/PlugZap_2.js';
|
|
1358
1387
|
import '../Icons/PlugZap.js';
|
|
1359
1388
|
import '../Icons/Plug.js';
|
|
@@ -1417,6 +1446,8 @@ import '../Icons/RefreshCcwDot.js';
|
|
|
1417
1446
|
import '../Icons/RefreshCcw.js';
|
|
1418
1447
|
import '../Icons/RefreshCwOff.js';
|
|
1419
1448
|
import '../Icons/RefreshCw.js';
|
|
1449
|
+
import '../Icons/RefreshX4Ccw.js';
|
|
1450
|
+
import '../Icons/RefreshX4Cw.js';
|
|
1420
1451
|
import '../Icons/Refrigerator.js';
|
|
1421
1452
|
import '../Icons/Regex.js';
|
|
1422
1453
|
import '../Icons/RemoveFormatting.js';
|
|
@@ -1612,6 +1643,7 @@ import '../Icons/SquareChevronLeft.js';
|
|
|
1612
1643
|
import '../Icons/SquareChevronRight.js';
|
|
1613
1644
|
import '../Icons/SquareChevronUp.js';
|
|
1614
1645
|
import '../Icons/SquareCode.js';
|
|
1646
|
+
import '../Icons/SquareDashedArrowSmallSquare.js';
|
|
1615
1647
|
import '../Icons/SquareDashedBottomCode.js';
|
|
1616
1648
|
import '../Icons/SquareDashedBottom.js';
|
|
1617
1649
|
import '../Icons/SquareDashedKanban.js';
|
|
@@ -1625,12 +1657,14 @@ import '../Icons/SquareFunction.js';
|
|
|
1625
1657
|
import '../Icons/SquareGanttChart.js';
|
|
1626
1658
|
import '../Icons/SquareKanban.js';
|
|
1627
1659
|
import '../Icons/SquareLibrary.js';
|
|
1660
|
+
import '../Icons/SquareList.js';
|
|
1628
1661
|
import '../Icons/SquareM.js';
|
|
1629
1662
|
import '../Icons/SquareMenu.js';
|
|
1630
1663
|
import '../Icons/SquareMinus.js';
|
|
1631
1664
|
import '../Icons/SquareMousePointer.js';
|
|
1632
1665
|
import '../Icons/SquareParkingOff.js';
|
|
1633
1666
|
import '../Icons/SquareParking.js';
|
|
1667
|
+
import '../Icons/SquarePartialList.js';
|
|
1634
1668
|
import '../Icons/SquarePause.js';
|
|
1635
1669
|
import '../Icons/SquarePen.js';
|
|
1636
1670
|
import '../Icons/SquarePercent.js';
|
|
@@ -1828,6 +1862,7 @@ import '../Icons/UserCircle_2.js';
|
|
|
1828
1862
|
import '../Icons/UserCircle.js';
|
|
1829
1863
|
import '../Icons/UserCog_2.js';
|
|
1830
1864
|
import '../Icons/UserCog.js';
|
|
1865
|
+
import '../Icons/UserKey.js';
|
|
1831
1866
|
import '../Icons/UserLock.js';
|
|
1832
1867
|
import '../Icons/UserMinus_2.js';
|
|
1833
1868
|
import '../Icons/UserMinus.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComparisonBadge.js","sources":["../../../../src/components/ComparisonBadge/ComparisonBadge.tsx"],"sourcesContent":["import { cx } from '@emotion/css';\nimport { GlobalCSSVariables } from '@grafana/design-tokens';\nimport { Icon, SVGComponent } from '../Icon';\nimport { ArrowDown, ArrowUp, Clock, Minus } from '../Icons';\nimport { calculateComparison } from '../../utils/comparison';\nimport { formatNumber } from '../../utils/formatters';\nimport { ComparisonTooltipProps, ComparisonTooltip } from '../ComparisonTooltip';\nimport { cssVariables, getComparisonBadgeStyles } from './ComparisonBadge.styles';\n\nconst formatCurrency = (value: number | undefined | null): string => {\n return !!value ? `$${formatNumber(value, { precise: true })}` : 'N/A';\n};\n\nexport interface ComparisonBadgeProps\n extends Pick<ComparisonTooltipProps, 'currentLabel' | 'previousLabel' | 'placement'> {\n current?: number | null;\n previous?: number | null;\n highlight?: boolean;\n timeframeLabel?: string;\n tooltip?: boolean;\n hideDelay?: number;\n formatValues?: ((value: number) => string) | false;\n}\n\nconst DIRECTION_ICON: Record<'up' | 'down' | 'neutral', SVGComponent> = {\n up: ArrowUp,\n down: ArrowDown,\n neutral: Minus,\n};\n\nexport const ComparisonBadge = ({\n current,\n previous,\n currentLabel,\n previousLabel,\n placement,\n highlight = false,\n timeframeLabel,\n tooltip = true,\n hideDelay,\n formatValues = formatCurrency,\n}: ComparisonBadgeProps) => {\n const { direction, hasComparison, percentageLabel } = calculateComparison(current, previous);\n const styles = getComparisonBadgeStyles({ highlight, direction, tooltip });\n\n const formatValueString = (value?: number | null): string | undefined => {\n switch (true) {\n case Boolean(formatValues) &&\n typeof formatValues === 'function' &&\n typeof value !== 'undefined' &&\n value !== null:\n return formatValues(value);\n case typeof value === 'undefined':\n return undefined;\n default:\n return `${value}`;\n }\n };\n\n const directionIconStyle = (() => {\n switch (true) {\n case direction == 'neutral':\n return styles.dash;\n default:\n return undefined;\n }\n })();\n\n const badgeContent = (\n <div className={styles.container}>\n <div className={styles.clockIconWrapper}>\n <Icon component={Clock} />\n </div>\n <div className={styles.trendLabelContainer}>\n <span className={styles.trendLabel}>\n <span className={cx(styles.trendIconWrapper, directionIconStyle)}>\n <Icon component={DIRECTION_ICON[direction]} size=\"lg\" strokeWidth={3} />\n </span>\n {hasComparison && percentageLabel && <>{percentageLabel}</>}\n </span>\n {timeframeLabel && (\n <span className={styles.timeframeLabel}>vs {timeframeLabel.toLowerCase()}</span>\n )}\n </div>\n </div>\n );\n\n return (\n <>\n <GlobalCSSVariables variables={cssVariables()} defaultColorMode={null} />\n {tooltip ? (\n <ComparisonTooltip\n trigger={badgeContent}\n current={formatValueString(current)}\n previous={formatValueString(previous)}\n currentLabel={currentLabel}\n previousLabel={previousLabel}\n placement={placement}\n hideDelay={hideDelay}\n />\n ) : (\n badgeContent\n )}\n </>\n );\n};\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ComparisonBadge.js","sources":["../../../../src/components/ComparisonBadge/ComparisonBadge.tsx"],"sourcesContent":["import { cx } from '@emotion/css';\nimport { GlobalCSSVariables } from '@grafana/design-tokens';\nimport { Icon, SVGComponent } from '../Icon';\nimport { ArrowDown, ArrowUp, Clock, Minus } from '../Icons';\nimport { calculateComparison } from '../../utils/comparison';\nimport { formatNumber } from '../../utils/formatters';\nimport { ComparisonTooltipProps, ComparisonTooltip } from '../ComparisonTooltip';\nimport { cssVariables, getComparisonBadgeStyles } from './ComparisonBadge.styles';\n\nconst formatCurrency = (value: number | undefined | null): string => {\n return !!value ? `$${formatNumber(value, { precise: true })}` : 'N/A';\n};\n\nexport interface ComparisonBadgeProps\n extends Pick<ComparisonTooltipProps, 'currentLabel' | 'previousLabel' | 'placement'> {\n current?: number | null;\n previous?: number | null;\n highlight?: boolean;\n timeframeLabel?: string;\n tooltip?: boolean;\n hideDelay?: number;\n formatValues?: ((value: number) => string) | false;\n}\n\nconst DIRECTION_ICON: Record<'up' | 'down' | 'neutral', SVGComponent> = {\n up: ArrowUp,\n down: ArrowDown,\n neutral: Minus,\n};\n\nexport const ComparisonBadge = ({\n current,\n previous,\n currentLabel,\n previousLabel,\n placement,\n highlight = false,\n timeframeLabel,\n tooltip = true,\n hideDelay,\n formatValues = formatCurrency,\n}: ComparisonBadgeProps) => {\n const { direction, hasComparison, percentageLabel } = calculateComparison(current, previous);\n const styles = getComparisonBadgeStyles({ highlight, direction, tooltip });\n\n const formatValueString = (value?: number | null): string | undefined => {\n switch (true) {\n case Boolean(formatValues) &&\n typeof formatValues === 'function' &&\n typeof value !== 'undefined' &&\n value !== null:\n return formatValues(value);\n case typeof value === 'undefined':\n return undefined;\n default:\n return `${value}`;\n }\n };\n\n const directionIconStyle = (() => {\n switch (true) {\n case direction == 'neutral':\n return styles.dash;\n default:\n return undefined;\n }\n })();\n\n const badgeContent = (\n <div className={styles.container}>\n <div className={styles.clockIconWrapper}>\n <Icon component={Clock} />\n </div>\n <div className={styles.trendLabelContainer}>\n <span className={styles.trendLabel}>\n <span className={cx(styles.trendIconWrapper, directionIconStyle)}>\n <Icon component={DIRECTION_ICON[direction]} size=\"lg\" strokeWidth={3} />\n </span>\n {hasComparison && percentageLabel && <>{percentageLabel}</>}\n </span>\n {timeframeLabel && (\n <span className={styles.timeframeLabel}>vs {timeframeLabel.toLowerCase()}</span>\n )}\n </div>\n </div>\n );\n\n return (\n <>\n <GlobalCSSVariables variables={cssVariables()} defaultColorMode={null} />\n {tooltip ? (\n <ComparisonTooltip\n trigger={badgeContent}\n current={formatValueString(current)}\n previous={formatValueString(previous)}\n currentLabel={currentLabel}\n previousLabel={previousLabel}\n placement={placement}\n hideDelay={hideDelay}\n />\n ) : (\n badgeContent\n )}\n </>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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"}
|
|
@@ -35,6 +35,8 @@ import '../Icons/AlignHorizontalJustifyStart.js';
|
|
|
35
35
|
import '../Icons/AlignHorizontalSpaceAround.js';
|
|
36
36
|
import '../Icons/AlignHorizontalSpaceBetween.js';
|
|
37
37
|
import '../Icons/AlignJustify.js';
|
|
38
|
+
import '../Icons/AlignLayoutLeft.js';
|
|
39
|
+
import '../Icons/AlignLayoutRight.js';
|
|
38
40
|
import '../Icons/AlignLeft.js';
|
|
39
41
|
import '../Icons/AlignRight.js';
|
|
40
42
|
import '../Icons/AlignStartHorizontal.js';
|
|
@@ -60,7 +62,9 @@ import '../Icons/Anvil.js';
|
|
|
60
62
|
import '../Icons/Aperture.js';
|
|
61
63
|
import '../Icons/AppWindowMac.js';
|
|
62
64
|
import '../Icons/AppWindow.js';
|
|
65
|
+
import '../Icons/AppWindows.js';
|
|
63
66
|
import '../Icons/Apple.js';
|
|
67
|
+
import '../Icons/ApplicationObservability.js';
|
|
64
68
|
import '../Icons/ArchiveRestore.js';
|
|
65
69
|
import '../Icons/ArchiveX.js';
|
|
66
70
|
import '../Icons/Archive.js';
|
|
@@ -128,6 +132,7 @@ import '../Icons/ArrowUpToLine.js';
|
|
|
128
132
|
import '../Icons/ArrowUpWideNarrow.js';
|
|
129
133
|
import '../Icons/ArrowUpZA.js';
|
|
130
134
|
import '../Icons/ArrowUp.js';
|
|
135
|
+
import '../Icons/ArrowsDiagonalCrossingRight.js';
|
|
131
136
|
import '../Icons/ArrowsUpFromLine.js';
|
|
132
137
|
import '../Icons/Asserts.js';
|
|
133
138
|
import '../Icons/AsteriskSquare.js';
|
|
@@ -348,6 +353,8 @@ import '../Icons/Cast.js';
|
|
|
348
353
|
import '../Icons/Castle.js';
|
|
349
354
|
import '../Icons/Cat.js';
|
|
350
355
|
import '../Icons/Cctv.js';
|
|
356
|
+
import '../Icons/ChannelPlus.js';
|
|
357
|
+
import '../Icons/Channel.js';
|
|
351
358
|
import '../Icons/ChartArea.js';
|
|
352
359
|
import '../Icons/ChartBarBig.js';
|
|
353
360
|
import '../Icons/ChartBarDecreasing.js';
|
|
@@ -361,6 +368,7 @@ import '../Icons/ChartColumnIncreasing.js';
|
|
|
361
368
|
import '../Icons/ChartColumnStacked.js';
|
|
362
369
|
import '../Icons/ChartColumn.js';
|
|
363
370
|
import '../Icons/ChartGantt.js';
|
|
371
|
+
import '../Icons/ChartLinePlus.js';
|
|
364
372
|
import '../Icons/ChartLine.js';
|
|
365
373
|
import '../Icons/ChartNetwork.js';
|
|
366
374
|
import '../Icons/ChartNoAxesColumnDecreasing.js';
|
|
@@ -368,6 +376,7 @@ import '../Icons/ChartNoAxesColumnIncreasing.js';
|
|
|
368
376
|
import '../Icons/ChartNoAxesColumn.js';
|
|
369
377
|
import '../Icons/ChartNoAxesCombined.js';
|
|
370
378
|
import '../Icons/ChartNoAxesGantt.js';
|
|
379
|
+
import '../Icons/ChartPanel.js';
|
|
371
380
|
import '../Icons/ChartPie.js';
|
|
372
381
|
import '../Icons/ChartScatter.js';
|
|
373
382
|
import '../Icons/ChartSpline.js';
|
|
@@ -403,10 +412,12 @@ import '../Icons/ChevronUp.js';
|
|
|
403
412
|
import '../Icons/ChevronsDownUp.js';
|
|
404
413
|
import '../Icons/ChevronsDown.js';
|
|
405
414
|
import '../Icons/ChevronsLeftRightEllipsis.js';
|
|
415
|
+
import '../Icons/ChevronsLeftRightLine.js';
|
|
406
416
|
import '../Icons/ChevronsLeftRight.js';
|
|
407
417
|
import '../Icons/ChevronsLeft.js';
|
|
408
418
|
import '../Icons/ChevronsRightLeft.js';
|
|
409
419
|
import '../Icons/ChevronsRight.js';
|
|
420
|
+
import '../Icons/ChevronsUpDownLine.js';
|
|
410
421
|
import '../Icons/ChevronsUpDown.js';
|
|
411
422
|
import '../Icons/ChevronsUp.js';
|
|
412
423
|
import '../Icons/Chrome.js';
|
|
@@ -437,6 +448,7 @@ import '../Icons/CircleEllipsis.js';
|
|
|
437
448
|
import '../Icons/CircleEqual.js';
|
|
438
449
|
import '../Icons/CircleFadingArrowUp.js';
|
|
439
450
|
import '../Icons/CircleFadingPlus.js';
|
|
451
|
+
import '../Icons/CircleFilled.js';
|
|
440
452
|
import '../Icons/CircleGauge.js';
|
|
441
453
|
import '../Icons/CircleHelp.js';
|
|
442
454
|
import '../Icons/CircleMinus.js';
|
|
@@ -461,6 +473,7 @@ import '../Icons/CircleUserRound.js';
|
|
|
461
473
|
import '../Icons/CircleUser.js';
|
|
462
474
|
import '../Icons/CircleX.js';
|
|
463
475
|
import '../Icons/Circle.js';
|
|
476
|
+
import '../Icons/CirclesIntersect.js';
|
|
464
477
|
import '../Icons/CircuitBoard.js';
|
|
465
478
|
import '../Icons/Citrus.js';
|
|
466
479
|
import '../Icons/Clapperboard.js';
|
|
@@ -502,10 +515,12 @@ import '../Icons/CloudAlert.js';
|
|
|
502
515
|
import '../Icons/CloudBackup.js';
|
|
503
516
|
import '../Icons/CloudCheck.js';
|
|
504
517
|
import '../Icons/CloudCog.js';
|
|
518
|
+
import '../Icons/CloudDatabase.js';
|
|
505
519
|
import '../Icons/CloudDownload.js';
|
|
506
520
|
import '../Icons/CloudDrizzle.js';
|
|
507
521
|
import '../Icons/CloudFog.js';
|
|
508
522
|
import '../Icons/CloudHail.js';
|
|
523
|
+
import '../Icons/CloudInfo.js';
|
|
509
524
|
import '../Icons/CloudLightning.js';
|
|
510
525
|
import '../Icons/CloudMoonRain.js';
|
|
511
526
|
import '../Icons/CloudMoon.js';
|
|
@@ -552,6 +567,7 @@ import '../Icons/Container.js';
|
|
|
552
567
|
import '../Icons/Contrast.js';
|
|
553
568
|
import '../Icons/Cookie.js';
|
|
554
569
|
import '../Icons/CookingPot.js';
|
|
570
|
+
import '../Icons/CoolS.js';
|
|
555
571
|
import '../Icons/CopyCheck.js';
|
|
556
572
|
import '../Icons/CopyMinus.js';
|
|
557
573
|
import '../Icons/CopyPlus.js';
|
|
@@ -629,6 +645,7 @@ import '../Icons/DraftingCompass.js';
|
|
|
629
645
|
import '../Icons/Drama.js';
|
|
630
646
|
import '../Icons/Dribbble.js';
|
|
631
647
|
import '../Icons/Drill.js';
|
|
648
|
+
import '../Icons/Drilldown.js';
|
|
632
649
|
import '../Icons/Drone.js';
|
|
633
650
|
import '../Icons/DropletOff.js';
|
|
634
651
|
import '../Icons/Droplet.js';
|
|
@@ -702,6 +719,7 @@ import '../Icons/FileExclamationPoint.js';
|
|
|
702
719
|
import '../Icons/FileHeadphone.js';
|
|
703
720
|
import '../Icons/FileHeart.js';
|
|
704
721
|
import '../Icons/FileImage.js';
|
|
722
|
+
import '../Icons/FileInfo.js';
|
|
705
723
|
import '../Icons/FileInput.js';
|
|
706
724
|
import '../Icons/FileJson_2.js';
|
|
707
725
|
import '../Icons/FileJson.js';
|
|
@@ -710,6 +728,7 @@ import '../Icons/FileKey.js';
|
|
|
710
728
|
import '../Icons/FileLineChart.js';
|
|
711
729
|
import '../Icons/FileLock_2.js';
|
|
712
730
|
import '../Icons/FileLock.js';
|
|
731
|
+
import '../Icons/FileLog.js';
|
|
713
732
|
import '../Icons/FileMinus_2.js';
|
|
714
733
|
import '../Icons/FileMinusCorner.js';
|
|
715
734
|
import '../Icons/FileMinus.js';
|
|
@@ -1011,6 +1030,7 @@ import '../Icons/LandPlot.js';
|
|
|
1011
1030
|
import '../Icons/Landmark.js';
|
|
1012
1031
|
import '../Icons/Languages.js';
|
|
1013
1032
|
import '../Icons/Laptop_2.js';
|
|
1033
|
+
import '../Icons/LaptopCloud.js';
|
|
1014
1034
|
import '../Icons/LaptopMinimalCheck.js';
|
|
1015
1035
|
import '../Icons/LaptopMinimal.js';
|
|
1016
1036
|
import '../Icons/Laptop.js';
|
|
@@ -1019,9 +1039,11 @@ import '../Icons/Lasso.js';
|
|
|
1019
1039
|
import '../Icons/Laugh.js';
|
|
1020
1040
|
import '../Icons/Layers_2.js';
|
|
1021
1041
|
import '../Icons/Layers_3.js';
|
|
1042
|
+
import '../Icons/LayersOff.js';
|
|
1022
1043
|
import '../Icons/LayersPlus.js';
|
|
1023
1044
|
import '../Icons/Layers.js';
|
|
1024
1045
|
import '../Icons/LayoutDashboard.js';
|
|
1046
|
+
import '../Icons/LayoutGridPlus.js';
|
|
1025
1047
|
import '../Icons/LayoutGrid.js';
|
|
1026
1048
|
import '../Icons/LayoutList.js';
|
|
1027
1049
|
import '../Icons/LayoutPanelLeft.js';
|
|
@@ -1083,6 +1105,7 @@ import '../Icons/LogIn.js';
|
|
|
1083
1105
|
import '../Icons/LogOut.js';
|
|
1084
1106
|
import '../Icons/Logs.js';
|
|
1085
1107
|
import '../Icons/Lollipop.js';
|
|
1108
|
+
import '../Icons/LoopedArrowsBoxes.js';
|
|
1086
1109
|
import '../Icons/Luggage.js';
|
|
1087
1110
|
import '../Icons/MSquare.js';
|
|
1088
1111
|
import '../Icons/Magnet.js';
|
|
@@ -1215,6 +1238,7 @@ import '../Icons/MoveUpRight.js';
|
|
|
1215
1238
|
import '../Icons/MoveUp.js';
|
|
1216
1239
|
import '../Icons/MoveVertical.js';
|
|
1217
1240
|
import '../Icons/Move.js';
|
|
1241
|
+
import '../Icons/MultiStep.js';
|
|
1218
1242
|
import '../Icons/Music_2.js';
|
|
1219
1243
|
import '../Icons/Music_3.js';
|
|
1220
1244
|
import '../Icons/Music_4.js';
|
|
@@ -1244,6 +1268,8 @@ import '../Icons/Okta.js';
|
|
|
1244
1268
|
import '../Icons/Omega.js';
|
|
1245
1269
|
import '../Icons/Option.js';
|
|
1246
1270
|
import '../Icons/Orbit.js';
|
|
1271
|
+
import '../Icons/OrientationLandscape.js';
|
|
1272
|
+
import '../Icons/OrientationPortrait.js';
|
|
1247
1273
|
import '../Icons/Origami.js';
|
|
1248
1274
|
import '../Icons/Outdent.js';
|
|
1249
1275
|
import '../Icons/Package_2.js';
|
|
@@ -1273,11 +1299,13 @@ import '../Icons/PanelLeftDashed.js';
|
|
|
1273
1299
|
import '../Icons/PanelLeftInactive.js';
|
|
1274
1300
|
import '../Icons/PanelLeftOpen.js';
|
|
1275
1301
|
import '../Icons/PanelLeftRightDashed.js';
|
|
1302
|
+
import '../Icons/PanelLeftToggle.js';
|
|
1276
1303
|
import '../Icons/PanelLeft.js';
|
|
1277
1304
|
import '../Icons/PanelRightClose.js';
|
|
1278
1305
|
import '../Icons/PanelRightDashed.js';
|
|
1279
1306
|
import '../Icons/PanelRightInactive.js';
|
|
1280
1307
|
import '../Icons/PanelRightOpen.js';
|
|
1308
|
+
import '../Icons/PanelRightToggle.js';
|
|
1281
1309
|
import '../Icons/PanelRight.js';
|
|
1282
1310
|
import '../Icons/PanelTopBottomDashed.js';
|
|
1283
1311
|
import '../Icons/PanelTopClose.js';
|
|
@@ -1352,6 +1380,7 @@ import '../Icons/PlayCircle.js';
|
|
|
1352
1380
|
import '../Icons/PlaySquare.js';
|
|
1353
1381
|
import '../Icons/Play.js';
|
|
1354
1382
|
import '../Icons/Plug_2.js';
|
|
1383
|
+
import '../Icons/PlugDiagonal.js';
|
|
1355
1384
|
import '../Icons/PlugZap_2.js';
|
|
1356
1385
|
import '../Icons/PlugZap.js';
|
|
1357
1386
|
import '../Icons/Plug.js';
|
|
@@ -1415,6 +1444,8 @@ import '../Icons/RefreshCcwDot.js';
|
|
|
1415
1444
|
import '../Icons/RefreshCcw.js';
|
|
1416
1445
|
import '../Icons/RefreshCwOff.js';
|
|
1417
1446
|
import '../Icons/RefreshCw.js';
|
|
1447
|
+
import '../Icons/RefreshX4Ccw.js';
|
|
1448
|
+
import '../Icons/RefreshX4Cw.js';
|
|
1418
1449
|
import '../Icons/Refrigerator.js';
|
|
1419
1450
|
import '../Icons/Regex.js';
|
|
1420
1451
|
import '../Icons/RemoveFormatting.js';
|
|
@@ -1610,6 +1641,7 @@ import '../Icons/SquareChevronLeft.js';
|
|
|
1610
1641
|
import '../Icons/SquareChevronRight.js';
|
|
1611
1642
|
import '../Icons/SquareChevronUp.js';
|
|
1612
1643
|
import '../Icons/SquareCode.js';
|
|
1644
|
+
import '../Icons/SquareDashedArrowSmallSquare.js';
|
|
1613
1645
|
import '../Icons/SquareDashedBottomCode.js';
|
|
1614
1646
|
import '../Icons/SquareDashedBottom.js';
|
|
1615
1647
|
import '../Icons/SquareDashedKanban.js';
|
|
@@ -1623,12 +1655,14 @@ import '../Icons/SquareFunction.js';
|
|
|
1623
1655
|
import '../Icons/SquareGanttChart.js';
|
|
1624
1656
|
import '../Icons/SquareKanban.js';
|
|
1625
1657
|
import '../Icons/SquareLibrary.js';
|
|
1658
|
+
import '../Icons/SquareList.js';
|
|
1626
1659
|
import '../Icons/SquareM.js';
|
|
1627
1660
|
import '../Icons/SquareMenu.js';
|
|
1628
1661
|
import '../Icons/SquareMinus.js';
|
|
1629
1662
|
import '../Icons/SquareMousePointer.js';
|
|
1630
1663
|
import '../Icons/SquareParkingOff.js';
|
|
1631
1664
|
import '../Icons/SquareParking.js';
|
|
1665
|
+
import '../Icons/SquarePartialList.js';
|
|
1632
1666
|
import '../Icons/SquarePause.js';
|
|
1633
1667
|
import '../Icons/SquarePen.js';
|
|
1634
1668
|
import '../Icons/SquarePercent.js';
|
|
@@ -1826,6 +1860,7 @@ import '../Icons/UserCircle_2.js';
|
|
|
1826
1860
|
import '../Icons/UserCircle.js';
|
|
1827
1861
|
import '../Icons/UserCog_2.js';
|
|
1828
1862
|
import '../Icons/UserCog.js';
|
|
1863
|
+
import '../Icons/UserKey.js';
|
|
1829
1864
|
import '../Icons/UserLock.js';
|
|
1830
1865
|
import '../Icons/UserMinus_2.js';
|
|
1831
1866
|
import '../Icons/UserMinus.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComparisonTooltip.js","sources":["../../../../src/components/ComparisonTooltip/ComparisonTooltip.tsx"],"sourcesContent":["import { Icon, SVGComponent } from '../Icon';\nimport { Clock, Eye } from '../Icons';\nimport { Popover, PopoverWithTriggerProps } from '../Popover';\nimport { getStyles } from './ComparisonTooltip.styles';\n\nexport interface ComparisonTooltipProps extends Omit<PopoverWithTriggerProps, 'children'> {\n current?: string;\n previous?: string;\n previousLabel?: string;\n currentLabel?: string;\n title?: string;\n currentIcon?: SVGComponent;\n previousIcon?: SVGComponent;\n hideDelay?: number;\n}\n\nexport const ComparisonTooltip = ({\n trigger,\n placement = 'top',\n current,\n previous,\n previousLabel = 'Previous',\n currentLabel = 'Current',\n title,\n currentIcon = Eye,\n previousIcon = Clock,\n hideDelay,\n}: ComparisonTooltipProps) => {\n const styles = getStyles();\n\n return (\n <Popover trigger={trigger} placement={placement} hideDelay={hideDelay}>\n <div className={styles.wrapper}>\n {title && <div className={styles.heading}>{title}</div>}\n <div className={styles.content}>\n <div className={styles.section}>\n <div className={styles.sectionTitle}>{currentLabel}</div>\n <div className={styles.value}>\n <Icon component={currentIcon} size=\"sm\" />\n <span>{current || 'N/A'}</span>\n </div>\n </div>\n <div className={styles.section}>\n <div className={styles.sectionTitle}>{previousLabel}</div>\n <div className={styles.value}>\n <Icon component={previousIcon} size=\"sm\" />\n <span>{previous || 'N/A'}</span>\n </div>\n </div>\n </div>\n </div>\n </Popover>\n );\n};\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ComparisonTooltip.js","sources":["../../../../src/components/ComparisonTooltip/ComparisonTooltip.tsx"],"sourcesContent":["import { Icon, SVGComponent } from '../Icon';\nimport { Clock, Eye } from '../Icons';\nimport { Popover, PopoverWithTriggerProps } from '../Popover';\nimport { getStyles } from './ComparisonTooltip.styles';\n\nexport interface ComparisonTooltipProps extends Omit<PopoverWithTriggerProps, 'children'> {\n current?: string;\n previous?: string;\n previousLabel?: string;\n currentLabel?: string;\n title?: string;\n currentIcon?: SVGComponent;\n previousIcon?: SVGComponent;\n hideDelay?: number;\n}\n\nexport const ComparisonTooltip = ({\n trigger,\n placement = 'top',\n current,\n previous,\n previousLabel = 'Previous',\n currentLabel = 'Current',\n title,\n currentIcon = Eye,\n previousIcon = Clock,\n hideDelay,\n}: ComparisonTooltipProps) => {\n const styles = getStyles();\n\n return (\n <Popover trigger={trigger} placement={placement} hideDelay={hideDelay}>\n <div className={styles.wrapper}>\n {title && <div className={styles.heading}>{title}</div>}\n <div className={styles.content}>\n <div className={styles.section}>\n <div className={styles.sectionTitle}>{currentLabel}</div>\n <div className={styles.value}>\n <Icon component={currentIcon} size=\"sm\" />\n <span>{current || 'N/A'}</span>\n </div>\n </div>\n <div className={styles.section}>\n <div className={styles.sectionTitle}>{previousLabel}</div>\n <div className={styles.value}>\n <Icon component={previousIcon} size=\"sm\" />\n <span>{previous || 'N/A'}</span>\n </div>\n </div>\n </div>\n </div>\n </Popover>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
+
|
|
3
|
+
const AlignLayoutLeft = ({ title = "Align layout left", ...props }) => /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", ...props, children: [
|
|
4
|
+
title && /* @__PURE__ */ jsx("title", { children: title }),
|
|
5
|
+
/* @__PURE__ */ jsx("path", { d: "M7.167 5.75H3.833A.833.833 0 0 0 3 6.583v3.334c0 .46.373.833.833.833h3.334c.46 0 .833-.373.833-.833V6.583a.833.833 0 0 0-.833-.833m4.833.5h9m-9 4h9m-18 4h18m-18 4h11" })
|
|
6
|
+
] });
|
|
7
|
+
AlignLayoutLeft.fill = "none";
|
|
8
|
+
|
|
9
|
+
export { AlignLayoutLeft };
|
|
10
|
+
//# sourceMappingURL=AlignLayoutLeft.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AlignLayoutLeft.js","sources":["../../../../src/components/Icons/AlignLayoutLeft.tsx"],"sourcesContent":["import type { SVGComponent } from '../Icon/types';\n\nexport const AlignLayoutLeft: SVGComponent = ({ title = 'Align layout left', ...props }) => (\n <svg viewBox=\"0 0 24 24\" {...props}>\n {title && <title>{title}</title>}\n <path d=\"M7.167 5.75H3.833A.833.833 0 0 0 3 6.583v3.334c0 .46.373.833.833.833h3.334c.46 0 .833-.373.833-.833V6.583a.833.833 0 0 0-.833-.833m4.833.5h9m-9 4h9m-18 4h18m-18 4h11\"></path>\n </svg>\n);\n\nAlignLayoutLeft.fill = 'none';\n"],"names":[],"mappings":";;AAEO,MAAM,eAAA,GAAgC,CAAC,EAAE,KAAA,GAAQ,mBAAA,EAAqB,GAAG,KAAA,EAAM,qBACpF,IAAA,CAAC,KAAA,EAAA,EAAI,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAC1B,QAAA,EAAA;AAAA,EAAA,KAAA,oBAAS,GAAA,CAAC,WAAO,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,kBACxB,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,uKAAA,EAAwK;AAAA,CAAA,EAClL;AAGF,eAAA,CAAgB,IAAA,GAAO,MAAA;;;;"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
+
|
|
3
|
+
const AlignLayoutRight = ({ title = "Align layout right", ...props }) => /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", ...props, children: [
|
|
4
|
+
title && /* @__PURE__ */ jsx("title", { children: title }),
|
|
5
|
+
/* @__PURE__ */ jsx("path", { d: "M16.833 5.75h3.334c.46 0 .833.373.833.833v3.334c0 .46-.373.833-.833.833h-3.334A.833.833 0 0 1 16 9.917V6.583c0-.46.373-.833.833-.833M12 6.25H3m9 4H3m0 4h18m-18 4h11" })
|
|
6
|
+
] });
|
|
7
|
+
AlignLayoutRight.fill = "none";
|
|
8
|
+
|
|
9
|
+
export { AlignLayoutRight };
|
|
10
|
+
//# sourceMappingURL=AlignLayoutRight.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AlignLayoutRight.js","sources":["../../../../src/components/Icons/AlignLayoutRight.tsx"],"sourcesContent":["import type { SVGComponent } from '../Icon/types';\n\nexport const AlignLayoutRight: SVGComponent = ({ title = 'Align layout right', ...props }) => (\n <svg viewBox=\"0 0 24 24\" {...props}>\n {title && <title>{title}</title>}\n <path d=\"M16.833 5.75h3.334c.46 0 .833.373.833.833v3.334c0 .46-.373.833-.833.833h-3.334A.833.833 0 0 1 16 9.917V6.583c0-.46.373-.833.833-.833M12 6.25H3m9 4H3m0 4h18m-18 4h11\"></path>\n </svg>\n);\n\nAlignLayoutRight.fill = 'none';\n"],"names":[],"mappings":";;AAEO,MAAM,gBAAA,GAAiC,CAAC,EAAE,KAAA,GAAQ,oBAAA,EAAsB,GAAG,KAAA,EAAM,qBACtF,IAAA,CAAC,KAAA,EAAA,EAAI,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAC1B,QAAA,EAAA;AAAA,EAAA,KAAA,oBAAS,GAAA,CAAC,WAAO,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,kBACxB,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,sKAAA,EAAuK;AAAA,CAAA,EACjL;AAGF,gBAAA,CAAiB,IAAA,GAAO,MAAA;;;;"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
+
|
|
3
|
+
const AppWindows = ({ title = "App windows", ...props }) => /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", ...props, children: [
|
|
4
|
+
title && /* @__PURE__ */ jsx("title", { children: title }),
|
|
5
|
+
/* @__PURE__ */ jsx("path", { d: "M16 6H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2m-6 0v4m-8 0h16M6 6v4" }),
|
|
6
|
+
/* @__PURE__ */ jsx("path", { d: "M18 18h2a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v2m0 0h16m-11.402 8.5a3 3 0 1 0-5.196 3 3 3 0 0 0 5.196-3" })
|
|
7
|
+
] });
|
|
8
|
+
AppWindows.fill = "none";
|
|
9
|
+
|
|
10
|
+
export { AppWindows };
|
|
11
|
+
//# sourceMappingURL=AppWindows.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AppWindows.js","sources":["../../../../src/components/Icons/AppWindows.tsx"],"sourcesContent":["import type { SVGComponent } from '../Icon/types';\n\nexport const AppWindows: SVGComponent = ({ title = 'App windows', ...props }) => (\n <svg viewBox=\"0 0 24 24\" {...props}>\n {title && <title>{title}</title>}\n <path d=\"M16 6H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2m-6 0v4m-8 0h16M6 6v4\"></path>\n <path d=\"M18 18h2a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v2m0 0h16m-11.402 8.5a3 3 0 1 0-5.196 3 3 3 0 0 0 5.196-3\"></path>\n </svg>\n);\n\nAppWindows.fill = 'none';\n"],"names":[],"mappings":";;AAEO,MAAM,UAAA,GAA2B,CAAC,EAAE,KAAA,GAAQ,aAAA,EAAe,GAAG,KAAA,EAAM,qBACzE,IAAA,CAAC,KAAA,EAAA,EAAI,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAC1B,QAAA,EAAA;AAAA,EAAA,KAAA,oBAAS,GAAA,CAAC,WAAO,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,kBACxB,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,8FAAA,EAA+F,CAAA;AAAA,kBACvG,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,iHAAA,EAAkH;AAAA,CAAA,EAC5H;AAGF,UAAA,CAAW,IAAA,GAAO,MAAA;;;;"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
+
|
|
3
|
+
const ApplicationObservability = ({
|
|
4
|
+
title = "Application observability",
|
|
5
|
+
...props
|
|
6
|
+
}) => /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", ...props, children: [
|
|
7
|
+
title && /* @__PURE__ */ jsx("title", { children: title }),
|
|
8
|
+
/* @__PURE__ */ jsx("path", { d: "M22.74 22.6 14.848 1.195A.3.3 0 0 0 14.569 1H9.522a.3.3 0 0 0-.278.194L1.322 22.6c-.072.194.072.4.278.4h4.72a.3.3 0 0 0 .283-.207L8.1 18.098a.3.3 0 0 1 .282-.207h7.295c.128 0 .243.083.282.205l1.527 4.699c.04.122.154.204.282.204h4.692c.206 0 .35-.205.278-.399M10 13.597a.43.43 0 0 1-.43.428h-.7a.43.43 0 0 1-.428-.428V8.864a.43.43 0 0 1 .428-.429h.7a.43.43 0 0 1 .43.43zm2.81 0a.43.43 0 0 1-.429.428h-.7a.43.43 0 0 1-.429-.428V5.558a.43.43 0 0 1 .429-.428h.7a.43.43 0 0 1 .429.428zm2.81 0a.43.43 0 0 1-.43.428h-.7a.43.43 0 0 1-.429-.428v-3.241a.43.43 0 0 1 .43-.429h.7a.43.43 0 0 1 .429.429z" })
|
|
9
|
+
] });
|
|
10
|
+
ApplicationObservability.fill = "solid";
|
|
11
|
+
|
|
12
|
+
export { ApplicationObservability };
|
|
13
|
+
//# sourceMappingURL=ApplicationObservability.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ApplicationObservability.js","sources":["../../../../src/components/Icons/ApplicationObservability.tsx"],"sourcesContent":["import type { SVGComponent } from '../Icon/types';\n\nexport const ApplicationObservability: SVGComponent = ({\n title = 'Application observability',\n ...props\n}) => (\n <svg viewBox=\"0 0 24 24\" {...props}>\n {title && <title>{title}</title>}\n <path d=\"M22.74 22.6 14.848 1.195A.3.3 0 0 0 14.569 1H9.522a.3.3 0 0 0-.278.194L1.322 22.6c-.072.194.072.4.278.4h4.72a.3.3 0 0 0 .283-.207L8.1 18.098a.3.3 0 0 1 .282-.207h7.295c.128 0 .243.083.282.205l1.527 4.699c.04.122.154.204.282.204h4.692c.206 0 .35-.205.278-.399M10 13.597a.43.43 0 0 1-.43.428h-.7a.43.43 0 0 1-.428-.428V8.864a.43.43 0 0 1 .428-.429h.7a.43.43 0 0 1 .43.43zm2.81 0a.43.43 0 0 1-.429.428h-.7a.43.43 0 0 1-.429-.428V5.558a.43.43 0 0 1 .429-.428h.7a.43.43 0 0 1 .429.428zm2.81 0a.43.43 0 0 1-.43.428h-.7a.43.43 0 0 1-.429-.428v-3.241a.43.43 0 0 1 .43-.429h.7a.43.43 0 0 1 .429.429z\"></path>\n </svg>\n);\n\nApplicationObservability.fill = 'solid';\n"],"names":[],"mappings":";;AAEO,MAAM,2BAAyC,CAAC;AAAA,EACrD,KAAA,GAAQ,2BAAA;AAAA,EACR,GAAG;AACL,CAAA,qBACE,IAAA,CAAC,KAAA,EAAA,EAAI,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAC1B,QAAA,EAAA;AAAA,EAAA,KAAA,oBAAS,GAAA,CAAC,WAAO,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,kBACxB,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,glBAAA,EAAilB;AAAA,CAAA,EAC3lB;AAGF,wBAAA,CAAyB,IAAA,GAAO,OAAA;;;;"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
+
|
|
3
|
+
const ArrowsDiagonalCrossingRight = ({
|
|
4
|
+
title = "Arrows diagonal crossing right",
|
|
5
|
+
...props
|
|
6
|
+
}) => /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", ...props, children: [
|
|
7
|
+
title && /* @__PURE__ */ jsx("title", { children: title }),
|
|
8
|
+
/* @__PURE__ */ jsx("path", { d: "M14.5 14.5 21 21M3 3l6.5 6.5M21 15v6h-6m0-18h6v6M3 21 21 3" })
|
|
9
|
+
] });
|
|
10
|
+
ArrowsDiagonalCrossingRight.fill = "none";
|
|
11
|
+
|
|
12
|
+
export { ArrowsDiagonalCrossingRight };
|
|
13
|
+
//# sourceMappingURL=ArrowsDiagonalCrossingRight.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ArrowsDiagonalCrossingRight.js","sources":["../../../../src/components/Icons/ArrowsDiagonalCrossingRight.tsx"],"sourcesContent":["import type { SVGComponent } from '../Icon/types';\n\nexport const ArrowsDiagonalCrossingRight: SVGComponent = ({\n title = 'Arrows diagonal crossing right',\n ...props\n}) => (\n <svg viewBox=\"0 0 24 24\" {...props}>\n {title && <title>{title}</title>}\n <path d=\"M14.5 14.5 21 21M3 3l6.5 6.5M21 15v6h-6m0-18h6v6M3 21 21 3\"></path>\n </svg>\n);\n\nArrowsDiagonalCrossingRight.fill = 'none';\n"],"names":[],"mappings":";;AAEO,MAAM,8BAA4C,CAAC;AAAA,EACxD,KAAA,GAAQ,gCAAA;AAAA,EACR,GAAG;AACL,CAAA,qBACE,IAAA,CAAC,KAAA,EAAA,EAAI,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAC1B,QAAA,EAAA;AAAA,EAAA,KAAA,oBAAS,GAAA,CAAC,WAAO,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,kBACxB,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,4DAAA,EAA6D;AAAA,CAAA,EACvE;AAGF,2BAAA,CAA4B,IAAA,GAAO,MAAA;;;;"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
+
|
|
3
|
+
const Channel = ({ title = "Channel", ...props }) => /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", ...props, children: [
|
|
4
|
+
title && /* @__PURE__ */ jsx("title", { children: title }),
|
|
5
|
+
/* @__PURE__ */ jsx("path", { d: "m14.598 15.75 2.815 1.625M9.402 15.75l-2.815 1.625M12 11.25V8m7.794 12.75a2 2 0 1 0 0-4 2 2 0 0 0 0 4m-15.588 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4M12 7.25a2 2 0 1 0 0-4 2 2 0 0 0 0 4m0 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6" })
|
|
6
|
+
] });
|
|
7
|
+
Channel.fill = "none";
|
|
8
|
+
|
|
9
|
+
export { Channel };
|
|
10
|
+
//# sourceMappingURL=Channel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Channel.js","sources":["../../../../src/components/Icons/Channel.tsx"],"sourcesContent":["import type { SVGComponent } from '../Icon/types';\n\nexport const Channel: SVGComponent = ({ title = 'Channel', ...props }) => (\n <svg viewBox=\"0 0 24 24\" {...props}>\n {title && <title>{title}</title>}\n <path d=\"m14.598 15.75 2.815 1.625M9.402 15.75l-2.815 1.625M12 11.25V8m7.794 12.75a2 2 0 1 0 0-4 2 2 0 0 0 0 4m-15.588 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4M12 7.25a2 2 0 1 0 0-4 2 2 0 0 0 0 4m0 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6\"></path>\n </svg>\n);\n\nChannel.fill = 'none';\n"],"names":[],"mappings":";;AAEO,MAAM,OAAA,GAAwB,CAAC,EAAE,KAAA,GAAQ,SAAA,EAAW,GAAG,KAAA,EAAM,qBAClE,IAAA,CAAC,KAAA,EAAA,EAAI,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAC1B,QAAA,EAAA;AAAA,EAAA,KAAA,oBAAS,GAAA,CAAC,WAAO,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,kBACxB,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,kNAAA,EAAmN;AAAA,CAAA,EAC7N;AAGF,OAAA,CAAQ,IAAA,GAAO,MAAA;;;;"}
|