@drivy/cobalt 0.11.8 → 0.13.1

package/cjs/tokens/breakpoints.js

@@ -13,7 +13,7 @@ var _breakpoints = {
 	lg: lg
 };
 
-exports.default = _breakpoints;
+exports["default"] = _breakpoints;
 exports.lg = lg;
 exports.md = md;
 exports.sm = sm;

package/cjs/tokens/colors.js

@@ -6,20 +6,20 @@ const white = "#fff";
 const grey = {
 	lighter: "#f8f7f8",
 	light: "#edebed",
-	"default": "#dbd8dc",
+	DEFAULT: "#dbd8dc",
 	dark: "#a49da7"
 };
 const indigo = {
-	"default": "#61366b",
+	DEFAULT: "#61366b",
 	dark: "#390446"
 };
 const purple = {
 	light: "#d076ca",
-	"default": "#b01aa7"
+	DEFAULT: "#b01aa7"
 };
 const graphite = {
 	light: "#757575",
-	"default": "#333"
+	DEFAULT: "#333"
 };
 const turquoise = "#5ecbdd";
 const coral = "#ffa484";
@@ -27,7 +27,7 @@ const amber = "#ffc25a";
 const red = "#ff7378";
 const green = {
 	light: "#0fffb3",
-	"default": "#00da94",
+	DEFAULT: "#00da94",
 	dark: "#00a873"
 };
 const blue = "#2ea2ea";
@@ -48,7 +48,7 @@ var _colors = {
 exports.amber = amber;
 exports.blue = blue;
 exports.coral = coral;
-exports.default = _colors;
+exports["default"] = _colors;
 exports.graphite = graphite;
 exports.green = green;
 exports.grey = grey;

package/cjs/tokens/countries.js

@@ -18,6 +18,6 @@ var _countries = {
 	flags: flags
 };
 
-exports.default = _countries;
+exports["default"] = _countries;
 exports.flags = flags;
 //# sourceMappingURL=countries.js.map

package/cjs/tokens/icons.js

@@ -120,6 +120,6 @@ var _icons = {
 	icons: icons
 };
 
-exports.default = _icons;
+exports["default"] = _icons;
 exports.icons = icons;
 //# sourceMappingURL=icons.js.map

package/cjs/tokens/index.js

@@ -9,11 +9,11 @@ var icons$1 = require('./icons.js');
 var zIndexes$1 = require('./zIndexes.js');
 
 // For now we can't re-export json using TS and JSON import has no default
-var breakpoints = breakpoints$1['default'];
-var colors = colors$1['default'];
-var countries = countries$1['default'];
-var icons = icons$1['default'];
-var zIndexes = zIndexes$1['default'];
+var breakpoints = breakpoints$1["default"];
+var colors = colors$1["default"];
+var countries = countries$1["default"];
+var icons = icons$1["default"];
+var zIndexes = zIndexes$1["default"];
 
 exports.breakpoints = breakpoints;
 exports.colors = colors;

package/cjs/tokens/zIndexes.js

@@ -35,7 +35,7 @@ exports.above = above;
 exports.alert = alert;
 exports.base = base;
 exports.below = below;
-exports.default = _zIndexes;
+exports["default"] = _zIndexes;
 exports.dropdown = dropdown;
 exports.header = header;
 exports.modal = modal;

package/components/Accordion/ToggleIcon.js

@@ -8,5 +8,5 @@ var ToggleIcon = function (_a) {
         }) }));
 };
 
-export default ToggleIcon;
+export { ToggleIcon as default };
 //# sourceMappingURL=ToggleIcon.js.map

package/components/Accordion/index.js

@@ -51,6 +51,5 @@ var Accordion = function (_a) {
 };
 Accordion.Item = AccordionItem;
 
-export default Accordion;
-export { AccordionItem, AccordionItemHeader, AccordionItemPanel };
+export { AccordionItem, AccordionItemHeader, AccordionItemPanel, Accordion as default };
 //# sourceMappingURL=index.js.map

package/components/Accordion/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Accordion/index.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\"\nimport cx from \"classnames\"\nimport {\n  Accordion as ReachAccordion,\n  AccordionItem as ReachAccordionItem,\n  AccordionButton as ReachAccordionButton,\n  AccordionPanel as ReachAccordionPanel,\n  AccordionProps as ReachAccordionProps,\n  AccordionItemProps as ReachAccordionItemProps,\n  AccordionButtonProps as ReachAccordionButtonProps,\n  useAccordionItemContext,\n  AccordionPanelProps as ReachAccordionPanelProps,\n} from \"@reach/accordion\"\nimport ToggleIcon from \"./ToggleIcon\"\nimport { animated, useSpring } from \"@react-spring/web\"\nimport useElementHeight from \"../../hooks/useElementHeight\"\nexport { useAccordionItemContext } from \"@reach/accordion\"\n\ntype HeadingLevelMapType = {\n  h2: 2\n  h3: 3\n  h4: 4\n  h5: 5\n  h6: 6\n}\n\ntype HeadingTag = keyof HeadingLevelMapType\nexport type AccordionItemHeaderPropsType = {\n  /**\n   * To improve the semantics of the markup further, the ARIA guidelines dictate\n   * that each accordion item's button should be wrapped in an element with\n   * role=\"heading\", or more simply, an HTML heading tag.\n   * https://reach.tech/accordion/#accordion-headings\n   */\n  headingLevel?: HeadingLevelMapType[HeadingTag]\n  className?: string\n} & ReachAccordionButtonProps\n\nexport type AccordionItemPanelPropsType = {\n  className?: string\n} & ReachAccordionPanelProps\nexport type AccordionItemPropsType = {\n  className?: string\n} & ReachAccordionItemProps\nexport type AccordionPropsType = {\n  className?: string\n  // We have to explicit them below to get displayed by Storybook\n  // should work without but might be an issue on Storybook side\n  collapsible?: ReachAccordionProps[\"collapsible\"]\n  defaultIndex?: ReachAccordionProps[\"defaultIndex\"]\n  index?: ReachAccordionProps[\"index\"]\n  multiple?: ReachAccordionProps[\"multiple\"]\n  onChange?: ReachAccordionProps[\"onChange\"]\n} & ReachAccordionProps\n\nconst accordionSpringConfig = { tension: 300, friction: 30, clamp: true }\n\nexport const AccordionItemHeader = forwardRef<\n  HTMLButtonElement,\n  AccordionItemHeaderPropsType\n>(({ headingLevel = 4, className, children, ...props }, ref) => {\n  const { isExpanded } = useAccordionItemContext()\n  const Heading = `h${headingLevel}` as HeadingTag\n  return (\n    <Heading>\n      <ReachAccordionButton\n        ref={ref}\n        className=\"cobalt-accordion__header\"\n        {...props}\n      >\n        <span className={cx(\"cobalt-accordion__header-content\", className)}>\n          {children}\n        </span>\n        <ToggleIcon isOpen={isExpanded} />\n      </ReachAccordionButton>\n    </Heading>\n  )\n})\nAccordionItemHeader.displayName = \"Accordion.Item.Header\"\n\nconst AnimatedAccordionPanel = animated(ReachAccordionPanel)\nexport const AccordionItemPanel = ({\n  children,\n  className,\n  ...props\n}: AccordionItemPanelPropsType) => {\n  const { isExpanded } = useAccordionItemContext()\n  const { ref, height } = useElementHeight<HTMLDivElement>()\n  const animation = useSpring({\n    opacity: isExpanded ? 1 : 0,\n    height: isExpanded ? height : 0,\n    overflow: \"hidden\",\n    config: accordionSpringConfig,\n  })\n\n  return (\n    <AnimatedAccordionPanel\n      style={animation}\n      // We need to set hidden to false for the exit animations to work\n      // but the panel should still be hidden from the accessibility tree\n      // when the panel is closed. We'll use aria-hidden instead.\n      hidden={false}\n      aria-hidden={!isExpanded || undefined}\n      {...props}\n    >\n      <div ref={ref} className={cx(\"cobalt-accordion__panel\", className)}>\n        {children}\n      </div>\n    </AnimatedAccordionPanel>\n  )\n}\nAccordionItemPanel.displayName = \"Accordion.Item.Panel\"\n\nexport const AccordionItem = ({\n  children,\n  className,\n  ...props\n}: AccordionItemPropsType) => {\n  return (\n    <ReachAccordionItem\n      className={cx(\"cobalt-accordions-list__item\", className)}\n      {...props}\n    >\n      {children}\n    </ReachAccordionItem>\n  )\n}\nAccordionItem.displayName = \"Accordion.Item\"\nAccordionItem.Header = AccordionItemHeader\nAccordionItem.Panel = AccordionItemPanel\n\nconst Accordion = ({\n  className,\n  children,\n  index,\n  collapsible = true,\n  multiple = false,\n  ...props\n}: AccordionPropsType) => {\n  const hasIndex = index === 0 || !!index\n  return (\n    <ReachAccordion\n      className={cx(\"cobalt-accordions-list\", className)}\n      collapsible={!hasIndex && collapsible}\n      multiple={!hasIndex && multiple}\n      index={index}\n      {...props}\n    >\n      {children}\n    </ReachAccordion>\n  )\n}\nAccordion.Item = AccordionItem\n\nexport default Accordion\n"],"names":["ReachAccordionButton","ReachAccordionPanel","ReachAccordionItem","ReachAccordion"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/Accordion/index.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\"\nimport cx from \"classnames\"\nimport {\n  Accordion as ReachAccordion,\n  AccordionItem as ReachAccordionItem,\n  AccordionButton as ReachAccordionButton,\n  AccordionPanel as ReachAccordionPanel,\n  AccordionProps as ReachAccordionProps,\n  AccordionItemProps as ReachAccordionItemProps,\n  AccordionButtonProps as ReachAccordionButtonProps,\n  useAccordionItemContext,\n  AccordionPanelProps as ReachAccordionPanelProps,\n} from \"@reach/accordion\"\nimport ToggleIcon from \"./ToggleIcon\"\nimport { animated, useSpring } from \"@react-spring/web\"\nimport useElementHeight from \"../../hooks/useElementHeight\"\nexport { useAccordionItemContext } from \"@reach/accordion\"\n\ntype HeadingLevelMapType = {\n  h2: 2\n  h3: 3\n  h4: 4\n  h5: 5\n  h6: 6\n}\n\ntype HeadingTag = keyof HeadingLevelMapType\nexport type AccordionItemHeaderPropsType = {\n  /**\n   * To improve the semantics of the markup further, the ARIA guidelines dictate\n   * that each accordion item's button should be wrapped in an element with\n   * role=\"heading\", or more simply, an HTML heading tag.\n   * https://reach.tech/accordion/#accordion-headings\n   */\n  headingLevel?: HeadingLevelMapType[HeadingTag]\n  className?: string\n} & ReachAccordionButtonProps\n\nexport type AccordionItemPanelPropsType = {\n  className?: string\n} & ReachAccordionPanelProps\nexport type AccordionItemPropsType = {\n  className?: string\n} & ReachAccordionItemProps\nexport type AccordionPropsType = {\n  className?: string\n  // We have to explicit them below to get displayed by Storybook\n  // should work without but might be an issue on Storybook side\n  collapsible?: ReachAccordionProps[\"collapsible\"]\n  defaultIndex?: ReachAccordionProps[\"defaultIndex\"]\n  index?: ReachAccordionProps[\"index\"]\n  multiple?: ReachAccordionProps[\"multiple\"]\n  onChange?: ReachAccordionProps[\"onChange\"]\n} & ReachAccordionProps\n\nconst accordionSpringConfig = { tension: 300, friction: 30, clamp: true }\n\nexport const AccordionItemHeader = forwardRef<\n  HTMLButtonElement,\n  AccordionItemHeaderPropsType\n>(({ headingLevel = 4, className, children, ...props }, ref) => {\n  const { isExpanded } = useAccordionItemContext()\n  const Heading = `h${headingLevel}` as HeadingTag\n  return (\n    <Heading>\n      <ReachAccordionButton\n        ref={ref}\n        className=\"cobalt-accordion__header\"\n        {...props}\n      >\n        <span className={cx(\"cobalt-accordion__header-content\", className)}>\n          {children}\n        </span>\n        <ToggleIcon isOpen={isExpanded} />\n      </ReachAccordionButton>\n    </Heading>\n  )\n})\nAccordionItemHeader.displayName = \"Accordion.Item.Header\"\n\nconst AnimatedAccordionPanel = animated(ReachAccordionPanel)\nexport const AccordionItemPanel = ({\n  children,\n  className,\n  ...props\n}: AccordionItemPanelPropsType) => {\n  const { isExpanded } = useAccordionItemContext()\n  const { ref, height } = useElementHeight<HTMLDivElement>()\n  const animation = useSpring({\n    opacity: isExpanded ? 1 : 0,\n    height: isExpanded ? height : 0,\n    overflow: \"hidden\",\n    config: accordionSpringConfig,\n  })\n\n  return (\n    <AnimatedAccordionPanel\n      style={animation}\n      // We need to set hidden to false for the exit animations to work\n      // but the panel should still be hidden from the accessibility tree\n      // when the panel is closed. We'll use aria-hidden instead.\n      hidden={false}\n      aria-hidden={!isExpanded || undefined}\n      {...props}\n    >\n      <div ref={ref} className={cx(\"cobalt-accordion__panel\", className)}>\n        {children}\n      </div>\n    </AnimatedAccordionPanel>\n  )\n}\nAccordionItemPanel.displayName = \"Accordion.Item.Panel\"\n\nexport const AccordionItem = ({\n  children,\n  className,\n  ...props\n}: AccordionItemPropsType) => {\n  return (\n    <ReachAccordionItem\n      className={cx(\"cobalt-accordions-list__item\", className)}\n      {...props}\n    >\n      {children}\n    </ReachAccordionItem>\n  )\n}\nAccordionItem.displayName = \"Accordion.Item\"\nAccordionItem.Header = AccordionItemHeader\nAccordionItem.Panel = AccordionItemPanel\n\nconst Accordion = ({\n  className,\n  children,\n  index,\n  collapsible = true,\n  multiple = false,\n  ...props\n}: AccordionPropsType) => {\n  const hasIndex = index === 0 || !!index\n  return (\n    <ReachAccordion\n      className={cx(\"cobalt-accordions-list\", className)}\n      collapsible={!hasIndex && collapsible}\n      multiple={!hasIndex && multiple}\n      index={index}\n      {...props}\n    >\n      {children}\n    </ReachAccordion>\n  )\n}\nAccordion.Item = AccordionItem\n\nexport default Accordion\n"],"names":["ReachAccordionButton","ReachAccordionPanel","ReachAccordionItem","ReachAccordion"],"mappings":"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"}

