@codecademy/gamut 68.1.1-alpha.762d22.0 → 68.1.1-alpha.796cf2.0

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 (127) hide show
  1. package/README.md +17 -0
  2. package/dist/AccordionAreaDeprecated/index.js +2 -2
  3. package/dist/Alert/elements.d.ts +14 -7
  4. package/dist/Alert/elements.js +5 -5
  5. package/dist/Anchor/index.d.ts +11 -7
  6. package/dist/Anchor/index.js +4 -3
  7. package/dist/Animation/ExpandInCollapseOut.js +1 -1
  8. package/dist/Animation/FadeInSlideOut.js +1 -1
  9. package/dist/Animation/Rotation.js +1 -1
  10. package/dist/Box/Box.d.ts +6 -2
  11. package/dist/Box/Box.js +5 -3
  12. package/dist/Box/FlexBox.d.ts +6 -2
  13. package/dist/Box/FlexBox.js +5 -3
  14. package/dist/Box/GridBox.d.ts +6 -2
  15. package/dist/Box/GridBox.js +5 -3
  16. package/dist/Box/props.d.ts +3 -3
  17. package/dist/Button/CTAButton.d.ts +8 -3
  18. package/dist/Button/FillButton.d.ts +17 -7
  19. package/dist/Button/IconButton.d.ts +17 -7
  20. package/dist/Button/StrokeButton.d.ts +17 -7
  21. package/dist/Button/TextButton.d.ts +17 -7
  22. package/dist/Button/shared/InlineIconButton.d.ts +9 -4
  23. package/dist/Button/shared/styles.d.ts +9 -4
  24. package/dist/Button/shared/types.d.ts +2 -1
  25. package/dist/ButtonBase/ButtonBase.d.ts +9 -3
  26. package/dist/ButtonBase/ButtonBase.js +2 -2
  27. package/dist/Card/elements.d.ts +119 -109
  28. package/dist/Card/styles.d.ts +8 -8
  29. package/dist/Card/types.d.ts +1 -1
  30. package/dist/Coachmark/index.d.ts +1 -1
  31. package/dist/ConnectedForm/ConnectedForm.d.ts +9 -1
  32. package/dist/ConnectedForm/ConnectedForm.js +9 -1
  33. package/dist/ConnectedForm/utils.d.ts +3 -6
  34. package/dist/ContentContainer/index.d.ts +4 -2
  35. package/dist/Disclosure/elements.d.ts +43 -22
  36. package/dist/Disclosure/index.js +1 -1
  37. package/dist/Drawer/index.js +2 -2
  38. package/dist/FeatureShimmer/index.js +2 -2
  39. package/dist/Form/SelectDropdown/SelectDropdown.js +1 -1
  40. package/dist/Form/SelectDropdown/styles.d.ts +1 -1
  41. package/dist/Form/SelectDropdown/types/internal.d.ts +1 -1
  42. package/dist/Form/elements/Form.d.ts +17 -17
  43. package/dist/Form/elements/Form.js +1 -1
  44. package/dist/Form/elements/FormError.d.ts +2 -2
  45. package/dist/Form/elements/FormError.js +1 -1
  46. package/dist/Form/elements/FormGroup.d.ts +5 -3
  47. package/dist/Form/elements/FormGroupLabel.js +2 -2
  48. package/dist/Form/inputs/Select.js +5 -6
  49. package/dist/GridForm/GridFormButtons/index.d.ts +17 -7
  50. package/dist/List/Header/ListHeaderCol.d.ts +3 -2
  51. package/dist/List/List.d.ts +2 -2
  52. package/dist/List/ListCol.d.ts +3 -2
  53. package/dist/List/ListProvider.d.ts +1 -1
  54. package/dist/List/ListRow.d.ts +2 -2
  55. package/dist/List/ListRow.js +3 -3
  56. package/dist/List/TableHeader.d.ts +3 -2
  57. package/dist/List/elements.d.ts +30 -933
  58. package/dist/List/elements.js +10 -8
  59. package/dist/Menu/elements.d.ts +2 -2
  60. package/dist/Modals/elements.d.ts +1 -1
  61. package/dist/Modals/types.d.ts +3 -2
  62. package/dist/Pagination/AnimatedPaginationButtons.d.ts +45 -36
  63. package/dist/Pagination/EllipsisButton.d.ts +18 -8
  64. package/dist/Pagination/PaginationButton.d.ts +25 -10
  65. package/dist/Pagination/utils.d.ts +36 -32
  66. package/dist/Pagination/utils.js +6 -10
  67. package/dist/Popover/elements.d.ts +8 -4
  68. package/dist/Popover/elements.js +6 -6
  69. package/dist/Popover/types.d.ts +2 -2
  70. package/dist/PopoverContainer/hooks.d.ts +2 -2
  71. package/dist/PopoverContainer/types.d.ts +1 -1
  72. package/dist/Tabs/TabButton.d.ts +8 -3
  73. package/dist/Tabs/TabNavLink.d.ts +9 -4
  74. package/dist/Tag/elements.d.ts +28 -20
  75. package/dist/Tip/InfoTip/InfoTipButton.d.ts +17 -7
  76. package/dist/Tip/InfoTip/styles.d.ts +4 -2
  77. package/dist/Tip/PreviewTip/elements.d.ts +12 -8
  78. package/dist/Tip/ToolTip/elements.d.ts +4 -2
  79. package/dist/Tip/__tests__/helpers.d.ts +1 -1
  80. package/dist/Tip/shared/FloatingTip.js +2 -2
  81. package/dist/Tip/shared/elements.d.ts +12 -6
  82. package/dist/Tip/shared/types.d.ts +2 -2
  83. package/dist/Toaster/index.js +1 -1
  84. package/dist/Toggle/elements.d.ts +4 -2
  85. package/dist/Typography/Text.d.ts +5 -7
  86. package/dist/Typography/Text.js +3 -1
  87. package/dist/index.d.ts +0 -1
  88. package/dist/index.js +0 -1
  89. package/dist/utils/index.d.ts +1 -1
  90. package/dist/utils/index.js +1 -1
  91. package/dist/utils/react.d.ts +1 -0
  92. package/dist/utils/react.js +4 -1
  93. package/dist/utils/types.d.ts +51 -1
  94. package/dist/utils/types.js +48 -1
  95. package/package.json +12 -11
  96. package/dist/BarChart/BarChartProvider.d.ts +0 -19
  97. package/dist/BarChart/BarChartProvider.js +0 -27
  98. package/dist/BarChart/BarRow/ValueLabelsContent.d.ts +0 -7
  99. package/dist/BarChart/BarRow/ValueLabelsContent.js +0 -34
  100. package/dist/BarChart/BarRow/elements.d.ts +0 -943
  101. package/dist/BarChart/BarRow/elements.js +0 -102
  102. package/dist/BarChart/BarRow/index.d.ts +0 -6
  103. package/dist/BarChart/BarRow/index.js +0 -234
  104. package/dist/BarChart/GENERIC_EXAMPLE.d.ts +0 -14
  105. package/dist/BarChart/GENERIC_EXAMPLE.js +0 -327
  106. package/dist/BarChart/SortSelect/index.d.ts +0 -15
  107. package/dist/BarChart/SortSelect/index.js +0 -18
  108. package/dist/BarChart/index.d.ts +0 -4
  109. package/dist/BarChart/index.js +0 -136
  110. package/dist/BarChart/layout/GridLines.d.ts +0 -3
  111. package/dist/BarChart/layout/GridLines.js +0 -69
  112. package/dist/BarChart/layout/LabelSpacer.d.ts +0 -6
  113. package/dist/BarChart/layout/LabelSpacer.js +0 -56
  114. package/dist/BarChart/layout/ScaleChartHeader.d.ts +0 -3
  115. package/dist/BarChart/layout/ScaleChartHeader.js +0 -87
  116. package/dist/BarChart/shared/elements.d.ts +0 -7
  117. package/dist/BarChart/shared/elements.js +0 -12
  118. package/dist/BarChart/shared/styles.d.ts +0 -4
  119. package/dist/BarChart/shared/styles.js +0 -4
  120. package/dist/BarChart/shared/translations.d.ts +0 -69
  121. package/dist/BarChart/shared/translations.js +0 -57
  122. package/dist/BarChart/shared/types.d.ts +0 -100
  123. package/dist/BarChart/shared/types.js +0 -1
  124. package/dist/BarChart/utils/hooks.d.ts +0 -89
  125. package/dist/BarChart/utils/hooks.js +0 -281
  126. package/dist/BarChart/utils/index.d.ts +0 -56
  127. package/dist/BarChart/utils/index.js +0 -122
