@drivy/cobalt 0.13.0

package/_virtual/_tslib.js

@@ -0,0 +1,85 @@
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise */
+
+var extendStatics = function(d, b) {
+    extendStatics = Object.setPrototypeOf ||
+        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+    return extendStatics(d, b);
+};
+
+function __extends(d, b) {
+    if (typeof b !== "function" && b !== null)
+        throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+    extendStatics(d, b);
+    function __() { this.constructor = d; }
+    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+}
+
+var __assign = function() {
+    __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+function __values(o) {
+    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+    if (m) return m.call(o);
+    if (o && typeof o.length === "number") return {
+        next: function () {
+            if (o && i >= o.length) o = void 0;
+            return { value: o && o[i++], done: !o };
+        }
+    };
+    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+}
+
+function __read(o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+}
+
+export { __assign, __extends, __read, __rest, __values };
+//# sourceMappingURL=_tslib.js.map

package/_virtual/_tslib.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_tslib.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/tokens/breakpoints.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const xs = "480px";
+const sm = "768px";
+const md = "992px";
+const lg = "1200px";
+var _breakpoints = {
+	xs: xs,
+	sm: sm,
+	md: md,
+	lg: lg
+};
+
+exports["default"] = _breakpoints;
+exports.lg = lg;
+exports.md = md;
+exports.sm = sm;
+exports.xs = xs;
+//# sourceMappingURL=breakpoints.js.map

package/cjs/tokens/breakpoints.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breakpoints.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}

package/cjs/tokens/colors.js

@@ -0,0 +1,60 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const white = "#fff";
+const grey = {
+	lighter: "#f8f7f8",
+	light: "#edebed",
+	DEFAULT: "#dbd8dc",
+	dark: "#a49da7"
+};
+const indigo = {
+	DEFAULT: "#61366b",
+	dark: "#390446"
+};
+const purple = {
+	light: "#d076ca",
+	DEFAULT: "#b01aa7"
+};
+const graphite = {
+	light: "#757575",
+	DEFAULT: "#333"
+};
+const turquoise = "#5ecbdd";
+const coral = "#ffa484";
+const amber = "#ffc25a";
+const red = "#ff7378";
+const green = {
+	light: "#0fffb3",
+	DEFAULT: "#00da94",
+	dark: "#00a873"
+};
+const blue = "#2ea2ea";
+var _colors = {
+	white: white,
+	grey: grey,
+	indigo: indigo,
+	purple: purple,
+	graphite: graphite,
+	turquoise: turquoise,
+	coral: coral,
+	amber: amber,
+	red: red,
+	green: green,
+	blue: blue
+};
+
+exports.amber = amber;
+exports.blue = blue;
+exports.coral = coral;
+exports["default"] = _colors;
+exports.graphite = graphite;
+exports.green = green;
+exports.grey = grey;
+exports.indigo = indigo;
+exports.purple = purple;
+exports.red = red;
+exports.turquoise = turquoise;
+exports.white = white;
+//# sourceMappingURL=colors.js.map

package/cjs/tokens/colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/tokens/countries.js

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const flags = {
+	AT: "at.svg",
+	BE: "be.svg",
+	CA: "ca.svg",
+	DE: "de.svg",
+	ES: "es.svg",
+	EU: "eu.svg",
+	FR: "fr.svg",
+	NO: "no.svg",
+	GB: "gb.svg",
+	US: "us.svg"
+};
+var _countries = {
+	flags: flags
+};
+
+exports["default"] = _countries;
+exports.flags = flags;
+//# sourceMappingURL=countries.js.map

package/cjs/tokens/countries.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"countries.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/tokens/icons.js