package/components/Alerter/Alert.js

@@ -35,5 +35,5 @@ var Alert = function (_a) {
             React.createElement("span", { className: "cobalt-alert__content" }, children))));
 };
 
-export default Alert;
+export { Alert as default };
 //# sourceMappingURL=Alert.js.map

package/components/Alerter/index.js

@@ -77,6 +77,5 @@ var Alerter = function (props) {
         React.createElement(InnerAlerter, __assign({}, props))));
 };
 
-export default Alerter;
-export { useAlerts };
+export { Alerter as default, useAlerts };
 //# sourceMappingURL=index.js.map

package/components/Alerter/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Alerter/index.tsx"],"sourcesContent":["import React, { useContext, useReducer, FunctionComponent } from \"react\"\nimport { nanoid } from \"nanoid\"\nimport Portal from \"@reach/portal\"\nimport cx from \"classnames\"\nimport { useTransition, animated, config } from \"@react-spring/web\"\n\nimport Alert, { AlertType } from \"./Alert\"\nimport useBreakpoint from \"../../hooks/useBreakpoint\"\nimport { remToPx } from \"../utils\"\n\ntype AlertPropsType = Parameters<AlertType>[0]\n\nenum AlertActionType {\n  send = \"send\",\n  dismiss = \"dismiss\",\n}\n\nexport type AlertReducerActionData = {\n  id: string\n  status: AlertPropsType[\"status\"]\n  message: AlertPropsType[\"children\"]\n  // mandatory only for sent alerts\n  dismiss?: AlertPropsType[\"dismiss\"]\n}\n\n// We omit props type private to the Alerter\ntype SendAlertParameters = Omit<AlertReducerActionData, \"dismiss\" | \"id\">\ntype DismissAlertParameters = Omit<AlertReducerActionData, \"dismiss\">\n// We omit types only use in the reducer\ntype AlertsQueue = (Omit<AlertReducerActionData, \"dismiss\"> & {\n  dismiss: NonNullable<AlertReducerActionData[\"dismiss\"]>\n})[]\n\nconst hasDismiss = (\n  alertData: AlertReducerActionData\n): alertData is AlertsQueue[0] => \"dismiss\" in alertData\n\nconst initialQueue: AlertsQueue = []\n\nfunction alertsReducer(\n  queue: AlertsQueue,\n  action: AlertReducerActionData & { type: AlertActionType }\n): AlertsQueue {\n  const { type, ...alertData } = action\n  if (type === AlertActionType.dismiss) {\n    return queue.filter((a) => a.id !== alertData.id)\n  }\n  // We can't send alerts in the queue without providing a way to dismiss it\n  if (type === AlertActionType.send && hasDismiss(alertData))\n    return [alertData].concat(queue)\n  return queue\n}\n\nconst defaultSendAlert: React.Dispatch<SendAlertParameters> = () => initialQueue // we never actually use this\nconst AlertsContext = React.createContext({\n  queue: initialQueue,\n  sendAlert: defaultSendAlert, // just to mock out the dispatch type and make it not optional\n})\n\nconst AlertsProvider: FunctionComponent = (props) => {\n  const [queue, dispatch] = useReducer(alertsReducer, initialQueue)\n  const dismissAlert: React.Dispatch<DismissAlertParameters> = (args) => {\n    dispatch({\n      type: AlertActionType.dismiss,\n      ...args,\n    })\n  }\n  const sendAlert: React.Dispatch<SendAlertParameters> = (args) => {\n    const alertData = { ...args, id: nanoid() }\n    dispatch({\n      type: AlertActionType.send,\n      ...alertData,\n      dismiss: () => dismissAlert(alertData),\n    })\n  }\n  return <AlertsContext.Provider value={{ queue, sendAlert }} {...props} />\n}\n\n// Alerter hook\nexport const useAlerts = () => {\n  return useContext(AlertsContext)\n}\n\nconst InnerAlerter = ({ children }: { children: React.ReactNode }) => {\n  const { queue } = useAlerts()\n  const { isMobile } = useBreakpoint()\n\n  const transformSpring = {\n    from: remToPx(2),\n    enter: 0,\n    leave: isMobile ? remToPx(2) : remToPx(5),\n  }\n\n  const transition = useTransition(queue, {\n    keys: queue.map((a) => a.id),\n    from: { opacity: 0, transform: transformSpring.from },\n    enter: { opacity: 1, transform: transformSpring.enter },\n    leave: { opacity: 0, transform: transformSpring.leave },\n    config: config.stiff,\n  })\n\n  return (\n    <>\n      <Portal>\n        <div\n          className={cx(\"cobalt-alerts\", {\n            \"cobalt-alerts--mobile\": isMobile,\n          })}\n        >\n          {transition((style, alertData) => (\n            <animated.div\n              key={alertData.id}\n              style={{\n                opacity: style.opacity,\n                ...(isMobile\n                  ? { translateY: style.transform }\n                  : { translateX: style.transform }),\n              }}\n            >\n              <Alert status={alertData.status} dismiss={alertData.dismiss}>\n                {alertData.message}\n              </Alert>\n            </animated.div>\n          ))}\n        </div>\n      </Portal>\n      {children}\n    </>\n  )\n}\n\nconst Alerter = (props: { children: React.ReactNode }) => {\n  return (\n    <AlertsProvider>\n      <InnerAlerter {...props} />\n    </AlertsProvider>\n  )\n}\n\nexport default Alerter\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/Alerter/index.tsx"],"sourcesContent":["import React, { useContext, useReducer, FunctionComponent } from \"react\"\nimport { nanoid } from \"nanoid\"\nimport Portal from \"@reach/portal\"\nimport cx from \"classnames\"\nimport { useTransition, animated, config } from \"@react-spring/web\"\n\nimport Alert, { AlertType } from \"./Alert\"\nimport useBreakpoint from \"../../hooks/useBreakpoint\"\nimport { remToPx } from \"../utils\"\n\ntype AlertPropsType = Parameters<AlertType>[0]\n\nenum AlertActionType {\n  send = \"send\",\n  dismiss = \"dismiss\",\n}\n\nexport type AlertReducerActionData = {\n  id: string\n  status: AlertPropsType[\"status\"]\n  message: AlertPropsType[\"children\"]\n  // mandatory only for sent alerts\n  dismiss?: AlertPropsType[\"dismiss\"]\n}\n\n// We omit props type private to the Alerter\ntype SendAlertParameters = Omit<AlertReducerActionData, \"dismiss\" | \"id\">\ntype DismissAlertParameters = Omit<AlertReducerActionData, \"dismiss\">\n// We omit types only use in the reducer\ntype AlertsQueue = (Omit<AlertReducerActionData, \"dismiss\"> & {\n  dismiss: NonNullable<AlertReducerActionData[\"dismiss\"]>\n})[]\n\nconst hasDismiss = (\n  alertData: AlertReducerActionData\n): alertData is AlertsQueue[0] => \"dismiss\" in alertData\n\nconst initialQueue: AlertsQueue = []\n\nfunction alertsReducer(\n  queue: AlertsQueue,\n  action: AlertReducerActionData & { type: AlertActionType }\n): AlertsQueue {\n  const { type, ...alertData } = action\n  if (type === AlertActionType.dismiss) {\n    return queue.filter((a) => a.id !== alertData.id)\n  }\n  // We can't send alerts in the queue without providing a way to dismiss it\n  if (type === AlertActionType.send && hasDismiss(alertData))\n    return [alertData].concat(queue)\n  return queue\n}\n\nconst defaultSendAlert: React.Dispatch<SendAlertParameters> = () => initialQueue // we never actually use this\nconst AlertsContext = React.createContext({\n  queue: initialQueue,\n  sendAlert: defaultSendAlert, // just to mock out the dispatch type and make it not optional\n})\n\nconst AlertsProvider: FunctionComponent = (props) => {\n  const [queue, dispatch] = useReducer(alertsReducer, initialQueue)\n  const dismissAlert: React.Dispatch<DismissAlertParameters> = (args) => {\n    dispatch({\n      type: AlertActionType.dismiss,\n      ...args,\n    })\n  }\n  const sendAlert: React.Dispatch<SendAlertParameters> = (args) => {\n    const alertData = { ...args, id: nanoid() }\n    dispatch({\n      type: AlertActionType.send,\n      ...alertData,\n      dismiss: () => dismissAlert(alertData),\n    })\n  }\n  return <AlertsContext.Provider value={{ queue, sendAlert }} {...props} />\n}\n\n// Alerter hook\nexport const useAlerts = () => {\n  return useContext(AlertsContext)\n}\n\nconst InnerAlerter = ({ children }: { children: React.ReactNode }) => {\n  const { queue } = useAlerts()\n  const { isMobile } = useBreakpoint()\n\n  const transformSpring = {\n    from: remToPx(2),\n    enter: 0,\n    leave: isMobile ? remToPx(2) : remToPx(5),\n  }\n\n  const transition = useTransition(queue, {\n    keys: queue.map((a) => a.id),\n    from: { opacity: 0, transform: transformSpring.from },\n    enter: { opacity: 1, transform: transformSpring.enter },\n    leave: { opacity: 0, transform: transformSpring.leave },\n    config: config.stiff,\n  })\n\n  return (\n    <>\n      <Portal>\n        <div\n          className={cx(\"cobalt-alerts\", {\n            \"cobalt-alerts--mobile\": isMobile,\n          })}\n        >\n          {transition((style, alertData) => (\n            <animated.div\n              key={alertData.id}\n              style={{\n                opacity: style.opacity,\n                ...(isMobile\n                  ? { translateY: style.transform }\n                  : { translateX: style.transform }),\n              }}\n            >\n              <Alert status={alertData.status} dismiss={alertData.dismiss}>\n                {alertData.message}\n              </Alert>\n            </animated.div>\n          ))}\n        </div>\n      </Portal>\n      {children}\n    </>\n  )\n}\n\nconst Alerter = (props: { children: React.ReactNode }) => {\n  return (\n    <AlertsProvider>\n      <InnerAlerter {...props} />\n    </AlertsProvider>\n  )\n}\n\nexport default Alerter\n"],"names":[],"mappings":"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"}

package/components/Button/Button.js

@@ -46,5 +46,5 @@ var Button = function (props) {
     }
 };
 
-export default Button;
+export { Button as default };
 //# sourceMappingURL=Button.js.map

package/components/Button/Link.js

@@ -46,5 +46,5 @@ var Link = function (props) {
     }
 };
 
-export default Link;
+export { Link as default };
 //# sourceMappingURL=Link.js.map

package/components/Button/index.js

@@ -5,6 +5,5 @@ import ButtonsGroup from '../Buttons/ButtonsGroup.js';
 var ButtonGroup = ButtonsGroup;
 var Button = Object.assign(Button$1, { Link: Link });
 
-export default Button;
-export { Button, ButtonGroup };
+export { Button, ButtonGroup, Button as default };
 //# sourceMappingURL=index.js.map

package/components/Button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Button/index.tsx"],"sourcesContent":["// We have to import react to avoid TS using reference directives here\nimport _React from \"react\"\nimport _Button from \"./Button\"\nimport Link from \"./Link\"\nimport { ButtonPropsType as _ButtonPropsType } from \"./Button\"\nimport { ButtonLinkPropsType as _ButtonLinkPropsType } from \"./Link\"\nimport _ButtonGroup, {\n  ButtonsGroupProps as _ButtonGroupProps,\n} from \"../Buttons/ButtonsGroup\"\n\n// We have to export types differently from modules\n// https://github.com/babel/babel/issues/8361\n// https://github.com/babel/babel-loader/issues/603#issuecomment-601682451\nexport type ButtonPropsType = _ButtonPropsType\nexport type ButtonLinkPropsType = _ButtonLinkPropsType\nexport type ButtonGroupProps = _ButtonGroupProps\n\nexport const ButtonGroup = _ButtonGroup\n\nexport const Button = Object.assign(_Button, { Link })\n\nexport default Button\n"],"names":["_ButtonGroup","_Button"],"mappings":";;;;IAiBa,WAAW,GAAGA,aAAY;IAE1B,MAAM,GAAG,MAAM,CAAC,MAAM,CAACC,QAAO,EAAE,EAAE,IAAI,MAAA,EAAE;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/Button/index.tsx"],"sourcesContent":["// We have to import react to avoid TS using reference directives here\nimport _React from \"react\"\nimport _Button from \"./Button\"\nimport Link from \"./Link\"\nimport { ButtonPropsType as _ButtonPropsType } from \"./Button\"\nimport { ButtonLinkPropsType as _ButtonLinkPropsType } from \"./Link\"\nimport _ButtonGroup, {\n  ButtonsGroupProps as _ButtonGroupProps,\n} from \"../Buttons/ButtonsGroup\"\n\n// We have to export types differently from modules\n// https://github.com/babel/babel/issues/8361\n// https://github.com/babel/babel-loader/issues/603#issuecomment-601682451\nexport type ButtonPropsType = _ButtonPropsType\nexport type ButtonLinkPropsType = _ButtonLinkPropsType\nexport type ButtonGroupProps = _ButtonGroupProps\n\nexport const ButtonGroup = _ButtonGroup\n\nexport const Button = Object.assign(_Button, { Link })\n\nexport default Button\n"],"names":["_ButtonGroup","_Button"],"mappings":";;;;IAiBa,WAAW,GAAGA,aAAY;IAE1B,MAAM,GAAG,MAAM,CAAC,MAAM,CAACC,QAAO,EAAE,EAAE,IAAI,MAAA,EAAE;;;;"}

