@drivy/cobalt 0.14.0 → 0.14.4

package/cjs/tokens/icons.js

@@ -10,6 +10,7 @@ const icons = {
 	briefcase: "briefcase.svg",
 	bulb: "bulb.svg",
 	camera: "camera.svg",
+	carAdd: "car-add.svg",
 	carCheck: "car-check.svg",
 	carDrivyOpen: "car-drivy-open.svg",
 	carGroup: "car-group.svg",
@@ -73,12 +74,16 @@ const icons = {
 	miscGift: "misc-gift.svg",
 	notification: "notification.svg",
 	optionAirConditioning: "option-air-conditioning.svg",
+	optionAndroidAuto: "option-android-auto.svg",
+	optionAppleCarplay: "option-apple-carplay.svg",
 	optionAudioInput: "option-audio-input.svg",
 	optionBabySeat: "option-baby-seat.svg",
 	optionBikeRack: "option-bike-rack.svg",
+	optionBluetoothAudio: "option-bluetooth-audio.svg",
 	optionCdPlayer: "option-cd-player.svg",
 	optionChains: "option-chains.svg",
 	optionCruiseControl: "option-cruise-control.svg",
+	optionDashcam: "option-dashcam.svg",
 	optionGps: "option-gps.svg",
 	optionHasTrailer: "option-has-trailer.svg",
 	optionHitch: "option-hitch.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/Form/Checkmark.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkmark.js","sources":["../../../src/components/Form/Checkmark.tsx"],"sourcesContent":["import React from \"react\"\nimport classNames from \"classnames\"\nimport { Hint } from \"./Hint\"\nimport { FormElement } from \"./form\"\nimport { withFieldLabelAndHint } from \"./field\"\n\ntype Props = {\n  label: string\n  type?: \"checkbox\" | \"radio\"\n  hint?: string\n} & FormElement &\n  React.InputHTMLAttributes<HTMLInputElement>\n\nconst Checkmark = ({ label, status, hint, ...inputProps }: Props) => {\n  return (\n    <div\n      className={classNames(\"cobalt-CheckmarkField\", {\n        \"cobalt-CheckmarkField--success\": status === \"success\",\n        \"cobalt-CheckmarkField--error\": status === \"error\",\n      })}\n    >\n      <label className=\"cobalt-CheckmarkField__LabelWrapper\">\n        <input {...inputProps} className=\"cobalt-CheckmarkField__Input\" />\n        <span className=\"cobalt-CheckmarkField__Checkmark\" />\n        <span className=\"cobalt-CheckmarkField__Label\">{label}</span>\n      </label>\n      {hint && (\n        <Hint status={status}>\n          <span dangerouslySetInnerHTML={{ __html: hint }} />\n        </Hint>\n      )}\n    </div>\n  )\n}\n\nexport const Checkbox = ({ label, ...props }: Props) => {\n  return <Checkmark {...props} label={label} type=\"checkbox\" />\n}\nCheckbox.displayName = \"CobaltCheckbox\"\n\nexport const Radio = ({ label, ...props }: Props) => {\n  return <Checkmark {...props} label={label} type=\"radio\" />\n}\nRadio.displayName = \"CobaltRadio\"\n\ntype ChoiceListProps = {\n  children: React.ReactNode\n}\n\nconst ChoiceList = ({ children }: ChoiceListProps) => {\n  return (\n    <div className=\"cobalt-ChoiceList\">\n      {typeof children === \"function\" ? children() : children}\n    </div>\n  )\n}\n\nconst wrappedChoiceList = withFieldLabelAndHint(ChoiceList)\nwrappedChoiceList.displayName = \"ChoiceList\"\n\nexport { wrappedChoiceList as ChoiceList }\n"],"names":["classNames"],"mappings":";;;;;;AAaA,IAAM,SAAS,GAAG,UAAC,EAA6C;IAA3C,IAAA,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,IAAI,UAAA,EAAK,UAAU,cAApC,2BAAsC,CAAF;IACrD,QACE,6BACE,SAAS,EAAEA,EAAU,CAAC,uBAAuB,EAAE;YAC7C,gCAAgC,EAAE,MAAM,KAAK,SAAS;YACtD,8BAA8B,EAAE,MAAM,KAAK,OAAO;SACnD,CAAC;QAEF,+BAAO,SAAS,EAAC,qCAAqC;YACpD,0CAAW,UAAU,IAAE,SAAS,EAAC,8BAA8B,IAAG;YAClE,8BAAM,SAAS,EAAC,kCAAkC,GAAG;YACrD,8BAAM,SAAS,EAAC,8BAA8B,IAAE,KAAK,CAAQ,CACvD;QACP,IAAI,KACH,oBAAC,IAAI,IAAC,MAAM,EAAE,MAAM;YAClB,8BAAM,uBAAuB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,GAAI,CAC9C,CACR,CACG,EACP;AACH,CAAC,CAAA;IAEY,QAAQ,GAAG,UAAC,EAA0B;IAAxB,IAAA,KAAK,WAAA,EAAK,KAAK,cAAjB,SAAmB,CAAF;IACxC,OAAO,oBAAC,SAAS,eAAK,KAAK,IAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAC,UAAU,IAAG,CAAA;AAC/D,EAAC;AACD,QAAQ,CAAC,WAAW,GAAG,gBAAgB,CAAA;IAE1B,KAAK,GAAG,UAAC,EAA0B;IAAxB,IAAA,KAAK,WAAA,EAAK,KAAK,cAAjB,SAAmB,CAAF;IACrC,OAAO,oBAAC,SAAS,eAAK,KAAK,IAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAC,OAAO,IAAG,CAAA;AAC5D,EAAC;AACD,KAAK,CAAC,WAAW,GAAG,aAAa,CAAA;AAMjC,IAAM,UAAU,GAAG,UAAC,EAA6B;QAA3B,QAAQ,cAAA;IAC5B,QACE,6BAAK,SAAS,EAAC,mBAAmB,IAC/B,OAAO,QAAQ,KAAK,UAAU,GAAG,QAAQ,EAAE,GAAG,QAAQ,CACnD,EACP;AACH,CAAC,CAAA;IAEK,iBAAiB,GAAG,qBAAqB,CAAC,UAAU,EAAC;AAC3D,iBAAiB,CAAC,WAAW,GAAG,YAAY;;;;"}
+{"version":3,"file":"Checkmark.js","sources":["../../../src/components/Form/Checkmark.tsx"],"sourcesContent":["import React from \"react\"\nimport classNames from \"classnames\"\nimport { Hint } from \"./Hint\"\nimport { FormElement } from \"./form\"\nimport { withFieldLabelAndHint } from \"./field\"\n\ntype Props = {\n  label: string | JSX.Element\n  type?: \"checkbox\" | \"radio\"\n  hint?: string\n} & FormElement &\n  React.InputHTMLAttributes<HTMLInputElement>\n\nconst Checkmark = ({ label, status, hint, ...inputProps }: Props) => {\n  return (\n    <div\n      className={classNames(\"cobalt-CheckmarkField\", {\n        \"cobalt-CheckmarkField--success\": status === \"success\",\n        \"cobalt-CheckmarkField--error\": status === \"error\",\n      })}\n    >\n      <label className=\"cobalt-CheckmarkField__LabelWrapper\">\n        <input {...inputProps} className=\"cobalt-CheckmarkField__Input\" />\n        <span className=\"cobalt-CheckmarkField__Checkmark\" />\n        <span className=\"cobalt-CheckmarkField__Label\">{label}</span>\n      </label>\n      {hint && (\n        <Hint status={status}>\n          <span dangerouslySetInnerHTML={{ __html: hint }} />\n        </Hint>\n      )}\n    </div>\n  )\n}\n\nexport const Checkbox = ({ label, ...props }: Props) => {\n  return <Checkmark {...props} label={label} type=\"checkbox\" />\n}\nCheckbox.displayName = \"CobaltCheckbox\"\n\nexport const Radio = ({ label, ...props }: Props) => {\n  return <Checkmark {...props} label={label} type=\"radio\" />\n}\nRadio.displayName = \"CobaltRadio\"\n\ntype ChoiceListProps = {\n  children: React.ReactNode\n}\n\nconst ChoiceList = ({ children }: ChoiceListProps) => {\n  return (\n    <div className=\"cobalt-ChoiceList\">\n      {typeof children === \"function\" ? children() : children}\n    </div>\n  )\n}\n\nconst wrappedChoiceList = withFieldLabelAndHint(ChoiceList)\nwrappedChoiceList.displayName = \"ChoiceList\"\n\nexport { wrappedChoiceList as ChoiceList }\n"],"names":["classNames"],"mappings":";;;;;;AAaA,IAAM,SAAS,GAAG,UAAC,EAA6C;IAA3C,IAAA,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,IAAI,UAAA,EAAK,UAAU,cAApC,2BAAsC,CAAF;IACrD,QACE,6BACE,SAAS,EAAEA,EAAU,CAAC,uBAAuB,EAAE;YAC7C,gCAAgC,EAAE,MAAM,KAAK,SAAS;YACtD,8BAA8B,EAAE,MAAM,KAAK,OAAO;SACnD,CAAC;QAEF,+BAAO,SAAS,EAAC,qCAAqC;YACpD,0CAAW,UAAU,IAAE,SAAS,EAAC,8BAA8B,IAAG;YAClE,8BAAM,SAAS,EAAC,kCAAkC,GAAG;YACrD,8BAAM,SAAS,EAAC,8BAA8B,IAAE,KAAK,CAAQ,CACvD;QACP,IAAI,KACH,oBAAC,IAAI,IAAC,MAAM,EAAE,MAAM;YAClB,8BAAM,uBAAuB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,GAAI,CAC9C,CACR,CACG,EACP;AACH,CAAC,CAAA;IAEY,QAAQ,GAAG,UAAC,EAA0B;IAAxB,IAAA,KAAK,WAAA,EAAK,KAAK,cAAjB,SAAmB,CAAF;IACxC,OAAO,oBAAC,SAAS,eAAK,KAAK,IAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAC,UAAU,IAAG,CAAA;AAC/D,EAAC;AACD,QAAQ,CAAC,WAAW,GAAG,gBAAgB,CAAA;IAE1B,KAAK,GAAG,UAAC,EAA0B;IAAxB,IAAA,KAAK,WAAA,EAAK,KAAK,cAAjB,SAAmB,CAAF;IACrC,OAAO,oBAAC,SAAS,eAAK,KAAK,IAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAC,OAAO,IAAG,CAAA;AAC5D,EAAC;AACD,KAAK,CAAC,WAAW,GAAG,aAAa,CAAA;AAMjC,IAAM,UAAU,GAAG,UAAC,EAA6B;QAA3B,QAAQ,cAAA;IAC5B,QACE,6BAAK,SAAS,EAAC,mBAAmB,IAC/B,OAAO,QAAQ,KAAK,UAAU,GAAG,QAAQ,EAAE,GAAG,QAAQ,CACnD,EACP;AACH,CAAC,CAAA;IAEK,iBAAiB,GAAG,qBAAqB,CAAC,UAAU,EAAC;AAC3D,iBAAiB,CAAC,WAAW,GAAG,YAAY;;;;"}

package/components/Icon/__generated__/CarAddIcon.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import capitalize from '../../utils/capitalize.js';
+import 'lodash.throttle';
+import cx from 'classnames';
+
+var iconSource = "carAdd";
+var CarAddIcon = 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--".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,
+        _b["cobalt-Icon--contained"] = contained,
+        _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: "M19.882 7.539C19.039 4.819 17.36 3 15 3H8C5.64 3 3.96 4.82 3.118 7.539a1.75 1.75 0 1 0-.59 3.447C2.51 11.32 2.5 11.657 2.5 12v6a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-1h6v-.8a2 2 0 0 1 2-2h1.2V13a2 2 0 0 1 2-2h1.6c.446 0 .857.146 1.19.392-.005-.136-.01-.271-.018-.406a1.75 1.75 0 1 0-.59-3.447ZM6 15a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Zm-1-5c0-1 0-5 3.5-5h6C18 5 18 9 18 10H5Z" }),
+        React.createElement("path", { d: "M22.75 16.2a.25.25 0 0 0-.25-.25h-2.95V13a.25.25 0 0 0-.25-.25h-1.6a.25.25 0 0 0-.25.25v2.95H14.5a.25.25 0 0 0-.25.25v1.6c0 .138.112.25.25.25h2.95V21c0 .138.112.25.25.25h1.6a.25.25 0 0 0 .25-.25v-2.95h2.95a.25.25 0 0 0 .25-.25v-1.6Z" })));
+};
+
+export { CarAddIcon as default };
+//# sourceMappingURL=CarAddIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CarAddIcon.js","sources":["../../../../src/components/Icon/__generated__/CarAddIcon.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 = \"carAdd\"\n\nconst CarAddIcon = ({\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=\"M19.882 7.539C19.039 4.819 17.36 3 15 3H8C5.64 3 3.96 4.82 3.118 7.539a1.75 1.75 0 1 0-.59 3.447C2.51 11.32 2.5 11.657 2.5 12v6a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-1h6v-.8a2 2 0 0 1 2-2h1.2V13a2 2 0 0 1 2-2h1.6c.446 0 .857.146 1.19.392-.005-.136-.01-.271-.018-.406a1.75 1.75 0 1 0-.59-3.447ZM6 15a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Zm-1-5c0-1 0-5 3.5-5h6C18 5 18 9 18 10H5Z\"\n      />\n      <path d=\"M22.75 16.2a.25.25 0 0 0-.25-.25h-2.95V13a.25.25 0 0 0-.25-.25h-1.6a.25.25 0 0 0-.25.25v2.95H14.5a.25.25 0 0 0-.25.25v1.6c0 .138.112.25.25.25h2.95V21c0 .138.112.25.25.25h1.6a.25.25 0 0 0 .25-.25v-2.95h2.95a.25.25 0 0 0 .25-.25v-1.6Z\" />\n    </svg>\n  )\n}\n\nexport default CarAddIcon\n"],"names":[],"mappings":";;;;;AAUA,IAAM,UAAU,GAAG,QAAQ,CAAA;IAErB,UAAU,GAAG,UAAC,EAKR;;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,kXAAkX,GACpX;QACF,8BAAM,CAAC,EAAC,0OAA0O,GAAG,CACjP,CACP,CAAA;AACH;;;;"}

