@drivy/cobalt 0.13.0 → 0.14.2

package/_virtual/_tslib.js

@@ -52,6 +52,44 @@ function __rest(s, e) {
     return t;
 }
 
+function __awaiter(thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+}
+
+function __generator(thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+}
+
 function __values(o) {
     var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
     if (m) return m.call(o);
@@ -81,5 +119,5 @@ function __read(o, n) {
     return ar;
 }
 
-export { __assign, __extends, __read, __rest, __values };
+export { __assign, __awaiter, __extends, __generator, __read, __rest, __values };
 //# sourceMappingURL=_tslib.js.map

package/_virtual/_tslib.js.map

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

package/cjs/tokens/icons.js

@@ -14,6 +14,7 @@ const icons = {
 	carDrivyOpen: "car-drivy-open.svg",
 	carGroup: "car-group.svg",
 	carLock: "car-lock.svg",
+	carReturn: "car-return.svg",
 	carSearch: "car-search.svg",
 	carTypeAntique: "car-type-antique.svg",
 	carTypeCabriolet: "car-type-cabriolet.svg",
@@ -64,6 +65,7 @@ const icons = {
 	locationParking: "location-parking.svg",
 	locationPin: "location-pin.svg",
 	logout: "logout.svg",
+	map: "map.svg",
 	meetDriver: "meet-driver.svg",
 	meetOwner: "meet-owner.svg",
 	menuList: "menu-list.svg",
@@ -87,6 +89,8 @@ const icons = {
 	peopleUser: "people-user.svg",
 	photos: "photos.svg",
 	plug: "plug.svg",
+	plus: "plus.svg",
+	raceFlag: "race-flag.svg",
 	refresh: "refresh.svg",
 	reset: "reset.svg",
 	ride: "ride.svg",

package/cjs/tokens/icons.js.map

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

package/components/Accordion/index.js

@@ -11,7 +11,7 @@ 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;
+    var Heading = "h".concat(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),

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/Calendar/CalendarRangePicker/CalendarRangePickerMonth.js

@@ -83,7 +83,7 @@ function CalendarRangePickerMonth(_a) {
         }), "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  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, \"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

@@ -36,7 +36,7 @@ var CalendarViewMonth = function (_a) {
         monthByWeek.map(function (week, weekIndex) { return (React.createElement("div", { key: weekIndex, className: "cobalt-CalendarView__week" }, week.map(function (day, dayIndex) {
             var _a;
             return (React.createElement("div", { key: weekIndex + 1 * dayIndex + 1, className: cx("cobalt-CalendarView__day", (_a = {},
-                    _a["cobalt-CalendarView__day--" + day.status] = day.status,
+                    _a["cobalt-CalendarView__day--".concat(day.status)] = day.status,
                     _a)) }, day.date));
         }))); })));
 };

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,oCAA6B,GAAG,CAAC,MAAM,CAAE,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/Chip/index.js

@@ -19,7 +19,7 @@ var Chip = function (_a) {
             "cobalt-Chip--active": active,
         }) },
         React.createElement("div", { className: "cobalt-Chip__Content" },
-            React.createElement("div", { className: "cobalt-Chip__Image", style: { backgroundImage: "url(" + image + ")" } }),
+            React.createElement("div", { className: "cobalt-Chip__Image", style: { backgroundImage: "url(".concat(image, ")") } }),
             React.createElement("div", { className: "cobalt-Chip__Text" }, text))));
 };
 

package/components/Chip/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Chip/index.tsx"],"sourcesContent":["import React from \"react\"\nimport cx from \"classnames\"\n\nexport interface ChipProps {\n  onClick?(): void\n  text: string\n  image: string\n  size?: \"large\"\n  disabled?: boolean\n  active?: boolean\n}\n\nexport interface ChipWrapperProps {\n  onClick?(): void\n  children: React.ReactElement\n  disabled?: boolean\n  className: string\n}\n\nconst ChipWrapper = (props: ChipWrapperProps) => {\n  if (props.onClick) {\n    return (\n      <button {...props} type=\"button\" disabled={props.disabled}>\n        {props.children}\n      </button>\n    )\n  } else {\n    return <div {...props}>{props.children}</div>\n  }\n}\n\nexport const Chip = ({\n  onClick,\n  text,\n  image,\n  size,\n  disabled,\n  active,\n}: ChipProps) => {\n  return (\n    <ChipWrapper\n      onClick={onClick}\n      disabled={disabled}\n      className={cx(\"cobalt-Chip\", {\n        \"cobalt-Chip--large\": size === \"large\",\n        \"cobalt-Chip--disabled\": disabled,\n        \"cobalt-Chip--interactive\": !!onClick,\n        \"cobalt-Chip--active\": active,\n      })}\n    >\n      <div className=\"cobalt-Chip__Content\">\n        <div\n          className=\"cobalt-Chip__Image\"\n          style={{ backgroundImage: `url(${image})` }}\n        />\n        <div className=\"cobalt-Chip__Text\">{text}</div>\n      </div>\n    </ChipWrapper>\n  )\n}\n"],"names":[],"mappings":";;;;AAmBA,IAAM,WAAW,GAAG,UAAC,KAAuB;IAC1C,IAAI,KAAK,CAAC,OAAO,EAAE;QACjB,QACE,2CAAY,KAAK,IAAE,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,KACtD,KAAK,CAAC,QAAQ,CACR,EACV;KACF;SAAM;QACL,OAAO,wCAAS,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAO,CAAA;KAC9C;AACH,CAAC,CAAA;IAEY,IAAI,GAAG,UAAC,EAOT;QANV,OAAO,aAAA,EACP,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,MAAM,YAAA;IAEN,QACE,oBAAC,WAAW,IACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE;YAC3B,oBAAoB,EAAE,IAAI,KAAK,OAAO;YACtC,uBAAuB,EAAE,QAAQ;YACjC,0BAA0B,EAAE,CAAC,CAAC,OAAO;YACrC,qBAAqB,EAAE,MAAM;SAC9B,CAAC;QAEF,6BAAK,SAAS,EAAC,sBAAsB;YACnC,6BACE,SAAS,EAAC,oBAAoB,EAC9B,KAAK,EAAE,EAAE,eAAe,EAAE,SAAO,KAAK,MAAG,EAAE,GAC3C;YACF,6BAAK,SAAS,EAAC,mBAAmB,IAAE,IAAI,CAAO,CAC3C,CACM,EACf;AACH;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/Chip/index.tsx"],"sourcesContent":["import React from \"react\"\nimport cx from \"classnames\"\n\nexport interface ChipProps {\n  onClick?(): void\n  text: string\n  image: string\n  size?: \"large\"\n  disabled?: boolean\n  active?: boolean\n}\n\nexport interface ChipWrapperProps {\n  onClick?(): void\n  children: React.ReactElement\n  disabled?: boolean\n  className: string\n}\n\nconst ChipWrapper = (props: ChipWrapperProps) => {\n  if (props.onClick) {\n    return (\n      <button {...props} type=\"button\" disabled={props.disabled}>\n        {props.children}\n      </button>\n    )\n  } else {\n    return <div {...props}>{props.children}</div>\n  }\n}\n\nexport const Chip = ({\n  onClick,\n  text,\n  image,\n  size,\n  disabled,\n  active,\n}: ChipProps) => {\n  return (\n    <ChipWrapper\n      onClick={onClick}\n      disabled={disabled}\n      className={cx(\"cobalt-Chip\", {\n        \"cobalt-Chip--large\": size === \"large\",\n        \"cobalt-Chip--disabled\": disabled,\n        \"cobalt-Chip--interactive\": !!onClick,\n        \"cobalt-Chip--active\": active,\n      })}\n    >\n      <div className=\"cobalt-Chip__Content\">\n        <div\n          className=\"cobalt-Chip__Image\"\n          style={{ backgroundImage: `url(${image})` }}\n        />\n        <div className=\"cobalt-Chip__Text\">{text}</div>\n      </div>\n    </ChipWrapper>\n  )\n}\n"],"names":[],"mappings":";;;;AAmBA,IAAM,WAAW,GAAG,UAAC,KAAuB;IAC1C,IAAI,KAAK,CAAC,OAAO,EAAE;QACjB,QACE,2CAAY,KAAK,IAAE,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,KACtD,KAAK,CAAC,QAAQ,CACR,EACV;KACF;SAAM;QACL,OAAO,wCAAS,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAO,CAAA;KAC9C;AACH,CAAC,CAAA;IAEY,IAAI,GAAG,UAAC,EAOT;QANV,OAAO,aAAA,EACP,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,MAAM,YAAA;IAEN,QACE,oBAAC,WAAW,IACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE;YAC3B,oBAAoB,EAAE,IAAI,KAAK,OAAO;YACtC,uBAAuB,EAAE,QAAQ;YACjC,0BAA0B,EAAE,CAAC,CAAC,OAAO;YACrC,qBAAqB,EAAE,MAAM;SAC9B,CAAC;QAEF,6BAAK,SAAS,EAAC,sBAAsB;YACnC,6BACE,SAAS,EAAC,oBAAoB,EAC9B,KAAK,EAAE,EAAE,eAAe,EAAE,cAAO,KAAK,MAAG,EAAE,GAC3C;YACF,6BAAK,SAAS,EAAC,mBAAmB,IAAE,IAAI,CAAO,CAC3C,CACM,EACf;AACH;;;;"}