package/components/Buttons/BrandButton/index.js

@@ -49,5 +49,5 @@ var BrandLink = forwardRef(function (props, ref) {
 BrandLink.displayName = "BrandLink";
 var BrandButton = Object.assign(_BrandButton, { Link: BrandLink });
 
-export default BrandButton;
+export { BrandButton as default };
 //# sourceMappingURL=index.js.map

package/components/Buttons/ButtonComponent.js

@@ -3,7 +3,7 @@ import '../Icon/index.js';
 import React, { forwardRef } from 'react';
 import LoadingIcon from '../Icon/__generated__/LoadingIcon.js';
 
-var isLinkProps = function (props) { return "href" in props; };
+var isLinkProps = function (props) { return "href" in props && !!props.href; };
 var _Button = forwardRef(function (props, ref) {
     var disabled = props.disabled, loading = props.loading, children = props.children, restProps = __rest(props, ["disabled", "loading", "children"]);
     return (React.createElement("button", __assign({ ref: ref, "aria-disabled": disabled, "aria-busy": loading, disabled: disabled }, restProps),
@@ -20,6 +20,5 @@ var Link = forwardRef(function (props, ref) {
 Link.displayName = "link";
 var Button = Object.assign(_Button, { Link: Link });
 
-export default Button;
-export { isLinkProps };
+export { Button as default, isLinkProps };
 //# sourceMappingURL=ButtonComponent.js.map

package/components/Buttons/ButtonComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonComponent.js","sources":["../../../src/components/Buttons/ButtonComponent.tsx"],"sourcesContent":["import { LoadingIcon } from \"../Icon\"\nimport React, { forwardRef } from \"react\"\n\n// Button props\nexport type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n  loading?: boolean\n  href?: undefined\n}\n\n// Link props\nexport type LinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & {\n  loading?: boolean\n  disabled?: boolean\n  href?: string\n}\n\nexport const isLinkProps = (\n  props: ButtonProps | LinkProps\n): props is LinkProps => \"href\" in props\n\nconst _Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (props: ButtonProps, ref) => {\n    const { disabled, loading, children, ...restProps } = props\n    return (\n      <button\n        ref={ref}\n        aria-disabled={disabled}\n        aria-busy={loading}\n        disabled={disabled}\n        {...restProps}\n      >\n        {loading && <LoadingIcon className=\"cob-Button__loading-icon\" />}\n        {children}\n      </button>\n    )\n  }\n)\n_Button.displayName = \"button\"\n\nconst Link = forwardRef<HTMLAnchorElement, LinkProps>(\n  (props: LinkProps, ref) => {\n    const { disabled, target, rel, loading, children, ...restProps } = props\n    return (\n      <a\n        aria-disabled={disabled}\n        data-disabled={disabled}\n        aria-busy={loading}\n        target={target}\n        rel={target && !rel ? \"noopener noreferrer\" : rel}\n        ref={ref}\n        {...restProps}\n      >\n        {loading && <LoadingIcon className=\"cob-Button__loading-icon\" />}\n        {children}\n      </a>\n    )\n  }\n)\nLink.displayName = \"link\"\n\nconst Button = Object.assign(_Button, { Link })\n\nexport default Button\n"],"names":[],"mappings":";;;;;IAgBa,WAAW,GAAG,UACzB,KAA8B,IACP,OAAA,MAAM,IAAI,KAAK,IAAA;AAExC,IAAM,OAAO,GAAG,UAAU,CACxB,UAAC,KAAkB,EAAE,GAAG;IACd,IAAA,QAAQ,GAAsC,KAAK,SAA3C,EAAE,OAAO,GAA6B,KAAK,QAAlC,EAAE,QAAQ,GAAmB,KAAK,SAAxB,EAAK,SAAS,UAAK,KAAK,EAArD,mCAA6C,CAAF,CAAU;IAC3D,QACE,yCACE,GAAG,EAAE,GAAG,mBACO,QAAQ,eACZ,OAAO,EAClB,QAAQ,EAAE,QAAQ,IACd,SAAS;QAEZ,OAAO,IAAI,oBAAC,WAAW,IAAC,SAAS,EAAC,0BAA0B,GAAG;QAC/D,QAAQ,CACF,EACV;AACH,CAAC,CACF,CAAA;AACD,OAAO,CAAC,WAAW,GAAG,QAAQ,CAAA;AAE9B,IAAM,IAAI,GAAG,UAAU,CACrB,UAAC,KAAgB,EAAE,GAAG;IACZ,IAAA,QAAQ,GAAmD,KAAK,SAAxD,EAAE,MAAM,GAA2C,KAAK,OAAhD,EAAE,GAAG,GAAsC,KAAK,IAA3C,EAAE,OAAO,GAA6B,KAAK,QAAlC,EAAE,QAAQ,GAAmB,KAAK,SAAxB,EAAK,SAAS,UAAK,KAAK,EAAlE,oDAA0D,CAAF,CAAU;IACxE,QACE,qDACiB,QAAQ,mBACR,QAAQ,eACZ,OAAO,EAClB,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,MAAM,IAAI,CAAC,GAAG,GAAG,qBAAqB,GAAG,GAAG,EACjD,GAAG,EAAE,GAAG,IACJ,SAAS;QAEZ,OAAO,IAAI,oBAAC,WAAW,IAAC,SAAS,EAAC,0BAA0B,GAAG;QAC/D,QAAQ,CACP,EACL;AACH,CAAC,CACF,CAAA;AACD,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA;IAEnB,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,IAAI,MAAA,EAAE;;;;;"}
+{"version":3,"file":"ButtonComponent.js","sources":["../../../src/components/Buttons/ButtonComponent.tsx"],"sourcesContent":["import { LoadingIcon } from \"../Icon\"\nimport React, { forwardRef } from \"react\"\n\n// Button props\nexport type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n  loading?: boolean\n  href?: undefined\n}\n\n// Link props\nexport type LinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & {\n  loading?: boolean\n  disabled?: boolean\n  href?: string\n}\n\nexport const isLinkProps = (\n  props: ButtonProps | LinkProps\n): props is LinkProps => \"href\" in props && !!props.href\n\nconst _Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (props: ButtonProps, ref) => {\n    const { disabled, loading, children, ...restProps } = props\n    return (\n      <button\n        ref={ref}\n        aria-disabled={disabled}\n        aria-busy={loading}\n        disabled={disabled}\n        {...restProps}\n      >\n        {loading && <LoadingIcon className=\"cob-Button__loading-icon\" />}\n        {children}\n      </button>\n    )\n  }\n)\n_Button.displayName = \"button\"\n\nconst Link = forwardRef<HTMLAnchorElement, LinkProps>(\n  (props: LinkProps, ref) => {\n    const { disabled, target, rel, loading, children, ...restProps } = props\n    return (\n      <a\n        aria-disabled={disabled}\n        data-disabled={disabled}\n        aria-busy={loading}\n        target={target}\n        rel={target && !rel ? \"noopener noreferrer\" : rel}\n        ref={ref}\n        {...restProps}\n      >\n        {loading && <LoadingIcon className=\"cob-Button__loading-icon\" />}\n        {children}\n      </a>\n    )\n  }\n)\nLink.displayName = \"link\"\n\nconst Button = Object.assign(_Button, { Link })\n\nexport default Button\n"],"names":[],"mappings":";;;;;IAgBa,WAAW,GAAG,UACzB,KAA8B,IACP,OAAA,MAAM,IAAI,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,IAAA;AAExD,IAAM,OAAO,GAAG,UAAU,CACxB,UAAC,KAAkB,EAAE,GAAG;IACd,IAAA,QAAQ,GAAsC,KAAK,SAA3C,EAAE,OAAO,GAA6B,KAAK,QAAlC,EAAE,QAAQ,GAAmB,KAAK,SAAxB,EAAK,SAAS,UAAK,KAAK,EAArD,mCAA6C,CAAF,CAAU;IAC3D,QACE,yCACE,GAAG,EAAE,GAAG,mBACO,QAAQ,eACZ,OAAO,EAClB,QAAQ,EAAE,QAAQ,IACd,SAAS;QAEZ,OAAO,IAAI,oBAAC,WAAW,IAAC,SAAS,EAAC,0BAA0B,GAAG;QAC/D,QAAQ,CACF,EACV;AACH,CAAC,CACF,CAAA;AACD,OAAO,CAAC,WAAW,GAAG,QAAQ,CAAA;AAE9B,IAAM,IAAI,GAAG,UAAU,CACrB,UAAC,KAAgB,EAAE,GAAG;IACZ,IAAA,QAAQ,GAAmD,KAAK,SAAxD,EAAE,MAAM,GAA2C,KAAK,OAAhD,EAAE,GAAG,GAAsC,KAAK,IAA3C,EAAE,OAAO,GAA6B,KAAK,QAAlC,EAAE,QAAQ,GAAmB,KAAK,SAAxB,EAAK,SAAS,UAAK,KAAK,EAAlE,oDAA0D,CAAF,CAAU;IACxE,QACE,qDACiB,QAAQ,mBACR,QAAQ,eACZ,OAAO,EAClB,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,MAAM,IAAI,CAAC,GAAG,GAAG,qBAAqB,GAAG,GAAG,EACjD,GAAG,EAAE,GAAG,IACJ,SAAS;QAEZ,OAAO,IAAI,oBAAC,WAAW,IAAC,SAAS,EAAC,0BAA0B,GAAG;QAC/D,QAAQ,CACP,EACL;AACH,CAAC,CACF,CAAA;AACD,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA;IAEnB,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,IAAI,MAAA,EAAE;;;;"}

package/components/Buttons/ButtonsGroup.js

@@ -38,5 +38,5 @@ var ButtonsGroup = function (_a) {
     })));
 };
 
-export default ButtonsGroup;
+export { ButtonsGroup as default };
 //# sourceMappingURL=ButtonsGroup.js.map

package/components/Buttons/DefaultButton/index.js

@@ -52,5 +52,5 @@ var DefaultLink = forwardRef(function (props, ref) {
 DefaultLink.displayName = "DefaultLink";
 var DefaultButton = Object.assign(_DefaultButton, { Link: DefaultLink });
 
-export default DefaultButton;
+export { DefaultButton as default };
 //# sourceMappingURL=index.js.map

package/components/Buttons/GhostButton/index.js

@@ -49,5 +49,5 @@ var GhostLink = forwardRef(function (props, ref) {
 GhostLink.displayName = "GhostLink";
 var GhostButton = Object.assign(_GhostButton, { Link: GhostLink });
 
-export default GhostButton;
+export { GhostButton as default };
 //# sourceMappingURL=index.js.map

package/components/Buttons/InversedButton/index.js

@@ -38,5 +38,5 @@ var InversedLink = forwardRef(function (props, ref) {
 InversedLink.displayName = "InversedLink";
 var InversedButton = Object.assign(_InversedButton, { Link: InversedLink });
 
-export default InversedButton;
+export { InversedButton as default };
 //# sourceMappingURL=index.js.map

package/components/Calendar/CalendarRangePicker/CalendarRangePicker.js

@@ -3,7 +3,7 @@ import React, { useState, useEffect } from 'react';
 import { CalendarRangePickerMonth } from './CalendarRangePickerMonth.js';
 import cx from 'classnames';
 import { Hint } from '../../Form/Hint.js';
-import { addMonths } from 'date-fns';
+import addMonths from 'date-fns/addMonths';
 
 function CalendarRangePicker(_a) {
     var rangeLimit = _a.rangeLimit, _b = _a.firstMonthDate, firstMonthDate = _b === void 0 ? new Date() : _b, _c = _a.numberOfMonths, numberOfMonths = _c === void 0 ? 1 : _c, hint = _a.hint, _d = _a.firstAvailableDate, firstAvailableDate = _d === void 0 ? new Date() : _d, lastAvailableDate = _a.lastAvailableDate, isEditingStartDate = _a.isEditingStartDate, isEditingEndDate = _a.isEditingEndDate, startDate = _a.startDate, endDate = _a.endDate, onChangeDate = _a.onChangeDate, onLeaveDate = _a.onLeaveDate, onSelectDate = _a.onSelectDate, locale = _a.locale;

package/components/Calendar/CalendarRangePicker/CalendarRangePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarRangePicker.js","sources":["../../../../src/components/Calendar/CalendarRangePicker/CalendarRangePicker.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\"\nimport { CalendarRangePickerMonth } from \"./CalendarRangePickerMonth\"\nimport classNames from \"classnames\"\nimport { Hint } from \"../../Form/Hint\"\nimport { addMonths } from \"date-fns\"\nimport { FormElementStatus } from \"../../Form/form\"\n\ntype Props = {\n  numberOfMonths?: number\n  firstMonthDate?: Date\n  rangeLimit?: number\n  firstAvailableDate?: Date\n  lastAvailableDate?: Date\n  isEditingStartDate: boolean\n  isEditingEndDate: boolean\n  startDate: Date | undefined\n  endDate: Date | undefined\n  hint?: {\n    status?: FormElementStatus\n    html: string\n  }\n  onChangeDate?: (\n    date: Date,\n    isOutOfRange: boolean,\n    disabled: boolean\n  ) => boolean\n  onLeaveDate?: (date: Date) => void\n  onSelectDate?: (date: Date, isOutOfRange: boolean) => void\n  locale?: Record<string, unknown>\n}\n\nexport function CalendarRangePicker({\n  rangeLimit,\n  firstMonthDate = new Date(),\n  numberOfMonths = 1,\n  hint,\n  firstAvailableDate = new Date(),\n  lastAvailableDate,\n  isEditingStartDate,\n  isEditingEndDate,\n  startDate,\n  endDate,\n  onChangeDate,\n  onLeaveDate,\n  onSelectDate,\n  locale,\n}: Props) {\n  firstMonthDate.setHours(0, 0, 0, 0)\n  firstAvailableDate.setHours(0, 0, 0, 0)\n\n  const [rangeDates, setRangeDates] = useState({\n    startDate: startDate,\n    endDate: endDate,\n  })\n\n  useEffect(() => {\n    setRangeDates({\n      startDate,\n      endDate,\n    })\n  }, [startDate, endDate])\n\n  const handleSelectDate = (date: Date, isDateOutOfRange?: boolean) => {\n    if (isDateOutOfRange && isEditingEndDate) return\n    onSelectDate && onSelectDate(date, !!isDateOutOfRange)\n  }\n\n  const handleChangeDate = (\n    date: Date,\n    isDateOutOfRange: boolean,\n    disabled: boolean\n  ) => {\n    const processChange =\n      onChangeDate && (isEditingStartDate || isEditingEndDate)\n        ? onChangeDate(date, isDateOutOfRange, disabled) !== false\n        : true\n\n    if (!processChange || disabled) return\n\n    if (isEditingStartDate) {\n      setRangeDates((prev) => ({ ...prev, startDate: date }))\n    } else if (isEditingEndDate) {\n      setRangeDates((prev) => ({ ...prev, endDate: date }))\n    }\n  }\n\n  const months = [firstMonthDate]\n  for (let i = 0; i < numberOfMonths - 1; i++) {\n    months.push(addMonths(months[months.length - 1], 1))\n  }\n\n  return (\n    <div className=\"cobalt-CalendarRangePicker\">\n      <div className=\"cobalt-CalendarRangePicker__months-container\">\n        {months.map((monthDate) => (\n          <CalendarRangePickerMonth\n            key={monthDate.getTime()}\n            date={monthDate}\n            startDate={rangeDates.startDate}\n            endDate={rangeDates.endDate}\n            onSelectDate={handleSelectDate}\n            onChangeDate={handleChangeDate}\n            onLeaveDate={onLeaveDate}\n            isEditingStartDate={isEditingStartDate}\n            isEditingEndDate={isEditingEndDate}\n            rangeLimit={rangeLimit}\n            firstAvailableDate={firstAvailableDate}\n            lastAvailableDate={lastAvailableDate}\n            locale={locale}\n          />\n        ))}\n      </div>\n\n      <div\n        className={classNames(\"cobalt-CalendarRangePicker__message\", {\n          \"cobalt-CalendarRangePicker__message--show\": !!hint,\n        })}\n      >\n        {hint && <Hint status={hint.status}>{hint.html}</Hint>}\n      </div>\n    </div>\n  )\n}\n"],"names":["classNames"],"mappings":"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"}
+{"version":3,"file":"CalendarRangePicker.js","sources":["../../../../src/components/Calendar/CalendarRangePicker/CalendarRangePicker.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\"\nimport { CalendarRangePickerMonth } from \"./CalendarRangePickerMonth\"\nimport classNames from \"classnames\"\nimport { Hint } from \"../../Form/Hint\"\nimport addMonths from \"date-fns/addMonths\"\nimport { FormElementStatus } from \"../../Form/form\"\n\ntype Props = {\n  numberOfMonths?: number\n  firstMonthDate?: Date\n  rangeLimit?: number\n  firstAvailableDate?: Date\n  lastAvailableDate?: Date\n  isEditingStartDate: boolean\n  isEditingEndDate: boolean\n  startDate: Date | undefined\n  endDate: Date | undefined\n  hint?: {\n    status?: FormElementStatus\n    html: string\n  }\n  onChangeDate?: (\n    date: Date,\n    isOutOfRange: boolean,\n    disabled: boolean\n  ) => boolean\n  onLeaveDate?: (date: Date) => void\n  onSelectDate?: (date: Date, isOutOfRange: boolean) => void\n  locale?: Record<string, unknown>\n}\n\nexport function CalendarRangePicker({\n  rangeLimit,\n  firstMonthDate = new Date(),\n  numberOfMonths = 1,\n  hint,\n  firstAvailableDate = new Date(),\n  lastAvailableDate,\n  isEditingStartDate,\n  isEditingEndDate,\n  startDate,\n  endDate,\n  onChangeDate,\n  onLeaveDate,\n  onSelectDate,\n  locale,\n}: Props) {\n  firstMonthDate.setHours(0, 0, 0, 0)\n  firstAvailableDate.setHours(0, 0, 0, 0)\n\n  const [rangeDates, setRangeDates] = useState({\n    startDate: startDate,\n    endDate: endDate,\n  })\n\n  useEffect(() => {\n    setRangeDates({\n      startDate,\n      endDate,\n    })\n  }, [startDate, endDate])\n\n  const handleSelectDate = (date: Date, isDateOutOfRange?: boolean) => {\n    if (isDateOutOfRange && isEditingEndDate) return\n    onSelectDate && onSelectDate(date, !!isDateOutOfRange)\n  }\n\n  const handleChangeDate = (\n    date: Date,\n    isDateOutOfRange: boolean,\n    disabled: boolean\n  ) => {\n    const processChange =\n      onChangeDate && (isEditingStartDate || isEditingEndDate)\n        ? onChangeDate(date, isDateOutOfRange, disabled) !== false\n        : true\n\n    if (!processChange || disabled) return\n\n    if (isEditingStartDate) {\n      setRangeDates((prev) => ({ ...prev, startDate: date }))\n    } else if (isEditingEndDate) {\n      setRangeDates((prev) => ({ ...prev, endDate: date }))\n    }\n  }\n\n  const months = [firstMonthDate]\n  for (let i = 0; i < numberOfMonths - 1; i++) {\n    months.push(addMonths(months[months.length - 1], 1))\n  }\n\n  return (\n    <div className=\"cobalt-CalendarRangePicker\">\n      <div className=\"cobalt-CalendarRangePicker__months-container\">\n        {months.map((monthDate) => (\n          <CalendarRangePickerMonth\n            key={monthDate.getTime()}\n            date={monthDate}\n            startDate={rangeDates.startDate}\n            endDate={rangeDates.endDate}\n            onSelectDate={handleSelectDate}\n            onChangeDate={handleChangeDate}\n            onLeaveDate={onLeaveDate}\n            isEditingStartDate={isEditingStartDate}\n            isEditingEndDate={isEditingEndDate}\n            rangeLimit={rangeLimit}\n            firstAvailableDate={firstAvailableDate}\n            lastAvailableDate={lastAvailableDate}\n            locale={locale}\n          />\n        ))}\n      </div>\n\n      <div\n        className={classNames(\"cobalt-CalendarRangePicker__message\", {\n          \"cobalt-CalendarRangePicker__message--show\": !!hint,\n        })}\n      >\n        {hint && <Hint status={hint.status}>{hint.html}</Hint>}\n      </div>\n    </div>\n  )\n}\n"],"names":["classNames"],"mappings":"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"}

package/components/Calendar/CalendarRangePicker/CalendarRangePickerDay.js

@@ -22,7 +22,7 @@ function CalendarRangePickerDay(_a) {
             onMouseEnter(date, !!disabled);
         }, onMouseLeave: function () {
             onMouseLeave && onMouseLeave(date);
-        }, onTouchStart: handleSelectDate, onClick: handleSelectDate, "data-day": format(date, "YYYY-MM-DD") },
+        }, onTouchStart: handleSelectDate, onClick: handleSelectDate, "data-day": format(date, "yyyy-MM-dd") },
         React.createElement("div", { className: "cobalt-CalendarRangePicker__day-inner" }, date.getDate())));
 }
 function areEqual(prevProps, nextProps) {

package/components/Calendar/CalendarRangePicker/CalendarRangePickerDay.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarRangePickerDay.js","sources":["../../../../src/components/Calendar/CalendarRangePicker/CalendarRangePickerDay.tsx"],"sourcesContent":["import React from \"react\"\nimport classNames from \"classnames\"\nimport { format } from \"date-fns\"\n\ntype Props = {\n  date: Date\n  isEditingStartDate: boolean\n  isEditingEndDate: boolean\n  isToday?: boolean\n  isFirstDayOfMonth?: boolean\n  isLastDayOfMonth?: boolean\n  isStartDay?: boolean\n  isEndDay?: boolean\n  selected?: boolean\n  isRange?: boolean\n  invalid?: boolean\n  disabled?: boolean\n  subdued?: boolean\n  onSelect: (date: Date) => void\n  onMouseEnter: (date: Date, disabled: boolean) => void\n  onMouseLeave?: (date: Date) => void\n}\n\nfunction CalendarRangePickerDay({\n  date,\n  isToday,\n  isFirstDayOfMonth,\n  isLastDayOfMonth,\n  isStartDay,\n  isEndDay,\n  isRange,\n  selected,\n  subdued,\n  disabled,\n  invalid,\n  onSelect,\n  onMouseEnter,\n  onMouseLeave,\n}: Props) {\n  const handleSelectDate = () => {\n    !disabled && onSelect(date)\n  }\n\n  return (\n    <div\n      className={classNames(\"cobalt-CalendarRangePicker__day\", {\n        \"cobalt-CalendarRangePicker__day--today\": isToday,\n        \"cobalt-CalendarRangePicker__day--firstOfMonth\": isFirstDayOfMonth,\n        \"cobalt-CalendarRangePicker__day--lastOfMonth\": isLastDayOfMonth,\n        \"cobalt-CalendarRangePicker__day--startDay\": isStartDay,\n        \"cobalt-CalendarRangePicker__day--endDay\": isEndDay,\n        \"cobalt-CalendarRangePicker__day--range\": isRange,\n        \"cobalt-CalendarRangePicker__day--selected\": selected,\n        \"cobalt-CalendarRangePicker__day--subdued\": subdued,\n        \"cobalt-CalendarRangePicker__day--invalid\": invalid,\n        \"cobalt-CalendarRangePicker__day--disabled\": disabled,\n      })}\n      onMouseEnter={() => {\n        onMouseEnter(date, !!disabled)\n      }}\n      onMouseLeave={() => {\n        onMouseLeave && onMouseLeave(date)\n      }}\n      onTouchStart={handleSelectDate}\n      onClick={handleSelectDate}\n      data-day={format(date, \"YYYY-MM-DD\")}\n    >\n      <div className=\"cobalt-CalendarRangePicker__day-inner\">\n        {date.getDate()}\n      </div>\n    </div>\n  )\n}\n\nfunction areEqual(prevProps: Props, nextProps: Props) {\n  return (\n    prevProps.isEditingStartDate === nextProps.isEditingStartDate &&\n    prevProps.isEditingEndDate === nextProps.isEditingEndDate &&\n    prevProps.selected === nextProps.selected &&\n    prevProps.subdued === nextProps.subdued &&\n    prevProps.isStartDay === nextProps.isStartDay &&\n    prevProps.isEndDay === nextProps.isEndDay &&\n    prevProps.invalid === nextProps.invalid &&\n    prevProps.isRange === nextProps.isRange\n  )\n}\n\nconst MemoizedComponent = React.memo(CalendarRangePickerDay, areEqual)\nMemoizedComponent.displayName = \"CalendarRangePickerDay\"\n\nexport { MemoizedComponent as CalendarRangePickerDay }\n"],"names":["classNames"],"mappings":";;;;AAuBA,SAAS,sBAAsB,CAAC,EAexB;QAdN,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,iBAAiB,uBAAA,EACjB,gBAAgB,sBAAA,EAChB,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,YAAY,kBAAA;IAEZ,IAAM,gBAAgB,GAAG;QACvB,CAAC,QAAQ,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAA;KAC5B,CAAA;IAED,QACE,6BACE,SAAS,EAAEA,EAAU,CAAC,iCAAiC,EAAE;YACvD,wCAAwC,EAAE,OAAO;YACjD,+CAA+C,EAAE,iBAAiB;YAClE,8CAA8C,EAAE,gBAAgB;YAChE,2CAA2C,EAAE,UAAU;YACvD,yCAAyC,EAAE,QAAQ;YACnD,wCAAwC,EAAE,OAAO;YACjD,2CAA2C,EAAE,QAAQ;YACrD,0CAA0C,EAAE,OAAO;YACnD,0CAA0C,EAAE,OAAO;YACnD,2CAA2C,EAAE,QAAQ;SACtD,CAAC,EACF,YAAY,EAAE;YACZ,YAAY,CAAC,IAAI,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAA;SAC/B,EACD,YAAY,EAAE;YACZ,YAAY,IAAI,YAAY,CAAC,IAAI,CAAC,CAAA;SACnC,EACD,YAAY,EAAE,gBAAgB,EAC9B,OAAO,EAAE,gBAAgB,cACf,MAAM,CAAC,IAAI,EAAE,YAAY,CAAC;QAEpC,6BAAK,SAAS,EAAC,uCAAuC,IACnD,IAAI,CAAC,OAAO,EAAE,CACX,CACF,EACP;AACH,CAAC;AAED,SAAS,QAAQ,CAAC,SAAgB,EAAE,SAAgB;IAClD,QACE,SAAS,CAAC,kBAAkB,KAAK,SAAS,CAAC,kBAAkB;QAC7D,SAAS,CAAC,gBAAgB,KAAK,SAAS,CAAC,gBAAgB;QACzD,SAAS,CAAC,QAAQ,KAAK,SAAS,CAAC,QAAQ;QACzC,SAAS,CAAC,OAAO,KAAK,SAAS,CAAC,OAAO;QACvC,SAAS,CAAC,UAAU,KAAK,SAAS,CAAC,UAAU;QAC7C,SAAS,CAAC,QAAQ,KAAK,SAAS,CAAC,QAAQ;QACzC,SAAS,CAAC,OAAO,KAAK,SAAS,CAAC,OAAO;QACvC,SAAS,CAAC,OAAO,KAAK,SAAS,CAAC,OAAO,EACxC;AACH,CAAC;IAEK,iBAAiB,GAAG,KAAK,CAAC,IAAI,CAAC,sBAAsB,EAAE,QAAQ,EAAC;AACtE,iBAAiB,CAAC,WAAW,GAAG,wBAAwB;;;;"}
+{"version":3,"file":"CalendarRangePickerDay.js","sources":["../../../../src/components/Calendar/CalendarRangePicker/CalendarRangePickerDay.tsx"],"sourcesContent":["import React from \"react\"\nimport classNames from \"classnames\"\nimport { format } from \"date-fns\"\n\ntype Props = {\n  date: Date\n  isEditingStartDate: boolean\n  isEditingEndDate: boolean\n  isToday?: boolean\n  isFirstDayOfMonth?: boolean\n  isLastDayOfMonth?: boolean\n  isStartDay?: boolean\n  isEndDay?: boolean\n  selected?: boolean\n  isRange?: boolean\n  invalid?: boolean\n  disabled?: boolean\n  subdued?: boolean\n  onSelect: (date: Date) => void\n  onMouseEnter: (date: Date, disabled: boolean) => void\n  onMouseLeave?: (date: Date) => void\n}\n\nfunction CalendarRangePickerDay({\n  date,\n  isToday,\n  isFirstDayOfMonth,\n  isLastDayOfMonth,\n  isStartDay,\n  isEndDay,\n  isRange,\n  selected,\n  subdued,\n  disabled,\n  invalid,\n  onSelect,\n  onMouseEnter,\n  onMouseLeave,\n}: Props) {\n  const handleSelectDate = () => {\n    !disabled && onSelect(date)\n  }\n\n  return (\n    <div\n      className={classNames(\"cobalt-CalendarRangePicker__day\", {\n        \"cobalt-CalendarRangePicker__day--today\": isToday,\n        \"cobalt-CalendarRangePicker__day--firstOfMonth\": isFirstDayOfMonth,\n        \"cobalt-CalendarRangePicker__day--lastOfMonth\": isLastDayOfMonth,\n        \"cobalt-CalendarRangePicker__day--startDay\": isStartDay,\n        \"cobalt-CalendarRangePicker__day--endDay\": isEndDay,\n        \"cobalt-CalendarRangePicker__day--range\": isRange,\n        \"cobalt-CalendarRangePicker__day--selected\": selected,\n        \"cobalt-CalendarRangePicker__day--subdued\": subdued,\n        \"cobalt-CalendarRangePicker__day--invalid\": invalid,\n        \"cobalt-CalendarRangePicker__day--disabled\": disabled,\n      })}\n      onMouseEnter={() => {\n        onMouseEnter(date, !!disabled)\n      }}\n      onMouseLeave={() => {\n        onMouseLeave && onMouseLeave(date)\n      }}\n      onTouchStart={handleSelectDate}\n      onClick={handleSelectDate}\n      data-day={format(date, \"yyyy-MM-dd\")}\n    >\n      <div className=\"cobalt-CalendarRangePicker__day-inner\">\n        {date.getDate()}\n      </div>\n    </div>\n  )\n}\n\nfunction areEqual(prevProps: Props, nextProps: Props) {\n  return (\n    prevProps.isEditingStartDate === nextProps.isEditingStartDate &&\n    prevProps.isEditingEndDate === nextProps.isEditingEndDate &&\n    prevProps.selected === nextProps.selected &&\n    prevProps.subdued === nextProps.subdued &&\n    prevProps.isStartDay === nextProps.isStartDay &&\n    prevProps.isEndDay === nextProps.isEndDay &&\n    prevProps.invalid === nextProps.invalid &&\n    prevProps.isRange === nextProps.isRange\n  )\n}\n\nconst MemoizedComponent = React.memo(CalendarRangePickerDay, areEqual)\nMemoizedComponent.displayName = \"CalendarRangePickerDay\"\n\nexport { MemoizedComponent as CalendarRangePickerDay }\n"],"names":["classNames"],"mappings":";;;;AAuBA,SAAS,sBAAsB,CAAC,EAexB;QAdN,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,iBAAiB,uBAAA,EACjB,gBAAgB,sBAAA,EAChB,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,YAAY,kBAAA;IAEZ,IAAM,gBAAgB,GAAG;QACvB,CAAC,QAAQ,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAA;KAC5B,CAAA;IAED,QACE,6BACE,SAAS,EAAEA,EAAU,CAAC,iCAAiC,EAAE;YACvD,wCAAwC,EAAE,OAAO;YACjD,+CAA+C,EAAE,iBAAiB;YAClE,8CAA8C,EAAE,gBAAgB;YAChE,2CAA2C,EAAE,UAAU;YACvD,yCAAyC,EAAE,QAAQ;YACnD,wCAAwC,EAAE,OAAO;YACjD,2CAA2C,EAAE,QAAQ;YACrD,0CAA0C,EAAE,OAAO;YACnD,0CAA0C,EAAE,OAAO;YACnD,2CAA2C,EAAE,QAAQ;SACtD,CAAC,EACF,YAAY,EAAE;YACZ,YAAY,CAAC,IAAI,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAA;SAC/B,EACD,YAAY,EAAE;YACZ,YAAY,IAAI,YAAY,CAAC,IAAI,CAAC,CAAA;SACnC,EACD,YAAY,EAAE,gBAAgB,EAC9B,OAAO,EAAE,gBAAgB,cACf,MAAM,CAAC,IAAI,EAAE,YAAY,CAAC;QAEpC,6BAAK,SAAS,EAAC,uCAAuC,IACnD,IAAI,CAAC,OAAO,EAAE,CACX,CACF,EACP;AACH,CAAC;AAED,SAAS,QAAQ,CAAC,SAAgB,EAAE,SAAgB;IAClD,QACE,SAAS,CAAC,kBAAkB,KAAK,SAAS,CAAC,kBAAkB;QAC7D,SAAS,CAAC,gBAAgB,KAAK,SAAS,CAAC,gBAAgB;QACzD,SAAS,CAAC,QAAQ,KAAK,SAAS,CAAC,QAAQ;QACzC,SAAS,CAAC,OAAO,KAAK,SAAS,CAAC,OAAO;QACvC,SAAS,CAAC,UAAU,KAAK,SAAS,CAAC,UAAU;QAC7C,SAAS,CAAC,QAAQ,KAAK,SAAS,CAAC,QAAQ;QACzC,SAAS,CAAC,OAAO,KAAK,SAAS,CAAC,OAAO;QACvC,SAAS,CAAC,OAAO,KAAK,SAAS,CAAC,OAAO,EACxC;AACH,CAAC;IAEK,iBAAiB,GAAG,KAAK,CAAC,IAAI,CAAC,sBAAsB,EAAE,QAAQ,EAAC;AACtE,iBAAiB,CAAC,WAAW,GAAG,wBAAwB;;;;"}