package/components/Icon/__generated__/OptionAndroidAutoIcon.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import capitalize from '../../utils/capitalize.js';
+import 'lodash.throttle';
+import cx from 'classnames';
+
+var iconSource = "optionAndroidAuto";
+var OptionAndroidAutoIcon = 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--".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,
+        _b["cobalt-Icon--contained"] = contained,
+        _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", { d: "m17.6 9.48 1.84-3.18c.16-.31.04-.69-.26-.85a.637.637 0 0 0-.83.22l-1.88 3.24a11.463 11.463 0 0 0-8.94 0L5.65 5.67a.643.643 0 0 0-.87-.2c-.28.18-.37.54-.22.83L6.4 9.48A10.78 10.78 0 0 0 1 18h22a10.78 10.78 0 0 0-5.4-8.52ZM7 15.25a1.25 1.25 0 1 1 0-2.5 1.25 1.25 0 0 1 0 2.5Zm10 0a1.25 1.25 0 1 1 0-2.5 1.25 1.25 0 0 1 0 2.5Z" })));
+};
+
+export { OptionAndroidAutoIcon as default };
+//# sourceMappingURL=OptionAndroidAutoIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OptionAndroidAutoIcon.js","sources":["../../../../src/components/Icon/__generated__/OptionAndroidAutoIcon.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 = \"optionAndroidAuto\"\n\nconst OptionAndroidAutoIcon = ({\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=\"m17.6 9.48 1.84-3.18c.16-.31.04-.69-.26-.85a.637.637 0 0 0-.83.22l-1.88 3.24a11.463 11.463 0 0 0-8.94 0L5.65 5.67a.643.643 0 0 0-.87-.2c-.28.18-.37.54-.22.83L6.4 9.48A10.78 10.78 0 0 0 1 18h22a10.78 10.78 0 0 0-5.4-8.52ZM7 15.25a1.25 1.25 0 1 1 0-2.5 1.25 1.25 0 0 1 0 2.5Zm10 0a1.25 1.25 0 1 1 0-2.5 1.25 1.25 0 0 1 0 2.5Z\" />\n    </svg>\n  )\n}\n\nexport default OptionAndroidAutoIcon\n"],"names":[],"mappings":";;;;;AAUA,IAAM,UAAU,GAAG,mBAAmB,CAAA;IAEhC,qBAAqB,GAAG,UAAC,EAKnB;;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,qUAAqU,GAAG,CAC5U,CACP,CAAA;AACH;;;;"}