package/components/Flag/index.js

@@ -21,7 +21,7 @@ var Flag = function (_a) {
     });
     var countryFlag = BUNDLED_FLAGS[country];
     if (countryFlag == null)
-        throw new Error("'" + country + "' Flag can not be found. Did you add the source and export it");
+        throw new Error("'".concat(country, "' Flag can not be found. Did you add the source and export it"));
     return (React.createElement("span", { className: className, dangerouslySetInnerHTML: { __html: countryFlag } }));
 };
 

package/components/Flag/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Flag/index.tsx"],"sourcesContent":["import React from \"react\"\nimport cx from \"classnames\"\nimport { countries } from \"../../tokens\"\n\nimport * as flags from \"../../icons/countries\"\nimport { eqSet } from \"../utils\"\n\nif (\n  !eqSet<string>(\n    new Set(Object.keys(flags)),\n    new Set(Object.keys(countries.flags))\n  )\n)\n  throw new Error(\n    \"Flag sources and tokens are not consistent. Did you add the source and export it\"\n  )\n\ninterface FlagsMap {\n  [name: string]: string\n}\n\nexport const BUNDLED_FLAGS: FlagsMap = Object.freeze(\n  Object.keys(countries.flags).reduce(\n    (bundledFlags, name) => ({\n      ...bundledFlags,\n      [name]: (flags as FlagsMap)[name],\n    }),\n    {}\n  )\n)\n\nexport interface FlagProps {\n  country: string\n  /**\n   * Available size in px\n   * @default 24\n   */\n  size?: 16 | 20 | 24 | 32\n}\n\nexport const Flag = ({ country, size = 24 }: FlagProps) => {\n  const className = cx(\"cobalt-Flag\", {\n    \"cobalt-Flag--size16\": size === 16,\n    \"cobalt-Flag--size20\": size === 20,\n    \"cobalt-Flag--size32\": size === 32,\n  })\n\n  const countryFlag = BUNDLED_FLAGS[country]\n\n  if (countryFlag == null)\n    throw new Error(\n      `'${country}' Flag can not be found. Did you add the source and export it`\n    )\n\n  return (\n    <span\n      className={className}\n      dangerouslySetInnerHTML={{ __html: countryFlag }}\n    />\n  )\n}\n"],"names":["flags"],"mappings":";;;;;;;;AAOA,IACE,CAAC,KAAK,CACJ,IAAI,GAAG,CAAC,MAAM,CAAC,IAAI,CAACA,KAAK,CAAC,CAAC,EAC3B,IAAI,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CACtC;IAED,MAAM,IAAI,KAAK,CACb,kFAAkF,CACnF,CAAA;IAMU,aAAa,GAAa,MAAM,CAAC,MAAM,CAClD,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,MAAM,CACjC,UAAC,YAAY,EAAE,IAAI;;IAAK,8BACnB,YAAY,gBACd,IAAI,IAAIA,KAAkB,CAAC,IAAI,CAAC;AAFX,CAGtB,EACF,EAAE,CACH,EACF;IAWY,IAAI,GAAG,UAAC,EAAiC;QAA/B,OAAO,aAAA,EAAE,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA;IACvC,IAAM,SAAS,GAAG,EAAE,CAAC,aAAa,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;KACnC,CAAC,CAAA;IAEF,IAAM,WAAW,GAAG,aAAa,CAAC,OAAO,CAAC,CAAA;IAE1C,IAAI,WAAW,IAAI,IAAI;QACrB,MAAM,IAAI,KAAK,CACb,MAAI,OAAO,kEAA+D,CAC3E,CAAA;IAEH,QACE,8BACE,SAAS,EAAE,SAAS,EACpB,uBAAuB,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,GAChD,EACH;AACH;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/Flag/index.tsx"],"sourcesContent":["import React from \"react\"\nimport cx from \"classnames\"\nimport { countries } from \"../../tokens\"\n\nimport * as flags from \"../../icons/countries\"\nimport { eqSet } from \"../utils\"\n\nif (\n  !eqSet<string>(\n    new Set(Object.keys(flags)),\n    new Set(Object.keys(countries.flags))\n  )\n)\n  throw new Error(\n    \"Flag sources and tokens are not consistent. Did you add the source and export it\"\n  )\n\ninterface FlagsMap {\n  [name: string]: string\n}\n\nexport const BUNDLED_FLAGS: FlagsMap = Object.freeze(\n  Object.keys(countries.flags).reduce(\n    (bundledFlags, name) => ({\n      ...bundledFlags,\n      [name]: (flags as FlagsMap)[name],\n    }),\n    {}\n  )\n)\n\nexport interface FlagProps {\n  country: string\n  /**\n   * Available size in px\n   * @default 24\n   */\n  size?: 16 | 20 | 24 | 32\n}\n\nexport const Flag = ({ country, size = 24 }: FlagProps) => {\n  const className = cx(\"cobalt-Flag\", {\n    \"cobalt-Flag--size16\": size === 16,\n    \"cobalt-Flag--size20\": size === 20,\n    \"cobalt-Flag--size32\": size === 32,\n  })\n\n  const countryFlag = BUNDLED_FLAGS[country]\n\n  if (countryFlag == null)\n    throw new Error(\n      `'${country}' Flag can not be found. Did you add the source and export it`\n    )\n\n  return (\n    <span\n      className={className}\n      dangerouslySetInnerHTML={{ __html: countryFlag }}\n    />\n  )\n}\n"],"names":["flags"],"mappings":";;;;;;;;AAOA,IACE,CAAC,KAAK,CACJ,IAAI,GAAG,CAAC,MAAM,CAAC,IAAI,CAACA,KAAK,CAAC,CAAC,EAC3B,IAAI,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CACtC;IAED,MAAM,IAAI,KAAK,CACb,kFAAkF,CACnF,CAAA;IAMU,aAAa,GAAa,MAAM,CAAC,MAAM,CAClD,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,MAAM,CACjC,UAAC,YAAY,EAAE,IAAI;;IAAK,8BACnB,YAAY,gBACd,IAAI,IAAIA,KAAkB,CAAC,IAAI,CAAC;AAFX,CAGtB,EACF,EAAE,CACH,EACF;IAWY,IAAI,GAAG,UAAC,EAAiC;QAA/B,OAAO,aAAA,EAAE,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA;IACvC,IAAM,SAAS,GAAG,EAAE,CAAC,aAAa,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;KACnC,CAAC,CAAA;IAEF,IAAM,WAAW,GAAG,aAAa,CAAC,OAAO,CAAC,CAAA;IAE1C,IAAI,WAAW,IAAI,IAAI;QACrB,MAAM,IAAI,KAAK,CACb,WAAI,OAAO,kEAA+D,CAC3E,CAAA;IAEH,QACE,8BACE,SAAS,EAAE,SAAS,EACpB,uBAAuB,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,GAChD,EACH;AACH;;;;"}

package/components/Form/RadioWithDetails.js

@@ -0,0 +1,21 @@
+import { __rest, __assign } from '../../_virtual/_tslib.js';
+import React from 'react';
+import cx from 'classnames';
+
+var RadioWithDetails = function (_a) {
+    var icon = _a.icon, title = _a.title, description = _a.description, className = _a.className, inputProps = __rest(_a, ["icon", "title", "description", "className"]);
+    return (React.createElement("label", { className: cx("cobalt-radio-with-details", className) },
+        React.createElement("input", __assign({}, inputProps, { type: "radio", className: "cobalt-radio-with-details__input" })),
+        React.createElement("div", { className: "cobalt-radio-with-details__inner" },
+            icon &&
+                React.cloneElement(icon, {
+                    className: "cobalt-radio-with-details__icon",
+                }),
+            React.createElement("div", { className: "cobalt-radio-with-details__content" },
+                React.createElement("p", { className: "cobalt-radio-with-details__title" }, title),
+                description && (React.createElement("p", { className: "cobalt-radio-with-details__description" }, description))),
+            React.createElement("div", { className: "cobalt-radio-with-details__visual-input" }))));
+};
+
+export { RadioWithDetails as default };
+//# sourceMappingURL=RadioWithDetails.js.map