@@ -1,102 +0,0 @@
1
- import _styled from "@emotion/styled/base";
2
- function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
3
- import { css, styledOptions } from '@codecademy/gamut-styles';
4
- import { motion } from 'framer-motion';
5
- import { Box, FlexBox } from '../../Box';
6
- import { barListItemPadding } from '../shared/styles';
7
- export const TotalValueLabelsHoverTarget = /*#__PURE__*/_styled(FlexBox, {
8
- target: "e15ycbyh5",
9
- label: "TotalValueLabelsHoverTarget"
10
- })(css({
11
- alignItems: 'center',
12
- flexShrink: 0,
13
- height: 'stretch',
14
- justifyContent: 'flex-end'
15
- }), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9CYXJDaGFydC9CYXJSb3cvZWxlbWVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU8yQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvQmFyQ2hhcnQvQmFyUm93L2VsZW1lbnRzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgc3R5bGVkT3B0aW9ucyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBtb3Rpb24gfSBmcm9tICdmcmFtZXItbW90aW9uJztcblxuaW1wb3J0IHsgQm94LCBGbGV4Qm94IH0gZnJvbSAnLi4vLi4vQm94JztcbmltcG9ydCB7IGJhckxpc3RJdGVtUGFkZGluZyB9IGZyb20gJy4uL3NoYXJlZC9zdHlsZXMnO1xuXG5leHBvcnQgY29uc3QgVG90YWxWYWx1ZUxhYmVsc0hvdmVyVGFyZ2V0ID0gc3R5bGVkKEZsZXhCb3gpKFxuICBjc3Moe1xuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGZsZXhTaHJpbms6IDAsXG4gICAgaGVpZ2h0OiAnc3RyZXRjaCcsXG4gICAganVzdGlmeUNvbnRlbnQ6ICdmbGV4LWVuZCcsXG4gIH0pXG4pO1xuXG5jb25zdCByb3dCYXNlU3R5bGVzID0gY3NzKHtcbiAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gIGJnOiAndHJhbnNwYXJlbnQnLFxuICBib3JkZXI6ICdub25lJyxcbiAgY3Vyc29yOiAnaW5oZXJpdCcsXG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAgZmxleERpcmVjdGlvbjogeyBfOiAnY29sdW1uJywgY194czogJ3JvdycgfSxcblxuICBwOiBiYXJMaXN0SXRlbVBhZGRpbmcsXG4gIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICB0ZXh0RGVjb3JhdGlvbjogJ25vbmUnLFxuICB3aWR0aDogJzEwMCUnLFxuICAnJjpmb2N1cyc6IHtcbiAgICBvdXRsaW5lOiAnbm9uZScsXG4gIH0sXG4gICcmOmZvY3VzLXZpc2libGUnOiB7XG4gICAgb3V0bGluZTogJzJweCBzb2xpZCcsXG4gICAgb3V0bGluZUNvbG9yOiAncHJpbWFyeScsXG4gICAgb3V0bGluZU9mZnNldDogJzJweCcsXG4gIH0sXG59KTtcblxuY29uc3QgaW50ZXJhY3RpdmVTdHlsZXMgPSBjc3Moe1xuICBjdXJzb3I6ICdwb2ludGVyJyxcbiAgJyY6aG92ZXInOiB7XG4gICAgYmc6ICdiYWNrZ3JvdW5kLWhvdmVyJyxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgUm93V3JhcHBlciA9IHN0eWxlZCgnc3BhbicpKHJvd0Jhc2VTdHlsZXMpO1xuZXhwb3J0IGNvbnN0IFJvd0J1dHRvbiA9IHN0eWxlZCgnYnV0dG9uJywgc3R5bGVkT3B0aW9uczwnYnV0dG9uJz4oKSkoXG4gIHJvd0Jhc2VTdHlsZXMsXG4gIGludGVyYWN0aXZlU3R5bGVzXG4pO1xuZXhwb3J0IGNvbnN0IFJvd0FuY2hvciA9IHN0eWxlZCgnYScsIHN0eWxlZE9wdGlvbnM8J2EnPigpKShcbiAgcm93QmFzZVN0eWxlcyxcbiAgaW50ZXJhY3RpdmVTdHlsZXMsXG4gIGNzcyh7XG4gICAgW2AmOmhvdmVyICR7VG90YWxWYWx1ZUxhYmVsc0hvdmVyVGFyZ2V0fWBdOiB7XG4gICAgICB0ZXh0RGVjb3JhdGlvbjogJ3VuZGVybGluZScsXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBCYXJXcmFwcGVyID0gc3R5bGVkKEJveCkoXG4gIGNzcyh7XG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgYm9yZGVyUmFkaXVzOiB7IF86ICdtZCcgYXMgYW55LCBjX3hzOiAneGwnIH0sXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGZsZXg6IHsgXzogJ25vbmUnLCBjX3hzOiAxIH0sXG4gICAgaGVpZ2h0OiB7IF86IDgsIGNfeHM6IDI0IH0sXG4gICAgb3ZlcmZsb3c6ICdoaWRkZW4nLFxuICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICAgIHdpZHRoOiB7IF86ICcxMDAlJywgY194czogJ2F1dG8nIH0sXG4gICAgbXQ6IHsgXzogOCwgY194czogMCB9LFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IEJhciA9IHN0eWxlZChtb3Rpb24uY3JlYXRlKEJveCkpKFxuICBjc3Moe1xuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGJvcmRlclJhZGl1czogJ2luaGVyaXQnLFxuICAgIGJvcmRlclN0eWxlOiAnc29saWQnLFxuICAgIGJvcmRlcldpZHRoOiAnMXB4JyxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgaGVpZ2h0OiAnMTAwJScsXG4gICAgbGVmdDogMCxcbiAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgfSlcbik7XG4iXX0= */");
16
- const rowBaseStyles = css({
17
- alignItems: 'center',
18
- bg: 'transparent',
19
- border: 'none',
20
- cursor: 'inherit',
21
- display: 'flex',
22
- flexDirection: {
23
- _: 'column',
24
- c_xs: 'row'
25
- },
26
- p: barListItemPadding,
27
- position: 'relative',
28
- textDecoration: 'none',
29
- width: '100%',
30
- '&:focus': {
31
- outline: 'none'
32
- },
33
- '&:focus-visible': {
34
- outline: '2px solid',
35
- outlineColor: 'primary',
36
- outlineOffset: '2px'
37
- }
38
- });
39
- const interactiveStyles = css({
40
- cursor: 'pointer',
41
- '&:hover': {
42
- bg: 'background-hover'
43
- }
44
- });
45
- export const RowWrapper = /*#__PURE__*/_styled('span', {
46
- target: "e15ycbyh4",
47
- label: "RowWrapper"
48
- })(rowBaseStyles, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9CYXJDaGFydC9CYXJSb3cvZWxlbWVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZDMEIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0JhckNoYXJ0L0JhclJvdy9lbGVtZW50cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIHN0eWxlZE9wdGlvbnMgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgbW90aW9uIH0gZnJvbSAnZnJhbWVyLW1vdGlvbic7XG5cbmltcG9ydCB7IEJveCwgRmxleEJveCB9IGZyb20gJy4uLy4uL0JveCc7XG5pbXBvcnQgeyBiYXJMaXN0SXRlbVBhZGRpbmcgfSBmcm9tICcuLi9zaGFyZWQvc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IFRvdGFsVmFsdWVMYWJlbHNIb3ZlclRhcmdldCA9IHN0eWxlZChGbGV4Qm94KShcbiAgY3NzKHtcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBmbGV4U2hyaW5rOiAwLFxuICAgIGhlaWdodDogJ3N0cmV0Y2gnLFxuICAgIGp1c3RpZnlDb250ZW50OiAnZmxleC1lbmQnLFxuICB9KVxuKTtcblxuY29uc3Qgcm93QmFzZVN0eWxlcyA9IGNzcyh7XG4gIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICBiZzogJ3RyYW5zcGFyZW50JyxcbiAgYm9yZGVyOiAnbm9uZScsXG4gIGN1cnNvcjogJ2luaGVyaXQnLFxuICBkaXNwbGF5OiAnZmxleCcsXG4gIGZsZXhEaXJlY3Rpb246IHsgXzogJ2NvbHVtbicsIGNfeHM6ICdyb3cnIH0sXG5cbiAgcDogYmFyTGlzdEl0ZW1QYWRkaW5nLFxuICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgdGV4dERlY29yYXRpb246ICdub25lJyxcbiAgd2lkdGg6ICcxMDAlJyxcbiAgJyY6Zm9jdXMnOiB7XG4gICAgb3V0bGluZTogJ25vbmUnLFxuICB9LFxuICAnJjpmb2N1cy12aXNpYmxlJzoge1xuICAgIG91dGxpbmU6ICcycHggc29saWQnLFxuICAgIG91dGxpbmVDb2xvcjogJ3ByaW1hcnknLFxuICAgIG91dGxpbmVPZmZzZXQ6ICcycHgnLFxuICB9LFxufSk7XG5cbmNvbnN0IGludGVyYWN0aXZlU3R5bGVzID0gY3NzKHtcbiAgY3Vyc29yOiAncG9pbnRlcicsXG4gICcmOmhvdmVyJzoge1xuICAgIGJnOiAnYmFja2dyb3VuZC1ob3ZlcicsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFJvd1dyYXBwZXIgPSBzdHlsZWQoJ3NwYW4nKShyb3dCYXNlU3R5bGVzKTtcbmV4cG9ydCBjb25zdCBSb3dCdXR0b24gPSBzdHlsZWQoJ2J1dHRvbicsIHN0eWxlZE9wdGlvbnM8J2J1dHRvbic+KCkpKFxuICByb3dCYXNlU3R5bGVzLFxuICBpbnRlcmFjdGl2ZVN0eWxlc1xuKTtcbmV4cG9ydCBjb25zdCBSb3dBbmNob3IgPSBzdHlsZWQoJ2EnLCBzdHlsZWRPcHRpb25zPCdhJz4oKSkoXG4gIHJvd0Jhc2VTdHlsZXMsXG4gIGludGVyYWN0aXZlU3R5bGVzLFxuICBjc3Moe1xuICAgIFtgJjpob3ZlciAke1RvdGFsVmFsdWVMYWJlbHNIb3ZlclRhcmdldH1gXToge1xuICAgICAgdGV4dERlY29yYXRpb246ICd1bmRlcmxpbmUnLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgQmFyV3JhcHBlciA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGJvcmRlclJhZGl1czogeyBfOiAnbWQnIGFzIGFueSwgY194czogJ3hsJyB9LFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBmbGV4OiB7IF86ICdub25lJywgY194czogMSB9LFxuICAgIGhlaWdodDogeyBfOiA4LCBjX3hzOiAyNCB9LFxuICAgIG92ZXJmbG93OiAnaGlkZGVuJyxcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICB3aWR0aDogeyBfOiAnMTAwJScsIGNfeHM6ICdhdXRvJyB9LFxuICAgIG10OiB7IF86IDgsIGNfeHM6IDAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBCYXIgPSBzdHlsZWQobW90aW9uLmNyZWF0ZShCb3gpKShcbiAgY3NzKHtcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBib3JkZXJSYWRpdXM6ICdpbmhlcml0JyxcbiAgICBib3JkZXJTdHlsZTogJ3NvbGlkJyxcbiAgICBib3JkZXJXaWR0aDogJzFweCcsXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGhlaWdodDogJzEwMCUnLFxuICAgIGxlZnQ6IDAsXG4gICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gIH0pXG4pO1xuIl19 */");
49
- export const RowButton = /*#__PURE__*/_styled('button', _extends({}, {
50
- target: "e15ycbyh3",
51
- label: "RowButton"
52
- }, styledOptions()))(rowBaseStyles, interactiveStyles, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9CYXJDaGFydC9CYXJSb3cvZWxlbWVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThDeUIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0JhckNoYXJ0L0JhclJvdy9lbGVtZW50cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIHN0eWxlZE9wdGlvbnMgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgbW90aW9uIH0gZnJvbSAnZnJhbWVyLW1vdGlvbic7XG5cbmltcG9ydCB7IEJveCwgRmxleEJveCB9IGZyb20gJy4uLy4uL0JveCc7XG5pbXBvcnQgeyBiYXJMaXN0SXRlbVBhZGRpbmcgfSBmcm9tICcuLi9zaGFyZWQvc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IFRvdGFsVmFsdWVMYWJlbHNIb3ZlclRhcmdldCA9IHN0eWxlZChGbGV4Qm94KShcbiAgY3NzKHtcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBmbGV4U2hyaW5rOiAwLFxuICAgIGhlaWdodDogJ3N0cmV0Y2gnLFxuICAgIGp1c3RpZnlDb250ZW50OiAnZmxleC1lbmQnLFxuICB9KVxuKTtcblxuY29uc3Qgcm93QmFzZVN0eWxlcyA9IGNzcyh7XG4gIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICBiZzogJ3RyYW5zcGFyZW50JyxcbiAgYm9yZGVyOiAnbm9uZScsXG4gIGN1cnNvcjogJ2luaGVyaXQnLFxuICBkaXNwbGF5OiAnZmxleCcsXG4gIGZsZXhEaXJlY3Rpb246IHsgXzogJ2NvbHVtbicsIGNfeHM6ICdyb3cnIH0sXG5cbiAgcDogYmFyTGlzdEl0ZW1QYWRkaW5nLFxuICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgdGV4dERlY29yYXRpb246ICdub25lJyxcbiAgd2lkdGg6ICcxMDAlJyxcbiAgJyY6Zm9jdXMnOiB7XG4gICAgb3V0bGluZTogJ25vbmUnLFxuICB9LFxuICAnJjpmb2N1cy12aXNpYmxlJzoge1xuICAgIG91dGxpbmU6ICcycHggc29saWQnLFxuICAgIG91dGxpbmVDb2xvcjogJ3ByaW1hcnknLFxuICAgIG91dGxpbmVPZmZzZXQ6ICcycHgnLFxuICB9LFxufSk7XG5cbmNvbnN0IGludGVyYWN0aXZlU3R5bGVzID0gY3NzKHtcbiAgY3Vyc29yOiAncG9pbnRlcicsXG4gICcmOmhvdmVyJzoge1xuICAgIGJnOiAnYmFja2dyb3VuZC1ob3ZlcicsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFJvd1dyYXBwZXIgPSBzdHlsZWQoJ3NwYW4nKShyb3dCYXNlU3R5bGVzKTtcbmV4cG9ydCBjb25zdCBSb3dCdXR0b24gPSBzdHlsZWQoJ2J1dHRvbicsIHN0eWxlZE9wdGlvbnM8J2J1dHRvbic+KCkpKFxuICByb3dCYXNlU3R5bGVzLFxuICBpbnRlcmFjdGl2ZVN0eWxlc1xuKTtcbmV4cG9ydCBjb25zdCBSb3dBbmNob3IgPSBzdHlsZWQoJ2EnLCBzdHlsZWRPcHRpb25zPCdhJz4oKSkoXG4gIHJvd0Jhc2VTdHlsZXMsXG4gIGludGVyYWN0aXZlU3R5bGVzLFxuICBjc3Moe1xuICAgIFtgJjpob3ZlciAke1RvdGFsVmFsdWVMYWJlbHNIb3ZlclRhcmdldH1gXToge1xuICAgICAgdGV4dERlY29yYXRpb246ICd1bmRlcmxpbmUnLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgQmFyV3JhcHBlciA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGJvcmRlclJhZGl1czogeyBfOiAnbWQnIGFzIGFueSwgY194czogJ3hsJyB9LFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBmbGV4OiB7IF86ICdub25lJywgY194czogMSB9LFxuICAgIGhlaWdodDogeyBfOiA4LCBjX3hzOiAyNCB9LFxuICAgIG92ZXJmbG93OiAnaGlkZGVuJyxcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICB3aWR0aDogeyBfOiAnMTAwJScsIGNfeHM6ICdhdXRvJyB9LFxuICAgIG10OiB7IF86IDgsIGNfeHM6IDAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBCYXIgPSBzdHlsZWQobW90aW9uLmNyZWF0ZShCb3gpKShcbiAgY3NzKHtcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBib3JkZXJSYWRpdXM6ICdpbmhlcml0JyxcbiAgICBib3JkZXJTdHlsZTogJ3NvbGlkJyxcbiAgICBib3JkZXJXaWR0aDogJzFweCcsXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGhlaWdodDogJzEwMCUnLFxuICAgIGxlZnQ6IDAsXG4gICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gIH0pXG4pO1xuIl19 */");
53
- export const RowAnchor = /*#__PURE__*/_styled('a', _extends({}, {
54
- target: "e15ycbyh2",
55
- label: "RowAnchor"
56
- }, styledOptions()))(rowBaseStyles, interactiveStyles, css({
57
- [`&:hover ${TotalValueLabelsHoverTarget}`]: {
58
- textDecoration: 'underline'
59
- }
60
- }), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9CYXJDaGFydC9CYXJSb3cvZWxlbWVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtEeUIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0JhckNoYXJ0L0JhclJvdy9lbGVtZW50cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIHN0eWxlZE9wdGlvbnMgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgbW90aW9uIH0gZnJvbSAnZnJhbWVyLW1vdGlvbic7XG5cbmltcG9ydCB7IEJveCwgRmxleEJveCB9IGZyb20gJy4uLy4uL0JveCc7XG5pbXBvcnQgeyBiYXJMaXN0SXRlbVBhZGRpbmcgfSBmcm9tICcuLi9zaGFyZWQvc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IFRvdGFsVmFsdWVMYWJlbHNIb3ZlclRhcmdldCA9IHN0eWxlZChGbGV4Qm94KShcbiAgY3NzKHtcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBmbGV4U2hyaW5rOiAwLFxuICAgIGhlaWdodDogJ3N0cmV0Y2gnLFxuICAgIGp1c3RpZnlDb250ZW50OiAnZmxleC1lbmQnLFxuICB9KVxuKTtcblxuY29uc3Qgcm93QmFzZVN0eWxlcyA9IGNzcyh7XG4gIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICBiZzogJ3RyYW5zcGFyZW50JyxcbiAgYm9yZGVyOiAnbm9uZScsXG4gIGN1cnNvcjogJ2luaGVyaXQnLFxuICBkaXNwbGF5OiAnZmxleCcsXG4gIGZsZXhEaXJlY3Rpb246IHsgXzogJ2NvbHVtbicsIGNfeHM6ICdyb3cnIH0sXG5cbiAgcDogYmFyTGlzdEl0ZW1QYWRkaW5nLFxuICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgdGV4dERlY29yYXRpb246ICdub25lJyxcbiAgd2lkdGg6ICcxMDAlJyxcbiAgJyY6Zm9jdXMnOiB7XG4gICAgb3V0bGluZTogJ25vbmUnLFxuICB9LFxuICAnJjpmb2N1cy12aXNpYmxlJzoge1xuICAgIG91dGxpbmU6ICcycHggc29saWQnLFxuICAgIG91dGxpbmVDb2xvcjogJ3ByaW1hcnknLFxuICAgIG91dGxpbmVPZmZzZXQ6ICcycHgnLFxuICB9LFxufSk7XG5cbmNvbnN0IGludGVyYWN0aXZlU3R5bGVzID0gY3NzKHtcbiAgY3Vyc29yOiAncG9pbnRlcicsXG4gICcmOmhvdmVyJzoge1xuICAgIGJnOiAnYmFja2dyb3VuZC1ob3ZlcicsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFJvd1dyYXBwZXIgPSBzdHlsZWQoJ3NwYW4nKShyb3dCYXNlU3R5bGVzKTtcbmV4cG9ydCBjb25zdCBSb3dCdXR0b24gPSBzdHlsZWQoJ2J1dHRvbicsIHN0eWxlZE9wdGlvbnM8J2J1dHRvbic+KCkpKFxuICByb3dCYXNlU3R5bGVzLFxuICBpbnRlcmFjdGl2ZVN0eWxlc1xuKTtcbmV4cG9ydCBjb25zdCBSb3dBbmNob3IgPSBzdHlsZWQoJ2EnLCBzdHlsZWRPcHRpb25zPCdhJz4oKSkoXG4gIHJvd0Jhc2VTdHlsZXMsXG4gIGludGVyYWN0aXZlU3R5bGVzLFxuICBjc3Moe1xuICAgIFtgJjpob3ZlciAke1RvdGFsVmFsdWVMYWJlbHNIb3ZlclRhcmdldH1gXToge1xuICAgICAgdGV4dERlY29yYXRpb246ICd1bmRlcmxpbmUnLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgQmFyV3JhcHBlciA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGJvcmRlclJhZGl1czogeyBfOiAnbWQnIGFzIGFueSwgY194czogJ3hsJyB9LFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBmbGV4OiB7IF86ICdub25lJywgY194czogMSB9LFxuICAgIGhlaWdodDogeyBfOiA4LCBjX3hzOiAyNCB9LFxuICAgIG92ZXJmbG93OiAnaGlkZGVuJyxcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICB3aWR0aDogeyBfOiAnMTAwJScsIGNfeHM6ICdhdXRvJyB9LFxuICAgIG10OiB7IF86IDgsIGNfeHM6IDAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBCYXIgPSBzdHlsZWQobW90aW9uLmNyZWF0ZShCb3gpKShcbiAgY3NzKHtcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBib3JkZXJSYWRpdXM6ICdpbmhlcml0JyxcbiAgICBib3JkZXJTdHlsZTogJ3NvbGlkJyxcbiAgICBib3JkZXJXaWR0aDogJzFweCcsXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGhlaWdodDogJzEwMCUnLFxuICAgIGxlZnQ6IDAsXG4gICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gIH0pXG4pO1xuIl19 */");
61
- export const BarWrapper = /*#__PURE__*/_styled(Box, {
62
- target: "e15ycbyh1",
63
- label: "BarWrapper"
64
- })(css({
65
- alignItems: 'center',
66
- borderRadius: {
67
- _: 'md',
68
- c_xs: 'xl'
69
- },
70
- display: 'flex',
71
- flex: {
72
- _: 'none',
73
- c_xs: 1
74
- },
75
- height: {
76
- _: 8,
77
- c_xs: 24
78
- },
79
- overflow: 'hidden',
80
- position: 'relative',
81
- width: {
82
- _: '100%',
83
- c_xs: 'auto'
84
- },
85
- mt: {
86
- _: 8,
87
- c_xs: 0
88
- }
89
- }), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9CYXJDaGFydC9CYXJSb3cvZWxlbWVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTREMEIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0JhckNoYXJ0L0JhclJvdy9lbGVtZW50cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIHN0eWxlZE9wdGlvbnMgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgbW90aW9uIH0gZnJvbSAnZnJhbWVyLW1vdGlvbic7XG5cbmltcG9ydCB7IEJveCwgRmxleEJveCB9IGZyb20gJy4uLy4uL0JveCc7XG5pbXBvcnQgeyBiYXJMaXN0SXRlbVBhZGRpbmcgfSBmcm9tICcuLi9zaGFyZWQvc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IFRvdGFsVmFsdWVMYWJlbHNIb3ZlclRhcmdldCA9IHN0eWxlZChGbGV4Qm94KShcbiAgY3NzKHtcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBmbGV4U2hyaW5rOiAwLFxuICAgIGhlaWdodDogJ3N0cmV0Y2gnLFxuICAgIGp1c3RpZnlDb250ZW50OiAnZmxleC1lbmQnLFxuICB9KVxuKTtcblxuY29uc3Qgcm93QmFzZVN0eWxlcyA9IGNzcyh7XG4gIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICBiZzogJ3RyYW5zcGFyZW50JyxcbiAgYm9yZGVyOiAnbm9uZScsXG4gIGN1cnNvcjogJ2luaGVyaXQnLFxuICBkaXNwbGF5OiAnZmxleCcsXG4gIGZsZXhEaXJlY3Rpb246IHsgXzogJ2NvbHVtbicsIGNfeHM6ICdyb3cnIH0sXG5cbiAgcDogYmFyTGlzdEl0ZW1QYWRkaW5nLFxuICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgdGV4dERlY29yYXRpb246ICdub25lJyxcbiAgd2lkdGg6ICcxMDAlJyxcbiAgJyY6Zm9jdXMnOiB7XG4gICAgb3V0bGluZTogJ25vbmUnLFxuICB9LFxuICAnJjpmb2N1cy12aXNpYmxlJzoge1xuICAgIG91dGxpbmU6ICcycHggc29saWQnLFxuICAgIG91dGxpbmVDb2xvcjogJ3ByaW1hcnknLFxuICAgIG91dGxpbmVPZmZzZXQ6ICcycHgnLFxuICB9LFxufSk7XG5cbmNvbnN0IGludGVyYWN0aXZlU3R5bGVzID0gY3NzKHtcbiAgY3Vyc29yOiAncG9pbnRlcicsXG4gICcmOmhvdmVyJzoge1xuICAgIGJnOiAnYmFja2dyb3VuZC1ob3ZlcicsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFJvd1dyYXBwZXIgPSBzdHlsZWQoJ3NwYW4nKShyb3dCYXNlU3R5bGVzKTtcbmV4cG9ydCBjb25zdCBSb3dCdXR0b24gPSBzdHlsZWQoJ2J1dHRvbicsIHN0eWxlZE9wdGlvbnM8J2J1dHRvbic+KCkpKFxuICByb3dCYXNlU3R5bGVzLFxuICBpbnRlcmFjdGl2ZVN0eWxlc1xuKTtcbmV4cG9ydCBjb25zdCBSb3dBbmNob3IgPSBzdHlsZWQoJ2EnLCBzdHlsZWRPcHRpb25zPCdhJz4oKSkoXG4gIHJvd0Jhc2VTdHlsZXMsXG4gIGludGVyYWN0aXZlU3R5bGVzLFxuICBjc3Moe1xuICAgIFtgJjpob3ZlciAke1RvdGFsVmFsdWVMYWJlbHNIb3ZlclRhcmdldH1gXToge1xuICAgICAgdGV4dERlY29yYXRpb246ICd1bmRlcmxpbmUnLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgQmFyV3JhcHBlciA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGJvcmRlclJhZGl1czogeyBfOiAnbWQnIGFzIGFueSwgY194czogJ3hsJyB9LFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBmbGV4OiB7IF86ICdub25lJywgY194czogMSB9LFxuICAgIGhlaWdodDogeyBfOiA4LCBjX3hzOiAyNCB9LFxuICAgIG92ZXJmbG93OiAnaGlkZGVuJyxcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICB3aWR0aDogeyBfOiAnMTAwJScsIGNfeHM6ICdhdXRvJyB9LFxuICAgIG10OiB7IF86IDgsIGNfeHM6IDAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBCYXIgPSBzdHlsZWQobW90aW9uLmNyZWF0ZShCb3gpKShcbiAgY3NzKHtcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBib3JkZXJSYWRpdXM6ICdpbmhlcml0JyxcbiAgICBib3JkZXJTdHlsZTogJ3NvbGlkJyxcbiAgICBib3JkZXJXaWR0aDogJzFweCcsXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGhlaWdodDogJzEwMCUnLFxuICAgIGxlZnQ6IDAsXG4gICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gIH0pXG4pO1xuIl19 */");
90
- export const Bar = /*#__PURE__*/_styled(motion.create(Box), {
91
- target: "e15ycbyh0",
92
- label: "Bar"
93
- })(css({
94
- alignItems: 'center',
95
- borderRadius: 'inherit',
96
- borderStyle: 'solid',
97
- borderWidth: '1px',
98
- display: 'flex',
99
- height: '100%',
100
- left: 0,
101
- position: 'absolute'
102
- }), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9CYXJDaGFydC9CYXJSb3cvZWxlbWVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBFbUIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0JhckNoYXJ0L0JhclJvdy9lbGVtZW50cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIHN0eWxlZE9wdGlvbnMgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgbW90aW9uIH0gZnJvbSAnZnJhbWVyLW1vdGlvbic7XG5cbmltcG9ydCB7IEJveCwgRmxleEJveCB9IGZyb20gJy4uLy4uL0JveCc7XG5pbXBvcnQgeyBiYXJMaXN0SXRlbVBhZGRpbmcgfSBmcm9tICcuLi9zaGFyZWQvc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IFRvdGFsVmFsdWVMYWJlbHNIb3ZlclRhcmdldCA9IHN0eWxlZChGbGV4Qm94KShcbiAgY3NzKHtcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBmbGV4U2hyaW5rOiAwLFxuICAgIGhlaWdodDogJ3N0cmV0Y2gnLFxuICAgIGp1c3RpZnlDb250ZW50OiAnZmxleC1lbmQnLFxuICB9KVxuKTtcblxuY29uc3Qgcm93QmFzZVN0eWxlcyA9IGNzcyh7XG4gIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICBiZzogJ3RyYW5zcGFyZW50JyxcbiAgYm9yZGVyOiAnbm9uZScsXG4gIGN1cnNvcjogJ2luaGVyaXQnLFxuICBkaXNwbGF5OiAnZmxleCcsXG4gIGZsZXhEaXJlY3Rpb246IHsgXzogJ2NvbHVtbicsIGNfeHM6ICdyb3cnIH0sXG5cbiAgcDogYmFyTGlzdEl0ZW1QYWRkaW5nLFxuICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgdGV4dERlY29yYXRpb246ICdub25lJyxcbiAgd2lkdGg6ICcxMDAlJyxcbiAgJyY6Zm9jdXMnOiB7XG4gICAgb3V0bGluZTogJ25vbmUnLFxuICB9LFxuICAnJjpmb2N1cy12aXNpYmxlJzoge1xuICAgIG91dGxpbmU6ICcycHggc29saWQnLFxuICAgIG91dGxpbmVDb2xvcjogJ3ByaW1hcnknLFxuICAgIG91dGxpbmVPZmZzZXQ6ICcycHgnLFxuICB9LFxufSk7XG5cbmNvbnN0IGludGVyYWN0aXZlU3R5bGVzID0gY3NzKHtcbiAgY3Vyc29yOiAncG9pbnRlcicsXG4gICcmOmhvdmVyJzoge1xuICAgIGJnOiAnYmFja2dyb3VuZC1ob3ZlcicsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFJvd1dyYXBwZXIgPSBzdHlsZWQoJ3NwYW4nKShyb3dCYXNlU3R5bGVzKTtcbmV4cG9ydCBjb25zdCBSb3dCdXR0b24gPSBzdHlsZWQoJ2J1dHRvbicsIHN0eWxlZE9wdGlvbnM8J2J1dHRvbic+KCkpKFxuICByb3dCYXNlU3R5bGVzLFxuICBpbnRlcmFjdGl2ZVN0eWxlc1xuKTtcbmV4cG9ydCBjb25zdCBSb3dBbmNob3IgPSBzdHlsZWQoJ2EnLCBzdHlsZWRPcHRpb25zPCdhJz4oKSkoXG4gIHJvd0Jhc2VTdHlsZXMsXG4gIGludGVyYWN0aXZlU3R5bGVzLFxuICBjc3Moe1xuICAgIFtgJjpob3ZlciAke1RvdGFsVmFsdWVMYWJlbHNIb3ZlclRhcmdldH1gXToge1xuICAgICAgdGV4dERlY29yYXRpb246ICd1bmRlcmxpbmUnLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgQmFyV3JhcHBlciA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGJvcmRlclJhZGl1czogeyBfOiAnbWQnIGFzIGFueSwgY194czogJ3hsJyB9LFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBmbGV4OiB7IF86ICdub25lJywgY194czogMSB9LFxuICAgIGhlaWdodDogeyBfOiA4LCBjX3hzOiAyNCB9LFxuICAgIG92ZXJmbG93OiAnaGlkZGVuJyxcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICB3aWR0aDogeyBfOiAnMTAwJScsIGNfeHM6ICdhdXRvJyB9LFxuICAgIG10OiB7IF86IDgsIGNfeHM6IDAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBCYXIgPSBzdHlsZWQobW90aW9uLmNyZWF0ZShCb3gpKShcbiAgY3NzKHtcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBib3JkZXJSYWRpdXM6ICdpbmhlcml0JyxcbiAgICBib3JkZXJTdHlsZTogJ3NvbGlkJyxcbiAgICBib3JkZXJXaWR0aDogJzFweCcsXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGhlaWdodDogJzEwMCUnLFxuICAgIGxlZnQ6IDAsXG4gICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gIH0pXG4pO1xuIl19 */");
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- import { BarProps } from '../shared/types';
3
- export type BarRowProps = BarProps & {
4
- index?: number;
5
- };
6
- export declare const BarRow: import("react").ForwardRefExoticComponent<BarRowProps & import("react").RefAttributes<HTMLDivElement | HTMLAnchorElement | HTMLButtonElement>>;
@@ -1,234 +0,0 @@
1
- import { forwardRef, useMemo, useRef } from 'react';
2
- import { Box, FlexBox } from '../../Box';
3
- import { Text } from '../../Typography';
4
- import { iconPadding, iconWidth, minBarWidth } from '../shared/styles';
5
- import { calculateBarWidth, formatValueWithUnit, getValuesSummary } from '../utils';
6
- import { useBarBorderColor, useBarChartContext, useMeasureCategoryLabelWidth, useMeasureTotalValueLabelWidth } from '../utils/hooks';
7
- import { Bar, BarWrapper, RowAnchor, RowButton, RowWrapper, TotalValueLabelsHoverTarget } from './elements';
8
- import { ValueLabelsContent } from './ValueLabelsContent';
9
- import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
10
- export const BarRow = /*#__PURE__*/forwardRef(({
11
- categoryLabel,
12
- seriesOneValue,
13
- seriesTwoValue,
14
- icon: Icon,
15
- onClick,
16
- href,
17
- index = 0
18
- }, ref) => {
19
- const {
20
- maxScaleValue,
21
- unit,
22
- styleConfig,
23
- animate,
24
- widestCategoryLabelWidth,
25
- widestTotalValueLabelWidth,
26
- translations
27
- } = useBarChartContext();
28
- const {
29
- textColor,
30
- seriesOneBarColor,
31
- seriesTwoBarColor,
32
- seriesOneLabel,
33
- seriesTwoLabel
34
- } = styleConfig;
35
- const labelRef = useRef(null);
36
- const totalValueLabelRef = useRef(null);
37
- useMeasureCategoryLabelWidth({
38
- ref: labelRef
39
- });
40
- useMeasureTotalValueLabelWidth({
41
- ref: totalValueLabelRef
42
- });
43
- const getBorderColor = useBarBorderColor();
44
- const isStacked = seriesTwoValue !== undefined;
45
- const displayValue = isStacked ? seriesTwoValue : seriesOneValue;
46
- const {
47
- seriesOneBorderColor,
48
- seriesTwoBorderColor
49
- } = useMemo(() => ({
50
- seriesOneBorderColor: getBorderColor(seriesOneBarColor),
51
- seriesTwoBorderColor: getBorderColor(seriesTwoBarColor)
52
- }), [getBorderColor, seriesOneBarColor, seriesTwoBarColor]);
53
- const {
54
- bgWidthStr,
55
- fgWidthStr
56
- } = useMemo(() => {
57
- const bgWidth = calculateBarWidth({
58
- value: displayValue,
59
- maxScaleValue
60
- });
61
- const fgWidth = isStacked ? calculateBarWidth({
62
- value: seriesOneValue,
63
- maxScaleValue
64
- }) : 0;
65
- return {
66
- bgWidthStr: `${Math.max(minBarWidth, bgWidth)}%`,
67
- fgWidthStr: `${Math.max(minBarWidth, fgWidth)}%`
68
- };
69
- }, [displayValue, isStacked, seriesOneValue, maxScaleValue]);
70
- const valuesSummary = useMemo(() => getValuesSummary({
71
- seriesOneValue,
72
- seriesTwoValue,
73
- unit,
74
- categoryLabel,
75
- translations
76
- }), [seriesOneValue, seriesTwoValue, unit, categoryLabel, translations]);
77
- const animationDelay = animate ? index * 0.1 : 0;
78
- const widthValue = widestCategoryLabelWidth === null ? 'min-content' : widestCategoryLabelWidth;
79
- const totalValueLabelWidthValue = widestTotalValueLabelWidth === null ? 'min-content' : widestTotalValueLabelWidth;
80
- const {
81
- seriesOneFormatted,
82
- displayValueFormatted
83
- } = useMemo(() => ({
84
- seriesOneFormatted: formatValueWithUnit({
85
- value: seriesOneValue,
86
- unit,
87
- locale: translations.locale
88
- }),
89
- displayValueFormatted: formatValueWithUnit({
90
- value: displayValue,
91
- unit,
92
- locale: translations.locale
93
- })
94
- }), [seriesOneValue, displayValue, unit, translations.locale]);
95
- const valueLabelsContent = useMemo(() => /*#__PURE__*/_jsx(ValueLabelsContent, {
96
- displayValueFormatted: displayValueFormatted,
97
- isStacked: isStacked,
98
- seriesOneFormatted: seriesOneFormatted,
99
- seriesOneLabel: seriesOneLabel,
100
- seriesTwoLabel: seriesTwoLabel
101
- }), [displayValueFormatted, isStacked, seriesOneFormatted, seriesOneLabel, seriesTwoLabel]);
102
- const labelsContainer = useMemo(() => /*#__PURE__*/_jsxs(FlexBox, {
103
- alignItems: "center",
104
- display: {
105
- _: 'flex',
106
- c_xs: 'none'
107
- },
108
- gap: 8,
109
- justifyContent: "space-between",
110
- width: "100%",
111
- children: [/*#__PURE__*/_jsxs(FlexBox, {
112
- alignItems: "center",
113
- color: textColor,
114
- flexShrink: 0,
115
- children: [Icon && /*#__PURE__*/_jsx(Icon, {
116
- mr: iconPadding,
117
- size: iconWidth
118
- }), /*#__PURE__*/_jsx(Text, {
119
- fontWeight: "bold",
120
- truncate: "ellipsis",
121
- truncateLines: 1,
122
- whiteSpace: "nowrap",
123
- children: categoryLabel
124
- })]
125
- }), /*#__PURE__*/_jsx(TotalValueLabelsHoverTarget, {
126
- gap: 8,
127
- children: valueLabelsContent
128
- })]
129
- }), [textColor, Icon, categoryLabel, valueLabelsContent]);
130
- const categoryLabelNode = useMemo(() => /*#__PURE__*/_jsxs(FlexBox, {
131
- alignItems: "center",
132
- "aria-hidden": true,
133
- color: textColor,
134
- display: {
135
- _: 'none',
136
- c_xs: 'flex'
137
- },
138
- flexShrink: 0,
139
- pr: {
140
- _: 0,
141
- c_xs: 24
142
- },
143
- ref: labelRef,
144
- width: {
145
- _: 'auto',
146
- c_xs: widthValue
147
- },
148
- children: [Icon && /*#__PURE__*/_jsx(Icon, {
149
- mr: iconPadding,
150
- size: iconWidth
151
- }), /*#__PURE__*/_jsx(Text, {
152
- fontWeight: "bold",
153
- truncate: "ellipsis",
154
- truncateLines: 1,
155
- whiteSpace: "nowrap",
156
- children: categoryLabel
157
- })]
158
- }), [textColor, Icon, categoryLabel, widthValue]);
159
- const totalValueLabelNode = useMemo(() => /*#__PURE__*/_jsx(TotalValueLabelsHoverTarget, {
160
- display: {
161
- _: 'none',
162
- c_xs: 'flex'
163
- },
164
- pl: {
165
- _: 0,
166
- c_xs: 24
167
- },
168
- ref: totalValueLabelRef,
169
- width: {
170
- _: 'auto',
171
- c_xs: totalValueLabelWidthValue
172
- },
173
- children: valueLabelsContent
174
- }), [valueLabelsContent, totalValueLabelWidthValue]);
175
- const rowContent = useMemo(() => /*#__PURE__*/_jsxs(_Fragment, {
176
- children: [labelsContainer, categoryLabelNode, /*#__PURE__*/_jsxs(BarWrapper, {
177
- children: [/*#__PURE__*/_jsx(Bar, {
178
- animate: animate ? {
179
- width: bgWidthStr
180
- } : undefined,
181
- bg: isStacked ? seriesTwoBarColor : seriesOneBarColor,
182
- borderColor: isStacked ? seriesTwoBorderColor : seriesOneBorderColor,
183
- "data-testid": "background-bar",
184
- initial: animate ? {
185
- width: '0%'
186
- } : undefined,
187
- transition: {
188
- duration: 0.5,
189
- delay: animationDelay
190
- },
191
- width: !animate ? bgWidthStr : undefined
192
- }), isStacked && /*#__PURE__*/_jsx(Bar, {
193
- animate: animate ? {
194
- width: fgWidthStr
195
- } : undefined,
196
- bg: seriesOneBarColor,
197
- borderColor: seriesOneBorderColor,
198
- "data-testid": "foreground-bar",
199
- initial: animate ? {
200
- width: '0%'
201
- } : undefined,
202
- transition: {
203
- duration: 0.5,
204
- delay: animationDelay + 0.25
205
- },
206
- width: !animate ? fgWidthStr : undefined
207
- })]
208
- }), totalValueLabelNode]
209
- }), [animate, animationDelay, bgWidthStr, fgWidthStr, isStacked, labelsContainer, categoryLabelNode, totalValueLabelNode, seriesOneBarColor, seriesOneBorderColor, seriesTwoBarColor, seriesTwoBorderColor]);
210
- const content = href ? /*#__PURE__*/_jsx(RowAnchor, {
211
- "aria-label": valuesSummary,
212
- href: href,
213
- ref: ref,
214
- onClick: onClick,
215
- children: rowContent
216
- }) : onClick ? /*#__PURE__*/_jsx(RowButton, {
217
- "aria-label": valuesSummary,
218
- ref: ref,
219
- onClick: onClick,
220
- children: rowContent
221
- }) : /*#__PURE__*/_jsx(_Fragment, {
222
- children: /*#__PURE__*/_jsxs(RowWrapper, {
223
- ref: ref,
224
- children: [/*#__PURE__*/_jsx(Text, {
225
- screenreader: true,
226
- children: valuesSummary
227
- }), " ", rowContent]
228
- })
229
- });
230
- return /*#__PURE__*/_jsx(Box, {
231
- as: "li",
232
- children: content
233
- });
234
- });
@@ -1,14 +0,0 @@
1
- /**
2
- * Generic Type Example for BarChart with Custom Sorting
3
- *
4
- * This file demonstrates how the generic types work with custom properties.
5
- * TypeScript will automatically infer the bar type from barValues, and
6
- * sort functions will receive the correct type with custom properties.
7
- *
8
- * THIS WILL BE DELETED BEFORE SHIPPING
9
- */
10
- export declare const DateSortingExample: () => import("react/jsx-runtime").JSX.Element;
11
- export declare const CategorySortingExample: () => import("react/jsx-runtime").JSX.Element;
12
- export declare const ComplexSortingExample: () => import("react/jsx-runtime").JSX.Element;
13
- export declare const ExplicitTypeExample: () => import("react/jsx-runtime").JSX.Element;
14
- export declare const WrongCategorySortingExample: () => import("react/jsx-runtime").JSX.Element;