package/components/Icon/__generated__/OptionAppleCarplayIcon.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import capitalize from '../../utils/capitalize.js';
+import 'lodash.throttle';
+import cx from 'classnames';
+
+var iconSource = "optionAppleCarplay";
+var OptionAppleCarplayIcon = 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--".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,
+        _b["cobalt-Icon--contained"] = contained,
+        _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", { d: "M11.092 7.72c-.085-.064-.182-.12-.262-.12a.374.374 0 0 0-.367.371v7.924a.375.375 0 0 0 .19.323.363.363 0 0 0 .37-.009c.07-.044 6.71-3.871 6.774-3.928a.371.371 0 0 0 .03-.53c-.067-.074-6.624-3.949-6.735-4.031Z" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.564 2C7.122 2 2.7 6.489 2.7 12s4.422 10 9.864 10c3.144 0 6.125-1.54 7.977-4.117l.005-.006a.84.84 0 0 0-.193-1.145.819.819 0 0 0-1.142.166l-.004.006c-1.545 2.148-4.028 3.429-6.643 3.429-4.526 0-8.214-3.736-8.214-8.333 0-4.598 3.688-8.333 8.214-8.333 2.62 0 5.107 1.286 6.65 3.44l.005.006a.824.824 0 0 0 1.142.168.84.84 0 0 0 .194-1.145l-.004-.006C18.7 3.545 15.714 2 12.564 2Z" })));
+};
+
+export { OptionAppleCarplayIcon as default };
+//# sourceMappingURL=OptionAppleCarplayIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OptionAppleCarplayIcon.js","sources":["../../../../src/components/Icon/__generated__/OptionAppleCarplayIcon.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 = \"optionAppleCarplay\"\n\nconst OptionAppleCarplayIcon = ({\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=\"M11.092 7.72c-.085-.064-.182-.12-.262-.12a.374.374 0 0 0-.367.371v7.924a.375.375 0 0 0 .19.323.363.363 0 0 0 .37-.009c.07-.044 6.71-3.871 6.774-3.928a.371.371 0 0 0 .03-.53c-.067-.074-6.624-3.949-6.735-4.031Z\" />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M12.564 2C7.122 2 2.7 6.489 2.7 12s4.422 10 9.864 10c3.144 0 6.125-1.54 7.977-4.117l.005-.006a.84.84 0 0 0-.193-1.145.819.819 0 0 0-1.142.166l-.004.006c-1.545 2.148-4.028 3.429-6.643 3.429-4.526 0-8.214-3.736-8.214-8.333 0-4.598 3.688-8.333 8.214-8.333 2.62 0 5.107 1.286 6.65 3.44l.005.006a.824.824 0 0 0 1.142.168.84.84 0 0 0 .194-1.145l-.004-.006C18.7 3.545 15.714 2 12.564 2Z\"\n      />\n    </svg>\n  )\n}\n\nexport default OptionAppleCarplayIcon\n"],"names":[],"mappings":";;;;;AAUA,IAAM,UAAU,GAAG,oBAAoB,CAAA;IAEjC,sBAAsB,GAAG,UAAC,EAKpB;;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,kNAAkN,GAAG;QAC7N,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,6XAA6X,GAC/X,CACE,CACP,CAAA;AACH;;;;"}