package/components/Calendar/CalendarRangePicker/CalendarRangePickerMonth.js

@@ -1,13 +1,16 @@
 import React, { useMemo } from 'react';
 import { CalendarRangePickerDay as MemoizedComponent } from './CalendarRangePickerDay.js';
 import cx from 'classnames';
-import { startOfMonth, endOfMonth, eachDay, startOfWeek, endOfWeek, differenceInCalendarDays, format, isSameDay, getDay } from 'date-fns';
+import { startOfMonth, endOfMonth, eachDayOfInterval, startOfWeek, endOfWeek, differenceInCalendarDays, format, isSameDay, getDay } from 'date-fns';
 
 function daysByWeeks(monthDate) {
     var firstDayOfMonth = startOfMonth(monthDate);
     var firstDayOfMonthOffset = getDay(firstDayOfMonth) - 1;
     var lastDayOfMonth = endOfMonth(monthDate);
-    var days = eachDay(firstDayOfMonth, lastDayOfMonth);
+    var days = eachDayOfInterval({
+        start: firstDayOfMonth,
+        end: lastDayOfMonth,
+    });
     return days.reduce(function (acc, day, index) {
         if (index === 0 || (index + firstDayOfMonthOffset) % 7 === 0) {
             acc.push([]);
@@ -46,7 +49,10 @@ function CalendarRangePickerMonth(_a) {
     var byWeeks = useMemo(function () { return daysByWeeks(date); }, []);
     var today = new Date().setHours(0, 0, 0, 0);
     var weekdays = useMemo(function () {
-        return eachDay(startOfWeek(today, { weekStartsOn: 1 }), endOfWeek(today, { weekStartsOn: 1 }));
+        return eachDayOfInterval({
+            start: startOfWeek(today, { weekStartsOn: 1 }),
+            end: endOfWeek(today, { weekStartsOn: 1 }),
+        });
     }, []);
     var isOutOfRange = rangeLimit != null &&
         startDate != null &&
@@ -74,10 +80,10 @@ function CalendarRangePickerMonth(_a) {
     };
     return (React.createElement("div", { className: cx("cobalt-CalendarRangePicker__month", {
             "cobalt-CalendarRangePicker__month--invalid": isOutOfRange && !isEditingStartDate,
-        }), "data-month": format(date, "YYYY-MM") },
-        React.createElement("div", { className: "cobalt-CalendarRangePicker__month-header cobalt-text-titleSmall" }, format(date, "MMMM YYYY", { locale: locale })),
+        }), "data-month": format(date, "yyyy-MM") },
+        React.createElement("div", { className: "cobalt-CalendarRangePicker__month-header cobalt-text-titleSmall" }, format(date, "MMMM yyyy", { locale: locale })),
         React.createElement("div", { className: "cobalt-CalendarRangePicker__month__weeks-container" },
-            React.createElement("div", { className: "cobalt-CalendarRangePicker__month__week-header" }, weekdays.map(function (weekday) { return (React.createElement("div", { key: weekday.getTime(), className: "cobalt-CalendarRangePicker__month__day-header" }, format(weekday, "dd", { locale: locale }))); })),
+            React.createElement("div", { className: "cobalt-CalendarRangePicker__month__week-header" }, weekdays.map(function (weekday) { return (React.createElement("div", { key: weekday.getTime(), className: "cobalt-CalendarRangePicker__month__day-header" }, format(weekday, "iiiiii", { locale: locale }))); })),
             byWeeks.map(function (week, index) { return (React.createElement("div", { key: index, className: "cobalt-CalendarRangePicker__month__week" }, week.map(function (day) {
                 var isStartDay = startDate != null && isSameDay(day, startDate);
                 var isEndDay = endDate != null && isSameDay(day, endDate);

package/components/Calendar/CalendarRangePicker/CalendarRangePickerMonth.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarRangePickerMonth.js","sources":["../../../../src/components/Calendar/CalendarRangePicker/CalendarRangePickerMonth.tsx"],"sourcesContent":["import React, { useMemo } from \"react\"\nimport { CalendarRangePickerDay } from \"./CalendarRangePickerDay\"\nimport classNames from \"classnames\"\nimport {\n  eachDay,\n  startOfMonth,\n  endOfMonth,\n  format,\n  isSameDay,\n  getDay,\n  differenceInCalendarDays,\n  startOfWeek,\n  endOfWeek,\n} from \"date-fns\"\n\ntype Props = {\n  date: Date\n  startDate?: Date\n  endDate?: Date\n  onSelectDate: (date: Date, isOutOfRange?: boolean) => void\n  onChangeDate: (date: Date, isOutOfRange: boolean, disabled: boolean) => void\n  onLeaveDate?: (date: Date) => void\n  isEditingStartDate?: boolean\n  isEditingEndDate?: boolean\n  rangeLimit?: number\n  firstAvailableDate: Date\n  lastAvailableDate?: Date\n  locale: any\n}\n\nfunction daysByWeeks(monthDate: Date): Date[][] {\n  const firstDayOfMonth = startOfMonth(monthDate)\n  const firstDayOfMonthOffset = getDay(firstDayOfMonth) - 1\n  const lastDayOfMonth = endOfMonth(monthDate)\n  const days = eachDay(firstDayOfMonth, lastDayOfMonth)\n\n  return days.reduce((acc: Date[][], day, index) => {\n    if (index === 0 || (index + firstDayOfMonthOffset) % 7 === 0) {\n      acc.push([])\n    }\n    acc[acc.length - 1].push(day)\n    return acc\n  }, [])\n}\n\nfunction isDisabled(\n  day: Date,\n  firstAvailableDate: Date,\n  lastAvailableDate: Date | undefined\n) {\n  return (\n    day.getTime() < firstAvailableDate.getTime() ||\n    (lastAvailableDate != null && day.getTime() > lastAvailableDate.getTime())\n  )\n}\n\nfunction isInvalid(\n  day: Date,\n  startDate: Date | undefined,\n  rangeLimit: number | undefined,\n  isOutOfRange: boolean,\n  isEditingEndDate: boolean | undefined\n) {\n  return (\n    rangeLimit != null &&\n    isOutOfRange &&\n    isEditingEndDate &&\n    startDate != null &&\n    differenceInCalendarDays(day, startDate) >= rangeLimit\n  )\n}\n\nfunction isRange(\n  startDate: Date | undefined,\n  endDate: Date | undefined,\n  isOutOfRangeStartDate: boolean\n) {\n  return !!(startDate && endDate) && !isOutOfRangeStartDate\n}\n\nfunction isSelected(\n  day: Date,\n  startDate: Date | undefined,\n  endDate: Date | undefined,\n  isStartDay: boolean,\n  isEndDay: boolean,\n  isOutOfRangeStartDate: boolean\n) {\n  return (\n    isStartDay ||\n    isEndDay ||\n    (!isOutOfRangeStartDate &&\n      endDate &&\n      day.getTime() <= endDate.getTime() &&\n      startDate &&\n      day.getTime() > startDate.getTime())\n  )\n}\n\nexport function CalendarRangePickerMonth({\n  date,\n  onSelectDate,\n  onChangeDate,\n  onLeaveDate,\n  startDate,\n  endDate,\n  isEditingStartDate = false,\n  isEditingEndDate = false,\n  rangeLimit,\n  firstAvailableDate,\n  lastAvailableDate,\n  locale,\n}: Props) {\n  const firstDayOfMonth = useMemo(() => startOfMonth(date), [])\n  const lastDayOfMonth = useMemo(() => endOfMonth(date), [])\n  const byWeeks = useMemo(() => daysByWeeks(date), [])\n\n  const today = new Date().setHours(0, 0, 0, 0)\n\n  const weekdays: Date[] = useMemo(\n    () =>\n      eachDay(\n        startOfWeek(today, { weekStartsOn: 1 }),\n        endOfWeek(today, { weekStartsOn: 1 })\n      ),\n    []\n  )\n\n  const isOutOfRange =\n    rangeLimit != null &&\n    startDate != null &&\n    endDate != null &&\n    differenceInCalendarDays(endDate, startDate) >= rangeLimit\n\n  const isOutOfRangeStartDate = !!isEditingStartDate && isOutOfRange\n\n  const onMouseEnter = (day: Date, disabled: boolean) => {\n    let isDayOutOfRange = false\n    if (rangeLimit != null) {\n      if (isEditingStartDate) {\n        isDayOutOfRange =\n          endDate != null &&\n          differenceInCalendarDays(endDate, day) >= rangeLimit\n      } else if (isEditingEndDate) {\n        isDayOutOfRange =\n          startDate != null &&\n          differenceInCalendarDays(day, startDate) >= rangeLimit\n      }\n    }\n\n    onChangeDate(day, isDayOutOfRange, disabled)\n  }\n\n  const onSelect = (day: Date) => {\n    onSelectDate(day, isOutOfRange)\n  }\n\n  return (\n    <div\n      className={classNames(\"cobalt-CalendarRangePicker__month\", {\n        \"cobalt-CalendarRangePicker__month--invalid\":\n          isOutOfRange && !isEditingStartDate,\n      })}\n      data-month={format(date, \"YYYY-MM\")}\n    >\n      <div className=\"cobalt-CalendarRangePicker__month-header cobalt-text-titleSmall\">\n        {format(date, \"MMMM YYYY\", { locale })}\n      </div>\n      <div className=\"cobalt-CalendarRangePicker__month__weeks-container\">\n        <div className=\"cobalt-CalendarRangePicker__month__week-header\">\n          {weekdays.map((weekday) => (\n            <div\n              key={weekday.getTime()}\n              className=\"cobalt-CalendarRangePicker__month__day-header\"\n            >\n              {format(weekday, \"dd\", { locale })}\n            </div>\n          ))}\n        </div>\n        {byWeeks.map((week, index) => (\n          <div key={index} className=\"cobalt-CalendarRangePicker__month__week\">\n            {week.map((day) => {\n              const isStartDay = startDate != null && isSameDay(day, startDate)\n              const isEndDay = endDate != null && isSameDay(day, endDate)\n              return (\n                <CalendarRangePickerDay\n                  key={day.getTime()}\n                  isEditingStartDate={!!isEditingStartDate}\n                  isEditingEndDate={!!isEditingEndDate}\n                  date={day}\n                  onMouseEnter={onMouseEnter}\n                  onMouseLeave={onLeaveDate}\n                  onSelect={onSelect}\n                  isToday={isSameDay(day, today)}\n                  isStartDay={isStartDay}\n                  isEndDay={isEndDay}\n                  isFirstDayOfMonth={isSameDay(day, firstDayOfMonth)}\n                  isLastDayOfMonth={isSameDay(day, lastDayOfMonth)}\n                  isRange={isRange(startDate, endDate, isOutOfRangeStartDate)}\n                  invalid={isInvalid(\n                    day,\n                    startDate,\n                    rangeLimit,\n                    isOutOfRange,\n                    isEditingEndDate\n                  )}\n                  subdued={\n                    (isStartDay && isEditingEndDate) ||\n                    (isEndDay && isEditingStartDate)\n                  }\n                  disabled={isDisabled(\n                    day,\n                    firstAvailableDate,\n                    lastAvailableDate\n                  )}\n                  selected={isSelected(\n                    day,\n                    startDate,\n                    endDate,\n                    isStartDay,\n                    isEndDay,\n                    isOutOfRangeStartDate\n                  )}\n                />\n              )\n            })}\n          </div>\n        ))}\n      </div>\n    </div>\n  )\n}\n"],"names":["classNames","CalendarRangePickerDay"],"mappings":"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"}
+{"version":3,"file":"CalendarRangePickerMonth.js","sources":["../../../../src/components/Calendar/CalendarRangePicker/CalendarRangePickerMonth.tsx"],"sourcesContent":["import React, { useMemo } from \"react\"\nimport { CalendarRangePickerDay } from \"./CalendarRangePickerDay\"\nimport classNames from \"classnames\"\nimport {\n  eachDayOfInterval,\n  startOfMonth,\n  endOfMonth,\n  format,\n  isSameDay,\n  getDay,\n  differenceInCalendarDays,\n  startOfWeek,\n  endOfWeek,\n} from \"date-fns\"\n\ntype Props = {\n  date: Date\n  startDate?: Date\n  endDate?: Date\n  onSelectDate: (date: Date, isOutOfRange?: boolean) => void\n  onChangeDate: (date: Date, isOutOfRange: boolean, disabled: boolean) => void\n  onLeaveDate?: (date: Date) => void\n  isEditingStartDate?: boolean\n  isEditingEndDate?: boolean\n  rangeLimit?: number\n  firstAvailableDate: Date\n  lastAvailableDate?: Date\n  locale: any\n}\n\nfunction daysByWeeks(monthDate: Date): Date[][] {\n  const firstDayOfMonth = startOfMonth(monthDate)\n  const firstDayOfMonthOffset = getDay(firstDayOfMonth) - 1\n  const lastDayOfMonth = endOfMonth(monthDate)\n  const days = eachDayOfInterval({\n    start: firstDayOfMonth,\n    end: lastDayOfMonth,\n  })\n\n  return days.reduce((acc: Date[][], day, index) => {\n    if (index === 0 || (index + firstDayOfMonthOffset) % 7 === 0) {\n      acc.push([])\n    }\n    acc[acc.length - 1].push(day)\n    return acc\n  }, [])\n}\n\nfunction isDisabled(\n  day: Date,\n  firstAvailableDate: Date,\n  lastAvailableDate: Date | undefined\n) {\n  return (\n    day.getTime() < firstAvailableDate.getTime() ||\n    (lastAvailableDate != null && day.getTime() > lastAvailableDate.getTime())\n  )\n}\n\nfunction isInvalid(\n  day: Date,\n  startDate: Date | undefined,\n  rangeLimit: number | undefined,\n  isOutOfRange: boolean,\n  isEditingEndDate: boolean | undefined\n) {\n  return (\n    rangeLimit != null &&\n    isOutOfRange &&\n    isEditingEndDate &&\n    startDate != null &&\n    differenceInCalendarDays(day, startDate) >= rangeLimit\n  )\n}\n\nfunction isRange(\n  startDate: Date | undefined,\n  endDate: Date | undefined,\n  isOutOfRangeStartDate: boolean\n) {\n  return !!(startDate && endDate) && !isOutOfRangeStartDate\n}\n\nfunction isSelected(\n  day: Date,\n  startDate: Date | undefined,\n  endDate: Date | undefined,\n  isStartDay: boolean,\n  isEndDay: boolean,\n  isOutOfRangeStartDate: boolean\n) {\n  return (\n    isStartDay ||\n    isEndDay ||\n    (!isOutOfRangeStartDate &&\n      endDate &&\n      day.getTime() <= endDate.getTime() &&\n      startDate &&\n      day.getTime() > startDate.getTime())\n  )\n}\n\nexport function CalendarRangePickerMonth({\n  date,\n  onSelectDate,\n  onChangeDate,\n  onLeaveDate,\n  startDate,\n  endDate,\n  isEditingStartDate = false,\n  isEditingEndDate = false,\n  rangeLimit,\n  firstAvailableDate,\n  lastAvailableDate,\n  locale,\n}: Props) {\n  const firstDayOfMonth = useMemo(() => startOfMonth(date), [])\n  const lastDayOfMonth = useMemo(() => endOfMonth(date), [])\n  const byWeeks = useMemo(() => daysByWeeks(date), [])\n\n  const today = new Date().setHours(0, 0, 0, 0)\n\n  const weekdays: Date[] = useMemo(\n    () =>\n      eachDayOfInterval({\n        start: startOfWeek(today, { weekStartsOn: 1 }),\n        end: endOfWeek(today, { weekStartsOn: 1 }),\n      }),\n    []\n  )\n\n  const isOutOfRange =\n    rangeLimit != null &&\n    startDate != null &&\n    endDate != null &&\n    differenceInCalendarDays(endDate, startDate) >= rangeLimit\n\n  const isOutOfRangeStartDate = !!isEditingStartDate && isOutOfRange\n\n  const onMouseEnter = (day: Date, disabled: boolean) => {\n    let isDayOutOfRange = false\n    if (rangeLimit != null) {\n      if (isEditingStartDate) {\n        isDayOutOfRange =\n          endDate != null &&\n          differenceInCalendarDays(endDate, day) >= rangeLimit\n      } else if (isEditingEndDate) {\n        isDayOutOfRange =\n          startDate != null &&\n          differenceInCalendarDays(day, startDate) >= rangeLimit\n      }\n    }\n\n    onChangeDate(day, isDayOutOfRange, disabled)\n  }\n\n  const onSelect = (day: Date) => {\n    onSelectDate(day, isOutOfRange)\n  }\n\n  return (\n    <div\n      className={classNames(\"cobalt-CalendarRangePicker__month\", {\n        \"cobalt-CalendarRangePicker__month--invalid\":\n          isOutOfRange && !isEditingStartDate,\n      })}\n      data-month={format(date, \"yyyy-MM\")}\n    >\n      <div className=\"cobalt-CalendarRangePicker__month-header cobalt-text-titleSmall\">\n        {format(date, \"MMMM yyyy\", { locale })}\n      </div>\n      <div className=\"cobalt-CalendarRangePicker__month__weeks-container\">\n        <div className=\"cobalt-CalendarRangePicker__month__week-header\">\n          {weekdays.map((weekday) => (\n            <div\n              key={weekday.getTime()}\n              className=\"cobalt-CalendarRangePicker__month__day-header\"\n            >\n              {format(weekday, \"iiiiii\", { locale })}\n            </div>\n          ))}\n        </div>\n        {byWeeks.map((week, index) => (\n          <div key={index} className=\"cobalt-CalendarRangePicker__month__week\">\n            {week.map((day) => {\n              const isStartDay = startDate != null && isSameDay(day, startDate)\n              const isEndDay = endDate != null && isSameDay(day, endDate)\n              return (\n                <CalendarRangePickerDay\n                  key={day.getTime()}\n                  isEditingStartDate={!!isEditingStartDate}\n                  isEditingEndDate={!!isEditingEndDate}\n                  date={day}\n                  onMouseEnter={onMouseEnter}\n                  onMouseLeave={onLeaveDate}\n                  onSelect={onSelect}\n                  isToday={isSameDay(day, today)}\n                  isStartDay={isStartDay}\n                  isEndDay={isEndDay}\n                  isFirstDayOfMonth={isSameDay(day, firstDayOfMonth)}\n                  isLastDayOfMonth={isSameDay(day, lastDayOfMonth)}\n                  isRange={isRange(startDate, endDate, isOutOfRangeStartDate)}\n                  invalid={isInvalid(\n                    day,\n                    startDate,\n                    rangeLimit,\n                    isOutOfRange,\n                    isEditingEndDate\n                  )}\n                  subdued={\n                    (isStartDay && isEditingEndDate) ||\n                    (isEndDay && isEditingStartDate)\n                  }\n                  disabled={isDisabled(\n                    day,\n                    firstAvailableDate,\n                    lastAvailableDate\n                  )}\n                  selected={isSelected(\n                    day,\n                    startDate,\n                    endDate,\n                    isStartDay,\n                    isEndDay,\n                    isOutOfRangeStartDate\n                  )}\n                />\n              )\n            })}\n          </div>\n        ))}\n      </div>\n    </div>\n  )\n}\n"],"names":["classNames","CalendarRangePickerDay"],"mappings":"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"}

package/components/Calendar/CalendarView/CalendarViewMonth.js

@@ -23,7 +23,7 @@ var CalendarViewMonth = function (_a) {
                     month[week][day].status =
                         isPast(currentDate) && !isToday(currentDate)
                             ? "past"
-                            : statusByDate[format(currentDate, "YYYY-MM-DD")];
+                            : statusByDate[format(currentDate, "yyyy-MM-dd")];
                 }
                 cursor++;
             }
@@ -42,5 +42,5 @@ var CalendarViewMonth = function (_a) {
 };
 CalendarViewMonth.displayName = "CalendarViewMonth";
 
-export default CalendarViewMonth;
+export { CalendarViewMonth as default };
 //# sourceMappingURL=CalendarViewMonth.js.map

package/components/Calendar/CalendarView/CalendarViewMonth.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarViewMonth.js","sources":["../../../../src/components/Calendar/CalendarView/CalendarViewMonth.tsx"],"sourcesContent":["import React, { useMemo } from \"react\"\nimport {\n  setDate,\n  getISODay,\n  getDaysInMonth,\n  endOfMonth,\n  differenceInCalendarWeeks,\n  isPast,\n  isToday,\n  format,\n} from \"date-fns\"\nimport cx from \"classnames\"\nimport {\n  CalendarViewMonthType,\n  MonthType,\n  CalendarViewDateType,\n  DateType,\n} from \"./types\"\n\ntype Props = MonthType\n\nconst CalendarViewMonth = ({\n  monthName,\n  monthStart,\n  statusByDate = {},\n}: Props) => {\n  const getMonthByWeek = (): CalendarViewMonthType => {\n    const daysInMonth = getDaysInMonth(monthStart)\n    const weeksInMonth =\n      differenceInCalendarWeeks(endOfMonth(monthStart), monthStart, {\n        weekStartsOn: 1,\n      }) + 1\n    const weekDay = getISODay(monthStart)\n    const month: CalendarViewDateType[][] = []\n    let cursor = 0\n    let date = 0\n\n    for (let week = 0; week < weeksInMonth; week++) {\n      month[week] = []\n      for (let day = 0; day < 7; day++) {\n        month[week][day] = { date: null }\n\n        if (cursor >= weekDay - 1 && date < daysInMonth) {\n          month[week][day].date = ++date as DateType\n\n          const currentDate = setDate(monthStart, date)\n\n          month[week][day].status =\n            isPast(currentDate) && !isToday(currentDate)\n              ? \"past\"\n              : statusByDate[format(currentDate, \"YYYY-MM-DD\")]\n        }\n        cursor++\n      }\n    }\n    return month\n  }\n\n  const monthByWeek = useMemo(() => getMonthByWeek(), [])\n\n  return (\n    <div className=\"cobalt-CalendarView__month\">\n      <div className=\"cobalt-CalendarView__monthName\">{monthName}</div>\n      {monthByWeek.map((week, weekIndex) => (\n        <div key={weekIndex} className=\"cobalt-CalendarView__week\">\n          {week.map((day, dayIndex) => (\n            <div\n              key={weekIndex + 1 * dayIndex + 1}\n              className={cx(\"cobalt-CalendarView__day\", {\n                [`cobalt-CalendarView__day--${day.status}`]: day.status,\n              })}\n            >\n              {day.date}\n            </div>\n          ))}\n        </div>\n      ))}\n    </div>\n  )\n}\n\nCalendarViewMonth.displayName = \"CalendarViewMonth\"\n\nexport default CalendarViewMonth\n"],"names":[],"mappings":";;;;IAqBM,iBAAiB,GAAG,UAAC,EAInB;QAHN,SAAS,eAAA,EACT,UAAU,gBAAA,EACV,oBAAiB,EAAjB,YAAY,mBAAG,EAAE,KAAA;IAEjB,IAAM,cAAc,GAAG;QACrB,IAAM,WAAW,GAAG,cAAc,CAAC,UAAU,CAAC,CAAA;QAC9C,IAAM,YAAY,GAChB,yBAAyB,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE,UAAU,EAAE;YAC5D,YAAY,EAAE,CAAC;SAChB,CAAC,GAAG,CAAC,CAAA;QACR,IAAM,OAAO,GAAG,SAAS,CAAC,UAAU,CAAC,CAAA;QACrC,IAAM,KAAK,GAA6B,EAAE,CAAA;QAC1C,IAAI,MAAM,GAAG,CAAC,CAAA;QACd,IAAI,IAAI,GAAG,CAAC,CAAA;QAEZ,KAAK,IAAI,IAAI,GAAG,CAAC,EAAE,IAAI,GAAG,YAAY,EAAE,IAAI,EAAE,EAAE;YAC9C,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,CAAA;YAChB,KAAK,IAAI,GAAG,GAAG,CAAC,EAAE,GAAG,GAAG,CAAC,EAAE,GAAG,EAAE,EAAE;gBAChC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,CAAA;gBAEjC,IAAI,MAAM,IAAI,OAAO,GAAG,CAAC,IAAI,IAAI,GAAG,WAAW,EAAE;oBAC/C,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,GAAG,EAAE,IAAgB,CAAA;oBAE1C,IAAM,WAAW,GAAG,OAAO,CAAC,UAAU,EAAE,IAAI,CAAC,CAAA;oBAE7C,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM;wBACrB,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC;8BACxC,MAAM;8BACN,YAAY,CAAC,MAAM,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC,CAAA;iBACtD;gBACD,MAAM,EAAE,CAAA;aACT;SACF;QACD,OAAO,KAAK,CAAA;KACb,CAAA;IAED,IAAM,WAAW,GAAG,OAAO,CAAC,cAAM,OAAA,cAAc,EAAE,GAAA,EAAE,EAAE,CAAC,CAAA;IAEvD,QACE,6BAAK,SAAS,EAAC,4BAA4B;QACzC,6BAAK,SAAS,EAAC,gCAAgC,IAAE,SAAS,CAAO;QAChE,WAAW,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,SAAS,IAAK,QACpC,6BAAK,GAAG,EAAE,SAAS,EAAE,SAAS,EAAC,2BAA2B,IACvD,IAAI,CAAC,GAAG,CAAC,UAAC,GAAG,EAAE,QAAQ;;YAAK,QAC3B,6BACE,GAAG,EAAE,SAAS,GAAG,CAAC,GAAG,QAAQ,GAAG,CAAC,EACjC,SAAS,EAAE,EAAE,CAAC,0BAA0B;oBACtC,GAAC,+BAA6B,GAAG,CAAC,MAAQ,IAAG,GAAG,CAAC,MAAM;wBACvD,IAED,GAAG,CAAC,IAAI,CACL;SACP,CAAC,CACE,IACP,CAAC,CACE,EACP;AACH,EAAC;AAED,iBAAiB,CAAC,WAAW,GAAG,mBAAmB;;;;"}
+{"version":3,"file":"CalendarViewMonth.js","sources":["../../../../src/components/Calendar/CalendarView/CalendarViewMonth.tsx"],"sourcesContent":["import React, { useMemo } from \"react\"\nimport {\n  setDate,\n  getISODay,\n  getDaysInMonth,\n  endOfMonth,\n  differenceInCalendarWeeks,\n  isPast,\n  isToday,\n  format,\n} from \"date-fns\"\nimport cx from \"classnames\"\nimport {\n  CalendarViewMonthType,\n  MonthType,\n  CalendarViewDateType,\n  DateType,\n} from \"./types\"\n\ntype Props = MonthType\n\nconst CalendarViewMonth = ({\n  monthName,\n  monthStart,\n  statusByDate = {},\n}: Props) => {\n  const getMonthByWeek = (): CalendarViewMonthType => {\n    const daysInMonth = getDaysInMonth(monthStart)\n    const weeksInMonth =\n      differenceInCalendarWeeks(endOfMonth(monthStart), monthStart, {\n        weekStartsOn: 1,\n      }) + 1\n    const weekDay = getISODay(monthStart)\n    const month: CalendarViewDateType[][] = []\n    let cursor = 0\n    let date = 0\n\n    for (let week = 0; week < weeksInMonth; week++) {\n      month[week] = []\n      for (let day = 0; day < 7; day++) {\n        month[week][day] = { date: null }\n\n        if (cursor >= weekDay - 1 && date < daysInMonth) {\n          month[week][day].date = ++date as DateType\n\n          const currentDate = setDate(monthStart, date)\n\n          month[week][day].status =\n            isPast(currentDate) && !isToday(currentDate)\n              ? \"past\"\n              : statusByDate[format(currentDate, \"yyyy-MM-dd\")]\n        }\n        cursor++\n      }\n    }\n    return month\n  }\n\n  const monthByWeek = useMemo(() => getMonthByWeek(), [])\n\n  return (\n    <div className=\"cobalt-CalendarView__month\">\n      <div className=\"cobalt-CalendarView__monthName\">{monthName}</div>\n      {monthByWeek.map((week, weekIndex) => (\n        <div key={weekIndex} className=\"cobalt-CalendarView__week\">\n          {week.map((day, dayIndex) => (\n            <div\n              key={weekIndex + 1 * dayIndex + 1}\n              className={cx(\"cobalt-CalendarView__day\", {\n                [`cobalt-CalendarView__day--${day.status}`]: day.status,\n              })}\n            >\n              {day.date}\n            </div>\n          ))}\n        </div>\n      ))}\n    </div>\n  )\n}\n\nCalendarViewMonth.displayName = \"CalendarViewMonth\"\n\nexport default CalendarViewMonth\n"],"names":[],"mappings":";;;;IAqBM,iBAAiB,GAAG,UAAC,EAInB;QAHN,SAAS,eAAA,EACT,UAAU,gBAAA,EACV,oBAAiB,EAAjB,YAAY,mBAAG,EAAE,KAAA;IAEjB,IAAM,cAAc,GAAG;QACrB,IAAM,WAAW,GAAG,cAAc,CAAC,UAAU,CAAC,CAAA;QAC9C,IAAM,YAAY,GAChB,yBAAyB,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE,UAAU,EAAE;YAC5D,YAAY,EAAE,CAAC;SAChB,CAAC,GAAG,CAAC,CAAA;QACR,IAAM,OAAO,GAAG,SAAS,CAAC,UAAU,CAAC,CAAA;QACrC,IAAM,KAAK,GAA6B,EAAE,CAAA;QAC1C,IAAI,MAAM,GAAG,CAAC,CAAA;QACd,IAAI,IAAI,GAAG,CAAC,CAAA;QAEZ,KAAK,IAAI,IAAI,GAAG,CAAC,EAAE,IAAI,GAAG,YAAY,EAAE,IAAI,EAAE,EAAE;YAC9C,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,CAAA;YAChB,KAAK,IAAI,GAAG,GAAG,CAAC,EAAE,GAAG,GAAG,CAAC,EAAE,GAAG,EAAE,EAAE;gBAChC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,CAAA;gBAEjC,IAAI,MAAM,IAAI,OAAO,GAAG,CAAC,IAAI,IAAI,GAAG,WAAW,EAAE;oBAC/C,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,GAAG,EAAE,IAAgB,CAAA;oBAE1C,IAAM,WAAW,GAAG,OAAO,CAAC,UAAU,EAAE,IAAI,CAAC,CAAA;oBAE7C,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM;wBACrB,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC;8BACxC,MAAM;8BACN,YAAY,CAAC,MAAM,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC,CAAA;iBACtD;gBACD,MAAM,EAAE,CAAA;aACT;SACF;QACD,OAAO,KAAK,CAAA;KACb,CAAA;IAED,IAAM,WAAW,GAAG,OAAO,CAAC,cAAM,OAAA,cAAc,EAAE,GAAA,EAAE,EAAE,CAAC,CAAA;IAEvD,QACE,6BAAK,SAAS,EAAC,4BAA4B;QACzC,6BAAK,SAAS,EAAC,gCAAgC,IAAE,SAAS,CAAO;QAChE,WAAW,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,SAAS,IAAK,QACpC,6BAAK,GAAG,EAAE,SAAS,EAAE,SAAS,EAAC,2BAA2B,IACvD,IAAI,CAAC,GAAG,CAAC,UAAC,GAAG,EAAE,QAAQ;;YAAK,QAC3B,6BACE,GAAG,EAAE,SAAS,GAAG,CAAC,GAAG,QAAQ,GAAG,CAAC,EACjC,SAAS,EAAE,EAAE,CAAC,0BAA0B;oBACtC,GAAC,+BAA6B,GAAG,CAAC,MAAQ,IAAG,GAAG,CAAC,MAAM;wBACvD,IAED,GAAG,CAAC,IAAI,CACL;SACP,CAAC,CACE,IACP,CAAC,CACE,EACP;AACH,EAAC;AAED,iBAAiB,CAAC,WAAW,GAAG,mBAAmB;;;;"}

package/components/Callout/index.js

@@ -14,6 +14,5 @@ var Callout = function (_a) {
             React.createElement("span", { "aria-hidden": "true" }, "\u00D7")))));
 };
 
-export default Callout;
-export { Callout };
+export { Callout, Callout as default };
 //# sourceMappingURL=index.js.map

package/components/Callout/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Callout/index.tsx"],"sourcesContent":["import React from \"react\"\nimport cx from \"classnames\"\n\nexport interface CalloutProps {\n  children: React.ReactNode\n  title?: string\n  status: \"info\" | \"error\" | \"success\"\n  close?: () => void\n}\n\nexport const Callout = ({\n  title,\n  children,\n  status = \"info\",\n  close,\n}: CalloutProps) => (\n  <div\n    className={cx(\"cobalt-Callout cobalt-bottom_margin_tight\", {\n      \"cobalt-Callout--info\": status === \"info\",\n      \"cobalt-Callout--error\": status === \"error\",\n      \"cobalt-Callout--success\": status === \"success\",\n    })}\n  >\n    {title && <div className=\"cobalt-Callout__Title\">{title}</div>}\n    <p>{children}</p>\n    {close && (\n      <button className=\"cobalt-Callout__Close\" onClick={close} type=\"button\">\n        <span aria-hidden=\"true\">×</span>\n      </button>\n    )}\n  </div>\n)\n\nexport default Callout\n"],"names":[],"mappings":";;;IAUa,OAAO,GAAG,UAAC,EAKT;QAJb,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,cAAe,EAAf,MAAM,mBAAG,MAAM,KAAA,EACf,KAAK,WAAA;IACa,QAClB,6BACE,SAAS,EAAE,EAAE,CAAC,2CAA2C,EAAE;YACzD,sBAAsB,EAAE,MAAM,KAAK,MAAM;YACzC,uBAAuB,EAAE,MAAM,KAAK,OAAO;YAC3C,yBAAyB,EAAE,MAAM,KAAK,SAAS;SAChD,CAAC;QAED,KAAK,IAAI,6BAAK,SAAS,EAAC,uBAAuB,IAAE,KAAK,CAAO;QAC9D,+BAAI,QAAQ,CAAK;QAChB,KAAK,KACJ,gCAAQ,SAAS,EAAC,uBAAuB,EAAC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAC,QAAQ;YACrE,6CAAkB,MAAM,aAAS,CAC1B,CACV,CACG;AAfY;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/Callout/index.tsx"],"sourcesContent":["import React from \"react\"\nimport cx from \"classnames\"\n\nexport interface CalloutProps {\n  children: React.ReactNode\n  title?: string\n  status: \"info\" | \"error\" | \"success\"\n  close?: () => void\n}\n\nexport const Callout = ({\n  title,\n  children,\n  status = \"info\",\n  close,\n}: CalloutProps) => (\n  <div\n    className={cx(\"cobalt-Callout cobalt-bottom_margin_tight\", {\n      \"cobalt-Callout--info\": status === \"info\",\n      \"cobalt-Callout--error\": status === \"error\",\n      \"cobalt-Callout--success\": status === \"success\",\n    })}\n  >\n    {title && <div className=\"cobalt-Callout__Title\">{title}</div>}\n    <p>{children}</p>\n    {close && (\n      <button className=\"cobalt-Callout__Close\" onClick={close} type=\"button\">\n        <span aria-hidden=\"true\">×</span>\n      </button>\n    )}\n  </div>\n)\n\nexport default Callout\n"],"names":[],"mappings":";;;IAUa,OAAO,GAAG,UAAC,EAKT;QAJb,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,cAAe,EAAf,MAAM,mBAAG,MAAM,KAAA,EACf,KAAK,WAAA;IACa,QAClB,6BACE,SAAS,EAAE,EAAE,CAAC,2CAA2C,EAAE;YACzD,sBAAsB,EAAE,MAAM,KAAK,MAAM;YACzC,uBAAuB,EAAE,MAAM,KAAK,OAAO;YAC3C,yBAAyB,EAAE,MAAM,KAAK,SAAS;SAChD,CAAC;QAED,KAAK,IAAI,6BAAK,SAAS,EAAC,uBAAuB,IAAE,KAAK,CAAO;QAC9D,+BAAI,QAAQ,CAAK;QAChB,KAAK,KACJ,gCAAQ,SAAS,EAAC,uBAAuB,EAAC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAC,QAAQ;YACrE,6CAAkB,MAAM,aAAS,CAC1B,CACV,CACG;AAfY;;;;"}