package/components/Form/RadioWithDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioWithDetails.js","sources":["../../../src/components/Form/RadioWithDetails.tsx"],"sourcesContent":["import React from \"react\"\nimport cx from \"classnames\"\n\nexport type RadioWithDetailsPropsType = {\n  icon?: JSX.Element\n  title: string\n  description: string\n  name: string\n  className?: string\n} & React.InputHTMLAttributes<HTMLInputElement>\n\nconst RadioWithDetails = ({\n  icon,\n  title,\n  description,\n  className,\n  ...inputProps\n}: RadioWithDetailsPropsType) => {\n  return (\n    <label className={cx(\"cobalt-radio-with-details\", className)}>\n      <input\n        {...inputProps}\n        type=\"radio\"\n        className=\"cobalt-radio-with-details__input\"\n      />\n      <div className=\"cobalt-radio-with-details__inner\">\n        {icon &&\n          React.cloneElement(icon, {\n            className: \"cobalt-radio-with-details__icon\",\n          })}\n        <div className=\"cobalt-radio-with-details__content\">\n          <p className=\"cobalt-radio-with-details__title\">{title}</p>\n          {description && (\n            <p className=\"cobalt-radio-with-details__description\">\n              {description}\n            </p>\n          )}\n        </div>\n        <div className=\"cobalt-radio-with-details__visual-input\" />\n      </div>\n    </label>\n  )\n}\n\nexport default RadioWithDetails\n"],"names":[],"mappings":";;;;IAWM,gBAAgB,GAAG,UAAC,EAME;IAL1B,IAAA,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,SAAS,eAAA,EACN,UAAU,cALW,6CAMzB,CADc;IAEb,QACE,+BAAO,SAAS,EAAE,EAAE,CAAC,2BAA2B,EAAE,SAAS,CAAC;QAC1D,0CACM,UAAU,IACd,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,kCAAkC,IAC5C;QACF,6BAAK,SAAS,EAAC,kCAAkC;YAC9C,IAAI;gBACH,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE;oBACvB,SAAS,EAAE,iCAAiC;iBAC7C,CAAC;YACJ,6BAAK,SAAS,EAAC,oCAAoC;gBACjD,2BAAG,SAAS,EAAC,kCAAkC,IAAE,KAAK,CAAK;gBAC1D,WAAW,KACV,2BAAG,SAAS,EAAC,wCAAwC,IAClD,WAAW,CACV,CACL,CACG;YACN,6BAAK,SAAS,EAAC,yCAAyC,GAAG,CACvD,CACA,EACT;AACH;;;;"}

package/components/Form/TextArea.js

