@atlaskit/calendar 12.4.5 → 13.0.0

package/dist/es2019/internal/components/heading.js

@@ -1,82 +0,0 @@
-/** @jsx jsx */
-import { memo, useMemo } from 'react';
-import { css, jsx } from '@emotion/react';
-import Button from '@atlaskit/button/standard-button';
-import ArrowleftIcon from '@atlaskit/icon/glyph/chevron-left-large';
-import ArrowrightIcon from '@atlaskit/icon/glyph/chevron-right-large';
-import { DN800, N70, N800 } from '@atlaskit/theme/colors';
-const headingColor = {
-  light: `var(--ds-text, ${N800})`,
-  dark: `var(--ds-text, ${DN800})`
-};
-const headingStyles = css({
-  display: 'flex',
-  // TODO Delete this comment after verifying spacing tokens
-  padding: `${"var(--ds-scale-0, 0px)"} ${"var(--ds-scale-0, 0px)"} 13px ${"var(--ds-scale-0, 0px)"}`,
-  color: `var(--ds-text, ${N800})`,
-  fontWeight: 'bold'
-});
-
-const getMonthAndYearStyles = (mode = 'light') => css({
-  flexBasis: '100%',
-  color: headingColor[mode],
-  textAlign: 'center'
-});
-
-const arrowLeftStyles = css({
-  // TODO Delete this comment after verifying spacing token -> previous value `8`
-  marginLeft: "var(--ds-scale-100, 8px)"
-});
-const arrowRightStyles = css({
-  // TODO Delete this comment after verifying spacing token -> previous value `8`
-  marginRight: "var(--ds-scale-100, 8px)"
-});
-const Heading = /*#__PURE__*/memo(function Heading({
-  monthLongTitle,
-  year,
-  previousMonthLabel = 'Last month',
-  nextMonthLabel = 'Next month',
-  handleClickPrev,
-  handleClickNext,
-  mode,
-  testId
-}) {
-  const monthAndYearStyles = useMemo(() => getMonthAndYearStyles(mode), [mode]);
-  return jsx("div", {
-    css: headingStyles,
-    "aria-hidden": "true"
-  }, jsx(Button, {
-    css: arrowLeftStyles,
-    appearance: "subtle",
-    spacing: "none",
-    tabIndex: -1,
-    onClick: handleClickPrev,
-    testId: testId && `${testId}--previous-month`,
-    iconBefore: jsx(ArrowleftIcon, {
-      label: previousMonthLabel,
-      size: "medium",
-      primaryColor: `var(--ds-text-subtlest, ${N70})`,
-      testId: testId && `${testId}--previous-month-icon`
-    })
-  }), jsx("div", {
-    // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
-    css: monthAndYearStyles,
-    "data-testid": testId && `${testId}--current-month-year`
-  }, `${monthLongTitle} ${year}`), jsx(Button, {
-    css: arrowRightStyles,
-    appearance: "subtle",
-    spacing: "none",
-    tabIndex: -1,
-    onClick: handleClickNext,
-    testId: testId && `${testId}--next-month`,
-    iconBefore: jsx(ArrowrightIcon, {
-      label: nextMonthLabel,
-      size: "medium",
-      primaryColor: `var(--ds-text-subtlest, ${N70})`,
-      testId: testId && `${testId}--next-month-icon`
-    })
-  }));
-});
-Heading.displayName = 'Heading'; // eslint-disable-next-line @repo/internal/react/require-jsdoc
-
-export default Heading;

package/dist/esm/internal/components/heading.js

@@ -1,88 +0,0 @@
-/** @jsx jsx */
-import { memo, useMemo } from 'react';
-import { css, jsx } from '@emotion/react';
-import Button from '@atlaskit/button/standard-button';
-import ArrowleftIcon from '@atlaskit/icon/glyph/chevron-left-large';
-import ArrowrightIcon from '@atlaskit/icon/glyph/chevron-right-large';
-import { DN800, N70, N800 } from '@atlaskit/theme/colors';
-var headingColor = {
-  light: "var(--ds-text, ".concat(N800, ")"),
-  dark: "var(--ds-text, ".concat(DN800, ")")
-};
-var headingStyles = css({
-  display: 'flex',
-  // TODO Delete this comment after verifying spacing tokens
-  padding: "var(--ds-scale-0, 0px)".concat(" ", "var(--ds-scale-0, 0px)", " 13px ", "var(--ds-scale-0, 0px)"),
-  color: "var(--ds-text, ".concat(N800, ")"),
-  fontWeight: 'bold'
-});
-
-var getMonthAndYearStyles = function getMonthAndYearStyles() {
-  var mode = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'light';
-  return css({
-    flexBasis: '100%',
-    color: headingColor[mode],
-    textAlign: 'center'
-  });
-};
-
-var arrowLeftStyles = css({
-  // TODO Delete this comment after verifying spacing token -> previous value `8`
-  marginLeft: "var(--ds-scale-100, 8px)"
-});
-var arrowRightStyles = css({
-  // TODO Delete this comment after verifying spacing token -> previous value `8`
-  marginRight: "var(--ds-scale-100, 8px)"
-});
-var Heading = /*#__PURE__*/memo(function Heading(_ref) {
-  var monthLongTitle = _ref.monthLongTitle,
-      year = _ref.year,
-      _ref$previousMonthLab = _ref.previousMonthLabel,
-      previousMonthLabel = _ref$previousMonthLab === void 0 ? 'Last month' : _ref$previousMonthLab,
-      _ref$nextMonthLabel = _ref.nextMonthLabel,
-      nextMonthLabel = _ref$nextMonthLabel === void 0 ? 'Next month' : _ref$nextMonthLabel,
-      handleClickPrev = _ref.handleClickPrev,
-      handleClickNext = _ref.handleClickNext,
-      mode = _ref.mode,
-      testId = _ref.testId;
-  var monthAndYearStyles = useMemo(function () {
-    return getMonthAndYearStyles(mode);
-  }, [mode]);
-  return jsx("div", {
-    css: headingStyles,
-    "aria-hidden": "true"
-  }, jsx(Button, {
-    css: arrowLeftStyles,
-    appearance: "subtle",
-    spacing: "none",
-    tabIndex: -1,
-    onClick: handleClickPrev,
-    testId: testId && "".concat(testId, "--previous-month"),
-    iconBefore: jsx(ArrowleftIcon, {
-      label: previousMonthLabel,
-      size: "medium",
-      primaryColor: "var(--ds-text-subtlest, ".concat(N70, ")"),
-      testId: testId && "".concat(testId, "--previous-month-icon")
-    })
-  }), jsx("div", {
-    // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
-    css: monthAndYearStyles,
-    "data-testid": testId && "".concat(testId, "--current-month-year")
-  }, "".concat(monthLongTitle, " ").concat(year)), jsx(Button, {
-    css: arrowRightStyles,
-    appearance: "subtle",
-    spacing: "none",
-    tabIndex: -1,
-    onClick: handleClickNext,
-    testId: testId && "".concat(testId, "--next-month"),
-    iconBefore: jsx(ArrowrightIcon, {
-      label: nextMonthLabel,
-      size: "medium",
-      primaryColor: "var(--ds-text-subtlest, ".concat(N70, ")"),
-      testId: testId && "".concat(testId, "--next-month-icon")
-    })
-  }));
-});
-Heading.displayName = 'Heading'; // eslint-disable-next-line @repo/internal/react/require-jsdoc
-
-export default Heading;