package/components/Icon/__generated__/OptionBluetoothAudioIcon.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import capitalize from '../../utils/capitalize.js';
+import 'lodash.throttle';
+import cx from 'classnames';
+
+var iconSource = "optionBluetoothAudio";
+var OptionBluetoothAudioIcon = 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--".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,
+        _b["cobalt-Icon--contained"] = contained,
+        _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", { d: "M17.71 7.71 12 2h-1v7.59L6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 11 14.41V22h1l5.71-5.71-4.3-4.29 4.3-4.29ZM13 5.83l1.88 1.88L13 9.59V5.83Zm1.88 10.46L13 18.17v-3.76l1.88 1.88Z" })));
+};
+
+export { OptionBluetoothAudioIcon as default };
+//# sourceMappingURL=OptionBluetoothAudioIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OptionBluetoothAudioIcon.js","sources":["../../../../src/components/Icon/__generated__/OptionBluetoothAudioIcon.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 = \"optionBluetoothAudio\"\n\nconst OptionBluetoothAudioIcon = ({\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=\"M17.71 7.71 12 2h-1v7.59L6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 11 14.41V22h1l5.71-5.71-4.3-4.29 4.3-4.29ZM13 5.83l1.88 1.88L13 9.59V5.83Zm1.88 10.46L13 18.17v-3.76l1.88 1.88Z\" />\n    </svg>\n  )\n}\n\nexport default OptionBluetoothAudioIcon\n"],"names":[],"mappings":";;;;;AAUA,IAAM,UAAU,GAAG,sBAAsB,CAAA;IAEnC,wBAAwB,GAAG,UAAC,EAKtB;;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,iLAAiL,GAAG,CACxL,CACP,CAAA;AACH;;;;"}