@@ -0,0 +1,125 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const icons = {
+	airport: "airport.svg",
+	arrowLeft: "arrow-left.svg",
+	arrowRight: "arrow-right.svg",
+	bin: "bin.svg",
+	briefcase: "briefcase.svg",
+	bulb: "bulb.svg",
+	camera: "camera.svg",
+	carCheck: "car-check.svg",
+	carDrivyOpen: "car-drivy-open.svg",
+	carGroup: "car-group.svg",
+	carLock: "car-lock.svg",
+	carSearch: "car-search.svg",
+	carTypeAntique: "car-type-antique.svg",
+	carTypeCabriolet: "car-type-cabriolet.svg",
+	carTypeCampervan: "car-type-campervan.svg",
+	carTypeCity: "car-type-city.svg",
+	carTypeConvertible: "car-type-convertible.svg",
+	carTypeCoupe: "car-type-coupe.svg",
+	carTypeFamily: "car-type-family.svg",
+	carTypeFourFour: "car-type-four-four.svg",
+	carTypeMinibus: "car-type-minibus.svg",
+	carTypeSedan: "car-type-sedan.svg",
+	carTypeUtility: "car-type-utility.svg",
+	car: "car.svg",
+	checkCircle: "check-circle.svg",
+	check: "check.svg",
+	chevronDown: "chevron-down.svg",
+	chevronLeft: "chevron-left.svg",
+	chevronRight: "chevron-right.svg",
+	chevronUp: "chevron-up.svg",
+	close: "close.svg",
+	contactMail: "contact-mail.svg",
+	contactPhone: "contact-phone.svg",
+	contextualPaperclip: "contextual-paperclip.svg",
+	contextualQuestion: "contextual-question.svg",
+	contextualWarningCircleFilled: "contextual-warning-circle-filled.svg",
+	contextualWarningCircle: "contextual-warning-circle.svg",
+	creditCard: "credit-card.svg",
+	directions: "directions.svg",
+	dotsHorizontal: "dots-horizontal.svg",
+	dotsVertical: "dots-vertical.svg",
+	download: "download.svg",
+	earth: "earth.svg",
+	edit: "edit.svg",
+	externalLink: "external-link.svg",
+	eye: "eye.svg",
+	filters: "filters.svg",
+	flag: "flag.svg",
+	geolocation: "geolocation.svg",
+	graphUp: "graph-up.svg",
+	incident: "incident.svg",
+	infoFilled: "info-filled.svg",
+	info: "info.svg",
+	instant: "instant.svg",
+	key: "key.svg",
+	loading: "loading.svg",
+	locality: "locality.svg",
+	locationMap: "location-map.svg",
+	locationParking: "location-parking.svg",
+	locationPin: "location-pin.svg",
+	logout: "logout.svg",
+	meetDriver: "meet-driver.svg",
+	meetOwner: "meet-owner.svg",
+	menuList: "menu-list.svg",
+	mileage: "mileage.svg",
+	miscGift: "misc-gift.svg",
+	notification: "notification.svg",
+	optionAirConditioning: "option-air-conditioning.svg",
+	optionAudioInput: "option-audio-input.svg",
+	optionBabySeat: "option-baby-seat.svg",
+	optionBikeRack: "option-bike-rack.svg",
+	optionCdPlayer: "option-cd-player.svg",
+	optionChains: "option-chains.svg",
+	optionCruiseControl: "option-cruise-control.svg",
+	optionGps: "option-gps.svg",
+	optionHasTrailer: "option-has-trailer.svg",
+	optionHitch: "option-hitch.svg",
+	optionRoofBox: "option-roof-box.svg",
+	optionSkiRack: "option-ski-rack.svg",
+	optionSnowTire: "option-snow-tire.svg",
+	optionWheelchairAccessible: "option-wheelchair-accessible.svg",
+	peopleUser: "people-user.svg",
+	photos: "photos.svg",
+	plug: "plug.svg",
+	refresh: "refresh.svg",
+	reset: "reset.svg",
+	ride: "ride.svg",
+	search: "search.svg",
+	serviceBattery: "service-battery.svg",
+	serviceCleaning: "service-cleaning.svg",
+	serviceFuel: "service-fuel.svg",
+	serviceHealing: "service-healing.svg",
+	serviceLocked: "service-locked.svg",
+	serviceTolls: "service-tolls.svg",
+	serviceUnlocked: "service-unlocked.svg",
+	settings: "settings.svg",
+	share: "share.svg",
+	shop: "shop.svg",
+	socialFacebook: "social-facebook.svg",
+	socialLinkedin: "social-linkedin.svg",
+	socialTwitter: "social-twitter.svg",
+	socialWhatsapp: "social-whatsapp.svg",
+	star: "star.svg",
+	subway: "subway.svg",
+	timeAlert: "time-alert.svg",
+	timeBackwards: "time-backwards.svg",
+	timeCalendar: "time-calendar.svg",
+	timeForward: "time-forward.svg",
+	train: "train.svg",
+	userShield: "user-shield.svg",
+	verifiedSeal: "verified-seal.svg",
+	wrench: "wrench.svg"
+};
+var _icons = {
+	icons: icons
+};
+
+exports["default"] = _icons;
+exports.icons = icons;
+//# sourceMappingURL=icons.js.map

