@codecademy/gamut 68.0.1-alpha.4fa3a1.0 → 68.0.1-alpha.588625.0

package/dist/BarChart/BarRow/elements.js

@@ -1,89 +0,0 @@
-import _styled from "@emotion/styled/base";
-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); }
-import { css, styledOptions } from '@codecademy/gamut-styles';
-import { motion } from 'framer-motion';
-import { Box } from '../../Box';
-import { barListItemPadding } from '../shared/styles';
-const rowBaseStyles = css({
-  alignItems: 'center',
-  bg: 'transparent',
-  border: 'none',
-  cursor: 'inherit',
-  display: 'flex',
-  flexDirection: {
-    _: 'column',
-    xs: 'row'
-  },
-  p: barListItemPadding,
-  position: 'relative',
-  textDecoration: 'none',
-  width: '100%',
-  '&:focus': {
-    outline: 'none'
-  },
-  '&:focus-visible': {
-    outline: '2px solid',
-    outlineColor: 'primary',
-    outlineOffset: '2px'
-  }
-});
-const interactiveStyles = css({
-  cursor: 'pointer',
-  '&:hover': {
-    bg: 'background-hover'
-  }
-});
-export const RowWrapper = /*#__PURE__*/_styled('span', {
-  target: "e15ycbyh4",
-  label: "RowWrapper"
-})(rowBaseStyles, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9CYXJDaGFydC9CYXJSb3cvZWxlbWVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9DMEIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0JhckNoYXJ0L0JhclJvdy9lbGVtZW50cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIHN0eWxlZE9wdGlvbnMgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgbW90aW9uIH0gZnJvbSAnZnJhbWVyLW1vdGlvbic7XG5cbmltcG9ydCB7IEJveCB9IGZyb20gJy4uLy4uL0JveCc7XG5pbXBvcnQgeyBiYXJMaXN0SXRlbVBhZGRpbmcgfSBmcm9tICcuLi9zaGFyZWQvc3R5bGVzJztcblxuY29uc3Qgcm93QmFzZVN0eWxlcyA9IGNzcyh7XG4gIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICBiZzogJ3RyYW5zcGFyZW50JyxcbiAgYm9yZGVyOiAnbm9uZScsXG4gIGN1cnNvcjogJ2luaGVyaXQnLFxuICBkaXNwbGF5OiAnZmxleCcsXG4gIGZsZXhEaXJlY3Rpb246IHsgXzogJ2NvbHVtbicsIHhzOiAncm93JyB9LFxuXG4gIHA6IGJhckxpc3RJdGVtUGFkZGluZyxcbiAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gIHRleHREZWNvcmF0aW9uOiAnbm9uZScsXG4gIHdpZHRoOiAnMTAwJScsXG4gICcmOmZvY3VzJzoge1xuICAgIG91dGxpbmU6ICdub25lJyxcbiAgfSxcbiAgJyY6Zm9jdXMtdmlzaWJsZSc6IHtcbiAgICBvdXRsaW5lOiAnMnB4IHNvbGlkJyxcbiAgICBvdXRsaW5lQ29sb3I6ICdwcmltYXJ5JyxcbiAgICBvdXRsaW5lT2Zmc2V0OiAnMnB4JyxcbiAgfSxcbn0pO1xuXG5jb25zdCBpbnRlcmFjdGl2ZVN0eWxlcyA9IGNzcyh7XG4gIGN1cnNvcjogJ3BvaW50ZXInLFxuICAnJjpob3Zlcic6IHtcbiAgICBiZzogJ2JhY2tncm91bmQtaG92ZXInLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBSb3dXcmFwcGVyID0gc3R5bGVkKCdzcGFuJykocm93QmFzZVN0eWxlcyk7XG5leHBvcnQgY29uc3QgUm93QnV0dG9uID0gc3R5bGVkKCdidXR0b24nLCBzdHlsZWRPcHRpb25zPCdidXR0b24nPigpKShcbiAgcm93QmFzZVN0eWxlcyxcbiAgaW50ZXJhY3RpdmVTdHlsZXNcbik7XG5leHBvcnQgY29uc3QgUm93QW5jaG9yID0gc3R5bGVkKCdhJywgc3R5bGVkT3B0aW9uczwnYSc+KCkpKFxuICByb3dCYXNlU3R5bGVzLFxuICBpbnRlcmFjdGl2ZVN0eWxlc1xuKTtcblxuZXhwb3J0IGNvbnN0IEJhcldyYXBwZXIgPSBzdHlsZWQoQm94KShcbiAgY3NzKHtcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBib3JkZXJSYWRpdXM6IHsgXzogJ21kJyBhcyBhbnksIHhzOiAneGwnIH0sXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGZsZXg6IHsgXzogJ25vbmUnLCB4czogMSB9LFxuICAgIGhlaWdodDogeyBfOiA4LCB4czogMjQgfSxcbiAgICBvdmVyZmxvdzogJ2hpZGRlbicsXG4gICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgd2lkdGg6IHsgXzogJzEwMCUnLCB4czogJ2F1dG8nIH0sXG4gICAgbXQ6IHsgXzogOCwgeHM6IDAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBCYXIgPSBzdHlsZWQobW90aW9uLmNyZWF0ZShCb3gpKShcbiAgY3NzKHtcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBib3JkZXJSYWRpdXM6ICdpbmhlcml0JyxcbiAgICBib3JkZXJTdHlsZTogJ3NvbGlkJyxcbiAgICBib3JkZXJXaWR0aDogJzFweCcsXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGhlaWdodDogJzEwMCUnLFxuICAgIGxlZnQ6IDAsXG4gICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gIH0pXG4pO1xuIl19 */");
-export const RowButton = /*#__PURE__*/_styled('button', _extends({}, {
-  target: "e15ycbyh3",
-  label: "RowButton"
-}, styledOptions()))(rowBaseStyles, interactiveStyles, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9CYXJDaGFydC9CYXJSb3cvZWxlbWVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFDeUIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0JhckNoYXJ0L0JhclJvdy9lbGVtZW50cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIHN0eWxlZE9wdGlvbnMgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgbW90aW9uIH0gZnJvbSAnZnJhbWVyLW1vdGlvbic7XG5cbmltcG9ydCB7IEJveCB9IGZyb20gJy4uLy4uL0JveCc7XG5pbXBvcnQgeyBiYXJMaXN0SXRlbVBhZGRpbmcgfSBmcm9tICcuLi9zaGFyZWQvc3R5bGVzJztcblxuY29uc3Qgcm93QmFzZVN0eWxlcyA9IGNzcyh7XG4gIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICBiZzogJ3RyYW5zcGFyZW50JyxcbiAgYm9yZGVyOiAnbm9uZScsXG4gIGN1cnNvcjogJ2luaGVyaXQnLFxuICBkaXNwbGF5OiAnZmxleCcsXG4gIGZsZXhEaXJlY3Rpb246IHsgXzogJ2NvbHVtbicsIHhzOiAncm93JyB9LFxuXG4gIHA6IGJhckxpc3RJdGVtUGFkZGluZyxcbiAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gIHRleHREZWNvcmF0aW9uOiAnbm9uZScsXG4gIHdpZHRoOiAnMTAwJScsXG4gICcmOmZvY3VzJzoge1xuICAgIG91dGxpbmU6ICdub25lJyxcbiAgfSxcbiAgJyY6Zm9jdXMtdmlzaWJsZSc6IHtcbiAgICBvdXRsaW5lOiAnMnB4IHNvbGlkJyxcbiAgICBvdXRsaW5lQ29sb3I6ICdwcmltYXJ5JyxcbiAgICBvdXRsaW5lT2Zmc2V0OiAnMnB4JyxcbiAgfSxcbn0pO1xuXG5jb25zdCBpbnRlcmFjdGl2ZVN0eWxlcyA9IGNzcyh7XG4gIGN1cnNvcjogJ3BvaW50ZXInLFxuICAnJjpob3Zlcic6IHtcbiAgICBiZzogJ2JhY2tncm91bmQtaG92ZXInLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBSb3dXcmFwcGVyID0gc3R5bGVkKCdzcGFuJykocm93QmFzZVN0eWxlcyk7XG5leHBvcnQgY29uc3QgUm93QnV0dG9uID0gc3R5bGVkKCdidXR0b24nLCBzdHlsZWRPcHRpb25zPCdidXR0b24nPigpKShcbiAgcm93QmFzZVN0eWxlcyxcbiAgaW50ZXJhY3RpdmVTdHlsZXNcbik7XG5leHBvcnQgY29uc3QgUm93QW5jaG9yID0gc3R5bGVkKCdhJywgc3R5bGVkT3B0aW9uczwnYSc+KCkpKFxuICByb3dCYXNlU3R5bGVzLFxuICBpbnRlcmFjdGl2ZVN0eWxlc1xuKTtcblxuZXhwb3J0IGNvbnN0IEJhcldyYXBwZXIgPSBzdHlsZWQoQm94KShcbiAgY3NzKHtcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBib3JkZXJSYWRpdXM6IHsgXzogJ21kJyBhcyBhbnksIHhzOiAneGwnIH0sXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGZsZXg6IHsgXzogJ25vbmUnLCB4czogMSB9LFxuICAgIGhlaWdodDogeyBfOiA4LCB4czogMjQgfSxcbiAgICBvdmVyZmxvdzogJ2hpZGRlbicsXG4gICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgd2lkdGg6IHsgXzogJzEwMCUnLCB4czogJ2F1dG8nIH0sXG4gICAgbXQ6IHsgXzogOCwgeHM6IDAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBCYXIgPSBzdHlsZWQobW90aW9uLmNyZWF0ZShCb3gpKShcbiAgY3NzKHtcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBib3JkZXJSYWRpdXM6ICdpbmhlcml0JyxcbiAgICBib3JkZXJTdHlsZTogJ3NvbGlkJyxcbiAgICBib3JkZXJXaWR0aDogJzFweCcsXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGhlaWdodDogJzEwMCUnLFxuICAgIGxlZnQ6IDAsXG4gICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gIH0pXG4pO1xuIl19 */");
-export const RowAnchor = /*#__PURE__*/_styled('a', _extends({}, {
-  target: "e15ycbyh2",
-  label: "RowAnchor"
-}, styledOptions()))(rowBaseStyles, interactiveStyles, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9CYXJDaGFydC9CYXJSb3cvZWxlbWVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlDeUIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0JhckNoYXJ0L0JhclJvdy9lbGVtZW50cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIHN0eWxlZE9wdGlvbnMgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgbW90aW9uIH0gZnJvbSAnZnJhbWVyLW1vdGlvbic7XG5cbmltcG9ydCB7IEJveCB9IGZyb20gJy4uLy4uL0JveCc7XG5pbXBvcnQgeyBiYXJMaXN0SXRlbVBhZGRpbmcgfSBmcm9tICcuLi9zaGFyZWQvc3R5bGVzJztcblxuY29uc3Qgcm93QmFzZVN0eWxlcyA9IGNzcyh7XG4gIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICBiZzogJ3RyYW5zcGFyZW50JyxcbiAgYm9yZGVyOiAnbm9uZScsXG4gIGN1cnNvcjogJ2luaGVyaXQnLFxuICBkaXNwbGF5OiAnZmxleCcsXG4gIGZsZXhEaXJlY3Rpb246IHsgXzogJ2NvbHVtbicsIHhzOiAncm93JyB9LFxuXG4gIHA6IGJhckxpc3RJdGVtUGFkZGluZyxcbiAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gIHRleHREZWNvcmF0aW9uOiAnbm9uZScsXG4gIHdpZHRoOiAnMTAwJScsXG4gICcmOmZvY3VzJzoge1xuICAgIG91dGxpbmU6ICdub25lJyxcbiAgfSxcbiAgJyY6Zm9jdXMtdmlzaWJsZSc6IHtcbiAgICBvdXRsaW5lOiAnMnB4IHNvbGlkJyxcbiAgICBvdXRsaW5lQ29sb3I6ICdwcmltYXJ5JyxcbiAgICBvdXRsaW5lT2Zmc2V0OiAnMnB4JyxcbiAgfSxcbn0pO1xuXG5jb25zdCBpbnRlcmFjdGl2ZVN0eWxlcyA9IGNzcyh7XG4gIGN1cnNvcjogJ3BvaW50ZXInLFxuICAnJjpob3Zlcic6IHtcbiAgICBiZzogJ2JhY2tncm91bmQtaG92ZXInLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBSb3dXcmFwcGVyID0gc3R5bGVkKCdzcGFuJykocm93QmFzZVN0eWxlcyk7XG5leHBvcnQgY29uc3QgUm93QnV0dG9uID0gc3R5bGVkKCdidXR0b24nLCBzdHlsZWRPcHRpb25zPCdidXR0b24nPigpKShcbiAgcm93QmFzZVN0eWxlcyxcbiAgaW50ZXJhY3RpdmVTdHlsZXNcbik7XG5leHBvcnQgY29uc3QgUm93QW5jaG9yID0gc3R5bGVkKCdhJywgc3R5bGVkT3B0aW9uczwnYSc+KCkpKFxuICByb3dCYXNlU3R5bGVzLFxuICBpbnRlcmFjdGl2ZVN0eWxlc1xuKTtcblxuZXhwb3J0IGNvbnN0IEJhcldyYXBwZXIgPSBzdHlsZWQoQm94KShcbiAgY3NzKHtcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBib3JkZXJSYWRpdXM6IHsgXzogJ21kJyBhcyBhbnksIHhzOiAneGwnIH0sXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGZsZXg6IHsgXzogJ25vbmUnLCB4czogMSB9LFxuICAgIGhlaWdodDogeyBfOiA4LCB4czogMjQgfSxcbiAgICBvdmVyZmxvdzogJ2hpZGRlbicsXG4gICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgd2lkdGg6IHsgXzogJzEwMCUnLCB4czogJ2F1dG8nIH0sXG4gICAgbXQ6IHsgXzogOCwgeHM6IDAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBCYXIgPSBzdHlsZWQobW90aW9uLmNyZWF0ZShCb3gpKShcbiAgY3NzKHtcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBib3JkZXJSYWRpdXM6ICdpbmhlcml0JyxcbiAgICBib3JkZXJTdHlsZTogJ3NvbGlkJyxcbiAgICBib3JkZXJXaWR0aDogJzFweCcsXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGhlaWdodDogJzEwMCUnLFxuICAgIGxlZnQ6IDAsXG4gICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gIH0pXG4pO1xuIl19 */");
-export const BarWrapper = /*#__PURE__*/_styled(Box, {
-  target: "e15ycbyh1",
-  label: "BarWrapper"
-})(css({
-  alignItems: 'center',
-  borderRadius: {
-    _: 'md',
-    xs: 'xl'
-  },
-  display: 'flex',
-  flex: {
-    _: 'none',
-    xs: 1
-  },
-  height: {
-    _: 8,
-    xs: 24
-  },
-  overflow: 'hidden',
-  position: 'relative',
-  width: {
-    _: '100%',
-    xs: 'auto'
-  },
-  mt: {
-    _: 8,
-    xs: 0
-  }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9CYXJDaGFydC9CYXJSb3cvZWxlbWVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThDMEIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0JhckNoYXJ0L0JhclJvdy9lbGVtZW50cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIHN0eWxlZE9wdGlvbnMgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgbW90aW9uIH0gZnJvbSAnZnJhbWVyLW1vdGlvbic7XG5cbmltcG9ydCB7IEJveCB9IGZyb20gJy4uLy4uL0JveCc7XG5pbXBvcnQgeyBiYXJMaXN0SXRlbVBhZGRpbmcgfSBmcm9tICcuLi9zaGFyZWQvc3R5bGVzJztcblxuY29uc3Qgcm93QmFzZVN0eWxlcyA9IGNzcyh7XG4gIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICBiZzogJ3RyYW5zcGFyZW50JyxcbiAgYm9yZGVyOiAnbm9uZScsXG4gIGN1cnNvcjogJ2luaGVyaXQnLFxuICBkaXNwbGF5OiAnZmxleCcsXG4gIGZsZXhEaXJlY3Rpb246IHsgXzogJ2NvbHVtbicsIHhzOiAncm93JyB9LFxuXG4gIHA6IGJhckxpc3RJdGVtUGFkZGluZyxcbiAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gIHRleHREZWNvcmF0aW9uOiAnbm9uZScsXG4gIHdpZHRoOiAnMTAwJScsXG4gICcmOmZvY3VzJzoge1xuICAgIG91dGxpbmU6ICdub25lJyxcbiAgfSxcbiAgJyY6Zm9jdXMtdmlzaWJsZSc6IHtcbiAgICBvdXRsaW5lOiAnMnB4IHNvbGlkJyxcbiAgICBvdXRsaW5lQ29sb3I6ICdwcmltYXJ5JyxcbiAgICBvdXRsaW5lT2Zmc2V0OiAnMnB4JyxcbiAgfSxcbn0pO1xuXG5jb25zdCBpbnRlcmFjdGl2ZVN0eWxlcyA9IGNzcyh7XG4gIGN1cnNvcjogJ3BvaW50ZXInLFxuICAnJjpob3Zlcic6IHtcbiAgICBiZzogJ2JhY2tncm91bmQtaG92ZXInLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBSb3dXcmFwcGVyID0gc3R5bGVkKCdzcGFuJykocm93QmFzZVN0eWxlcyk7XG5leHBvcnQgY29uc3QgUm93QnV0dG9uID0gc3R5bGVkKCdidXR0b24nLCBzdHlsZWRPcHRpb25zPCdidXR0b24nPigpKShcbiAgcm93QmFzZVN0eWxlcyxcbiAgaW50ZXJhY3RpdmVTdHlsZXNcbik7XG5leHBvcnQgY29uc3QgUm93QW5jaG9yID0gc3R5bGVkKCdhJywgc3R5bGVkT3B0aW9uczwnYSc+KCkpKFxuICByb3dCYXNlU3R5bGVzLFxuICBpbnRlcmFjdGl2ZVN0eWxlc1xuKTtcblxuZXhwb3J0IGNvbnN0IEJhcldyYXBwZXIgPSBzdHlsZWQoQm94KShcbiAgY3NzKHtcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBib3JkZXJSYWRpdXM6IHsgXzogJ21kJyBhcyBhbnksIHhzOiAneGwnIH0sXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGZsZXg6IHsgXzogJ25vbmUnLCB4czogMSB9LFxuICAgIGhlaWdodDogeyBfOiA4LCB4czogMjQgfSxcbiAgICBvdmVyZmxvdzogJ2hpZGRlbicsXG4gICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgd2lkdGg6IHsgXzogJzEwMCUnLCB4czogJ2F1dG8nIH0sXG4gICAgbXQ6IHsgXzogOCwgeHM6IDAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBCYXIgPSBzdHlsZWQobW90aW9uLmNyZWF0ZShCb3gpKShcbiAgY3NzKHtcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBib3JkZXJSYWRpdXM6ICdpbmhlcml0JyxcbiAgICBib3JkZXJTdHlsZTogJ3NvbGlkJyxcbiAgICBib3JkZXJXaWR0aDogJzFweCcsXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGhlaWdodDogJzEwMCUnLFxuICAgIGxlZnQ6IDAsXG4gICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gIH0pXG4pO1xuIl19 */");
-export const Bar = /*#__PURE__*/_styled(motion.create(Box), {
-  target: "e15ycbyh0",
-  label: "Bar"
-})(css({
-  alignItems: 'center',
-  borderRadius: 'inherit',
-  borderStyle: 'solid',
-  borderWidth: '1px',
-  display: 'flex',
-  height: '100%',
-  left: 0,
-  position: 'absolute'
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9CYXJDaGFydC9CYXJSb3cvZWxlbWVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTREbUIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0JhckNoYXJ0L0JhclJvdy9lbGVtZW50cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIHN0eWxlZE9wdGlvbnMgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgbW90aW9uIH0gZnJvbSAnZnJhbWVyLW1vdGlvbic7XG5cbmltcG9ydCB7IEJveCB9IGZyb20gJy4uLy4uL0JveCc7XG5pbXBvcnQgeyBiYXJMaXN0SXRlbVBhZGRpbmcgfSBmcm9tICcuLi9zaGFyZWQvc3R5bGVzJztcblxuY29uc3Qgcm93QmFzZVN0eWxlcyA9IGNzcyh7XG4gIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICBiZzogJ3RyYW5zcGFyZW50JyxcbiAgYm9yZGVyOiAnbm9uZScsXG4gIGN1cnNvcjogJ2luaGVyaXQnLFxuICBkaXNwbGF5OiAnZmxleCcsXG4gIGZsZXhEaXJlY3Rpb246IHsgXzogJ2NvbHVtbicsIHhzOiAncm93JyB9LFxuXG4gIHA6IGJhckxpc3RJdGVtUGFkZGluZyxcbiAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gIHRleHREZWNvcmF0aW9uOiAnbm9uZScsXG4gIHdpZHRoOiAnMTAwJScsXG4gICcmOmZvY3VzJzoge1xuICAgIG91dGxpbmU6ICdub25lJyxcbiAgfSxcbiAgJyY6Zm9jdXMtdmlzaWJsZSc6IHtcbiAgICBvdXRsaW5lOiAnMnB4IHNvbGlkJyxcbiAgICBvdXRsaW5lQ29sb3I6ICdwcmltYXJ5JyxcbiAgICBvdXRsaW5lT2Zmc2V0OiAnMnB4JyxcbiAgfSxcbn0pO1xuXG5jb25zdCBpbnRlcmFjdGl2ZVN0eWxlcyA9IGNzcyh7XG4gIGN1cnNvcjogJ3BvaW50ZXInLFxuICAnJjpob3Zlcic6IHtcbiAgICBiZzogJ2JhY2tncm91bmQtaG92ZXInLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBSb3dXcmFwcGVyID0gc3R5bGVkKCdzcGFuJykocm93QmFzZVN0eWxlcyk7XG5leHBvcnQgY29uc3QgUm93QnV0dG9uID0gc3R5bGVkKCdidXR0b24nLCBzdHlsZWRPcHRpb25zPCdidXR0b24nPigpKShcbiAgcm93QmFzZVN0eWxlcyxcbiAgaW50ZXJhY3RpdmVTdHlsZXNcbik7XG5leHBvcnQgY29uc3QgUm93QW5jaG9yID0gc3R5bGVkKCdhJywgc3R5bGVkT3B0aW9uczwnYSc+KCkpKFxuICByb3dCYXNlU3R5bGVzLFxuICBpbnRlcmFjdGl2ZVN0eWxlc1xuKTtcblxuZXhwb3J0IGNvbnN0IEJhcldyYXBwZXIgPSBzdHlsZWQoQm94KShcbiAgY3NzKHtcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBib3JkZXJSYWRpdXM6IHsgXzogJ21kJyBhcyBhbnksIHhzOiAneGwnIH0sXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGZsZXg6IHsgXzogJ25vbmUnLCB4czogMSB9LFxuICAgIGhlaWdodDogeyBfOiA4LCB4czogMjQgfSxcbiAgICBvdmVyZmxvdzogJ2hpZGRlbicsXG4gICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgd2lkdGg6IHsgXzogJzEwMCUnLCB4czogJ2F1dG8nIH0sXG4gICAgbXQ6IHsgXzogOCwgeHM6IDAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBCYXIgPSBzdHlsZWQobW90aW9uLmNyZWF0ZShCb3gpKShcbiAgY3NzKHtcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBib3JkZXJSYWRpdXM6ICdpbmhlcml0JyxcbiAgICBib3JkZXJTdHlsZTogJ3NvbGlkJyxcbiAgICBib3JkZXJXaWR0aDogJzFweCcsXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGhlaWdodDogJzEwMCUnLFxuICAgIGxlZnQ6IDAsXG4gICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gIH0pXG4pO1xuIl19 */");

package/dist/BarChart/BarRow/index.d.ts

@@ -1,26 +0,0 @@
-import { MouseEventHandler } from 'react';
-import { BarProps } from '../shared/types';
-export type BarRowProps = BarProps & {
-    index?: number;
-};
-export declare const BarRow: import("react").ForwardRefExoticComponent<(Omit<{
-    yLabel: string;
-    seriesOneValue: number;
-    seriesTwoValue?: number | undefined;
-    icon?: import("react").ComponentType<import("@codecademy/gamut-icons").GamutIconProps> | undefined;
-} & Record<string, unknown> & {
-    onClick?: undefined;
-    href?: undefined;
-} & {
-    index?: number | undefined;
-}, "ref"> | Omit<{
-    yLabel: string;
-    seriesOneValue: number;
-    seriesTwoValue?: number | undefined;
-    icon?: import("react").ComponentType<import("@codecademy/gamut-icons").GamutIconProps> | undefined;
-} & Record<string, unknown> & {
-    onClick?: MouseEventHandler<HTMLButtonElement> | (MouseEventHandler<HTMLButtonElement> & MouseEventHandler<HTMLAnchorElement>) | undefined;
-    href?: string | undefined;
-} & {
-    index?: number | undefined;
-}, "ref">) & import("react").RefAttributes<HTMLDivElement | HTMLAnchorElement | HTMLButtonElement>>;

package/dist/BarChart/BarRow/index.js

@@ -1,254 +0,0 @@
-import { MiniArrowRightIcon } from '@codecademy/gamut-icons';
-import { forwardRef, useMemo, useRef } from 'react';
-import { Box, FlexBox } from '../../Box';
-import { Text } from '../../Typography';
-import { iconPadding, iconWidth, minBarWidth } from '../shared/styles';
-import { calculateBarWidth, getValuesSummary } from '../utils';
-import { useBarBorderColor, useBarChartContext, useMeasureLeftLabelWidth, useMeasureRightLabelWidth } from '../utils/hooks';
-import { Bar, BarWrapper, RowAnchor, RowButton, RowWrapper } from './elements';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-export const BarRow = /*#__PURE__*/forwardRef(({
-  yLabel,
-  seriesOneValue,
-  seriesTwoValue,
-  icon: Icon,
-  onClick,
-  href,
-  index = 0
-}, ref) => {
-  const {
-    minRange,
-    maxRange,
-    unit,
-    styleConfig,
-    animate,
-    widestLeftLabelWidth,
-    widestRightLabelWidth,
-    translations
-  } = useBarChartContext();
-  const {
-    textColor,
-    backgroundBarColor,
-    foregroundBarColor,
-    seriesOneLabel,
-    seriesTwoLabel
-  } = styleConfig;
-  const labelRef = useRef(null);
-  const rightLabelRef = useRef(null);
-  useMeasureLeftLabelWidth({
-    ref: labelRef
-  });
-  useMeasureRightLabelWidth({
-    ref: rightLabelRef
-  });
-  const getBorderColor = useBarBorderColor();
-  const isStacked = seriesTwoValue !== undefined;
-  const displayValue = isStacked ? seriesTwoValue : seriesOneValue;
-  const {
-    backgroundBorderColor,
-    foregroundBorderColor
-  } = useMemo(() => ({
-    backgroundBorderColor: getBorderColor(backgroundBarColor),
-    foregroundBorderColor: isStacked ? getBorderColor(foregroundBarColor) : undefined
-  }), [getBorderColor, backgroundBarColor, isStacked, foregroundBarColor]);
-  const {
-    bgWidthStr,
-    fgWidthStr
-  } = useMemo(() => {
-    const bgWidth = calculateBarWidth({
-      value: displayValue,
-      minRange,
-      maxRange
-    });
-    const fgWidth = isStacked ? calculateBarWidth({
-      value: seriesOneValue,
-      minRange,
-      maxRange
-    }) : 0;
-    return {
-      bgWidthStr: `${Math.max(minBarWidth, bgWidth)}%`,
-      fgWidthStr: `${Math.max(minBarWidth, fgWidth)}%`
-    };
-  }, [displayValue, isStacked, seriesOneValue, minRange, maxRange]);
-  const valuesSummary = useMemo(() => getValuesSummary({
-    isInteractive: !!(href || onClick),
-    seriesOneValue,
-    seriesTwoValue,
-    unit,
-    yLabel,
-    translations
-  }), [href, onClick, seriesOneValue, seriesTwoValue, unit, yLabel, translations]);
-  const animationDelay = animate ? index * 0.1 : 0;
-  const widthValue = widestLeftLabelWidth === null ? 'min-content' : widestLeftLabelWidth;
-  const rightWidthValue = widestRightLabelWidth === null ? 'min-content' : widestRightLabelWidth;
-  const labelsContainer = useMemo(() => /*#__PURE__*/_jsxs(FlexBox, {
-    alignItems: "center",
-    display: {
-      _: 'flex',
-      xs: 'none'
-    },
-    gap: 8,
-    justifyContent: "space-between",
-    width: "100%",
-    children: [/*#__PURE__*/_jsxs(FlexBox, {
-      alignItems: "center",
-      color: textColor,
-      flexShrink: 0,
-      children: [Icon && /*#__PURE__*/_jsx(Icon, {
-        mr: iconPadding,
-        size: iconWidth
-      }), /*#__PURE__*/_jsx(Text, {
-        fontWeight: "bold",
-        truncate: "ellipsis",
-        truncateLines: 1,
-        whiteSpace: "nowrap",
-        children: yLabel
-      })]
-    }), /*#__PURE__*/_jsxs(FlexBox, {
-      alignItems: "center",
-      flexShrink: 0,
-      gap: 8,
-      justifyContent: "flex-end",
-      children: [isStacked && /*#__PURE__*/_jsxs(_Fragment, {
-        children: [/*#__PURE__*/_jsxs(Text, {
-          color: seriesOneLabel,
-          variant: "p-small",
-          whiteSpace: "nowrap",
-          children: [seriesOneValue.toLocaleString(translations.locale), unit && ` ${unit}`]
-        }), /*#__PURE__*/_jsx(MiniArrowRightIcon, {
-          color: seriesOneLabel,
-          size: 16
-        })]
-      }), /*#__PURE__*/_jsxs(Text, {
-        color: isStacked ? seriesTwoLabel : seriesOneLabel,
-        fontWeight: isStacked ? 'bold' : 'normal',
-        variant: "p-small",
-        whiteSpace: "nowrap",
-        children: [displayValue.toLocaleString(translations.locale), unit && ` ${unit}`]
-      })]
-    })]
-  }), [textColor, Icon, yLabel, isStacked, seriesOneValue, seriesOneLabel, seriesTwoLabel, displayValue, unit, translations.locale]);
-  const leftLabel = useMemo(() => /*#__PURE__*/_jsxs(FlexBox, {
-    alignItems: "center",
-    color: textColor,
-    display: {
-      _: 'none',
-      xs: 'flex'
-    },
-    flexShrink: 0,
-    pr: {
-      _: 0,
-      xs: 24
-    },
-    ref: labelRef,
-    width: {
-      _: 'auto',
-      xs: widthValue
-    },
-    children: [Icon && /*#__PURE__*/_jsx(Icon, {
-      mr: 12,
-      size: 24
-    }), /*#__PURE__*/_jsx(Text, {
-      fontWeight: "bold",
-      truncate: "ellipsis",
-      truncateLines: 1,
-      whiteSpace: "nowrap",
-      children: yLabel
-    })]
-  }), [textColor, Icon, yLabel, widthValue]);
-  const rightLabel = useMemo(() => /*#__PURE__*/_jsxs(FlexBox, {
-    alignItems: "center",
-    display: {
-      _: 'none',
-      xs: 'flex'
-    },
-    flexShrink: 0,
-    justifyContent: "flex-end",
-    pl: {
-      _: 0,
-      xs: 24
-    },
-    ref: rightLabelRef,
-    width: {
-      _: 'auto',
-      xs: rightWidthValue
-    },
-    children: [isStacked && /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsxs(Text, {
-        color: seriesOneLabel,
-        variant: "p-small",
-        whiteSpace: "nowrap",
-        children: [seriesOneValue.toLocaleString(translations.locale), unit && ` ${unit}`]
-      }), /*#__PURE__*/_jsx(MiniArrowRightIcon, {
-        color: seriesOneLabel,
-        mx: 12,
-        size: 16
-      })]
-    }), /*#__PURE__*/_jsxs(Text, {
-      color: isStacked ? seriesTwoLabel : seriesOneLabel,
-      fontWeight: isStacked ? 'bold' : 'normal',
-      variant: "p-small",
-      whiteSpace: "nowrap",
-      children: [displayValue.toLocaleString(translations.locale), unit && ` ${unit}`]
-    })]
-  }), [isStacked, seriesOneValue, seriesOneLabel, seriesTwoLabel, displayValue, unit, translations.locale, rightWidthValue]);
-  const rowContent = useMemo(() => /*#__PURE__*/_jsxs(_Fragment, {
-    children: [labelsContainer, leftLabel, /*#__PURE__*/_jsxs(BarWrapper, {
-      children: [/*#__PURE__*/_jsx(Bar, {
-        animate: animate ? {
-          width: bgWidthStr
-        } : undefined,
-        bg: isStacked ? backgroundBarColor : foregroundBarColor,
-        borderColor: isStacked ? backgroundBorderColor : foregroundBorderColor,
-        "data-testid": "background-bar",
-        initial: animate ? {
-          width: '0%'
-        } : undefined,
-        transition: {
-          duration: 0.5,
-          delay: animationDelay
-        },
-        width: !animate ? bgWidthStr : undefined
-      }), isStacked && /*#__PURE__*/_jsx(Bar, {
-        animate: animate ? {
-          width: fgWidthStr
-        } : undefined,
-        bg: foregroundBarColor,
-        borderColor: foregroundBorderColor,
-        "data-testid": "foreground-bar",
-        initial: animate ? {
-          width: '0%'
-        } : undefined,
-        transition: {
-          duration: 0.5,
-          delay: animationDelay + 0.25
-        },
-        width: !animate ? fgWidthStr : undefined
-      })]
-    }), rightLabel]
-  }), [animate, animationDelay, backgroundBarColor, backgroundBorderColor, bgWidthStr, fgWidthStr, foregroundBarColor, foregroundBorderColor, isStacked, labelsContainer, leftLabel, rightLabel]);
-  const content = href ? /*#__PURE__*/_jsx(RowAnchor, {
-    "aria-label": valuesSummary,
-    href: href,
-    ref: ref,
-    onClick: onClick,
-    children: rowContent
-  }) : onClick ? /*#__PURE__*/_jsx(RowButton, {
-    "aria-label": valuesSummary,
-    ref: ref,
-    onClick: onClick,
-    children: rowContent
-  }) : /*#__PURE__*/_jsx(_Fragment, {
-    children: /*#__PURE__*/_jsxs(RowWrapper, {
-      ref: ref,
-      children: [/*#__PURE__*/_jsx(Text, {
-        screenreader: true,
-        children: valuesSummary
-      }), " ", rowContent]
-    })
-  });
-  return /*#__PURE__*/_jsx(Box, {
-    as: "li",
-    children: content
-  });
-});

package/dist/BarChart/GENERIC_EXAMPLE.d.ts

@@ -1,14 +0,0 @@
-/**
- * Generic Type Example for BarChart with Custom Sorting
- *
- * This file demonstrates how the generic types work with custom properties.
- * TypeScript will automatically infer the bar type from barValues, and
- * sort functions will receive the correct type with custom properties.
- *
- * THIS WILL BE DELETED BEFORE SHIPPING
- */
-export declare const DateSortingExample: () => import("react/jsx-runtime").JSX.Element;
-export declare const CategorySortingExample: () => import("react/jsx-runtime").JSX.Element;
-export declare const ComplexSortingExample: () => import("react/jsx-runtime").JSX.Element;
-export declare const ExplicitTypeExample: () => import("react/jsx-runtime").JSX.Element;
-export declare const WrongCategorySortingExample: () => import("react/jsx-runtime").JSX.Element;