package/components/Icon/__generated__/OptionDashcamIcon.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import capitalize from '../../utils/capitalize.js';
+import 'lodash.throttle';
+import cx from 'classnames';
+
+var iconSource = "optionDashcam";
+var OptionDashcamIcon = 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--".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,
+        _b["cobalt-Icon--contained"] = contained,
+        _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", { d: "M17 10.5V7c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4Z" })));
+};
+
+export { OptionDashcamIcon as default };
+//# sourceMappingURL=OptionDashcamIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OptionDashcamIcon.js","sources":["../../../../src/components/Icon/__generated__/OptionDashcamIcon.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 = \"optionDashcam\"\n\nconst OptionDashcamIcon = ({\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=\"M17 10.5V7c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4Z\" />\n    </svg>\n  )\n}\n\nexport default OptionDashcamIcon\n"],"names":[],"mappings":";;;;;AAUA,IAAM,UAAU,GAAG,eAAe,CAAA;IAE5B,iBAAiB,GAAG,UAAC,EAKf;;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,uGAAuG,GAAG,CAC9G,CACP,CAAA;AACH;;;;"}

package/icons/car-add.js

@@ -0,0 +1,4 @@
+var carAdd = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M19.882 7.539C19.039 4.819 17.36 3 15 3H8C5.64 3 3.96 4.82 3.118 7.539a1.75 1.75 0 10-.59 3.447C2.51 11.32 2.5 11.657 2.5 12v6a1 1 0 001 1h2a1 1 0 001-1v-1h6v-.8a2 2 0 012-2h1.2V13a2 2 0 012-2h1.6c.446 0 .857.146 1.19.392-.005-.136-.01-.271-.018-.406a1.75 1.75 0 10-.59-3.447zM6 15a1.5 1.5 0 110-3 1.5 1.5 0 010 3zm-1-5c0-1 0-5 3.5-5h6C18 5 18 9 18 10H5z\"/><path d=\"M22.75 16.2a.25.25 0 00-.25-.25h-2.95V13a.25.25 0 00-.25-.25h-1.6a.25.25 0 00-.25.25v2.95H14.5a.25.25 0 00-.25.25v1.6c0 .138.112.25.25.25h2.95V21c0 .138.112.25.25.25h1.6a.25.25 0 00.25-.25v-2.95h2.95a.25.25 0 00.25-.25v-1.6z\"/></svg>";
+
+export { carAdd as default };
+//# sourceMappingURL=car-add.js.map

package/icons/car-add.js.map

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

package/icons/car-add.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.882 7.539C19.039 4.819 17.36 3 15 3H8C5.64 3 3.96 4.82 3.118 7.539a1.75 1.75 0 1 0-.59 3.447C2.51 11.32 2.5 11.657 2.5 12v6a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-1h6v-.8a2 2 0 0 1 2-2h1.2V13a2 2 0 0 1 2-2h1.6c.446 0 .857.146 1.19.392-.005-.136-.01-.271-.018-.406a1.75 1.75 0 1 0-.59-3.447ZM6 15a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Zm-1-5c0-1 0-5 3.5-5h6C18 5 18 9 18 10H5Z"/><path d="M22.75 16.2a.25.25 0 0 0-.25-.25h-2.95V13a.25.25 0 0 0-.25-.25h-1.6a.25.25 0 0 0-.25.25v2.95H14.5a.25.25 0 0 0-.25.25v1.6c0 .138.112.25.25.25h2.95V21c0 .138.112.25.25.25h1.6a.25.25 0 0 0 .25-.25v-2.95h2.95a.25.25 0 0 0 .25-.25v-1.6Z"/></svg>

package/icons/index.js

@@ -5,6 +5,7 @@ export { default as bin } from './bin.js';
 export { default as briefcase } from './briefcase.js';
 export { default as bulb } from './bulb.js';
 export { default as camera } from './camera.js';
+export { default as carAdd } from './car-add.js';
 export { default as carCheck } from './car-check.js';
 export { default as carDrivyOpen } from './car-drivy-open.js';
 export { default as carGroup } from './car-group.js';
@@ -68,12 +69,16 @@ export { default as mileage } from './mileage.js';
 export { default as miscGift } from './misc-gift.js';
 export { default as notification } from './notification.js';
 export { default as optionAirConditioning } from './option-air-conditioning.js';
+export { default as optionAndroidAuto } from './option-android-auto.js';
+export { default as optionAppleCarplay } from './option-apple-carplay.js';
 export { default as optionAudioInput } from './option-audio-input.js';
 export { default as optionBabySeat } from './option-baby-seat.js';
 export { default as optionBikeRack } from './option-bike-rack.js';