package/cjs/tokens/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/tokens/index.js

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var breakpoints$1 = require('./breakpoints.js');
+var colors$1 = require('./colors.js');
+var countries$1 = require('./countries.js');
+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"];
+
+exports.breakpoints = breakpoints;
+exports.colors = colors;
+exports.countries = countries;
+exports.icons = icons;
+exports.zIndexes = zIndexes;
+//# sourceMappingURL=index.js.map

package/cjs/tokens/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/tokens/index.ts"],"sourcesContent":["// For now we can't re-export json using TS and JSON import has no default\nimport _breakpoints from \"./breakpoints.json\"\nimport _colors from \"./colors.json\"\nimport _countries from \"./countries.json\"\nimport _icons from \"./icons.json\"\nimport _zIndexes from \"./zIndexes.json\"\n\nexport const breakpoints = _breakpoints\nexport const colors = _colors\nexport const countries = _countries\nexport const icons = _icons\nexport const zIndexes = _zIndexes\n"],"names":["_breakpoints","_colors","_countries","_icons","_zIndexes"],"mappings":";;;;;;;;;;AAAA;IAOa,WAAW,GAAGA,yBAAY;IAC1B,MAAM,GAAGC,oBAAO;IAChB,SAAS,GAAGC,uBAAU;IACtB,KAAK,GAAGC,mBAAM;IACd,QAAQ,GAAGC;;;;;;;;"}

package/cjs/tokens/zIndexes.js

@@ -0,0 +1,43 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const below = -1;
+const base = 0;
+const above = 1;
+const dropdown = 10;
+const nav = 20;
+const header = 30;
+const modal = 90;
+const alert = 100;
+var _zIndexes = {
+	below: below,
+	base: base,
+	above: above,
+	"dropdown-below": 9,
+	dropdown: dropdown,
+	"dropdown-above": 11,
+	"nav-below": 19,
+	nav: nav,
+	"nav-above": 21,
+	"header-below": 29,
+	header: header,
+	"header-above": 31,
+	"modal-below": 89,
+	modal: modal,
+	"modal-above": 91,
+	"alert-below": 99,
+	alert: alert,
+	"alert-above": 101
+};
+
+exports.above = above;
+exports.alert = alert;
+exports.base = base;
+exports.below = below;
+exports["default"] = _zIndexes;
+exports.dropdown = dropdown;
+exports.header = header;
+exports.modal = modal;
+exports.nav = nav;
+//# sourceMappingURL=zIndexes.js.map

package/cjs/tokens/zIndexes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zIndexes.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/components/Accordion/ToggleIcon.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import cx from 'classnames';
+
+var ToggleIcon = function (_a) {
+    var isOpen = _a.isOpen;
+    return (React.createElement("div", { className: cx("cobalt-accordion__header-icon", {
+            "cobalt-accordion__header-icon--opened": isOpen,
+        }) }));
+};
+
+export { ToggleIcon as default };
+//# sourceMappingURL=ToggleIcon.js.map

package/components/Accordion/ToggleIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleIcon.js","sources":["../../../src/components/Accordion/ToggleIcon.tsx"],"sourcesContent":["import React from \"react\"\nimport cx from \"classnames\"\n\ntype ToggleIconPropsType = { isOpen: boolean }\n\nconst ToggleIcon = ({ isOpen }: ToggleIconPropsType) => {\n  return (\n    <div\n      className={cx(\"cobalt-accordion__header-icon\", {\n        \"cobalt-accordion__header-icon--opened\": isOpen,\n      })}\n    />\n  )\n}\n\nexport default ToggleIcon\n"],"names":[],"mappings":";;;IAKM,UAAU,GAAG,UAAC,EAA+B;QAA7B,MAAM,YAAA;IAC1B,QACE,6BACE,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE;YAC7C,uCAAuC,EAAE,MAAM;SAChD,CAAC,GACF,EACH;AACH;;;;"}

package/components/Accordion/index.js