@@ -24,15 +24,17 @@ var TextArea = /** @class */ (function (_super) {
         this.props.onChange && this.props.onChange(event);
     };
     TextArea.prototype.render = function () {
-        var _a = this.props; _a.autosize; var status = _a.status, maxLength = _a.maxLength, nativeProps = __rest(_a, ["autosize", "status", "maxLength"]);
-        return (React.createElement("div", { className: cx("cobalt-TextAreaField", {
+        var _a = this.props, autosize = _a.autosize, className = _a.className, inputClassName = _a.inputClassName, status = _a.status, maxLength = _a.maxLength, nativeProps = __rest(_a, ["autosize", "className", "inputClassName", "status", "maxLength"]);
+        return (React.createElement("div", { className: cx("cobalt-TextAreaField", className, {
                 "cobalt-TextAreaField--withLimit": maxLength && maxLength > 0,
                 "cobalt-TextAreaField--success": status === "success",
                 "cobalt-TextAreaField--error": status === "error",
             }) },
-            React.createElement("textarea", __assign({}, nativeProps, { maxLength: maxLength, style: {
-                    height: this.state.height + "px",
-                }, onChange: this.handleChange, className: "cobalt-TextAreaField__Input" })),
+            React.createElement("textarea", __assign({}, nativeProps, { maxLength: maxLength, style: autosize
+                    ? {
+                        height: this.state.height + "px",
+                    }
+                    : {}, onChange: this.handleChange, className: cx("cobalt-TextAreaField__Input", inputClassName) })),
             this.state.length > 0 && maxLength && maxLength > 0 && (React.createElement("div", { className: "cobalt-TextAreaField__RemainingChars" },
                 maxLength - this.state.length,
                 " remaining characters"))));

package/components/Form/TextArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.js","sources":["../../../src/components/Form/TextArea.tsx"],"sourcesContent":["import React, { PureComponent } from \"react\"\nimport classNames from \"classnames\"\nimport { FormElement } from \"./form\"\nimport { withFieldLabelAndHint } from \"./field\"\n\ntype Props = {\n  maxLength?: number\n  autosize?: boolean\n  onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void\n} & FormElement &\n  React.TextareaHTMLAttributes<HTMLTextAreaElement>\n\ntype State = {\n  length: number\n  height: number\n}\n\nclass TextArea extends PureComponent<Props, State> {\n  constructor(props: Props) {\n    super(props)\n    this.handleChange = this.handleChange.bind(this)\n\n    this.state = {\n      length: 0,\n      height: 0,\n    }\n  }\n\n  handleChange(event: React.ChangeEvent<HTMLTextAreaElement>) {\n    if (this.props.autosize || this.props.maxLength) {\n      this.setState({\n        length: event.target.value.length,\n        height: event.target.scrollHeight + 2,\n      })\n    }\n    this.props.onChange && this.props.onChange(event)\n  }\n\n  render() {\n    const {\n      autosize: _autosize,\n      status,\n      maxLength,\n      ...nativeProps\n    } = this.props\n\n    return (\n      <div\n        className={classNames(\"cobalt-TextAreaField\", {\n          \"cobalt-TextAreaField--withLimit\": maxLength && maxLength > 0,\n          \"cobalt-TextAreaField--success\": status === \"success\",\n          \"cobalt-TextAreaField--error\": status === \"error\",\n        })}\n      >\n        <textarea\n          {...nativeProps}\n          maxLength={maxLength}\n          style={{\n            height: this.state.height + \"px\",\n          }}\n          onChange={this.handleChange}\n          className=\"cobalt-TextAreaField__Input\"\n        />\n        {this.state.length > 0 && maxLength && maxLength > 0 && (\n          <div className=\"cobalt-TextAreaField__RemainingChars\">\n            {maxLength - this.state.length} remaining characters\n          </div>\n        )}\n      </div>\n    )\n  }\n}\n\nconst wrappedComponent = withFieldLabelAndHint(TextArea)\nwrappedComponent.displayName = \"TextArea\"\n\nexport { wrappedComponent as TextArea }\n"],"names":["classNames"],"mappings":";;;;;AAiBA;IAAuB,4BAA2B;IAChD,kBAAY,KAAY;QAAxB,YACE,kBAAM,KAAK,CAAC,SAOb;QANC,KAAI,CAAC,YAAY,GAAG,KAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAI,CAAC,CAAA;QAEhD,KAAI,CAAC,KAAK,GAAG;YACX,MAAM,EAAE,CAAC;YACT,MAAM,EAAE,CAAC;SACV,CAAA;;KACF;IAED,+BAAY,GAAZ,UAAa,KAA6C;QACxD,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;YAC/C,IAAI,CAAC,QAAQ,CAAC;gBACZ,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM;gBACjC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,YAAY,GAAG,CAAC;aACtC,CAAC,CAAA;SACH;QACD,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;KAClD;IAED,yBAAM,GAAN;YACQ,KAKF,IAAI,CAAC,KAAK,aAJO,MACnB,MAAM,YAAA,EACN,SAAS,eAAA,EACN,WAAW,cAJV,mCAKL,EAAa;QAEd,QACE,6BACE,SAAS,EAAEA,EAAU,CAAC,sBAAsB,EAAE;gBAC5C,iCAAiC,EAAE,SAAS,IAAI,SAAS,GAAG,CAAC;gBAC7D,+BAA+B,EAAE,MAAM,KAAK,SAAS;gBACrD,6BAA6B,EAAE,MAAM,KAAK,OAAO;aAClD,CAAC;YAEF,6CACM,WAAW,IACf,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE;oBACL,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI;iBACjC,EACD,QAAQ,EAAE,IAAI,CAAC,YAAY,EAC3B,SAAS,EAAC,6BAA6B,IACvC;YACD,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,SAAS,IAAI,SAAS,GAAG,CAAC,KAClD,6BAAK,SAAS,EAAC,sCAAsC;gBAClD,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM;wCAC1B,CACP,CACG,EACP;KACF;IACH,eAAC;AAAD,CAtDA,CAAuB,aAAa,GAsDnC;IAEK,gBAAgB,GAAG,qBAAqB,CAAC,QAAQ,EAAC;AACxD,gBAAgB,CAAC,WAAW,GAAG,UAAU;;;;"}
+{"version":3,"file":"TextArea.js","sources":["../../../src/components/Form/TextArea.tsx"],"sourcesContent":["import React, { PureComponent } from \"react\"\nimport cx from \"classnames\"\nimport { FormElement } from \"./form\"\nimport { withFieldLabelAndHint } from \"./field\"\n\ntype Props = {\n  maxLength?: number\n  className?: string\n  inputClassName?: string\n  autosize?: boolean\n  onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void\n} & FormElement &\n  React.TextareaHTMLAttributes<HTMLTextAreaElement>\n\ntype State = {\n  length: number\n  height: number\n}\n\nclass TextArea extends PureComponent<Props, State> {\n  constructor(props: Props) {\n    super(props)\n    this.handleChange = this.handleChange.bind(this)\n\n    this.state = {\n      length: 0,\n      height: 0,\n    }\n  }\n\n  handleChange(event: React.ChangeEvent<HTMLTextAreaElement>) {\n    if (this.props.autosize || this.props.maxLength) {\n      this.setState({\n        length: event.target.value.length,\n        height: event.target.scrollHeight + 2,\n      })\n    }\n    this.props.onChange && this.props.onChange(event)\n  }\n\n  render() {\n    const {\n      autosize,\n      className,\n      inputClassName,\n      status,\n      maxLength,\n      ...nativeProps\n    } = this.props\n\n    return (\n      <div\n        className={cx(\"cobalt-TextAreaField\", className, {\n          \"cobalt-TextAreaField--withLimit\": maxLength && maxLength > 0,\n          \"cobalt-TextAreaField--success\": status === \"success\",\n          \"cobalt-TextAreaField--error\": status === \"error\",\n        })}\n      >\n        <textarea\n          {...nativeProps}\n          maxLength={maxLength}\n          style={\n            autosize\n              ? {\n                  height: this.state.height + \"px\",\n                }\n              : {}\n          }\n          onChange={this.handleChange}\n          className={cx(\"cobalt-TextAreaField__Input\", inputClassName)}\n        />\n        {this.state.length > 0 && maxLength && maxLength > 0 && (\n          <div className=\"cobalt-TextAreaField__RemainingChars\">\n            {maxLength - this.state.length} remaining characters\n          </div>\n        )}\n      </div>\n    )\n  }\n}\n\nconst wrappedComponent = withFieldLabelAndHint(TextArea)\nwrappedComponent.displayName = \"TextArea\"\n\nexport { wrappedComponent as TextArea }\n"],"names":[],"mappings":";;;;;AAmBA;IAAuB,4BAA2B;IAChD,kBAAY,KAAY;QAAxB,YACE,kBAAM,KAAK,CAAC,SAOb;QANC,KAAI,CAAC,YAAY,GAAG,KAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAI,CAAC,CAAA;QAEhD,KAAI,CAAC,KAAK,GAAG;YACX,MAAM,EAAE,CAAC;YACT,MAAM,EAAE,CAAC;SACV,CAAA;;KACF;IAED,+BAAY,GAAZ,UAAa,KAA6C;QACxD,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;YAC/C,IAAI,CAAC,QAAQ,CAAC;gBACZ,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM;gBACjC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,YAAY,GAAG,CAAC;aACtC,CAAC,CAAA;SACH;QACD,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;KAClD;IAED,yBAAM,GAAN;QACE,IAAM,KAOF,IAAI,CAAC,KAAK,EANZ,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,cAAc,oBAAA,EACd,MAAM,YAAA,EACN,SAAS,eAAA,EACN,WAAW,cANV,kEAOL,CAAa,CAAA;QAEd,QACE,6BACE,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,SAAS,EAAE;gBAC/C,iCAAiC,EAAE,SAAS,IAAI,SAAS,GAAG,CAAC;gBAC7D,+BAA+B,EAAE,MAAM,KAAK,SAAS;gBACrD,6BAA6B,EAAE,MAAM,KAAK,OAAO;aAClD,CAAC;YAEF,6CACM,WAAW,IACf,SAAS,EAAE,SAAS,EACpB,KAAK,EACH,QAAQ;sBACJ;wBACE,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI;qBACjC;sBACD,EAAE,EAER,QAAQ,EAAE,IAAI,CAAC,YAAY,EAC3B,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,cAAc,CAAC,IAC5D;YACD,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,SAAS,IAAI,SAAS,GAAG,CAAC,KAClD,6BAAK,SAAS,EAAC,sCAAsC;gBAClD,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM;wCAC1B,CACP,CACG,EACP;KACF;IACH,eAAC;AAAD,CA5DA,CAAuB,aAAa,GA4DnC;IAEK,gBAAgB,GAAG,qBAAqB,CAAC,QAAQ,EAAC;AACxD,gBAAgB,CAAC,WAAW,GAAG,UAAU;;;;"}

package/components/Form/field.js

@@ -6,7 +6,7 @@ import cx from 'classnames';
 var singletonIdCounter = 0;
 var generateUniqueId = function () {
     singletonIdCounter = singletonIdCounter + 1;
-    return "cobaltFormField" + singletonIdCounter;
+    return "cobaltFormField".concat(singletonIdCounter);
 };
 var withFieldLabelAndHint = function (WrappedComponent) {
     var Wrapper = /** @class */ (function (_super) {
@@ -15,9 +15,9 @@ var withFieldLabelAndHint = function (WrappedComponent) {
             return _super !== null && _super.apply(this, arguments) || this;
         }
         Wrapper.prototype.render = function () {
-            var _a = this.props, id = _a.id, label = _a.label, hint = _a.hint, status = _a.status, originalProps = __rest(_a, ["id", "label", "hint", "status"]);
+            var _a = this.props, id = _a.id, label = _a.label, hint = _a.hint, status = _a.status, fieldClassName = _a.fieldClassName, originalProps = __rest(_a, ["id", "label", "hint", "status", "fieldClassName"]);
             var consolidatedId = id ? id : generateUniqueId();
-            return (React.createElement("div", { className: cx("cobalt-FormField", {
+            return (React.createElement("div", { className: cx("cobalt-FormField", fieldClassName, {
                     "cobalt-FormField--withHint": !!hint,
                 }) },
                 label && (React.createElement("label", { className: "cobalt-FormField__Label", htmlFor: consolidatedId }, label)),

package/components/Form/field.js.map

@@ -1 +1 @@
-{"version":3,"file":"field.js","sources":["../../../src/components/Form/field.tsx"],"sourcesContent":["import React, { Component } from \"react\"\nimport { Hint } from \"./Hint\"\nimport { FormElement } from \"./form\"\nimport classNames from \"classnames\"\n\ntype InjectedProps = {\n  id?: string\n  label?: string\n  hint?: string\n} & FormElement\n\nlet singletonIdCounter = 0\nconst generateUniqueId = () => {\n  singletonIdCounter = singletonIdCounter + 1\n  return `cobaltFormField${singletonIdCounter}`\n}\n\nexport const withFieldLabelAndHint = <OriginalProps,>(\n  WrappedComponent: React.ComponentType<OriginalProps>\n): React.ComponentClass<OriginalProps & InjectedProps> & {\n  Raw: React.ComponentType<OriginalProps>\n} => {\n  class Wrapper extends Component<OriginalProps & InjectedProps> {\n    static Raw = WrappedComponent\n    render() {\n      const {\n        id,\n        label,\n        hint,\n        status,\n        ...originalProps\n      }: OriginalProps & InjectedProps = this.props\n\n      const consolidatedId = id ? id : generateUniqueId()\n\n      return (\n        <div\n          className={classNames(\"cobalt-FormField\", {\n            \"cobalt-FormField--withHint\": !!hint,\n          })}\n        >\n          {label && (\n            <label className=\"cobalt-FormField__Label\" htmlFor={consolidatedId}>\n              {label}\n            </label>\n          )}\n\n          <WrappedComponent\n            {...(originalProps as OriginalProps)}\n            id={consolidatedId}\n            status={status}\n          />\n\n          {hint && (\n            <Hint status={status}>\n              <span dangerouslySetInnerHTML={{ __html: hint }} />\n            </Hint>\n          )}\n        </div>\n      )\n    }\n  }\n\n  return Wrapper\n}\n"],"names":["classNames"],"mappings":";;;;;AAWA,IAAI,kBAAkB,GAAG,CAAC,CAAA;AAC1B,IAAM,gBAAgB,GAAG;IACvB,kBAAkB,GAAG,kBAAkB,GAAG,CAAC,CAAA;IAC3C,OAAO,oBAAkB,kBAAoB,CAAA;AAC/C,CAAC,CAAA;IAEY,qBAAqB,GAAG,UACnC,gBAAoD;IAIpD;QAAsB,2BAAwC;QAA9D;;SAuCC;QArCC,wBAAM,GAAN;YACE,IAAM,KAM6B,IAAI,CAAC,KAAK,EAL3C,EAAE,QAAA,EACF,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,MAAM,YAAA,EACH,aAAa,cALZ,iCAML,CAA4C,CAAA;YAE7C,IAAM,cAAc,GAAG,EAAE,GAAG,EAAE,GAAG,gBAAgB,EAAE,CAAA;YAEnD,QACE,6BACE,SAAS,EAAEA,EAAU,CAAC,kBAAkB,EAAE;oBACxC,4BAA4B,EAAE,CAAC,CAAC,IAAI;iBACrC,CAAC;gBAED,KAAK,KACJ,+BAAO,SAAS,EAAC,yBAAyB,EAAC,OAAO,EAAE,cAAc,IAC/D,KAAK,CACA,CACT;gBAED,oBAAC,gBAAgB,eACV,aAA+B,IACpC,EAAE,EAAE,cAAc,EAClB,MAAM,EAAE,MAAM,IACd;gBAED,IAAI,KACH,oBAAC,IAAI,IAAC,MAAM,EAAE,MAAM;oBAClB,8BAAM,uBAAuB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,GAAI,CAC9C,CACR,CACG,EACP;SACF;QArCM,WAAG,GAAG,gBAAgB,CAAA;QAsC/B,cAAC;KAAA,CAvCqB,SAAS,GAuC9B;IAED,OAAO,OAAO,CAAA;AAChB;;;;"}
+{"version":3,"file":"field.js","sources":["../../../src/components/Form/field.tsx"],"sourcesContent":["import React, { Component } from \"react\"\nimport { Hint } from \"./Hint\"\nimport { FormElement } from \"./form\"\nimport classNames from \"classnames\"\n\ntype InjectedProps = {\n  id?: string\n  label?: string\n  hint?: string\n  fieldClassName?: string\n} & FormElement\n\nlet singletonIdCounter = 0\nconst generateUniqueId = () => {\n  singletonIdCounter = singletonIdCounter + 1\n  return `cobaltFormField${singletonIdCounter}`\n}\n\nexport const withFieldLabelAndHint = <OriginalProps,>(\n  WrappedComponent: React.ComponentType<OriginalProps>\n): React.ComponentClass<OriginalProps & InjectedProps> & {\n  Raw: React.ComponentType<OriginalProps>\n} => {\n  class Wrapper extends Component<OriginalProps & InjectedProps> {\n    static Raw = WrappedComponent\n    render() {\n      const {\n        id,\n        label,\n        hint,\n        status,\n        fieldClassName,\n        ...originalProps\n      }: OriginalProps & InjectedProps = this.props\n\n      const consolidatedId = id ? id : generateUniqueId()\n\n      return (\n        <div\n          className={classNames(\"cobalt-FormField\", fieldClassName, {\n            \"cobalt-FormField--withHint\": !!hint,\n          })}\n        >\n          {label && (\n            <label className=\"cobalt-FormField__Label\" htmlFor={consolidatedId}>\n              {label}\n            </label>\n          )}\n\n          <WrappedComponent\n            {...(originalProps as OriginalProps)}\n            id={consolidatedId}\n            status={status}\n          />\n\n          {hint && (\n            <Hint status={status}>\n              <span dangerouslySetInnerHTML={{ __html: hint }} />\n            </Hint>\n          )}\n        </div>\n      )\n    }\n  }\n\n  return Wrapper\n}\n"],"names":["classNames"],"mappings":";;;;;AAYA,IAAI,kBAAkB,GAAG,CAAC,CAAA;AAC1B,IAAM,gBAAgB,GAAG;IACvB,kBAAkB,GAAG,kBAAkB,GAAG,CAAC,CAAA;IAC3C,OAAO,yBAAkB,kBAAkB,CAAE,CAAA;AAC/C,CAAC,CAAA;IAEY,qBAAqB,GAAG,UACnC,gBAAoD;IAIpD;QAAsB,2BAAwC;QAA9D;;SAwCC;QAtCC,wBAAM,GAAN;YACE,IAAM,KAO6B,IAAI,CAAC,KAAK,EAN3C,EAAE,QAAA,EACF,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,cAAc,oBAAA,EACX,aAAa,cANZ,mDAOL,CAA4C,CAAA;YAE7C,IAAM,cAAc,GAAG,EAAE,GAAG,EAAE,GAAG,gBAAgB,EAAE,CAAA;YAEnD,QACE,6BACE,SAAS,EAAEA,EAAU,CAAC,kBAAkB,EAAE,cAAc,EAAE;oBACxD,4BAA4B,EAAE,CAAC,CAAC,IAAI;iBACrC,CAAC;gBAED,KAAK,KACJ,+BAAO,SAAS,EAAC,yBAAyB,EAAC,OAAO,EAAE,cAAc,IAC/D,KAAK,CACA,CACT;gBAED,oBAAC,gBAAgB,eACV,aAA+B,IACpC,EAAE,EAAE,cAAc,EAClB,MAAM,EAAE,MAAM,IACd;gBAED,IAAI,KACH,oBAAC,IAAI,IAAC,MAAM,EAAE,MAAM;oBAClB,8BAAM,uBAAuB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,GAAI,CAC9C,CACR,CACG,EACP;SACF;QAtCM,WAAG,GAAG,gBAAgB,CAAA;QAuC/B,cAAC;KAAA,CAxCqB,SAAS,GAwC9B;IAED,OAAO,OAAO,CAAA;AAChB;;;;"}

package/components/Icon/__generated__/AirportIcon.js

@@ -7,8 +7,8 @@ var iconSource = "airport";
 var AirportIcon = function (_a) {
     var _b;
     var color = _a.color, _c = _a.size, size = _c === void 0 ? 24 : _c, _d = _a.contained, contained = _d === void 0 ? false : _d, className = _a.className;
-    var computedClassName = cx(className, "cobalt-Icon cobalt-Icon--" + iconSource, (_b = {},
-        _b["cobalt-Icon--color" + capitalize(color)] = color,
+    var computedClassName = cx(className, "cobalt-Icon cobalt-Icon--".concat(iconSource), (_b = {},
+        _b["cobalt-Icon--color".concat(capitalize(color))] = color,
         _b["cobalt-Icon--size16"] = size === 16,
         _b["cobalt-Icon--size20"] = size === 20,
         _b["cobalt-Icon--size32"] = size === 32,

package/components/Icon/__generated__/AirportIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"AirportIcon.js","sources":["../../../../src/components/Icon/__generated__/AirportIcon.tsx"],"sourcesContent":["import React from \"react\"\nimport { IconColors } from \"../\"\nimport { capitalize } from \"../../utils\"\nimport cx from \"classnames\"\nexport type IconProps = {\n  color?: IconColors\n  size?: 16 | 20 | 24 | 32\n  contained?: boolean\n  className?: string\n}\nconst iconSource = \"airport\"\n\nconst AirportIcon = ({\n  color,\n  size = 24,\n  contained = false,\n  className,\n}: IconProps) => {\n  const computedClassName = cx(\n    className,\n    `cobalt-Icon cobalt-Icon--${iconSource}`,\n    {\n      [`cobalt-Icon--color${capitalize(color)}`]: color,\n      \"cobalt-Icon--size16\": size === 16,\n      \"cobalt-Icon--size20\": size === 20,\n      \"cobalt-Icon--size32\": size === 32,\n      \"cobalt-Icon--contained\": contained,\n    }\n  )\n\n  const wrap = (content: React.ReactNode) => (\n    <span className={computedClassName}>{content}</span>\n  )\n\n  return wrap(\n    <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M16.9350288,20.5463394 L18.3492424,19.1321259 L16.2279221,9.9397377 L20.1170094,6.05065041 C20.7027958,5.46486397 20.7027958,4.5151165 20.1170094,3.92933006 C19.5312229,3.34354362 18.5814755,3.34354362 17.995689,3.92933006 L14.1066017,7.81841736 L4.91421356,5.69709702 L3.5,7.11131058 L10.9246212,11.0003979 L7.03553391,14.8894852 L4.56066017,14.5359318 L3.5,15.596592 L6.68198052,17.3643589 L8.44974747,20.5463394 L9.51040764,19.4856792 L9.15685425,17.0108055 L13.0459415,13.1217182 L16.9350288,20.5463394 L16.9350288,20.5463394 L16.9350288,20.5463394 Z\" />\n    </svg>\n  )\n}\n\nexport default AirportIcon\n"],"names":[],"mappings":";;;;;AAUA,IAAM,UAAU,GAAG,SAAS,CAAA;IAEtB,WAAW,GAAG,UAAC,EAKT;;QAJV,KAAK,WAAA,EACL,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EACT,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,SAAS,eAAA;IAET,IAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,8BAA4B,UAAY;QAEtC,GAAC,uBAAqB,UAAU,CAAC,KAAK,CAAG,IAAG,KAAK;QACjD,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,4BAAwB,GAAE,SAAS;YAEtC,CAAA;IAED,IAAM,IAAI,GAAG,UAAC,OAAwB,IAAK,QACzC,8BAAM,SAAS,EAAE,iBAAiB,IAAG,OAAO,CAAQ,IACrD,CAAA;IAED,OAAO,IAAI,CACT,6BAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B;QACzD,8BAAM,CAAC,EAAC,4iBAA4iB,GAAG,CACnjB,CACP,CAAA;AACH;;;;"}
+{"version":3,"file":"AirportIcon.js","sources":["../../../../src/components/Icon/__generated__/AirportIcon.tsx"],"sourcesContent":["import React from \"react\"\nimport { IconColors } from \"../\"\nimport { capitalize } from \"../../utils\"\nimport cx from \"classnames\"\nexport type IconProps = {\n  color?: IconColors\n  size?: 16 | 20 | 24 | 32\n  contained?: boolean\n  className?: string\n}\nconst iconSource = \"airport\"\n\nconst AirportIcon = ({\n  color,\n  size = 24,\n  contained = false,\n  className,\n}: IconProps) => {\n  const computedClassName = cx(\n    className,\n    `cobalt-Icon cobalt-Icon--${iconSource}`,\n    {\n      [`cobalt-Icon--color${capitalize(color)}`]: color,\n      \"cobalt-Icon--size16\": size === 16,\n      \"cobalt-Icon--size20\": size === 20,\n      \"cobalt-Icon--size32\": size === 32,\n      \"cobalt-Icon--contained\": contained,\n    }\n  )\n\n  const wrap = (content: React.ReactNode) => (\n    <span className={computedClassName}>{content}</span>\n  )\n\n  return wrap(\n    <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M16.9350288,20.5463394 L18.3492424,19.1321259 L16.2279221,9.9397377 L20.1170094,6.05065041 C20.7027958,5.46486397 20.7027958,4.5151165 20.1170094,3.92933006 C19.5312229,3.34354362 18.5814755,3.34354362 17.995689,3.92933006 L14.1066017,7.81841736 L4.91421356,5.69709702 L3.5,7.11131058 L10.9246212,11.0003979 L7.03553391,14.8894852 L4.56066017,14.5359318 L3.5,15.596592 L6.68198052,17.3643589 L8.44974747,20.5463394 L9.51040764,19.4856792 L9.15685425,17.0108055 L13.0459415,13.1217182 L16.9350288,20.5463394 L16.9350288,20.5463394 L16.9350288,20.5463394 Z\" />\n    </svg>\n  )\n}\n\nexport default AirportIcon\n"],"names":[],"mappings":";;;;;AAUA,IAAM,UAAU,GAAG,SAAS,CAAA;IAEtB,WAAW,GAAG,UAAC,EAKT;;QAJV,KAAK,WAAA,EACL,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EACT,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,SAAS,eAAA;IAET,IAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,mCAA4B,UAAU,CAAE;QAEtC,GAAC,4BAAqB,UAAU,CAAC,KAAK,CAAC,CAAE,IAAG,KAAK;QACjD,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,4BAAwB,GAAE,SAAS;YAEtC,CAAA;IAED,IAAM,IAAI,GAAG,UAAC,OAAwB,IAAK,QACzC,8BAAM,SAAS,EAAE,iBAAiB,IAAG,OAAO,CAAQ,IACrD,CAAA;IAED,OAAO,IAAI,CACT,6BAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B;QACzD,8BAAM,CAAC,EAAC,4iBAA4iB,GAAG,CACnjB,CACP,CAAA;AACH;;;;"}

package/components/Icon/__generated__/ArrowLeftIcon.js

@@ -7,8 +7,8 @@ var iconSource = "arrowLeft";
 var ArrowLeftIcon = function (_a) {
     var _b;
     var color = _a.color, _c = _a.size, size = _c === void 0 ? 24 : _c, _d = _a.contained, contained = _d === void 0 ? false : _d, className = _a.className;
-    var computedClassName = cx(className, "cobalt-Icon cobalt-Icon--" + iconSource, (_b = {},
-        _b["cobalt-Icon--color" + capitalize(color)] = color,
+    var computedClassName = cx(className, "cobalt-Icon cobalt-Icon--".concat(iconSource), (_b = {},
+        _b["cobalt-Icon--color".concat(capitalize(color))] = color,
         _b["cobalt-Icon--size16"] = size === 16,
         _b["cobalt-Icon--size20"] = size === 20,
         _b["cobalt-Icon--size32"] = size === 32,

package/components/Icon/__generated__/ArrowLeftIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArrowLeftIcon.js","sources":["../../../../src/components/Icon/__generated__/ArrowLeftIcon.tsx"],"sourcesContent":["import React from \"react\"\nimport { IconColors } from \"../\"\nimport { capitalize } from \"../../utils\"\nimport cx from \"classnames\"\nexport type IconProps = {\n  color?: IconColors\n  size?: 16 | 20 | 24 | 32\n  contained?: boolean\n  className?: string\n}\nconst iconSource = \"arrowLeft\"\n\nconst ArrowLeftIcon = ({\n  color,\n  size = 24,\n  contained = false,\n  className,\n}: IconProps) => {\n  const computedClassName = cx(\n    className,\n    `cobalt-Icon cobalt-Icon--${iconSource}`,\n    {\n      [`cobalt-Icon--color${capitalize(color)}`]: color,\n      \"cobalt-Icon--size16\": size === 16,\n      \"cobalt-Icon--size20\": size === 20,\n      \"cobalt-Icon--size32\": size === 32,\n      \"cobalt-Icon--contained\": contained,\n    }\n  )\n\n  const wrap = (content: React.ReactNode) => (\n    <span className={computedClassName}>{content}</span>\n  )\n\n  return wrap(\n    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n      <path d=\"M4.416 12.574l6.935 5.945L12.653 17l-4.948-4.24h11.297v-2H7.705l4.948-4.241L11.35 5l-7 6c-.53.455-.42 1.223.065 1.574z\" />\n    </svg>\n  )\n}\n\nexport default ArrowLeftIcon\n"],"names":[],"mappings":";;;;;AAUA,IAAM,UAAU,GAAG,WAAW,CAAA;IAExB,aAAa,GAAG,UAAC,EAKX;;QAJV,KAAK,WAAA,EACL,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EACT,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,SAAS,eAAA;IAET,IAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,8BAA4B,UAAY;QAEtC,GAAC,uBAAqB,UAAU,CAAC,KAAK,CAAG,IAAG,KAAK;QACjD,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,4BAAwB,GAAE,SAAS;YAEtC,CAAA;IAED,IAAM,IAAI,GAAG,UAAC,OAAwB,IAAK,QACzC,8BAAM,SAAS,EAAE,iBAAiB,IAAG,OAAO,CAAQ,IACrD,CAAA;IAED,OAAO,IAAI,CACT,6BAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW;QACzD,8BAAM,CAAC,EAAC,wHAAwH,GAAG,CAC/H,CACP,CAAA;AACH;;;;"}
+{"version":3,"file":"ArrowLeftIcon.js","sources":["../../../../src/components/Icon/__generated__/ArrowLeftIcon.tsx"],"sourcesContent":["import React from \"react\"\nimport { IconColors } from \"../\"\nimport { capitalize } from \"../../utils\"\nimport cx from \"classnames\"\nexport type IconProps = {\n  color?: IconColors\n  size?: 16 | 20 | 24 | 32\n  contained?: boolean\n  className?: string\n}\nconst iconSource = \"arrowLeft\"\n\nconst ArrowLeftIcon = ({\n  color,\n  size = 24,\n  contained = false,\n  className,\n}: IconProps) => {\n  const computedClassName = cx(\n    className,\n    `cobalt-Icon cobalt-Icon--${iconSource}`,\n    {\n      [`cobalt-Icon--color${capitalize(color)}`]: color,\n      \"cobalt-Icon--size16\": size === 16,\n      \"cobalt-Icon--size20\": size === 20,\n      \"cobalt-Icon--size32\": size === 32,\n      \"cobalt-Icon--contained\": contained,\n    }\n  )\n\n  const wrap = (content: React.ReactNode) => (\n    <span className={computedClassName}>{content}</span>\n  )\n\n  return wrap(\n    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n      <path d=\"M4.416 12.574l6.935 5.945L12.653 17l-4.948-4.24h11.297v-2H7.705l4.948-4.241L11.35 5l-7 6c-.53.455-.42 1.223.065 1.574z\" />\n    </svg>\n  )\n}\n\nexport default ArrowLeftIcon\n"],"names":[],"mappings":";;;;;AAUA,IAAM,UAAU,GAAG,WAAW,CAAA;IAExB,aAAa,GAAG,UAAC,EAKX;;QAJV,KAAK,WAAA,EACL,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EACT,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,SAAS,eAAA;IAET,IAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,mCAA4B,UAAU,CAAE;QAEtC,GAAC,4BAAqB,UAAU,CAAC,KAAK,CAAC,CAAE,IAAG,KAAK;QACjD,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,4BAAwB,GAAE,SAAS;YAEtC,CAAA;IAED,IAAM,IAAI,GAAG,UAAC,OAAwB,IAAK,QACzC,8BAAM,SAAS,EAAE,iBAAiB,IAAG,OAAO,CAAQ,IACrD,CAAA;IAED,OAAO,IAAI,CACT,6BAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW;QACzD,8BAAM,CAAC,EAAC,wHAAwH,GAAG,CAC/H,CACP,CAAA;AACH;;;;"}

package/components/Icon/__generated__/ArrowRightIcon.js

@@ -7,8 +7,8 @@ var iconSource = "arrowRight";
 var ArrowRightIcon = function (_a) {
     var _b;
     var color = _a.color, _c = _a.size, size = _c === void 0 ? 24 : _c, _d = _a.contained, contained = _d === void 0 ? false : _d, className = _a.className;
-    var computedClassName = cx(className, "cobalt-Icon cobalt-Icon--" + iconSource, (_b = {},
-        _b["cobalt-Icon--color" + capitalize(color)] = color,
+    var computedClassName = cx(className, "cobalt-Icon cobalt-Icon--".concat(iconSource), (_b = {},
+        _b["cobalt-Icon--color".concat(capitalize(color))] = color,
         _b["cobalt-Icon--size16"] = size === 16,
         _b["cobalt-Icon--size20"] = size === 20,
         _b["cobalt-Icon--size32"] = size === 32,

package/components/Icon/__generated__/ArrowRightIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArrowRightIcon.js","sources":["../../../../src/components/Icon/__generated__/ArrowRightIcon.tsx"],"sourcesContent":["import React from \"react\"\nimport { IconColors } from \"../\"\nimport { capitalize } from \"../../utils\"\nimport cx from \"classnames\"\nexport type IconProps = {\n  color?: IconColors\n  size?: 16 | 20 | 24 | 32\n  contained?: boolean\n  className?: string\n}\nconst iconSource = \"arrowRight\"\n\nconst ArrowRightIcon = ({\n  color,\n  size = 24,\n  contained = false,\n  className,\n}: IconProps) => {\n  const computedClassName = cx(\n    className,\n    `cobalt-Icon cobalt-Icon--${iconSource}`,\n    {\n      [`cobalt-Icon--color${capitalize(color)}`]: color,\n      \"cobalt-Icon--size16\": size === 16,\n      \"cobalt-Icon--size20\": size === 20,\n      \"cobalt-Icon--size32\": size === 32,\n      \"cobalt-Icon--contained\": contained,\n    }\n  )\n\n  const wrap = (content: React.ReactNode) => (\n    <span className={computedClassName}>{content}</span>\n  )\n\n  return wrap(\n    <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M11.65 5l-1.3 1.519 4.947 4.24H4v2h11.297L10.349 17l1.302 1.518 6.935-5.944c.484-.35.596-1.119.065-1.574l-7-6z\"\n      />\n    </svg>\n  )\n}\n\nexport default ArrowRightIcon\n"],"names":[],"mappings":";;;;;AAUA,IAAM,UAAU,GAAG,YAAY,CAAA;IAEzB,cAAc,GAAG,UAAC,EAKZ;;QAJV,KAAK,WAAA,EACL,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EACT,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,SAAS,eAAA;IAET,IAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,8BAA4B,UAAY;QAEtC,GAAC,uBAAqB,UAAU,CAAC,KAAK,CAAG,IAAG,KAAK;QACjD,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,4BAAwB,GAAE,SAAS;YAEtC,CAAA;IAED,IAAM,IAAI,GAAG,UAAC,OAAwB,IAAK,QACzC,8BAAM,SAAS,EAAE,iBAAiB,IAAG,OAAO,CAAQ,IACrD,CAAA;IAED,OAAO,IAAI,CACT,6BAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B;QACzD,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,gHAAgH,GAClH,CACE,CACP,CAAA;AACH;;;;"}
+{"version":3,"file":"ArrowRightIcon.js","sources":["../../../../src/components/Icon/__generated__/ArrowRightIcon.tsx"],"sourcesContent":["import React from \"react\"\nimport { IconColors } from \"../\"\nimport { capitalize } from \"../../utils\"\nimport cx from \"classnames\"\nexport type IconProps = {\n  color?: IconColors\n  size?: 16 | 20 | 24 | 32\n  contained?: boolean\n  className?: string\n}\nconst iconSource = \"arrowRight\"\n\nconst ArrowRightIcon = ({\n  color,\n  size = 24,\n  contained = false,\n  className,\n}: IconProps) => {\n  const computedClassName = cx(\n    className,\n    `cobalt-Icon cobalt-Icon--${iconSource}`,\n    {\n      [`cobalt-Icon--color${capitalize(color)}`]: color,\n      \"cobalt-Icon--size16\": size === 16,\n      \"cobalt-Icon--size20\": size === 20,\n      \"cobalt-Icon--size32\": size === 32,\n      \"cobalt-Icon--contained\": contained,\n    }\n  )\n\n  const wrap = (content: React.ReactNode) => (\n    <span className={computedClassName}>{content}</span>\n  )\n\n  return wrap(\n    <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M11.65 5l-1.3 1.519 4.947 4.24H4v2h11.297L10.349 17l1.302 1.518 6.935-5.944c.484-.35.596-1.119.065-1.574l-7-6z\"\n      />\n    </svg>\n  )\n}\n\nexport default ArrowRightIcon\n"],"names":[],"mappings":";;;;;AAUA,IAAM,UAAU,GAAG,YAAY,CAAA;IAEzB,cAAc,GAAG,UAAC,EAKZ;;QAJV,KAAK,WAAA,EACL,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EACT,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,SAAS,eAAA;IAET,IAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,mCAA4B,UAAU,CAAE;QAEtC,GAAC,4BAAqB,UAAU,CAAC,KAAK,CAAC,CAAE,IAAG,KAAK;QACjD,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,4BAAwB,GAAE,SAAS;YAEtC,CAAA;IAED,IAAM,IAAI,GAAG,UAAC,OAAwB,IAAK,QACzC,8BAAM,SAAS,EAAE,iBAAiB,IAAG,OAAO,CAAQ,IACrD,CAAA;IAED,OAAO,IAAI,CACT,6BAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B;QACzD,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,gHAAgH,GAClH,CACE,CACP,CAAA;AACH;;;;"}

package/components/Icon/__generated__/BinIcon.js

@@ -7,8 +7,8 @@ var iconSource = "bin";
 var BinIcon = function (_a) {
     var _b;
     var color = _a.color, _c = _a.size, size = _c === void 0 ? 24 : _c, _d = _a.contained, contained = _d === void 0 ? false : _d, className = _a.className;
-    var computedClassName = cx(className, "cobalt-Icon cobalt-Icon--" + iconSource, (_b = {},
-        _b["cobalt-Icon--color" + capitalize(color)] = color,
+    var computedClassName = cx(className, "cobalt-Icon cobalt-Icon--".concat(iconSource), (_b = {},
+        _b["cobalt-Icon--color".concat(capitalize(color))] = color,
         _b["cobalt-Icon--size16"] = size === 16,
         _b["cobalt-Icon--size20"] = size === 20,
         _b["cobalt-Icon--size32"] = size === 32,

package/components/Icon/__generated__/BinIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"BinIcon.js","sources":["../../../../src/components/Icon/__generated__/BinIcon.tsx"],"sourcesContent":["import React from \"react\"\nimport { IconColors } from \"../\"\nimport { capitalize } from \"../../utils\"\nimport cx from \"classnames\"\nexport type IconProps = {\n  color?: IconColors\n  size?: 16 | 20 | 24 | 32\n  contained?: boolean\n  className?: string\n}\nconst iconSource = \"bin\"\n\nconst BinIcon = ({\n  color,\n  size = 24,\n  contained = false,\n  className,\n}: IconProps) => {\n  const computedClassName = cx(\n    className,\n    `cobalt-Icon cobalt-Icon--${iconSource}`,\n    {\n      [`cobalt-Icon--color${capitalize(color)}`]: color,\n      \"cobalt-Icon--size16\": size === 16,\n      \"cobalt-Icon--size20\": size === 20,\n      \"cobalt-Icon--size32\": size === 32,\n      \"cobalt-Icon--contained\": contained,\n    }\n  )\n\n  const wrap = (content: React.ReactNode) => (\n    <span className={computedClassName}>{content}</span>\n  )\n\n  return wrap(\n    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n      <path d=\"M19 4h-3.5l-1-1h-5l-1 1H5v2h14V4zM6 19a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V7H6v12z\" />\n    </svg>\n  )\n}\n\nexport default BinIcon\n"],"names":[],"mappings":";;;;;AAUA,IAAM,UAAU,GAAG,KAAK,CAAA;IAElB,OAAO,GAAG,UAAC,EAKL;;QAJV,KAAK,WAAA,EACL,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EACT,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,SAAS,eAAA;IAET,IAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,8BAA4B,UAAY;QAEtC,GAAC,uBAAqB,UAAU,CAAC,KAAK,CAAG,IAAG,KAAK;QACjD,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,4BAAwB,GAAE,SAAS;YAEtC,CAAA;IAED,IAAM,IAAI,GAAG,UAAC,OAAwB,IAAK,QACzC,8BAAM,SAAS,EAAE,iBAAiB,IAAG,OAAO,CAAQ,IACrD,CAAA;IAED,OAAO,IAAI,CACT,6BAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW;QACzD,8BAAM,CAAC,EAAC,8EAA8E,GAAG,CACrF,CACP,CAAA;AACH;;;;"}
+{"version":3,"file":"BinIcon.js","sources":["../../../../src/components/Icon/__generated__/BinIcon.tsx"],"sourcesContent":["import React from \"react\"\nimport { IconColors } from \"../\"\nimport { capitalize } from \"../../utils\"\nimport cx from \"classnames\"\nexport type IconProps = {\n  color?: IconColors\n  size?: 16 | 20 | 24 | 32\n  contained?: boolean\n  className?: string\n}\nconst iconSource = \"bin\"\n\nconst BinIcon = ({\n  color,\n  size = 24,\n  contained = false,\n  className,\n}: IconProps) => {\n  const computedClassName = cx(\n    className,\n    `cobalt-Icon cobalt-Icon--${iconSource}`,\n    {\n      [`cobalt-Icon--color${capitalize(color)}`]: color,\n      \"cobalt-Icon--size16\": size === 16,\n      \"cobalt-Icon--size20\": size === 20,\n      \"cobalt-Icon--size32\": size === 32,\n      \"cobalt-Icon--contained\": contained,\n    }\n  )\n\n  const wrap = (content: React.ReactNode) => (\n    <span className={computedClassName}>{content}</span>\n  )\n\n  return wrap(\n    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n      <path d=\"M19 4h-3.5l-1-1h-5l-1 1H5v2h14V4zM6 19a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V7H6v12z\" />\n    </svg>\n  )\n}\n\nexport default BinIcon\n"],"names":[],"mappings":";;;;;AAUA,IAAM,UAAU,GAAG,KAAK,CAAA;IAElB,OAAO,GAAG,UAAC,EAKL;;QAJV,KAAK,WAAA,EACL,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EACT,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,SAAS,eAAA;IAET,IAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,mCAA4B,UAAU,CAAE;QAEtC,GAAC,4BAAqB,UAAU,CAAC,KAAK,CAAC,CAAE,IAAG,KAAK;QACjD,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,4BAAwB,GAAE,SAAS;YAEtC,CAAA;IAED,IAAM,IAAI,GAAG,UAAC,OAAwB,IAAK,QACzC,8BAAM,SAAS,EAAE,iBAAiB,IAAG,OAAO,CAAQ,IACrD,CAAA;IAED,OAAO,IAAI,CACT,6BAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW;QACzD,8BAAM,CAAC,EAAC,8EAA8E,GAAG,CACrF,CACP,CAAA;AACH;;;;"}

package/components/Icon/__generated__/BriefcaseIcon.js

@@ -7,8 +7,8 @@ var iconSource = "briefcase";
 var BriefcaseIcon = function (_a) {
     var _b;
     var color = _a.color, _c = _a.size, size = _c === void 0 ? 24 : _c, _d = _a.contained, contained = _d === void 0 ? false : _d, className = _a.className;
-    var computedClassName = cx(className, "cobalt-Icon cobalt-Icon--" + iconSource, (_b = {},
-        _b["cobalt-Icon--color" + capitalize(color)] = color,
+    var computedClassName = cx(className, "cobalt-Icon cobalt-Icon--".concat(iconSource), (_b = {},
+        _b["cobalt-Icon--color".concat(capitalize(color))] = color,
         _b["cobalt-Icon--size16"] = size === 16,
         _b["cobalt-Icon--size20"] = size === 20,
         _b["cobalt-Icon--size32"] = size === 32,

package/components/Icon/__generated__/BriefcaseIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"BriefcaseIcon.js","sources":["../../../../src/components/Icon/__generated__/BriefcaseIcon.tsx"],"sourcesContent":["import React from \"react\"\nimport { IconColors } from \"../\"\nimport { capitalize } from \"../../utils\"\nimport cx from \"classnames\"\nexport type IconProps = {\n  color?: IconColors\n  size?: 16 | 20 | 24 | 32\n  contained?: boolean\n  className?: string\n}\nconst iconSource = \"briefcase\"\n\nconst BriefcaseIcon = ({\n  color,\n  size = 24,\n  contained = false,\n  className,\n}: IconProps) => {\n  const computedClassName = cx(\n    className,\n    `cobalt-Icon cobalt-Icon--${iconSource}`,\n    {\n      [`cobalt-Icon--color${capitalize(color)}`]: color,\n      \"cobalt-Icon--size16\": size === 16,\n      \"cobalt-Icon--size20\": size === 20,\n      \"cobalt-Icon--size32\": size === 32,\n      \"cobalt-Icon--contained\": contained,\n    }\n  )\n\n  const wrap = (content: React.ReactNode) => (\n    <span className={computedClassName}>{content}</span>\n  )\n\n  return wrap(\n    <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M10 2h4a2 2 0 012 2v2h4a2 2 0 012 2v11a2 2 0 01-2 2H4a2 2 0 01-2-2V8c0-1.11.89-2 2-2h4V4c0-1.11.89-2 2-2zm4 4V4h-4v2z\" />\n    </svg>\n  )\n}\n\nexport default BriefcaseIcon\n"],"names":[],"mappings":";;;;;AAUA,IAAM,UAAU,GAAG,WAAW,CAAA;IAExB,aAAa,GAAG,UAAC,EAKX;;QAJV,KAAK,WAAA,EACL,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EACT,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,SAAS,eAAA;IAET,IAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,8BAA4B,UAAY;QAEtC,GAAC,uBAAqB,UAAU,CAAC,KAAK,CAAG,IAAG,KAAK;QACjD,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,4BAAwB,GAAE,SAAS;YAEtC,CAAA;IAED,IAAM,IAAI,GAAG,UAAC,OAAwB,IAAK,QACzC,8BAAM,SAAS,EAAE,iBAAiB,IAAG,OAAO,CAAQ,IACrD,CAAA;IAED,OAAO,IAAI,CACT,6BAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B;QACzD,8BAAM,CAAC,EAAC,uHAAuH,GAAG,CAC9H,CACP,CAAA;AACH;;;;"}
+{"version":3,"file":"BriefcaseIcon.js","sources":["../../../../src/components/Icon/__generated__/BriefcaseIcon.tsx"],"sourcesContent":["import React from \"react\"\nimport { IconColors } from \"../\"\nimport { capitalize } from \"../../utils\"\nimport cx from \"classnames\"\nexport type IconProps = {\n  color?: IconColors\n  size?: 16 | 20 | 24 | 32\n  contained?: boolean\n  className?: string\n}\nconst iconSource = \"briefcase\"\n\nconst BriefcaseIcon = ({\n  color,\n  size = 24,\n  contained = false,\n  className,\n}: IconProps) => {\n  const computedClassName = cx(\n    className,\n    `cobalt-Icon cobalt-Icon--${iconSource}`,\n    {\n      [`cobalt-Icon--color${capitalize(color)}`]: color,\n      \"cobalt-Icon--size16\": size === 16,\n      \"cobalt-Icon--size20\": size === 20,\n      \"cobalt-Icon--size32\": size === 32,\n      \"cobalt-Icon--contained\": contained,\n    }\n  )\n\n  const wrap = (content: React.ReactNode) => (\n    <span className={computedClassName}>{content}</span>\n  )\n\n  return wrap(\n    <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M10 2h4a2 2 0 012 2v2h4a2 2 0 012 2v11a2 2 0 01-2 2H4a2 2 0 01-2-2V8c0-1.11.89-2 2-2h4V4c0-1.11.89-2 2-2zm4 4V4h-4v2z\" />\n    </svg>\n  )\n}\n\nexport default BriefcaseIcon\n"],"names":[],"mappings":";;;;;AAUA,IAAM,UAAU,GAAG,WAAW,CAAA;IAExB,aAAa,GAAG,UAAC,EAKX;;QAJV,KAAK,WAAA,EACL,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EACT,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,SAAS,eAAA;IAET,IAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,mCAA4B,UAAU,CAAE;QAEtC,GAAC,4BAAqB,UAAU,CAAC,KAAK,CAAC,CAAE,IAAG,KAAK;QACjD,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,yBAAqB,GAAE,IAAI,KAAK,EAAE;QAClC,4BAAwB,GAAE,SAAS;YAEtC,CAAA;IAED,IAAM,IAAI,GAAG,UAAC,OAAwB,IAAK,QACzC,8BAAM,SAAS,EAAE,iBAAiB,IAAG,OAAO,CAAQ,IACrD,CAAA;IAED,OAAO,IAAI,CACT,6BAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B;QACzD,8BAAM,CAAC,EAAC,uHAAuH,GAAG,CAC9H,CACP,CAAA;AACH;;;;"}

package/components/Icon/__generated__/BulbIcon.js

@@ -7,8 +7,8 @@ var iconSource = "bulb";
 var BulbIcon = function (_a) {
     var _b;
     var color = _a.color, _c = _a.size, size = _c === void 0 ? 24 : _c, _d = _a.contained, contained = _d === void 0 ? false : _d, className = _a.className;
-    var computedClassName = cx(className, "cobalt-Icon cobalt-Icon--" + iconSource, (_b = {},
-        _b["cobalt-Icon--color" + capitalize(color)] = color,
+    var computedClassName = cx(className, "cobalt-Icon cobalt-Icon--".concat(iconSource), (_b = {},
+        _b["cobalt-Icon--color".concat(capitalize(color))] = color,
         _b["cobalt-Icon--size16"] = size === 16,
         _b["cobalt-Icon--size20"] = size === 20,
         _b["cobalt-Icon--size32"] = size === 32,
@@ -16,7 +16,7 @@ var BulbIcon = function (_a) {
         _b));
     var wrap = function (content) { return (React.createElement("span", { className: computedClassName }, content)); };
     return wrap(React.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
-        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9 0h2v3H9V0zM7 14.569v.917l6-1v-.07c.2-.382.441-.778.686-1.179.645-1.06 1.314-2.156 1.314-3.16C15 7.273 12.761 5 10 5s-5 2.273-5 5.077c0 1.578.792 2.72 1.484 3.718.185.267.362.523.516.774zM12 20v-1.32l-4 .667V20h4zm1-2.5-6 1v-2l6-1v2zM17 9h3v2h-3V9zM3 9H0v2h3V9zm.636-6.778 2.121 2.121-1.414 1.414-2.121-2.121 1.414-1.414zm12.728 0-2.121 2.121 1.414 1.414 2.121-2.121-1.414-1.414z" })));
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11 2H13V5H11V2ZM9 16.569V17.4862L15 16.4862V16.4168C15.2003 16.0337 15.4414 15.6381 15.6858 15.2372C16.3314 14.1777 17 13.0807 17 12.0769C17 9.27302 14.7614 7 12 7C9.23858 7 7 9.27302 7 12.0769C7 13.6549 7.79181 14.7968 8.48419 15.7952C8.66883 16.0615 8.8464 16.3176 9 16.569ZM14 22V20.6805L10 21.3471V22H14ZM15 19.5L9 20.5V18.5L15 17.5V19.5ZM19 11H22V13H19V11ZM5 11H2V13H5V11ZM5.63604 4.22183L7.75736 6.34315L6.34315 7.75736L4.22183 5.63604L5.63604 4.22183ZM18.364 4.22183L16.2426 6.34315L17.6569 7.75736L19.7782 5.63604L18.364 4.22183Z" })));
 };
 
 export { BulbIcon as default };