+export { default as optionBluetoothAudio } from './option-bluetooth-audio.js';
 export { default as optionCdPlayer } from './option-cd-player.js';
 export { default as optionChains } from './option-chains.js';
 export { default as optionCruiseControl } from './option-cruise-control.js';
+export { default as optionDashcam } from './option-dashcam.js';
 export { default as optionGps } from './option-gps.js';
 export { default as optionHasTrailer } from './option-has-trailer.js';
 export { default as optionHitch } from './option-hitch.js';

package/icons/index.js.map

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

package/icons/option-android-auto.js

@@ -0,0 +1,4 @@
+var optionAndroidAuto = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M17.6 9.48l1.84-3.18c.16-.31.04-.69-.26-.85a.637.637 0 00-.83.22l-1.88 3.24a11.463 11.463 0 00-8.94 0L5.65 5.67a.643.643 0 00-.87-.2c-.28.18-.37.54-.22.83L6.4 9.48A10.78 10.78 0 001 18h22a10.78 10.78 0 00-5.4-8.52zM7 15.25a1.25 1.25 0 110-2.5 1.25 1.25 0 010 2.5zm10 0a1.25 1.25 0 110-2.5 1.25 1.25 0 010 2.5z\"/></svg>";
+
+export { optionAndroidAuto as default };
+//# sourceMappingURL=option-android-auto.js.map

package/icons/option-android-auto.js.map

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

package/icons/option-android-auto.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m17.6 9.48 1.84-3.18c.16-.31.04-.69-.26-.85a.637.637 0 0 0-.83.22l-1.88 3.24a11.463 11.463 0 0 0-8.94 0L5.65 5.67a.643.643 0 0 0-.87-.2c-.28.18-.37.54-.22.83L6.4 9.48A10.78 10.78 0 0 0 1 18h22a10.78 10.78 0 0 0-5.4-8.52ZM7 15.25a1.25 1.25 0 1 1 0-2.5 1.25 1.25 0 0 1 0 2.5Zm10 0a1.25 1.25 0 1 1 0-2.5 1.25 1.25 0 0 1 0 2.5Z"/></svg>

package/icons/option-apple-carplay.js

@@ -0,0 +1,4 @@
+var optionAppleCarplay = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M11.092 7.72c-.085-.064-.182-.12-.262-.12a.374.374 0 00-.367.371v7.924a.375.375 0 00.19.323.363.363 0 00.37-.009c.07-.044 6.71-3.871 6.774-3.928a.371.371 0 00.03-.53c-.067-.074-6.624-3.949-6.735-4.031z\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12.564 2C7.122 2 2.7 6.489 2.7 12s4.422 10 9.864 10c3.144 0 6.125-1.54 7.977-4.117l.005-.006a.84.84 0 00-.193-1.145.819.819 0 00-1.142.166l-.004.006c-1.545 2.148-4.028 3.429-6.643 3.429-4.526 0-8.214-3.736-8.214-8.333 0-4.598 3.688-8.333 8.214-8.333 2.62 0 5.107 1.286 6.65 3.44l.005.006a.824.824 0 001.142.168.84.84 0 00.194-1.145l-.004-.006C18.7 3.545 15.714 2 12.564 2z\"/></svg>";
+
+export { optionAppleCarplay as default };
+//# sourceMappingURL=option-apple-carplay.js.map

package/icons/option-apple-carplay.js.map

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

package/icons/option-apple-carplay.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M11.092 7.72c-.085-.064-.182-.12-.262-.12a.374.374 0 0 0-.367.371v7.924a.375.375 0 0 0 .19.323.363.363 0 0 0 .37-.009c.07-.044 6.71-3.871 6.774-3.928a.371.371 0 0 0 .03-.53c-.067-.074-6.624-3.949-6.735-4.031Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12.564 2C7.122 2 2.7 6.489 2.7 12s4.422 10 9.864 10c3.144 0 6.125-1.54 7.977-4.117l.005-.006a.84.84 0 0 0-.193-1.145.819.819 0 0 0-1.142.166l-.004.006c-1.545 2.148-4.028 3.429-6.643 3.429-4.526 0-8.214-3.736-8.214-8.333 0-4.598 3.688-8.333 8.214-8.333 2.62 0 5.107 1.286 6.65 3.44l.005.006a.824.824 0 0 0 1.142.168.84.84 0 0 0 .194-1.145l-.004-.006C18.7 3.545 15.714 2 12.564 2Z"/></svg>

package/icons/option-bluetooth-audio.js

@@ -0,0 +1,4 @@
+var optionBluetoothAudio = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M17.71 7.71L12 2h-1v7.59L6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 11 14.41V22h1l5.71-5.71-4.3-4.29 4.3-4.29zM13 5.83l1.88 1.88L13 9.59V5.83zm1.88 10.46L13 18.17v-3.76l1.88 1.88z\"/></svg>";
+
+export { optionBluetoothAudio as default };
+//# sourceMappingURL=option-bluetooth-audio.js.map

package/icons/option-bluetooth-audio.js.map

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

package/icons/option-bluetooth-audio.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.71 7.71 12 2h-1v7.59L6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 11 14.41V22h1l5.71-5.71-4.3-4.29 4.3-4.29ZM13 5.83l1.88 1.88L13 9.59V5.83Zm1.88 10.46L13 18.17v-3.76l1.88 1.88Z"/></svg>