@@ -0,0 +1,55 @@
+import { __rest, __assign } from '../../_virtual/_tslib.js';
+import React, { forwardRef } from 'react';
+import cx from 'classnames';
+import { useAccordionItemContext, AccordionButton, AccordionPanel, Accordion as Accordion$1, AccordionItem as AccordionItem$1 } from '@reach/accordion';
+export { useAccordionItemContext } from '@reach/accordion';
+import ToggleIcon from './ToggleIcon.js';
+import { animated, useSpring } from '@react-spring/web';
+import useElementHeight from '../../hooks/useElementHeight.js';
+
+var accordionSpringConfig = { tension: 300, friction: 30, clamp: true };
+var AccordionItemHeader = forwardRef(function (_a, ref) {
+    var _b = _a.headingLevel, headingLevel = _b === void 0 ? 4 : _b, className = _a.className, children = _a.children, props = __rest(_a, ["headingLevel", "className", "children"]);
+    var isExpanded = useAccordionItemContext().isExpanded;
+    var Heading = "h" + headingLevel;
+    return (React.createElement(Heading, null,
+        React.createElement(AccordionButton, __assign({ ref: ref, className: "cobalt-accordion__header" }, props),
+            React.createElement("span", { className: cx("cobalt-accordion__header-content", className) }, children),
+            React.createElement(ToggleIcon, { isOpen: isExpanded }))));
+});
+AccordionItemHeader.displayName = "Accordion.Item.Header";
+var AnimatedAccordionPanel = animated(AccordionPanel);
+var AccordionItemPanel = function (_a) {
+    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
+    var isExpanded = useAccordionItemContext().isExpanded;
+    var _b = useElementHeight(), ref = _b.ref, height = _b.height;
+    var animation = useSpring({
+        opacity: isExpanded ? 1 : 0,
+        height: isExpanded ? height : 0,
+        overflow: "hidden",
+        config: accordionSpringConfig,
+    });
+    return (React.createElement(AnimatedAccordionPanel, __assign({ style: animation, 
+        // We need to set hidden to false for the exit animations to work
+        // but the panel should still be hidden from the accessibility tree
+        // when the panel is closed. We'll use aria-hidden instead.
+        hidden: false, "aria-hidden": !isExpanded || undefined }, props),
+        React.createElement("div", { ref: ref, className: cx("cobalt-accordion__panel", className) }, children)));
+};
+AccordionItemPanel.displayName = "Accordion.Item.Panel";
+var AccordionItem = function (_a) {
+    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
+    return (React.createElement(AccordionItem$1, __assign({ className: cx("cobalt-accordions-list__item", className) }, props), children));
+};
+AccordionItem.displayName = "Accordion.Item";
+AccordionItem.Header = AccordionItemHeader;
+AccordionItem.Panel = AccordionItemPanel;
+var Accordion = function (_a) {
+    var className = _a.className, children = _a.children, index = _a.index, _b = _a.collapsible, collapsible = _b === void 0 ? true : _b, _c = _a.multiple, multiple = _c === void 0 ? false : _c, props = __rest(_a, ["className", "children", "index", "collapsible", "multiple"]);
+    var hasIndex = index === 0 || !!index;
+    return (React.createElement(Accordion$1, __assign({ className: cx("cobalt-accordions-list", className), collapsible: !hasIndex && collapsible, multiple: !hasIndex && multiple, index: index }, props), children));
+};
+Accordion.Item = AccordionItem;
+
+export { AccordionItem, AccordionItemHeader, AccordionItemPanel, Accordion as default };
+//# sourceMappingURL=index.js.map

package/components/Accordion/index.js.map

@@ -0,0 +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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"}

package/components/Alerter/Alert.js

@@ -0,0 +1,39 @@
+import React, { useMemo, useEffect } from 'react';
+import ReachAlert from '@reach/alert';
+import { Icon } from '../Icon/index.js';
+import 'lodash.throttle';
+import Timer from '../utils/Timer.js';
+
+var ALERT_TIMEOUT = 3000;
+var STATUS_ICONS_MAP = {
+    info: "infoFilled",
+    success: "checkCircle",
+    error: "contextualWarningCircleFilled",
+};
+var STATUS_ICON_COLOR_MAP = {
+    info: "turquoise",
+    success: "green",
+    error: "red",
+};
+var Alert = function (_a) {
+    var children = _a.children, _b = _a.status, status = _b === void 0 ? "info" : _b, dismiss = _a.dismiss;
+    var icon = STATUS_ICONS_MAP[status]
+        ? STATUS_ICONS_MAP[status]
+        : "infoFilled";
+    var iconColor = STATUS_ICON_COLOR_MAP[status]
+        ? STATUS_ICON_COLOR_MAP[status]
+        : "turquoise";
+    var alertTimer = useMemo(function () { return new Timer(dismiss, ALERT_TIMEOUT); }, []);
+    useEffect(function () {
+        alertTimer.run();
+    }, []);
+    var onMouseEnter = function () { return alertTimer.pause(); };
+    var onMouseLeave = function () { return alertTimer.run(); };
+    return (React.createElement(ReachAlert, { className: "cobalt-alert", onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave },
+        React.createElement("div", { className: "cobalt-alert__wrapper" },
+            React.createElement(Icon, { source: icon, size: 20, color: iconColor, className: "cobalt-alert__icon" }),
+            React.createElement("span", { className: "cobalt-alert__content" }, children))));
+};
+
+export { Alert as default };
+//# sourceMappingURL=Alert.js.map