package/components/Card/index.js

@@ -35,6 +35,5 @@ var CardSection = /** @class */ (function (_super) {
     return CardSection;
 }(PureComponent));
 
-export default Card;
-export { Card, CardSection };
+export { Card, CardSection, Card as default };
 //# sourceMappingURL=index.js.map

package/components/Card/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Card/index.tsx"],"sourcesContent":["import React, { PureComponent, PropsWithChildren } from \"react\"\nimport cx from \"classnames\"\n\nexport type CardProps = PropsWithChildren<{\n  className?: string\n  flattened?: boolean\n}>\n\nexport const Card = ({ children, className, flattened }: CardProps) => (\n  <div\n    className={cx(\"cobalt-Card\", className, {\n      \"cobalt-Card--flattened\": flattened,\n    })}\n  >\n    {children}\n  </div>\n)\n\nexport type CardSectionProps = {\n  children: React.ReactNode\n  tabBar?: boolean\n  tight?: boolean\n  subdued?: boolean\n  /**\n   * true or \"soft\"\n   * @default false\n   */\n  divided?: boolean | string\n}\n\nexport type CardSectionLinkProps = CardSectionProps & {\n  href: React.AnchorHTMLAttributes<HTMLAnchorElement>[\"href\"]\n  target?: React.AnchorHTMLAttributes<HTMLAnchorElement>[\"target\"]\n  rel?: React.AnchorHTMLAttributes<HTMLAnchorElement>[\"rel\"]\n}\n\nconst getClasses = ({ tabBar, tight, subdued, divided }: CardSectionProps) => {\n  return cx(\"cobalt-Card__Section\", {\n    \"cobalt-Card__Section--tabBar\": tabBar === true,\n    \"cobalt-Card__Section--tight\": tight === true,\n    \"cobalt-Card__Section--subdued\": subdued === true,\n    \"cobalt-Card__Section--divided\": divided === true,\n    \"cobalt-Card__Section--dividedSoft\": divided === \"soft\",\n  })\n}\n\nconst CardSectionLink = ({\n  href,\n  target,\n  rel,\n  ...baseProps\n}: CardSectionLinkProps) => {\n  return (\n    <a\n      className={getClasses(baseProps)}\n      href={href}\n      target={target}\n      rel={target && !rel ? \"noopener noreferrer\" : rel}\n    >\n      {baseProps.children}\n    </a>\n  )\n}\nCardSectionLink.displayName = \"CardSection.Link\"\n\nexport class CardSection extends PureComponent<CardSectionProps, never> {\n  static Link = CardSectionLink\n  render() {\n    return <div className={getClasses(this.props)}>{this.props.children}</div>\n  }\n}\n\nexport default Card\n"],"names":[],"mappings":";;;;IAQa,IAAI,GAAG,UAAC,EAA6C;QAA3C,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,SAAS,eAAA;IAAkB,QACrE,6BACE,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,EAAE;YACtC,wBAAwB,EAAE,SAAS;SACpC,CAAC,IAED,QAAQ,CACL;AAP+D,EAQtE;AAoBD,IAAM,UAAU,GAAG,UAAC,EAAqD;QAAnD,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,OAAO,aAAA,EAAE,OAAO,aAAA;IACnD,OAAO,EAAE,CAAC,sBAAsB,EAAE;QAChC,8BAA8B,EAAE,MAAM,KAAK,IAAI;QAC/C,6BAA6B,EAAE,KAAK,KAAK,IAAI;QAC7C,+BAA+B,EAAE,OAAO,KAAK,IAAI;QACjD,+BAA+B,EAAE,OAAO,KAAK,IAAI;QACjD,mCAAmC,EAAE,OAAO,KAAK,MAAM;KACxD,CAAC,CAAA;AACJ,CAAC,CAAA;AAED,IAAM,eAAe,GAAG,UAAC,EAKF;IAJrB,IAAA,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,GAAG,SAAA,EACA,SAAS,cAJW,yBAKxB,CADa;IAEZ,QACE,2BACE,SAAS,EAAE,UAAU,CAAC,SAAS,CAAC,EAChC,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,MAAM,IAAI,CAAC,GAAG,GAAG,qBAAqB,GAAG,GAAG,IAEhD,SAAS,CAAC,QAAQ,CACjB,EACL;AACH,CAAC,CAAA;AACD,eAAe,CAAC,WAAW,GAAG,kBAAkB,CAAA;;IAEf,+BAAsC;IAAvE;;KAKC;IAHC,4BAAM,GAAN;QACE,OAAO,6BAAK,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,IAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAO,CAAA;KAC3E;IAHM,gBAAI,GAAG,eAAe,CAAA;IAI/B,kBAAC;CAAA,CALgC,aAAa;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/Card/index.tsx"],"sourcesContent":["import React, { PureComponent, PropsWithChildren } from \"react\"\nimport cx from \"classnames\"\n\nexport type CardProps = PropsWithChildren<{\n  className?: string\n  flattened?: boolean\n}>\n\nexport const Card = ({ children, className, flattened }: CardProps) => (\n  <div\n    className={cx(\"cobalt-Card\", className, {\n      \"cobalt-Card--flattened\": flattened,\n    })}\n  >\n    {children}\n  </div>\n)\n\nexport type CardSectionProps = {\n  children: React.ReactNode\n  tabBar?: boolean\n  tight?: boolean\n  subdued?: boolean\n  /**\n   * true or \"soft\"\n   * @default false\n   */\n  divided?: boolean | string\n}\n\nexport type CardSectionLinkProps = CardSectionProps & {\n  href: React.AnchorHTMLAttributes<HTMLAnchorElement>[\"href\"]\n  target?: React.AnchorHTMLAttributes<HTMLAnchorElement>[\"target\"]\n  rel?: React.AnchorHTMLAttributes<HTMLAnchorElement>[\"rel\"]\n}\n\nconst getClasses = ({ tabBar, tight, subdued, divided }: CardSectionProps) => {\n  return cx(\"cobalt-Card__Section\", {\n    \"cobalt-Card__Section--tabBar\": tabBar === true,\n    \"cobalt-Card__Section--tight\": tight === true,\n    \"cobalt-Card__Section--subdued\": subdued === true,\n    \"cobalt-Card__Section--divided\": divided === true,\n    \"cobalt-Card__Section--dividedSoft\": divided === \"soft\",\n  })\n}\n\nconst CardSectionLink = ({\n  href,\n  target,\n  rel,\n  ...baseProps\n}: CardSectionLinkProps) => {\n  return (\n    <a\n      className={getClasses(baseProps)}\n      href={href}\n      target={target}\n      rel={target && !rel ? \"noopener noreferrer\" : rel}\n    >\n      {baseProps.children}\n    </a>\n  )\n}\nCardSectionLink.displayName = \"CardSection.Link\"\n\nexport class CardSection extends PureComponent<CardSectionProps, never> {\n  static Link = CardSectionLink\n  render() {\n    return <div className={getClasses(this.props)}>{this.props.children}</div>\n  }\n}\n\nexport default Card\n"],"names":[],"mappings":";;;;IAQa,IAAI,GAAG,UAAC,EAA6C;QAA3C,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,SAAS,eAAA;IAAkB,QACrE,6BACE,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,EAAE;YACtC,wBAAwB,EAAE,SAAS;SACpC,CAAC,IAED,QAAQ,CACL;AAP+D,EAQtE;AAoBD,IAAM,UAAU,GAAG,UAAC,EAAqD;QAAnD,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,OAAO,aAAA,EAAE,OAAO,aAAA;IACnD,OAAO,EAAE,CAAC,sBAAsB,EAAE;QAChC,8BAA8B,EAAE,MAAM,KAAK,IAAI;QAC/C,6BAA6B,EAAE,KAAK,KAAK,IAAI;QAC7C,+BAA+B,EAAE,OAAO,KAAK,IAAI;QACjD,+BAA+B,EAAE,OAAO,KAAK,IAAI;QACjD,mCAAmC,EAAE,OAAO,KAAK,MAAM;KACxD,CAAC,CAAA;AACJ,CAAC,CAAA;AAED,IAAM,eAAe,GAAG,UAAC,EAKF;IAJrB,IAAA,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,GAAG,SAAA,EACA,SAAS,cAJW,yBAKxB,CADa;IAEZ,QACE,2BACE,SAAS,EAAE,UAAU,CAAC,SAAS,CAAC,EAChC,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,MAAM,IAAI,CAAC,GAAG,GAAG,qBAAqB,GAAG,GAAG,IAEhD,SAAS,CAAC,QAAQ,CACjB,EACL;AACH,CAAC,CAAA;AACD,eAAe,CAAC,WAAW,GAAG,kBAAkB,CAAA;;IAEf,+BAAsC;IAAvE;;KAKC;IAHC,4BAAM,GAAN;QACE,OAAO,6BAAK,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,IAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAO,CAAA;KAC3E;IAHM,gBAAI,GAAG,eAAe,CAAA;IAI/B,kBAAC;CAAA,CALgC,aAAa;;;;"}