package/icons/option-dashcam.js

@@ -0,0 +1,4 @@
+var optionDashcam = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M17 10.5V7c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4z\"/></svg>";
+
+export { optionDashcam as default };
+//# sourceMappingURL=option-dashcam.js.map

package/icons/option-dashcam.js.map

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

package/icons/option-dashcam.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 10.5V7c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4Z"/></svg>

package/index.js

@@ -53,6 +53,7 @@ export { default as BinIcon } from './components/Icon/__generated__/BinIcon.js';
 export { default as BriefcaseIcon } from './components/Icon/__generated__/BriefcaseIcon.js';
 export { default as BulbIcon } from './components/Icon/__generated__/BulbIcon.js';
 export { default as CameraIcon } from './components/Icon/__generated__/CameraIcon.js';
+export { default as CarAddIcon } from './components/Icon/__generated__/CarAddIcon.js';
 export { default as CarCheckIcon } from './components/Icon/__generated__/CarCheckIcon.js';
 export { default as CarDrivyOpenIcon } from './components/Icon/__generated__/CarDrivyOpenIcon.js';
 export { default as CarGroupIcon } from './components/Icon/__generated__/CarGroupIcon.js';
@@ -115,12 +116,16 @@ export { default as MileageIcon } from './components/Icon/__generated__/MileageI
 export { default as MiscGiftIcon } from './components/Icon/__generated__/MiscGiftIcon.js';
 export { default as NotificationIcon } from './components/Icon/__generated__/NotificationIcon.js';
 export { default as OptionAirConditioningIcon } from './components/Icon/__generated__/OptionAirConditioningIcon.js';
+export { default as OptionAndroidAutoIcon } from './components/Icon/__generated__/OptionAndroidAutoIcon.js';
+export { default as OptionAppleCarplayIcon } from './components/Icon/__generated__/OptionAppleCarplayIcon.js';
 export { default as OptionAudioInputIcon } from './components/Icon/__generated__/OptionAudioInputIcon.js';
 export { default as OptionBabySeatIcon } from './components/Icon/__generated__/OptionBabySeatIcon.js';
 export { default as OptionBikeRackIcon } from './components/Icon/__generated__/OptionBikeRackIcon.js';
+export { default as OptionBluetoothAudioIcon } from './components/Icon/__generated__/OptionBluetoothAudioIcon.js';
 export { default as OptionCdPlayerIcon } from './components/Icon/__generated__/OptionCdPlayerIcon.js';
 export { default as OptionChainsIcon } from './components/Icon/__generated__/OptionChainsIcon.js';
 export { default as OptionCruiseControlIcon } from './components/Icon/__generated__/OptionCruiseControlIcon.js';
+export { default as OptionDashcamIcon } from './components/Icon/__generated__/OptionDashcamIcon.js';
 export { default as OptionGpsIcon } from './components/Icon/__generated__/OptionGpsIcon.js';
 export { default as OptionHasTrailerIcon } from './components/Icon/__generated__/OptionHasTrailerIcon.js';
 export { default as OptionHitchIcon } from './components/Icon/__generated__/OptionHitchIcon.js';

package/index.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@drivy/cobalt",
-  "version": "0.14.0",
+  "version": "0.14.4",
   "description": "Opinionated design system for Drivy's projects.",
   "main": "src/index.js",
   "types": "types/index.d.ts",
@@ -19,7 +19,7 @@
     "@juggle/resize-observer": "3.3.1",
     "@reach/accordion": "0.16.1",
     "@reach/alert": "0.16.0",
-    "@reach/combobox": "0.16.5",
+    "@reach/combobox": "0.16.3",
     "@reach/dialog": "0.16.2",
     "@reach/portal": "0.16.2",
     "@reach/slider": "0.16.0",
@@ -28,10 +28,10 @@
     "@react-spring/web": "9.3.0",
     "@tippyjs/react": "4.2.6",
     "classnames": "2.3.1",
-    "date-fns": "2.27.0",
+    "date-fns": "2.28.0",
     "lodash.throttle": "4.1.1",
     "media-typer": "1.1.0",
-    "nanoid": "3.1.30",
+    "nanoid": "3.2.0",
     "postcss": "8.4.5",
     "tailwindcss": "2.2.19",
     "tippy.js": "6.3.7"