package/components/Alerter/Alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.js","sources":["../../../src/components/Alerter/Alert.tsx"],"sourcesContent":["import React, { FunctionComponent, useEffect, useMemo } from \"react\"\nimport ReachAlert from \"@reach/alert\"\n\nimport { Icon, IconColors, IconSources } from \"../Icon\"\nimport { Timer } from \"../utils\"\n\nexport type AlertStatus = \"info\" | \"success\" | \"error\"\n\nexport type AlertType = FunctionComponent<{\n  status?: AlertStatus\n  dismiss: () => void\n}>\n\nconst ALERT_TIMEOUT = 3000\n\nconst STATUS_ICONS_MAP: { [k in AlertStatus]: IconSources } = {\n  info: \"infoFilled\",\n  success: \"checkCircle\",\n  error: \"contextualWarningCircleFilled\",\n}\n\nconst STATUS_ICON_COLOR_MAP: { [k in AlertStatus]: IconColors } = {\n  info: \"turquoise\",\n  success: \"green\",\n  error: \"red\",\n}\n\nconst Alert: AlertType = ({ children, status = \"info\", dismiss }) => {\n  const icon = STATUS_ICONS_MAP[status]\n    ? STATUS_ICONS_MAP[status]\n    : \"infoFilled\"\n\n  const iconColor: IconColors = STATUS_ICON_COLOR_MAP[status]\n    ? STATUS_ICON_COLOR_MAP[status]\n    : \"turquoise\"\n\n  const alertTimer = useMemo(() => new Timer(dismiss, ALERT_TIMEOUT), [])\n\n  useEffect(() => {\n    alertTimer.run()\n  }, [])\n\n  const onMouseEnter = () => alertTimer.pause()\n  const onMouseLeave = () => alertTimer.run()\n\n  return (\n    <ReachAlert\n      className=\"cobalt-alert\"\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n    >\n      <div className=\"cobalt-alert__wrapper\">\n        <Icon\n          source={icon}\n          size={20}\n          color={iconColor}\n          className=\"cobalt-alert__icon\"\n        />\n        <span className=\"cobalt-alert__content\">{children}</span>\n      </div>\n    </ReachAlert>\n  )\n}\n\nexport default Alert\n"],"names":[],"mappings":";;;;;;AAaA,IAAM,aAAa,GAAG,IAAI,CAAA;AAE1B,IAAM,gBAAgB,GAAwC;IAC5D,IAAI,EAAE,YAAY;IAClB,OAAO,EAAE,aAAa;IACtB,KAAK,EAAE,+BAA+B;CACvC,CAAA;AAED,IAAM,qBAAqB,GAAuC;IAChE,IAAI,EAAE,WAAW;IACjB,OAAO,EAAE,OAAO;IAChB,KAAK,EAAE,KAAK;CACb,CAAA;IAEK,KAAK,GAAc,UAAC,EAAsC;QAApC,QAAQ,cAAA,EAAE,cAAe,EAAf,MAAM,mBAAG,MAAM,KAAA,EAAE,OAAO,aAAA;IAC5D,IAAM,IAAI,GAAG,gBAAgB,CAAC,MAAM,CAAC;UACjC,gBAAgB,CAAC,MAAM,CAAC;UACxB,YAAY,CAAA;IAEhB,IAAM,SAAS,GAAe,qBAAqB,CAAC,MAAM,CAAC;UACvD,qBAAqB,CAAC,MAAM,CAAC;UAC7B,WAAW,CAAA;IAEf,IAAM,UAAU,GAAG,OAAO,CAAC,cAAM,OAAA,IAAI,KAAK,CAAC,OAAO,EAAE,aAAa,CAAC,GAAA,EAAE,EAAE,CAAC,CAAA;IAEvE,SAAS,CAAC;QACR,UAAU,CAAC,GAAG,EAAE,CAAA;KACjB,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,YAAY,GAAG,cAAM,OAAA,UAAU,CAAC,KAAK,EAAE,GAAA,CAAA;IAC7C,IAAM,YAAY,GAAG,cAAM,OAAA,UAAU,CAAC,GAAG,EAAE,GAAA,CAAA;IAE3C,QACE,oBAAC,UAAU,IACT,SAAS,EAAC,cAAc,EACxB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY;QAE1B,6BAAK,SAAS,EAAC,uBAAuB;YACpC,oBAAC,IAAI,IACH,MAAM,EAAE,IAAI,EACZ,IAAI,EAAE,EAAE,EACR,KAAK,EAAE,SAAS,EAChB,SAAS,EAAC,oBAAoB,GAC9B;YACF,8BAAM,SAAS,EAAC,uBAAuB,IAAE,QAAQ,CAAQ,CACrD,CACK,EACd;AACH;;;;"}

package/components/Alerter/index.js

@@ -0,0 +1,81 @@
+import { __assign, __read, __rest } from '../../_virtual/_tslib.js';
+import React, { useContext, useReducer } from 'react';
+import { nanoid } from 'nanoid';
+import Portal from '@reach/portal';
+import cx from 'classnames';
+import { useTransition, config, animated } from '@react-spring/web';
+import Alert from './Alert.js';
+import useBreakpoint from '../../hooks/useBreakpoint.js';
+import 'lodash.throttle';
+import { remToPx } from '../utils/px.js';
+
+var AlertActionType;
+(function (AlertActionType) {
+    AlertActionType["send"] = "send";
+    AlertActionType["dismiss"] = "dismiss";
+})(AlertActionType || (AlertActionType = {}));
+var hasDismiss = function (alertData) { return "dismiss" in alertData; };
+var initialQueue = [];
+function alertsReducer(queue, action) {
+    var type = action.type, alertData = __rest(action, ["type"]);
+    if (type === AlertActionType.dismiss) {
+        return queue.filter(function (a) { return a.id !== alertData.id; });
+    }
+    // We can't send alerts in the queue without providing a way to dismiss it
+    if (type === AlertActionType.send && hasDismiss(alertData))
+        return [alertData].concat(queue);
+    return queue;
+}
+var defaultSendAlert = function () { return initialQueue; }; // we never actually use this
+var AlertsContext = React.createContext({
+    queue: initialQueue,
+    sendAlert: defaultSendAlert, // just to mock out the dispatch type and make it not optional
+});
+var AlertsProvider = function (props) {
+    var _a = __read(useReducer(alertsReducer, initialQueue), 2), queue = _a[0], dispatch = _a[1];
+    var dismissAlert = function (args) {
+        dispatch(__assign({ type: AlertActionType.dismiss }, args));
+    };
+    var sendAlert = function (args) {
+        var alertData = __assign(__assign({}, args), { id: nanoid() });
+        dispatch(__assign(__assign({ type: AlertActionType.send }, alertData), { dismiss: function () { return dismissAlert(alertData); } }));
+    };
+    return React.createElement(AlertsContext.Provider, __assign({ value: { queue: queue, sendAlert: sendAlert } }, props));
+};
+// Alerter hook
+var useAlerts = function () {
+    return useContext(AlertsContext);
+};
+var InnerAlerter = function (_a) {
+    var children = _a.children;
+    var queue = useAlerts().queue;
+    var isMobile = useBreakpoint().isMobile;
+    var transformSpring = {
+        from: remToPx(2),
+        enter: 0,
+        leave: isMobile ? remToPx(2) : remToPx(5),
+    };
+    var transition = useTransition(queue, {
+        keys: queue.map(function (a) { return a.id; }),
+        from: { opacity: 0, transform: transformSpring.from },
+        enter: { opacity: 1, transform: transformSpring.enter },
+        leave: { opacity: 0, transform: transformSpring.leave },
+        config: config.stiff,
+    });
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Portal, null,
+            React.createElement("div", { className: cx("cobalt-alerts", {
+                    "cobalt-alerts--mobile": isMobile,
+                }) }, transition(function (style, alertData) { return (React.createElement(animated.div, { key: alertData.id, style: __assign({ opacity: style.opacity }, (isMobile
+                    ? { translateY: style.transform }
+                    : { translateX: style.transform })) },
+                React.createElement(Alert, { status: alertData.status, dismiss: alertData.dismiss }, alertData.message))); }))),
+        children));
+};
+var Alerter = function (props) {
+    return (React.createElement(AlertsProvider, null,
+        React.createElement(InnerAlerter, __assign({}, props))));
+};
+
+export { Alerter as default, useAlerts };
+//# sourceMappingURL=index.js.map

package/components/Alerter/index.js.map

@@ -0,0 +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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"}