@@ -41,54 +41,54 @@
     "react-dom": "^17.0.2"
   },
   "devDependencies": {
-    "@drivy/babel-preset-app": "0.4.8",
-    "@drivy/eslint-config": "1.6.1",
+    "@drivy/babel-preset-app": "0.4.10",
+    "@drivy/eslint-config": "1.6.2",
     "@drivy/prettier-config": "1.1.3",
-    "@drivy/stylelint-config": "1.1.0",
+    "@drivy/stylelint-config": "1.1.4",
     "@drivy/ts-config": "1.1.3",
     "@percy/storybook": "3.3.1",
     "@rollup/plugin-json": "4.1.0",
     "@rushstack/eslint-patch": "1.1.0",
-    "@storybook/addon-essentials": "6.3.8",
-    "@storybook/addons": "6.3.8",
-    "@storybook/builder-webpack5": "6.4.0-alpha.33",
-    "@storybook/manager-webpack5": "6.4.0-alpha.33",
-    "@storybook/react": "6.3.8",
+    "@storybook/addon-essentials": "6.4.14",
+    "@storybook/addons": "6.4.14",
+    "@storybook/builder-webpack5": "6.4.14",
+    "@storybook/manager-webpack5": "6.4.14",
+    "@storybook/react": "6.4.14",
     "@svgr/cli": "5.5.0",
     "@testing-library/jest-dom": "5.16.1",
     "@testing-library/react": "12.1.2",
     "@testing-library/react-hooks": "7.0.2",
     "@types/classnames": "2.3.0",
-    "@types/jest": "27.0.3",
+    "@types/jest": "27.4.0",
     "@types/lodash.throttle": "4.1.6",
     "@types/media-typer": "1.1.1",
     "@types/react": "17.0.38",
-    "autoprefixer": "10.4.0",
-    "core-js": "3.20.1",
+    "autoprefixer": "10.4.2",
+    "core-js": "3.20.3",
     "css-loader": "6.5.1",
-    "eslint": "8.5.0",
-    "jest": "27.4.5",
+    "eslint": "8.7.0",
+    "jest": "27.4.7",
     "np": "7.6.0",
     "postcss-flexbugs-fixes": "5.0.2",
-    "postcss-loader": "6.2.0",
+    "postcss-loader": "6.2.1",
     "prettier": "2.5.1",
     "raw-loader": "4.0.2",
     "react": "17.0.2",
     "react-dom": "17.0.2",
     "react-test-renderer": "17.0.2",
     "regenerator-runtime": "0.13.9",
-    "rollup": "2.61.1",
+    "rollup": "2.66.1",
     "rollup-plugin-copy": "3.4.0",
     "rollup-plugin-postcss": "4.0.2",
     "rollup-plugin-svgo": "1.1.0",
     "rollup-plugin-typescript2": "0.31.1",
-    "sass": "1.43.4",
-    "sass-loader": "12.3.0",
+    "sass": "1.49.0",
+    "sass-loader": "12.4.0",
     "style-loader": "3.3.1",
-    "stylelint": "13.13.1",
+    "stylelint": "14.3.0",
     "svgo": "2.8.0",
-    "ts-jest": "27.0.7",
-    "typescript": "4.5.4"
+    "ts-jest": "27.1.3",
+    "typescript": "4.5.5"
   },
   "scripts": {
     "build": "./scripts/build.sh",

package/styles/components/Form/Checkmark.scss

@@ -37,7 +37,7 @@
 
         flex: 0 0 auto;
 
-        margin-right: spacing(tight);
+        margin-right: spacing(extra-tight);
         border: 2px solid $checkmark-color;
 
         box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
@@ -196,7 +196,7 @@
     @include form-field-container;
 
     .cobalt-Hint {
-      margin: spacing(extra-tight) 0 0 spacing(medium);
+      margin: spacing(extra-tight) 0 0 spacing();
     }
   }
 }

package/styles/components/Form/form.scss

@@ -57,7 +57,7 @@ $form-element--error-color: color(essence);
 
   transition: border-color 150ms ease-in-out;
 
-  &:not(:disabled):hover {
+  &:not(:disabled):not(:read-only):hover {
     border: 1px solid $form-element--default-color;
 
     color: color(graphite);
@@ -65,7 +65,7 @@ $form-element--error-color: color(essence);
     box-shadow: elevation(light);
   }
 
-  &:not(:disabled):focus {
+  &:not(:disabled):not(:read-only):focus {
     border-color: $form-element--default-active-color;
 
     border-width: 1px;
@@ -76,12 +76,24 @@ $form-element--error-color: color(essence);
       inset 0 0 0 1px $form-element--default-active-color;
   }
 
-  &[disabled] {
+  &:read-only:focus {
+    border-width: 1px;
+
+    outline: none;
+
+    box-shadow: elevation(light);
+  }
+
+  &:disabled,
+  &:read-only {
     border-color: $form-element--default-color;
 
     color: color(graphite, light);
 
     background-color: color(acier, light);
+  }
+
+  &:disabled {
     pointer-events: none;
   }
 }

package/tokens/icons.js

@@ -6,6 +6,7 @@ const icons = {
 	briefcase: "briefcase.svg",
 	bulb: "bulb.svg",
 	camera: "camera.svg",
+	carAdd: "car-add.svg",
 	carCheck: "car-check.svg",
 	carDrivyOpen: "car-drivy-open.svg",
 	carGroup: "car-group.svg",
@@ -69,12 +70,16 @@ const icons = {
 	miscGift: "misc-gift.svg",
 	notification: "notification.svg",
 	optionAirConditioning: "option-air-conditioning.svg",
+	optionAndroidAuto: "option-android-auto.svg",
+	optionAppleCarplay: "option-apple-carplay.svg",
 	optionAudioInput: "option-audio-input.svg",
 	optionBabySeat: "option-baby-seat.svg",
 	optionBikeRack: "option-bike-rack.svg",
+	optionBluetoothAudio: "option-bluetooth-audio.svg",
 	optionCdPlayer: "option-cd-player.svg",
 	optionChains: "option-chains.svg",
 	optionCruiseControl: "option-cruise-control.svg",
+	optionDashcam: "option-dashcam.svg",
 	optionGps: "option-gps.svg",
 	optionHasTrailer: "option-has-trailer.svg",
 	optionHitch: "option-hitch.svg",

package/tokens/icons.js.map

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