@drivy/cobalt 0.19.1 → 0.20.0

package/cjs/tokens/icons.js

@@ -102,6 +102,8 @@ const icons = {
 	edit: "edit.svg",
 	electric: "electric.svg",
 	evBattery: "ev-battery.svg",
+	evCable: "ev-cable.svg",
+	evCharger: "ev-charger.svg",
 	externalLink: "external-link.svg",
 	eyeClosed: "eye-closed.svg",
 	eyeOpened: "eye-opened.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/Flash/index.js

@@ -8,9 +8,9 @@ const STATUS_ICONS_MAP = {
     error: "contextualWarningCircleFilled",
 };
 const STATUS_ICON_COLOR_MAP = {
-    info: "aller",
-    success: "signal",
-    error: "essence",
+    info: "turquoise",
+    success: "green",
+    error: "red",
 };
 const Flash = ({ children, status = "info" }) => {
     const icon = STATUS_ICONS_MAP[status]
@@ -18,7 +18,7 @@ const Flash = ({ children, status = "info" }) => {
         : "infoFilled";
     const iconColor = STATUS_ICON_COLOR_MAP[status]
         ? STATUS_ICON_COLOR_MAP[status]
-        : "aller";
+        : "turquoise";
     return (React.createElement("div", { className: "cobalt-Flash" },
         React.createElement("div", { className: "cobalt-Flash__wrapper" },
             React.createElement("span", { className: "cobalt-Flash__Icon" },

package/components/Flash/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Flash/index.tsx"],"sourcesContent":["import React from \"react\"\nimport { Icon, IconColorsType, IconSources } from \"../Icon\"\n\nexport type FlashStatus = \"info\" | \"success\" | \"error\"\n\nexport interface FlashProps {\n  children: React.ReactNode\n  status: FlashStatus\n}\n\nconst ICON_SIZE = 20\n\nconst STATUS_ICONS_MAP: { [k in FlashStatus]: IconSources } = {\n  info: \"infoFilled\",\n  success: \"checkCircle\",\n  error: \"contextualWarningCircleFilled\",\n}\n\nconst STATUS_ICON_COLOR_MAP: { [k in FlashStatus]: IconColorsType } = {\n  info: \"aller\",\n  success: \"signal\",\n  error: \"essence\",\n}\n\nexport const Flash = ({ children, status = \"info\" }: FlashProps) => {\n  const icon = STATUS_ICONS_MAP[status]\n    ? STATUS_ICONS_MAP[status]\n    : \"infoFilled\"\n\n  const iconColor: IconColorsType = STATUS_ICON_COLOR_MAP[status]\n    ? STATUS_ICON_COLOR_MAP[status]\n    : \"aller\"\n\n  return (\n    <div className=\"cobalt-Flash\">\n      <div className=\"cobalt-Flash__wrapper\">\n        <span className=\"cobalt-Flash__Icon\">\n          <Icon source={icon} size={ICON_SIZE} color={iconColor} />\n        </span>\n        <span className=\"cobalt-Flash__content\">{children}</span>\n      </div>\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;AAUA,MAAM,SAAS,GAAG,EAAE,CAAA;AAEpB,MAAM,gBAAgB,GAAwC;AAC5D,IAAA,IAAI,EAAE,YAAY;AAClB,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,KAAK,EAAE,+BAA+B;CACvC,CAAA;AAED,MAAM,qBAAqB,GAA2C;AACpE,IAAA,IAAI,EAAE,OAAO;AACb,IAAA,OAAO,EAAE,QAAQ;AACjB,IAAA,KAAK,EAAE,SAAS;CACjB,CAAA;AAEM,MAAM,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,EAAc,KAAI;AACjE,IAAA,MAAM,IAAI,GAAG,gBAAgB,CAAC,MAAM,CAAC;AACnC,UAAE,gBAAgB,CAAC,MAAM,CAAC;UACxB,YAAY,CAAA;AAEhB,IAAA,MAAM,SAAS,GAAmB,qBAAqB,CAAC,MAAM,CAAC;AAC7D,UAAE,qBAAqB,CAAC,MAAM,CAAC;UAC7B,OAAO,CAAA;AAEX,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,cAAc,EAAA;QAC3B,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,uBAAuB,EAAA;YACpC,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAC,oBAAoB,EAAA;AAClC,gBAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,GAAI,CACpD;YACP,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAC,uBAAuB,EAAA,EAAE,QAAQ,CAAQ,CACrD,CACF,EACP;AACH;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/Flash/index.tsx"],"sourcesContent":["import React from \"react\"\nimport { Icon, IconColorsType, IconSources } from \"../Icon\"\n\nexport type FlashStatus = \"info\" | \"success\" | \"error\"\n\nexport interface FlashProps {\n  children: React.ReactNode\n  status: FlashStatus\n}\n\nconst ICON_SIZE = 20\n\nconst STATUS_ICONS_MAP: { [k in FlashStatus]: IconSources } = {\n  info: \"infoFilled\",\n  success: \"checkCircle\",\n  error: \"contextualWarningCircleFilled\",\n}\n\nconst STATUS_ICON_COLOR_MAP: { [k in FlashStatus]: IconColorsType } = {\n  info: \"turquoise\",\n  success: \"green\",\n  error: \"red\",\n}\n\nexport const Flash = ({ children, status = \"info\" }: FlashProps) => {\n  const icon = STATUS_ICONS_MAP[status]\n    ? STATUS_ICONS_MAP[status]\n    : \"infoFilled\"\n\n  const iconColor: IconColorsType = STATUS_ICON_COLOR_MAP[status]\n    ? STATUS_ICON_COLOR_MAP[status]\n    : \"turquoise\"\n\n  return (\n    <div className=\"cobalt-Flash\">\n      <div className=\"cobalt-Flash__wrapper\">\n        <span className=\"cobalt-Flash__Icon\">\n          <Icon source={icon} size={ICON_SIZE} color={iconColor} />\n        </span>\n        <span className=\"cobalt-Flash__content\">{children}</span>\n      </div>\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;AAUA,MAAM,SAAS,GAAG,EAAE,CAAA;AAEpB,MAAM,gBAAgB,GAAwC;AAC5D,IAAA,IAAI,EAAE,YAAY;AAClB,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,KAAK,EAAE,+BAA+B;CACvC,CAAA;AAED,MAAM,qBAAqB,GAA2C;AACpE,IAAA,IAAI,EAAE,WAAW;AACjB,IAAA,OAAO,EAAE,OAAO;AAChB,IAAA,KAAK,EAAE,KAAK;CACb,CAAA;AAEM,MAAM,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,EAAc,KAAI;AACjE,IAAA,MAAM,IAAI,GAAG,gBAAgB,CAAC,MAAM,CAAC;AACnC,UAAE,gBAAgB,CAAC,MAAM,CAAC;UACxB,YAAY,CAAA;AAEhB,IAAA,MAAM,SAAS,GAAmB,qBAAqB,CAAC,MAAM,CAAC;AAC7D,UAAE,qBAAqB,CAAC,MAAM,CAAC;UAC7B,WAAW,CAAA;AAEf,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,cAAc,EAAA;QAC3B,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,uBAAuB,EAAA;YACpC,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAC,oBAAoB,EAAA;AAClC,gBAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,GAAI,CACpD;YACP,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAC,uBAAuB,EAAA,EAAE,QAAQ,CAAQ,CACrD,CACF,EACP;AACH;;;;"}

package/components/Form/Hint.js

@@ -19,10 +19,10 @@ const getIcon = (status) => {
 const getIconColor = (status) => {
     switch (status) {
         case "success": {
-            return "signal";
+            return "green";
         }
         case "error": {
-            return "essence";
+            return "red";
         }
         default: {
             return "graphiteLight";

package/components/Form/Hint.js.map

@@ -1 +1 @@
-{"version":3,"file":"Hint.js","sources":["../../../src/components/Form/Hint.tsx"],"sourcesContent":["import React from \"react\"\nimport classNames from \"classnames\"\nimport { Icon } from \"../Icon\"\nimport { FormElementStatus } from \"./form\"\n\nexport interface HintPropsType {\n  className?: string\n  children: React.ReactNode\n  status?: FormElementStatus\n}\n\nconst ICON_SIZE = 16\n\nconst getIcon = (status: FormElementStatus | undefined) => {\n  switch (status) {\n    case \"success\": {\n      return \"checkCircle\"\n    }\n    case \"error\": {\n      return \"contextualWarningCircleFilled\"\n    }\n    default: {\n      return \"info\"\n    }\n  }\n}\n\nconst getIconColor = (status: FormElementStatus | undefined) => {\n  switch (status) {\n    case \"success\": {\n      return \"signal\"\n    }\n    case \"error\": {\n      return \"essence\"\n    }\n    default: {\n      return \"graphiteLight\"\n    }\n  }\n}\n\nexport const Hint = ({ children, status, className }: HintPropsType) => {\n  return (\n    <div\n      className={classNames(\"cobalt-Hint\", className, {\n        \"cobalt-Hint--success\": status === \"success\",\n        \"cobalt-Hint--error\": status === \"error\",\n      })}\n    >\n      <span className=\"cobalt-Hint__Icon\">\n        <Icon\n          source={getIcon(status)}\n          size={ICON_SIZE}\n          color={getIconColor(status)}\n        />\n      </span>\n      <span className=\"cobalt-Hint__Message\">{children}</span>\n    </div>\n  )\n}\n"],"names":["classNames"],"mappings":";;;;AAWA,MAAM,SAAS,GAAG,EAAE,CAAA;AAEpB,MAAM,OAAO,GAAG,CAAC,MAAqC,KAAI;AACxD,IAAA,QAAQ,MAAM;QACZ,KAAK,SAAS,EAAE;AACd,YAAA,OAAO,aAAa,CAAA;AACrB,SAAA;QACD,KAAK,OAAO,EAAE;AACZ,YAAA,OAAO,+BAA+B,CAAA;AACvC,SAAA;AACD,QAAA,SAAS;AACP,YAAA,OAAO,MAAM,CAAA;AACd,SAAA;AACF,KAAA;AACH,CAAC,CAAA;AAED,MAAM,YAAY,GAAG,CAAC,MAAqC,KAAI;AAC7D,IAAA,QAAQ,MAAM;QACZ,KAAK,SAAS,EAAE;AACd,YAAA,OAAO,QAAQ,CAAA;AAChB,SAAA;QACD,KAAK,OAAO,EAAE;AACZ,YAAA,OAAO,SAAS,CAAA;AACjB,SAAA;AACD,QAAA,SAAS;AACP,YAAA,OAAO,eAAe,CAAA;AACvB,SAAA;AACF,KAAA;AACH,CAAC,CAAA;AAEM,MAAM,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAiB,KAAI;IACrE,QACE,6BACE,SAAS,EAAEA,EAAU,CAAC,aAAa,EAAE,SAAS,EAAE;YAC9C,sBAAsB,EAAE,MAAM,KAAK,SAAS;YAC5C,oBAAoB,EAAE,MAAM,KAAK,OAAO;SACzC,CAAC,EAAA;QAEF,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAC,mBAAmB,EAAA;YACjC,KAAC,CAAA,aAAA,CAAA,IAAI,IACH,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,EACvB,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,YAAY,CAAC,MAAM,CAAC,GAC3B,CACG;QACP,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAC,sBAAsB,EAAA,EAAE,QAAQ,CAAQ,CACpD,EACP;AACH;;;;"}
+{"version":3,"file":"Hint.js","sources":["../../../src/components/Form/Hint.tsx"],"sourcesContent":["import React from \"react\"\nimport classNames from \"classnames\"\nimport { Icon } from \"../Icon\"\nimport { FormElementStatus } from \"./form\"\n\nexport interface HintPropsType {\n  className?: string\n  children: React.ReactNode\n  status?: FormElementStatus\n}\n\nconst ICON_SIZE = 16\n\nconst getIcon = (status: FormElementStatus | undefined) => {\n  switch (status) {\n    case \"success\": {\n      return \"checkCircle\"\n    }\n    case \"error\": {\n      return \"contextualWarningCircleFilled\"\n    }\n    default: {\n      return \"info\"\n    }\n  }\n}\n\nconst getIconColor = (status: FormElementStatus | undefined) => {\n  switch (status) {\n    case \"success\": {\n      return \"green\"\n    }\n    case \"error\": {\n      return \"red\"\n    }\n    default: {\n      return \"graphiteLight\"\n    }\n  }\n}\n\nexport const Hint = ({ children, status, className }: HintPropsType) => {\n  return (\n    <div\n      className={classNames(\"cobalt-Hint\", className, {\n        \"cobalt-Hint--success\": status === \"success\",\n        \"cobalt-Hint--error\": status === \"error\",\n      })}\n    >\n      <span className=\"cobalt-Hint__Icon\">\n        <Icon\n          source={getIcon(status)}\n          size={ICON_SIZE}\n          color={getIconColor(status)}\n        />\n      </span>\n      <span className=\"cobalt-Hint__Message\">{children}</span>\n    </div>\n  )\n}\n"],"names":["classNames"],"mappings":";;;;AAWA,MAAM,SAAS,GAAG,EAAE,CAAA;AAEpB,MAAM,OAAO,GAAG,CAAC,MAAqC,KAAI;AACxD,IAAA,QAAQ,MAAM;QACZ,KAAK,SAAS,EAAE;AACd,YAAA,OAAO,aAAa,CAAA;AACrB,SAAA;QACD,KAAK,OAAO,EAAE;AACZ,YAAA,OAAO,+BAA+B,CAAA;AACvC,SAAA;AACD,QAAA,SAAS;AACP,YAAA,OAAO,MAAM,CAAA;AACd,SAAA;AACF,KAAA;AACH,CAAC,CAAA;AAED,MAAM,YAAY,GAAG,CAAC,MAAqC,KAAI;AAC7D,IAAA,QAAQ,MAAM;QACZ,KAAK,SAAS,EAAE;AACd,YAAA,OAAO,OAAO,CAAA;AACf,SAAA;QACD,KAAK,OAAO,EAAE;AACZ,YAAA,OAAO,KAAK,CAAA;AACb,SAAA;AACD,QAAA,SAAS;AACP,YAAA,OAAO,eAAe,CAAA;AACvB,SAAA;AACF,KAAA;AACH,CAAC,CAAA;AAEM,MAAM,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAiB,KAAI;IACrE,QACE,6BACE,SAAS,EAAEA,EAAU,CAAC,aAAa,EAAE,SAAS,EAAE;YAC9C,sBAAsB,EAAE,MAAM,KAAK,SAAS;YAC5C,oBAAoB,EAAE,MAAM,KAAK,OAAO;SACzC,CAAC,EAAA;QAEF,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAC,mBAAmB,EAAA;YACjC,KAAC,CAAA,aAAA,CAAA,IAAI,IACH,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,EACvB,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,YAAY,CAAC,MAAM,CAAC,GAC3B,CACG;QACP,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAC,sBAAsB,EAAA,EAAE,QAAQ,CAAQ,CACpD,EACP;AACH;;;;"}

package/components/Icon/__generated__/EvCableIcon.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import capitalize from '../../utils/capitalize.js';
+import 'lodash.throttle';
+import cx from 'classnames';
+
+const iconSource = "evCable";
+const EvCableIcon = ({ color, size = 24, contained = false, className, }) => {
+    const computedClassName = cx(className, `cobalt-Icon cobalt-Icon--${iconSource}`, {
+        [`cobalt-Icon--color${capitalize(color)}`]: color,
+        "cobalt-Icon--size16": size === 16,
+        "cobalt-Icon--size20": size === 20,
+        "cobalt-Icon--size32": size === 32,
+        "cobalt-Icon--contained": contained,
+    });
+    const wrap = (content) => (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: "M4.848 19v2h1.16v-2h1.743v2h1.16l.001-.968V19h.968v-4c0-.55-.45-1-1-1h-1V7c0-1.1.9-2 2-2s2 .9 2 2v10c0 2.21 1.79 4 4 4s4-1.79 4-4v-7h1c.55 0 1-.45 1-1V5h-.968V3h-1.161v2h-1.742V3h-1.161l-.001 2h-.967v4c0 .55.45 1 1 1h1v7c0 1.1-.9 2-2 2s-2-.9-2-2V7c0-2.21-1.79-4-4-4s-4 1.79-4 4v7h-1c-.55 0-1 .45-1 1v4h.968Z" })));
+};
+
+export { EvCableIcon as default };
+//# sourceMappingURL=EvCableIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EvCableIcon.js","sources":["../../../../src/components/Icon/__generated__/EvCableIcon.tsx"],"sourcesContent":["import React from \"react\"\nimport { IconColorsType } from \"../\"\nimport { capitalize } from \"../../utils\"\nimport cx from \"classnames\"\nexport type IconProps = {\n  color?: IconColorsType\n  size?: 16 | 20 | 24 | 32\n  contained?: boolean\n  className?: string\n}\nconst iconSource = \"evCable\"\n\nconst EvCableIcon = ({\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=\"M4.848 19v2h1.16v-2h1.743v2h1.16l.001-.968V19h.968v-4c0-.55-.45-1-1-1h-1V7c0-1.1.9-2 2-2s2 .9 2 2v10c0 2.21 1.79 4 4 4s4-1.79 4-4v-7h1c.55 0 1-.45 1-1V5h-.968V3h-1.161v2h-1.742V3h-1.161l-.001 2h-.967v4c0 .55.45 1 1 1h1v7c0 1.1-.9 2-2 2s-2-.9-2-2V7c0-2.21-1.79-4-4-4s-4 1.79-4 4v7h-1c-.55 0-1 .45-1 1v4h.968Z\" />\n    </svg>\n  )\n}\n\nexport default EvCableIcon\n"],"names":[],"mappings":";;;;;AAUA,MAAM,UAAU,GAAG,SAAS,CAAA;AAE5B,MAAM,WAAW,GAAG,CAAC,EACnB,KAAK,EACL,IAAI,GAAG,EAAE,EACT,SAAS,GAAG,KAAK,EACjB,SAAS,GACC,KAAI;IACd,MAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,CAAA,yBAAA,EAA4B,UAAU,CAAA,CAAE,EACxC;QACE,CAAC,CAAA,kBAAA,EAAqB,UAAU,CAAC,KAAK,CAAC,CAAE,CAAA,GAAG,KAAK;QACjD,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;AAClC,QAAA,wBAAwB,EAAE,SAAS;AACpC,KAAA,CACF,CAAA;AAED,IAAA,MAAM,IAAI,GAAG,CAAC,OAAwB,MACpC,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,iBAAiB,EAAA,EAAG,OAAO,CAAQ,CACrD,CAAA;IAED,OAAO,IAAI,CACT,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,EAAA;AACzD,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,qTAAqT,EAAG,CAAA,CAC5T,CACP,CAAA;AACH;;;;"}

package/components/Icon/__generated__/EvChargerIcon.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import capitalize from '../../utils/capitalize.js';
+import 'lodash.throttle';
+import cx from 'classnames';
+
+const iconSource = "evCharger";
+const EvChargerIcon = ({ color, size = 24, contained = false, className, }) => {
+    const computedClassName = cx(className, `cobalt-Icon cobalt-Icon--${iconSource}`, {
+        [`cobalt-Icon--color${capitalize(color)}`]: color,
+        "cobalt-Icon--size16": size === 16,
+        "cobalt-Icon--size20": size === 20,
+        "cobalt-Icon--size32": size === 32,
+        "cobalt-Icon--contained": contained,
+    });
+    const wrap = (content) => (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: "m8.444 18.32 2.05-3.32H9.258v-2.49l-2.026 3.32h1.21v2.49Zm-2.725-8.016h6.264V4.897H5.72v5.407Zm0 8.822h6.264v-7.399H5.72v7.4ZM3.88 21V4.897c0-.522.18-.968.536-1.34A1.74 1.74 0 0 1 5.72 3h6.264c.513 0 .951.186 1.316.557.365.372.547.818.547 1.34v7.139h1.7c.342 0 .633.122.873.367.241.245.361.534.361.866v5.265c0 .316.124.577.373.782.248.206.535.309.861.309.342 0 .66-.103.955-.309.295-.205.443-.466.443-.782v-9.32h-.257a.875.875 0 0 1-.652-.261.909.909 0 0 1-.256-.664V5.964h.466V4.708h.885v1.256h.908V4.708h.908v1.256h.466V8.29c0 .268-.09.49-.268.664a.886.886 0 0 1-.64.26h-.256v9.32c0 .712-.272 1.301-.815 1.767a2.81 2.81 0 0 1-1.887.7c-.698 0-1.3-.233-1.804-.7-.505-.466-.757-1.055-.757-1.766v-5.265c0 .031.008.055.023.07.016.017.04.025.07.025h-1.7V21H3.88Zm8.104-1.873H5.72h6.264Z" })));
+};
+
+export { EvChargerIcon as default };
+//# sourceMappingURL=EvChargerIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EvChargerIcon.js","sources":["../../../../src/components/Icon/__generated__/EvChargerIcon.tsx"],"sourcesContent":["import React from \"react\"\nimport { IconColorsType } from \"../\"\nimport { capitalize } from \"../../utils\"\nimport cx from \"classnames\"\nexport type IconProps = {\n  color?: IconColorsType\n  size?: 16 | 20 | 24 | 32\n  contained?: boolean\n  className?: string\n}\nconst iconSource = \"evCharger\"\n\nconst EvChargerIcon = ({\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=\"m8.444 18.32 2.05-3.32H9.258v-2.49l-2.026 3.32h1.21v2.49Zm-2.725-8.016h6.264V4.897H5.72v5.407Zm0 8.822h6.264v-7.399H5.72v7.4ZM3.88 21V4.897c0-.522.18-.968.536-1.34A1.74 1.74 0 0 1 5.72 3h6.264c.513 0 .951.186 1.316.557.365.372.547.818.547 1.34v7.139h1.7c.342 0 .633.122.873.367.241.245.361.534.361.866v5.265c0 .316.124.577.373.782.248.206.535.309.861.309.342 0 .66-.103.955-.309.295-.205.443-.466.443-.782v-9.32h-.257a.875.875 0 0 1-.652-.261.909.909 0 0 1-.256-.664V5.964h.466V4.708h.885v1.256h.908V4.708h.908v1.256h.466V8.29c0 .268-.09.49-.268.664a.886.886 0 0 1-.64.26h-.256v9.32c0 .712-.272 1.301-.815 1.767a2.81 2.81 0 0 1-1.887.7c-.698 0-1.3-.233-1.804-.7-.505-.466-.757-1.055-.757-1.766v-5.265c0 .031.008.055.023.07.016.017.04.025.07.025h-1.7V21H3.88Zm8.104-1.873H5.72h6.264Z\" />\n    </svg>\n  )\n}\n\nexport default EvChargerIcon\n"],"names":[],"mappings":";;;;;AAUA,MAAM,UAAU,GAAG,WAAW,CAAA;AAE9B,MAAM,aAAa,GAAG,CAAC,EACrB,KAAK,EACL,IAAI,GAAG,EAAE,EACT,SAAS,GAAG,KAAK,EACjB,SAAS,GACC,KAAI;IACd,MAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,CAAA,yBAAA,EAA4B,UAAU,CAAA,CAAE,EACxC;QACE,CAAC,CAAA,kBAAA,EAAqB,UAAU,CAAC,KAAK,CAAC,CAAE,CAAA,GAAG,KAAK;QACjD,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;AAClC,QAAA,wBAAwB,EAAE,SAAS;AACpC,KAAA,CACF,CAAA;AAED,IAAA,MAAM,IAAI,GAAG,CAAC,OAAwB,MACpC,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,iBAAiB,EAAA,EAAG,OAAO,CAAQ,CACrD,CAAA;IAED,OAAO,IAAI,CACT,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,EAAA;AACzD,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,gxBAAgxB,EAAG,CAAA,CACvxB,CACP,CAAA;AACH;;;;"}

package/components/Icon/__generated__/SearchCarIcon.js

@@ -20,7 +20,6 @@ const SearchCarIcon = ({ color, size = 24, contained = false, className, }) => {
             strokeMiterlimit: 2,
         } },
         React.createElement("path", { d: "M15.695 18.052a9.895 9.895 0 0 1-5.753 1.833C4.451 19.885 0 15.434 0 9.942 0 4.451 4.451 0 9.942 0c5.492 0 9.943 4.451 9.943 9.942a9.9 9.9 0 0 1-1.833 5.754l5.653 5.654a1 1 0 0 1 0 1.414l-.943.943a.999.999 0 0 1-1.414 0l-5.653-5.655Zm-.496-10.179C14.904 6.341 14.141 5 12.171 5H7.886c-1.97 0-2.733 1.341-3.028 2.873A1.072 1.072 0 1 0 4.671 10h.004c-.004.25-.004.49-.004.714v3.57c0 .403.323.716.721.716h1.416a.715.715 0 0 0 .721-.716v-.713h5v.713c0 .403.322.716.721.716h1.415a.715.715 0 0 0 .721-.716v-3.57c0-.224 0-.464-.004-.714h.004a1.072 1.072 0 1 0-.187-2.127Zm-1.309.917c.017.168.03.327.04.496H6.127c.01-.169.023-.328.04-.496.175-1.699.635-2.361 1.719-2.361h4.285c1.084 0 1.544.662 1.719 2.361Zm-7.076 3.531a.892.892 0 1 1-.001-1.785.892.892 0 0 1 .001 1.785Zm6.429 0a.892.892 0 1 1-.001-1.785.892.892 0 0 1 .001 1.785Z", style: {
-                fill: "#362e53",
                 fillRule: "nonzero",
             } })));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"SearchCarIcon.js","sources":["../../../../src/components/Icon/__generated__/SearchCarIcon.tsx"],"sourcesContent":["import React from \"react\"\nimport { IconColorsType } from \"../\"\nimport { capitalize } from \"../../utils\"\nimport cx from \"classnames\"\nexport type IconProps = {\n  color?: IconColorsType\n  size?: 16 | 20 | 24 | 32\n  contained?: boolean\n  className?: string\n}\nconst iconSource = \"searchCar\"\n\nconst SearchCarIcon = ({\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\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      xmlSpace=\"preserve\"\n      style={{\n        fillRule: \"evenodd\",\n        clipRule: \"evenodd\",\n        strokeLinejoin: \"round\",\n        strokeMiterlimit: 2,\n      }}\n    >\n      <path\n        d=\"M15.695 18.052a9.895 9.895 0 0 1-5.753 1.833C4.451 19.885 0 15.434 0 9.942 0 4.451 4.451 0 9.942 0c5.492 0 9.943 4.451 9.943 9.942a9.9 9.9 0 0 1-1.833 5.754l5.653 5.654a1 1 0 0 1 0 1.414l-.943.943a.999.999 0 0 1-1.414 0l-5.653-5.655Zm-.496-10.179C14.904 6.341 14.141 5 12.171 5H7.886c-1.97 0-2.733 1.341-3.028 2.873A1.072 1.072 0 1 0 4.671 10h.004c-.004.25-.004.49-.004.714v3.57c0 .403.323.716.721.716h1.416a.715.715 0 0 0 .721-.716v-.713h5v.713c0 .403.322.716.721.716h1.415a.715.715 0 0 0 .721-.716v-3.57c0-.224 0-.464-.004-.714h.004a1.072 1.072 0 1 0-.187-2.127Zm-1.309.917c.017.168.03.327.04.496H6.127c.01-.169.023-.328.04-.496.175-1.699.635-2.361 1.719-2.361h4.285c1.084 0 1.544.662 1.719 2.361Zm-7.076 3.531a.892.892 0 1 1-.001-1.785.892.892 0 0 1 .001 1.785Zm6.429 0a.892.892 0 1 1-.001-1.785.892.892 0 0 1 .001 1.785Z\"\n        style={{\n          fill: \"#362e53\",\n          fillRule: \"nonzero\",\n        }}\n      />\n    </svg>\n  )\n}\n\nexport default SearchCarIcon\n"],"names":[],"mappings":";;;;;AAUA,MAAM,UAAU,GAAG,WAAW,CAAA;AAE9B,MAAM,aAAa,GAAG,CAAC,EACrB,KAAK,EACL,IAAI,GAAG,EAAE,EACT,SAAS,GAAG,KAAK,EACjB,SAAS,GACC,KAAI;IACd,MAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,CAAA,yBAAA,EAA4B,UAAU,CAAA,CAAE,EACxC;QACE,CAAC,CAAA,kBAAA,EAAqB,UAAU,CAAC,KAAK,CAAC,CAAE,CAAA,GAAG,KAAK;QACjD,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;AAClC,QAAA,wBAAwB,EAAE,SAAS;AACpC,KAAA,CACF,CAAA;AAED,IAAA,MAAM,IAAI,GAAG,CAAC,OAAwB,MACpC,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,iBAAiB,EAAA,EAAG,OAAO,CAAQ,CACrD,CAAA;AAED,IAAA,OAAO,IAAI,CACT,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B,EAClC,QAAQ,EAAC,UAAU,EACnB,KAAK,EAAE;AACL,YAAA,QAAQ,EAAE,SAAS;AACnB,YAAA,QAAQ,EAAE,SAAS;AACnB,YAAA,cAAc,EAAE,OAAO;AACvB,YAAA,gBAAgB,EAAE,CAAC;AACpB,SAAA,EAAA;AAED,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,0zBAA0zB,EAC5zB,KAAK,EAAE;AACL,gBAAA,IAAI,EAAE,SAAS;AACf,gBAAA,QAAQ,EAAE,SAAS;aACpB,EACD,CAAA,CACE,CACP,CAAA;AACH;;;;"}
+{"version":3,"file":"SearchCarIcon.js","sources":["../../../../src/components/Icon/__generated__/SearchCarIcon.tsx"],"sourcesContent":["import React from \"react\"\nimport { IconColorsType } from \"../\"\nimport { capitalize } from \"../../utils\"\nimport cx from \"classnames\"\nexport type IconProps = {\n  color?: IconColorsType\n  size?: 16 | 20 | 24 | 32\n  contained?: boolean\n  className?: string\n}\nconst iconSource = \"searchCar\"\n\nconst SearchCarIcon = ({\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\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      xmlSpace=\"preserve\"\n      style={{\n        fillRule: \"evenodd\",\n        clipRule: \"evenodd\",\n        strokeLinejoin: \"round\",\n        strokeMiterlimit: 2,\n      }}\n    >\n      <path\n        d=\"M15.695 18.052a9.895 9.895 0 0 1-5.753 1.833C4.451 19.885 0 15.434 0 9.942 0 4.451 4.451 0 9.942 0c5.492 0 9.943 4.451 9.943 9.942a9.9 9.9 0 0 1-1.833 5.754l5.653 5.654a1 1 0 0 1 0 1.414l-.943.943a.999.999 0 0 1-1.414 0l-5.653-5.655Zm-.496-10.179C14.904 6.341 14.141 5 12.171 5H7.886c-1.97 0-2.733 1.341-3.028 2.873A1.072 1.072 0 1 0 4.671 10h.004c-.004.25-.004.49-.004.714v3.57c0 .403.323.716.721.716h1.416a.715.715 0 0 0 .721-.716v-.713h5v.713c0 .403.322.716.721.716h1.415a.715.715 0 0 0 .721-.716v-3.57c0-.224 0-.464-.004-.714h.004a1.072 1.072 0 1 0-.187-2.127Zm-1.309.917c.017.168.03.327.04.496H6.127c.01-.169.023-.328.04-.496.175-1.699.635-2.361 1.719-2.361h4.285c1.084 0 1.544.662 1.719 2.361Zm-7.076 3.531a.892.892 0 1 1-.001-1.785.892.892 0 0 1 .001 1.785Zm6.429 0a.892.892 0 1 1-.001-1.785.892.892 0 0 1 .001 1.785Z\"\n        style={{\n          fillRule: \"nonzero\",\n        }}\n      />\n    </svg>\n  )\n}\n\nexport default SearchCarIcon\n"],"names":[],"mappings":";;;;;AAUA,MAAM,UAAU,GAAG,WAAW,CAAA;AAE9B,MAAM,aAAa,GAAG,CAAC,EACrB,KAAK,EACL,IAAI,GAAG,EAAE,EACT,SAAS,GAAG,KAAK,EACjB,SAAS,GACC,KAAI;IACd,MAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,CAAA,yBAAA,EAA4B,UAAU,CAAA,CAAE,EACxC;QACE,CAAC,CAAA,kBAAA,EAAqB,UAAU,CAAC,KAAK,CAAC,CAAE,CAAA,GAAG,KAAK;QACjD,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;AAClC,QAAA,wBAAwB,EAAE,SAAS;AACpC,KAAA,CACF,CAAA;AAED,IAAA,MAAM,IAAI,GAAG,CAAC,OAAwB,MACpC,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,iBAAiB,EAAA,EAAG,OAAO,CAAQ,CACrD,CAAA;AAED,IAAA,OAAO,IAAI,CACT,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B,EAClC,QAAQ,EAAC,UAAU,EACnB,KAAK,EAAE;AACL,YAAA,QAAQ,EAAE,SAAS;AACnB,YAAA,QAAQ,EAAE,SAAS;AACnB,YAAA,cAAc,EAAE,OAAO;AACvB,YAAA,gBAAgB,EAAE,CAAC;AACpB,SAAA,EAAA;AAED,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,0zBAA0zB,EAC5zB,KAAK,EAAE;AACL,gBAAA,QAAQ,EAAE,SAAS;aACpB,EACD,CAAA,CACE,CACP,CAAA;AACH;;;;"}

package/components/Icon/index.js

@@ -13,13 +13,9 @@ const BUNDLED_ICONS = Object.freeze(Object.keys(icons.icons).reduce((bundledIcon
     [name]: index[name],
 }), {}));
 const iconLegacyColorsOptions = [
-    "aller",
     "amber",
-    "asphalt",
-    "asphaltLight",
     "blue",
     "coral",
-    "essence",
     "graphite",
     "graphiteLight",
     "green",
@@ -34,7 +30,6 @@ const iconLegacyColorsOptions = [
     "purple",
     "purpleLight",
     "red",
-    "signal",
     "turquoise",
     "white",
 ];

package/components/Icon/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Icon/index.tsx"],"sourcesContent":["import React from \"react\"\nimport cx from \"classnames\"\nimport { icons as iconTokens, theme } from \"../../tokens\"\n\nimport * as icons from \"../../icons\"\nimport { eqSet, capitalize } from \"../utils\"\n\nif (\n  !eqSet<string>(\n    new Set(Object.keys(icons)),\n    new Set(Object.keys(iconTokens.icons))\n  )\n)\n  throw new Error(\n    \"Icon sources and tokens are not consistent. Did you add the source, export it and run 'yarn run icons:update'\"\n  )\n\ninterface IconsMap {\n  [name: string]: string | undefined\n}\n\nexport const BUNDLED_ICONS: IconsMap = Object.freeze(\n  Object.keys(iconTokens.icons).reduce(\n    (bundledIcons, name) => ({\n      ...bundledIcons,\n      [name]: (icons as IconsMap)[name],\n    }),\n    {}\n  )\n)\n\nexport type IconSources = keyof typeof iconTokens.icons\n\nconst iconLegacyColorsOptions = [\n  \"aller\",\n  \"amber\",\n  \"asphalt\",\n  \"asphaltLight\",\n  \"blue\",\n  \"coral\",\n  \"essence\",\n  \"graphite\",\n  \"graphiteLight\",\n  \"green\",\n  \"greenDark\",\n  \"greenLight\",\n  \"grey\",\n  \"greyDark\",\n  \"greyLight\",\n  \"greyLighter\",\n  \"indigo\",\n  \"indigoDark\",\n  \"purple\",\n  \"purpleLight\",\n  \"red\",\n  \"signal\",\n  \"turquoise\",\n  \"white\",\n] as const\n\nexport const iconColors = [\n  ...(Object.keys(theme.icon) as Array<keyof typeof theme.icon>),\n  ...iconLegacyColorsOptions,\n]\n\nexport type IconColorsType = typeof iconColors[number]\nexport interface IconProps {\n  source: IconSources\n  /**\n   * Available colors\n   * @default base\n   */\n  color?: IconColorsType\n  /**\n   * Available size in px\n   * @default 24\n   */\n  size?: 16 | 20 | 24 | 32\n  contained?: boolean\n  className?: string\n}\n\nexport const isIconSource = (source: string): source is IconSources =>\n  Object.keys(iconTokens.icons).includes(source)\n\nexport const Icon = ({\n  source,\n  color,\n  size = 24,\n  contained = false,\n  className,\n}: IconProps) => {\n  const computedClassName = cx(\n    className,\n    `cobalt-Icon cobalt-Icon--${source}`,\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 iconSource = BUNDLED_ICONS[source]\n\n  if (iconSource == null)\n    throw new Error(\n      `Icon '${source}' can not be found. Did you add the source, export it and run 'yarn run icons:update'?`\n    )\n\n  return (\n    <span\n      className={computedClassName}\n      dangerouslySetInnerHTML={{ __html: iconSource }}\n    />\n  )\n}\n\nexport * from \"./__generated__/index\"\n\nexport default Icon\n"],"names":["icons","iconTokens"],"mappings":";;;;;;;;AAOA,IACE,CAAC,KAAK,CACJ,IAAI,GAAG,CAAC,MAAM,CAAC,IAAI,CAACA,KAAK,CAAC,CAAC,EAC3B,IAAI,GAAG,CAAC,MAAM,CAAC,IAAI,CAACC,KAAU,CAAC,KAAK,CAAC,CAAC,CACvC;AAED,IAAA,MAAM,IAAI,KAAK,CACb,+GAA+G,CAChH,CAAA;AAMU,MAAA,aAAa,GAAa,MAAM,CAAC,MAAM,CAClD,MAAM,CAAC,IAAI,CAACA,KAAU,CAAC,KAAK,CAAC,CAAC,MAAM,CAClC,CAAC,YAAY,EAAE,IAAI,MAAM;AACvB,IAAA,GAAG,YAAY;AACf,IAAA,CAAC,IAAI,GAAID,KAAkB,CAAC,IAAI,CAAC;AAClC,CAAA,CAAC,EACF,EAAE,CACH,EACF;AAID,MAAM,uBAAuB,GAAG;IAC9B,OAAO;IACP,OAAO;IACP,SAAS;IACT,cAAc;IACd,MAAM;IACN,OAAO;IACP,SAAS;IACT,UAAU;IACV,eAAe;IACf,OAAO;IACP,WAAW;IACX,YAAY;IACZ,MAAM;IACN,UAAU;IACV,WAAW;IACX,aAAa;IACb,QAAQ;IACR,YAAY;IACZ,QAAQ;IACR,aAAa;IACb,KAAK;IACL,QAAQ;IACR,WAAW;IACX,OAAO;CACC,CAAA;AAEG,MAAA,UAAU,GAAG;AACxB,IAAA,GAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAoC;AAC9D,IAAA,GAAG,uBAAuB;EAC3B;MAmBY,YAAY,GAAG,CAAC,MAAc,KACzC,MAAM,CAAC,IAAI,CAACC,KAAU,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,MAAM,EAAC;MAEnC,IAAI,GAAG,CAAC,EACnB,MAAM,EACN,KAAK,EACL,IAAI,GAAG,EAAE,EACT,SAAS,GAAG,KAAK,EACjB,SAAS,GACC,KAAI;IACd,MAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,CAAA,yBAAA,EAA4B,MAAM,CAAA,CAAE,EACpC;QACE,CAAC,CAAA,kBAAA,EAAqB,UAAU,CAAC,KAAK,CAAC,CAAE,CAAA,GAAG,KAAK;QACjD,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;AAClC,QAAA,wBAAwB,EAAE,SAAS;AACpC,KAAA,CACF,CAAA;AAED,IAAA,MAAM,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC,CAAA;IAExC,IAAI,UAAU,IAAI,IAAI;AACpB,QAAA,MAAM,IAAI,KAAK,CACb,SAAS,MAAM,CAAA,sFAAA,CAAwF,CACxG,CAAA;AAEH,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAE,iBAAiB,EAC5B,uBAAuB,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,EAAA,CAC/C,EACH;AACH;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/Icon/index.tsx"],"sourcesContent":["import React from \"react\"\nimport cx from \"classnames\"\nimport { icons as iconTokens, theme } from \"../../tokens\"\n\nimport * as icons from \"../../icons\"\nimport { eqSet, capitalize } from \"../utils\"\n\nif (\n  !eqSet<string>(\n    new Set(Object.keys(icons)),\n    new Set(Object.keys(iconTokens.icons))\n  )\n)\n  throw new Error(\n    \"Icon sources and tokens are not consistent. Did you add the source, export it and run 'yarn run icons:update'\"\n  )\n\ninterface IconsMap {\n  [name: string]: string | undefined\n}\n\nexport const BUNDLED_ICONS: IconsMap = Object.freeze(\n  Object.keys(iconTokens.icons).reduce(\n    (bundledIcons, name) => ({\n      ...bundledIcons,\n      [name]: (icons as IconsMap)[name],\n    }),\n    {}\n  )\n)\n\nexport type IconSources = keyof typeof iconTokens.icons\n\nconst iconLegacyColorsOptions = [\n  \"amber\",\n  \"blue\",\n  \"coral\",\n  \"graphite\",\n  \"graphiteLight\",\n  \"green\",\n  \"greenDark\",\n  \"greenLight\",\n  \"grey\",\n  \"greyDark\",\n  \"greyLight\",\n  \"greyLighter\",\n  \"indigo\",\n  \"indigoDark\",\n  \"purple\",\n  \"purpleLight\",\n  \"red\",\n  \"turquoise\",\n  \"white\",\n] as const\n\nexport const iconColors = [\n  ...(Object.keys(theme.icon) as Array<keyof typeof theme.icon>),\n  ...iconLegacyColorsOptions,\n]\n\nexport type IconColorsType = typeof iconColors[number]\nexport interface IconProps {\n  source: IconSources\n  /**\n   * Available colors\n   * @default base\n   */\n  color?: IconColorsType\n  /**\n   * Available size in px\n   * @default 24\n   */\n  size?: 16 | 20 | 24 | 32\n  contained?: boolean\n  className?: string\n}\n\nexport const isIconSource = (source: string): source is IconSources =>\n  Object.keys(iconTokens.icons).includes(source)\n\nexport const Icon = ({\n  source,\n  color,\n  size = 24,\n  contained = false,\n  className,\n}: IconProps) => {\n  const computedClassName = cx(\n    className,\n    `cobalt-Icon cobalt-Icon--${source}`,\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 iconSource = BUNDLED_ICONS[source]\n\n  if (iconSource == null)\n    throw new Error(\n      `Icon '${source}' can not be found. Did you add the source, export it and run 'yarn run icons:update'?`\n    )\n\n  return (\n    <span\n      className={computedClassName}\n      dangerouslySetInnerHTML={{ __html: iconSource }}\n    />\n  )\n}\n\nexport * from \"./__generated__/index\"\n\nexport default Icon\n"],"names":["icons","iconTokens"],"mappings":";;;;;;;;AAOA,IACE,CAAC,KAAK,CACJ,IAAI,GAAG,CAAC,MAAM,CAAC,IAAI,CAACA,KAAK,CAAC,CAAC,EAC3B,IAAI,GAAG,CAAC,MAAM,CAAC,IAAI,CAACC,KAAU,CAAC,KAAK,CAAC,CAAC,CACvC;AAED,IAAA,MAAM,IAAI,KAAK,CACb,+GAA+G,CAChH,CAAA;AAMU,MAAA,aAAa,GAAa,MAAM,CAAC,MAAM,CAClD,MAAM,CAAC,IAAI,CAACA,KAAU,CAAC,KAAK,CAAC,CAAC,MAAM,CAClC,CAAC,YAAY,EAAE,IAAI,MAAM;AACvB,IAAA,GAAG,YAAY;AACf,IAAA,CAAC,IAAI,GAAID,KAAkB,CAAC,IAAI,CAAC;AAClC,CAAA,CAAC,EACF,EAAE,CACH,EACF;AAID,MAAM,uBAAuB,GAAG;IAC9B,OAAO;IACP,MAAM;IACN,OAAO;IACP,UAAU;IACV,eAAe;IACf,OAAO;IACP,WAAW;IACX,YAAY;IACZ,MAAM;IACN,UAAU;IACV,WAAW;IACX,aAAa;IACb,QAAQ;IACR,YAAY;IACZ,QAAQ;IACR,aAAa;IACb,KAAK;IACL,WAAW;IACX,OAAO;CACC,CAAA;AAEG,MAAA,UAAU,GAAG;AACxB,IAAA,GAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAoC;AAC9D,IAAA,GAAG,uBAAuB;EAC3B;MAmBY,YAAY,GAAG,CAAC,MAAc,KACzC,MAAM,CAAC,IAAI,CAACC,KAAU,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,MAAM,EAAC;MAEnC,IAAI,GAAG,CAAC,EACnB,MAAM,EACN,KAAK,EACL,IAAI,GAAG,EAAE,EACT,SAAS,GAAG,KAAK,EACjB,SAAS,GACC,KAAI;IACd,MAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,CAAA,yBAAA,EAA4B,MAAM,CAAA,CAAE,EACpC;QACE,CAAC,CAAA,kBAAA,EAAqB,UAAU,CAAC,KAAK,CAAC,CAAE,CAAA,GAAG,KAAK;QACjD,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;AAClC,QAAA,wBAAwB,EAAE,SAAS;AACpC,KAAA,CACF,CAAA;AAED,IAAA,MAAM,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC,CAAA;IAExC,IAAI,UAAU,IAAI,IAAI;AACpB,QAAA,MAAM,IAAI,KAAK,CACb,SAAS,MAAM,CAAA,sFAAA,CAAwF,CACxG,CAAA;AAEH,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAE,iBAAiB,EAC5B,uBAAuB,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,EAAA,CAC/C,EACH;AACH;;;;"}

package/components/Pill/index.js

@@ -7,7 +7,7 @@ const Pill = ({ icon, color = "base", children, overlayed, className, size, }) =
     const iconMarkup = icon ? (React.createElement("span", { className: "cobalt-Pill__Icon" },
         React.createElement(Icon, { source: icon, size: ICON_SIZE, color: overlayed ? "white" : color }))) : null;
     return (React.createElement("div", { className: cx(className, "cobalt-Pill", {
-            "cobalt-Pill--colorAller": color === "aller",
+            "cobalt-Pill--colorConnect": color === "connect",
             "cobalt-Pill--overlayed": overlayed,
             "cobalt-Pill--large": size === "large",
         }) },

package/components/Pill/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Pill/index.tsx"],"sourcesContent":["import React, { Children } from \"react\"\nimport cx from \"classnames\"\nimport { Icon, IconColorsType, IconSources } from \"../Icon\"\n\nconst ICON_SIZE = 20\nexport interface PillPropsType {\n  children: React.ReactNode\n  icon?: IconSources\n  color?: IconColorsType\n  size?: \"large\"\n  overlayed?: boolean\n  className?: string\n}\n\nexport const Pill = ({\n  icon,\n  color = \"base\",\n  children,\n  overlayed,\n  className,\n  size,\n}: PillPropsType) => {\n  const iconMarkup = icon ? (\n    <span className=\"cobalt-Pill__Icon\">\n      <Icon\n        source={icon}\n        size={ICON_SIZE}\n        color={overlayed ? \"white\" : color}\n      />\n    </span>\n  ) : null\n\n  return (\n    <div\n      className={cx(className, \"cobalt-Pill\", {\n        \"cobalt-Pill--colorAller\": color === \"aller\",\n        \"cobalt-Pill--overlayed\": overlayed,\n        \"cobalt-Pill--large\": size === \"large\",\n      })}\n    >\n      {iconMarkup} {children}\n    </div>\n  )\n}\n\nexport interface PillGroupPropsType {\n  children: React.ReactNode\n}\n\nexport const PillGroup = ({ children }: PillGroupPropsType) => {\n  return (\n    <div className=\"cobalt-PillGroup\">\n      {Children.toArray(children).map((child, index) => (\n        <div className=\"cobalt-PillGroup__Item\" key={index}>\n          {child}\n        </div>\n      ))}\n    </div>\n  )\n}\n\nexport default Pill\n"],"names":[],"mappings":";;;;AAIA,MAAM,SAAS,GAAG,EAAE,CAAA;MAUP,IAAI,GAAG,CAAC,EACnB,IAAI,EACJ,KAAK,GAAG,MAAM,EACd,QAAQ,EACR,SAAS,EACT,SAAS,EACT,IAAI,GACU,KAAI;IAClB,MAAM,UAAU,GAAG,IAAI,IACrB,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,mBAAmB,EAAA;AACjC,QAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EACH,MAAM,EAAE,IAAI,EACZ,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,SAAS,GAAG,OAAO,GAAG,KAAK,EAAA,CAClC,CACG,IACL,IAAI,CAAA;IAER,QACE,6BACE,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,aAAa,EAAE;YACtC,yBAAyB,EAAE,KAAK,KAAK,OAAO;AAC5C,YAAA,wBAAwB,EAAE,SAAS;YACnC,oBAAoB,EAAE,IAAI,KAAK,OAAO;SACvC,CAAC,EAAA;QAED,UAAU;;QAAG,QAAQ,CAClB,EACP;AACH,EAAC;MAMY,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAsB,KAAI;AAC5D,IAAA,QACE,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,kBAAkB,IAC9B,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,MAC3C,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,wBAAwB,EAAC,GAAG,EAAE,KAAK,IAC/C,KAAK,CACF,CACP,CAAC,CACE,EACP;AACH;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/Pill/index.tsx"],"sourcesContent":["import React, { Children } from \"react\"\nimport cx from \"classnames\"\nimport { Icon, IconColorsType, IconSources } from \"../Icon\"\n\nconst ICON_SIZE = 20\nexport interface PillPropsType {\n  children: React.ReactNode\n  icon?: IconSources\n  color?: IconColorsType\n  size?: \"large\"\n  overlayed?: boolean\n  className?: string\n}\n\nexport const Pill = ({\n  icon,\n  color = \"base\",\n  children,\n  overlayed,\n  className,\n  size,\n}: PillPropsType) => {\n  const iconMarkup = icon ? (\n    <span className=\"cobalt-Pill__Icon\">\n      <Icon\n        source={icon}\n        size={ICON_SIZE}\n        color={overlayed ? \"white\" : color}\n      />\n    </span>\n  ) : null\n\n  return (\n    <div\n      className={cx(className, \"cobalt-Pill\", {\n        \"cobalt-Pill--colorConnect\": color === \"connect\",\n        \"cobalt-Pill--overlayed\": overlayed,\n        \"cobalt-Pill--large\": size === \"large\",\n      })}\n    >\n      {iconMarkup} {children}\n    </div>\n  )\n}\n\nexport interface PillGroupPropsType {\n  children: React.ReactNode\n}\n\nexport const PillGroup = ({ children }: PillGroupPropsType) => {\n  return (\n    <div className=\"cobalt-PillGroup\">\n      {Children.toArray(children).map((child, index) => (\n        <div className=\"cobalt-PillGroup__Item\" key={index}>\n          {child}\n        </div>\n      ))}\n    </div>\n  )\n}\n\nexport default Pill\n"],"names":[],"mappings":";;;;AAIA,MAAM,SAAS,GAAG,EAAE,CAAA;MAUP,IAAI,GAAG,CAAC,EACnB,IAAI,EACJ,KAAK,GAAG,MAAM,EACd,QAAQ,EACR,SAAS,EACT,SAAS,EACT,IAAI,GACU,KAAI;IAClB,MAAM,UAAU,GAAG,IAAI,IACrB,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,mBAAmB,EAAA;AACjC,QAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EACH,MAAM,EAAE,IAAI,EACZ,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,SAAS,GAAG,OAAO,GAAG,KAAK,EAAA,CAClC,CACG,IACL,IAAI,CAAA;IAER,QACE,6BACE,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,aAAa,EAAE;YACtC,2BAA2B,EAAE,KAAK,KAAK,SAAS;AAChD,YAAA,wBAAwB,EAAE,SAAS;YACnC,oBAAoB,EAAE,IAAI,KAAK,OAAO;SACvC,CAAC,EAAA;QAED,UAAU;;QAAG,QAAQ,CAClB,EACP;AACH,EAAC;MAMY,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAsB,KAAI;AAC5D,IAAA,QACE,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,kBAAkB,IAC9B,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,MAC3C,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,wBAAwB,EAAC,GAAG,EAAE,KAAK,IAC/C,KAAK,CACF,CACP,CAAC,CACE,EACP;AACH;;;;"}

package/icons/ev-cable.js

@@ -0,0 +1,4 @@
+var evCable = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M4.848 19v2h1.16v-2h1.743v2h1.16l.001-.968V19h.968v-4c0-.55-.45-1-1-1h-1V7c0-1.1.9-2 2-2s2 .9 2 2v10c0 2.21 1.79 4 4 4s4-1.79 4-4v-7h1c.55 0 1-.45 1-1V5h-.968V3h-1.161v2h-1.742V3h-1.161l-.001 2h-.967v4c0 .55.45 1 1 1h1v7c0 1.1-.9 2-2 2s-2-.9-2-2V7c0-2.21-1.79-4-4-4s-4 1.79-4 4v7h-1c-.55 0-1 .45-1 1v4h.968z\"/></svg>";
+
+export { evCable as default };
+//# sourceMappingURL=ev-cable.js.map

package/icons/ev-cable.js.map

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

package/icons/ev-cable.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M4.848 19v2h1.16v-2h1.743v2h1.16l.001-.968V19h.968v-4c0-.55-.45-1-1-1h-1V7c0-1.1.9-2 2-2s2 .9 2 2v10c0 2.21 1.79 4 4 4s4-1.79 4-4v-7h1c.55 0 1-.45 1-1V5h-.968V3h-1.161v2h-1.742V3h-1.161l-.001 2h-.967v4c0 .55.45 1 1 1h1v7c0 1.1-.9 2-2 2s-2-.9-2-2V7c0-2.21-1.79-4-4-4s-4 1.79-4 4v7h-1c-.55 0-1 .45-1 1v4h.968Z"/></svg>

package/icons/ev-charger.js

@@ -0,0 +1,4 @@
+var evCharger = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M8.444 18.32l2.05-3.32H9.258v-2.49l-2.026 3.32h1.21v2.49zm-2.725-8.016h6.264V4.897H5.72v5.407zm0 8.822h6.264v-7.399H5.72v7.4zM3.88 21V4.897c0-.522.18-.968.536-1.34A1.74 1.74 0 015.72 3h6.264c.513 0 .951.186 1.316.557.365.372.547.818.547 1.34v7.139h1.7c.342 0 .633.122.873.367.241.245.361.534.361.866v5.265a.97.97 0 00.373.782c.248.206.535.309.861.309.342 0 .66-.103.955-.309.295-.205.443-.466.443-.782v-9.32h-.257a.875.875 0 01-.652-.261.909.909 0 01-.256-.664V5.964h.466V4.708h.885v1.256h.908V4.708h.908v1.256h.466V8.29a.89.89 0 01-.268.664.886.886 0 01-.64.26h-.256v9.32a2.23 2.23 0 01-.815 1.767 2.81 2.81 0 01-1.887.7c-.698 0-1.3-.233-1.804-.7-.505-.466-.757-1.055-.757-1.766V13.27c0 .031.008.055.023.07.016.017.04.025.07.025h-1.7V21H3.88zm8.104-1.873H5.72h6.264z\"/></svg>";
+
+export { evCharger as default };
+//# sourceMappingURL=ev-charger.js.map

package/icons/ev-charger.js.map

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

package/icons/ev-charger.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m8.444 18.32 2.05-3.32H9.258v-2.49l-2.026 3.32h1.21v2.49Zm-2.725-8.016h6.264V4.897H5.72v5.407Zm0 8.822h6.264v-7.399H5.72v7.4ZM3.88 21V4.897c0-.522.18-.968.536-1.34A1.74 1.74 0 0 1 5.72 3h6.264c.513 0 .951.186 1.316.557.365.372.547.818.547 1.34v7.139h1.7c.342 0 .633.122.873.367.241.245.361.534.361.866v5.265c0 .316.124.577.373.782.248.206.535.309.861.309.342 0 .66-.103.955-.309.295-.205.443-.466.443-.782v-9.32h-.257a.875.875 0 0 1-.652-.261.909.909 0 0 1-.256-.664V5.964h.466V4.708h.885v1.256h.908V4.708h.908v1.256h.466V8.29c0 .268-.09.49-.268.664a.886.886 0 0 1-.64.26h-.256v9.32c0 .712-.272 1.301-.815 1.767a2.81 2.81 0 0 1-1.887.7c-.698 0-1.3-.233-1.804-.7-.505-.466-.757-1.055-.757-1.766v-5.265c0 .031.008.055.023.07.016.017.04.025.07.025h-1.7V21H3.88Zm8.104-1.873H5.72h6.264Z"/></svg>

package/icons/index.js

@@ -97,6 +97,8 @@ export { default as earth } from './earth.js';
 export { default as edit } from './edit.js';
 export { default as electric } from './electric.js';
 export { default as evBattery } from './ev-battery.js';
+export { default as evCable } from './ev-cable.js';
+export { default as evCharger } from './ev-charger.js';
 export { default as externalLink } from './external-link.js';
 export { default as eyeClosed } from './eye-closed.js';
 export { default as eyeOpened } from './eye-opened.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/index.js

@@ -142,6 +142,8 @@ export { default as EarthIcon } from './components/Icon/__generated__/EarthIcon.
 export { default as EditIcon } from './components/Icon/__generated__/EditIcon.js';
 export { default as ElectricIcon } from './components/Icon/__generated__/ElectricIcon.js';
 export { default as EvBatteryIcon } from './components/Icon/__generated__/EvBatteryIcon.js';
+export { default as EvCableIcon } from './components/Icon/__generated__/EvCableIcon.js';
+export { default as EvChargerIcon } from './components/Icon/__generated__/EvChargerIcon.js';
 export { default as ExternalLinkIcon } from './components/Icon/__generated__/ExternalLinkIcon.js';
 export { default as EyeClosedIcon } from './components/Icon/__generated__/EyeClosedIcon.js';
 export { default as EyeIcon } from './components/Icon/__generated__/EyeIcon.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.19.1",
+  "version": "0.20.0",
   "description": "Opinionated design system for Drivy's projects.",
   "main": "src/index.js",
   "types": "types/index.d.ts",
@@ -27,8 +27,8 @@
     "@reach/visually-hidden": "0.16.0",
     "@react-spring/web": "9.3.0",
     "@tippyjs/react": "4.2.6",
-    "classnames": "2.3.1",
-    "date-fns": "2.29.2",
+    "classnames": "2.3.2",
+    "date-fns": "2.29.3",
     "lodash.throttle": "4.1.1",
     "media-typer": "1.1.0",
     "nanoid": "3.3.4",
@@ -41,19 +41,19 @@
     "react-dom": "^17.0.2"
   },
   "devDependencies": {
-    "@getaround-eu/babel-preset-app": "0.5.2",
-    "@getaround-eu/eslint-config": "1.7.2",
+    "@getaround-eu/babel-preset-app": "0.5.3",
+    "@getaround-eu/eslint-config": "1.7.3",
     "@getaround-eu/prettier-config": "1.2.0",
-    "@getaround-eu/stylelint-config": "1.2.2",
-    "@getaround-eu/ts-config": "2.1.0",
+    "@getaround-eu/stylelint-config": "1.2.3",
+    "@getaround-eu/ts-config": "2.2.0",
     "@percy/storybook": "3.3.1",
     "@rollup/plugin-json": "4.1.0",
-    "@rushstack/eslint-patch": "1.1.4",
-    "@storybook/addon-essentials": "6.5.10",
-    "@storybook/addons": "6.5.10",
-    "@storybook/builder-webpack5": "6.5.10",
-    "@storybook/manager-webpack5": "6.5.10",
-    "@storybook/react": "6.5.10",
+    "@rushstack/eslint-patch": "1.2.0",
+    "@storybook/addon-essentials": "6.5.12",
+    "@storybook/addons": "6.5.12",
+    "@storybook/builder-webpack5": "6.5.12",
+    "@storybook/manager-webpack5": "6.5.12",
+    "@storybook/react": "6.5.12",
     "@svgr/cli": "6.3.1",
     "@testing-library/jest-dom": "5.16.5",
     "@testing-library/react": "12.1.5",
@@ -64,10 +64,10 @@
     "@types/media-typer": "1.1.1",
     "@types/react": "17.0.49",
     "@whitespace/storybook-addon-html": "^5.0.0",
-    "autoprefixer": "10.4.8",
+    "autoprefixer": "10.4.12",
     "core-js": "3.24.1",
     "css-loader": "6.7.1",
-    "eslint": "8.23.0",
+    "eslint": "8.24.0",
     "jest": "27.5.1",
     "nested-object-access": "^0.2.5",
     "np": "7.6.2",
@@ -83,13 +83,13 @@
     "rollup-plugin-copy": "3.4.0",
     "rollup-plugin-postcss": "4.0.2",
     "rollup-plugin-svgo": "1.1.0",
-    "rollup-plugin-typescript2": "0.33.0",
-    "sass": "1.54.8",
+    "rollup-plugin-typescript2": "0.34.0",
+    "sass": "1.54.9",
     "sass-loader": "12.6.0",
-    "sharp": "0.30.7",
+    "sharp": "0.31.0",
     "sharp-cli": "2.1.1",
     "style-loader": "3.3.1",
-    "stylelint": "14.11.0",
+    "stylelint": "14.13.0",
     "svg2vectordrawable": "2.9.1",
     "svgo": "2.8.0",
     "ts-jest": "27.1.5",
@@ -111,6 +111,7 @@
     "storybook": "start-storybook -p 6006",
     "storybook:build": "build-storybook",
     "build:icons": "./scripts/buildIcons.sh",
+    "build:theme": "ts-node-esm ./scripts/buildThemeCSSVariables.ts",
     "test": "jest",
     "percy": "build-storybook && percy-storybook --widths=320,1280",
     "typecheck": "tsc",

package/styles/components/Button/legacy.scss

@@ -41,7 +41,7 @@ $group-item-spacing: spacing(tight);
   align-items: center;
   justify-content: center;
   border-style: solid;
-  border-color: color(acier);
+  border-color: color(grey);
 
   color: color(indigo);
   text-decoration: none;
@@ -74,11 +74,11 @@ $group-item-spacing: spacing(tight);
   }
 
   &:active {
-    border-color: color(asphalt);
+    border-color: color(indigo, dark);
 
-    color: color(asphalt);
+    color: color(indigo, dark);
 
-    fill: color(asphalt);
+    fill: color(indigo, dark);
     box-shadow: none;
 
     transform: translateY(0);
@@ -124,14 +124,14 @@ $group-item-spacing: spacing(tight);
     &[disabled][disabled],
     &[data-disabled]:not([data-disabled="false"]),
     &.cobalt-Button--disabled {
-      border-color: color(acier);
+      border-color: color(grey);
 
       color: color(graphite, light);
 
       opacity: 0.7;
       cursor: default;
-      background-color: color(acier, lighter);
-      fill: color(acier);
+      background-color: color(grey, lighter);
+      fill: color(grey);
       box-shadow: none;
       pointer-events: none;
     }
@@ -186,7 +186,7 @@ $group-item-spacing: spacing(tight);
     }
 
     &--destructive {
-      $color: color(essence);
+      $color: color(red);
       color: $color;
 
       fill: $color;
@@ -210,18 +210,14 @@ $group-item-spacing: spacing(tight);
     }
 
     &--primary {
-      @include button-filled(
-        color(asphalt, light),
-        color(indigo),
-        color(asphalt)
-      );
+      @include button-filled(color(purple), color(indigo), color(indigo, dark));
     }
 
     &--primary.cobalt-Button--destructive {
       @include button-filled(
-        color(essence),
-        darken(color(essence), 3),
-        darken(color(essence), 6)
+        color(red),
+        darken(color(red), 3),
+        darken(color(red), 6)
       );
     }
 
@@ -258,7 +254,7 @@ $group-item-spacing: spacing(tight);
 
     &--ghost.cobalt-Button--destructive {
       &:hover {
-        background-color: rgba(color(essence), 0.06);
+        background-color: rgba(color(red), 0.06);
       }
     }
 

package/styles/components/Callout/index.scss

@@ -14,15 +14,15 @@
   }
 
   &Callout--info {
-    @include card-strip(aller);
+    @include card-strip(turquoise);
   }
 
   &Callout--success {
-    @include card-strip(signal);
+    @include card-strip(green);
   }
 
   &Callout--error {
-    @include card-strip(essence);
+    @include card-strip(red);
   }
 
   &Callout__Title {

package/styles/components/Card/index.scss

@@ -28,7 +28,7 @@
   }
 
   &Card__Section--subdued {
-    background-color: color(acier, lighter);
+    background-color: color(grey, lighter);
   }
 
   &Card__Section + &Card__Section--divided {

package/styles/components/Chip/index.scss

@@ -47,7 +47,7 @@ $chip-large-height: 50px;
   }
 
   &Chip--disabled {
-    background-color: color(acier);
+    background-color: color(grey);
     opacity: 0.5;
   }
 

package/styles/components/Form/Autocomplete/index.scss

@@ -2,7 +2,7 @@
 
 .cobalt-Autocomplete {
   $border-color: color(indigo);
-  $border-separator-popover-color: color(acier, light);
+  $border-separator-popover-color: color(grey, light);
   $selected-item-color: color(purple);
   $selected-item-background-color: color(grey, lighter);
   $selected-item-background-darken-color: darken(

package/styles/components/Form/CheckablePill.scss

@@ -38,7 +38,7 @@
     height: $height;
     box-sizing: border-box;
     padding: 0 spacing(base);
-    border: $border-width solid color(acier);
+    border: $border-width solid color(grey);
 
     line-height: $height - $border-width * 2;
     color: $main-color-light;
@@ -72,16 +72,16 @@
   &__Input:focus + #{ $self }__Label:after {
     position: absolute;
 
-    box-shadow: 0 0 0 1px color(aller);
+    box-shadow: 0 0 0 1px color(turquoise);
     content: "";
   }
 
   &__Input:disabled + #{ $self }__Label {
-    border: $border-width solid color(acier);
+    border: $border-width solid color(grey);
 
     cursor: default;
     box-shadow: none;
-    background-color: color(acier, light);
+    background-color: color(grey, light);
     opacity: 0.8;
 
     transform: none;
@@ -111,7 +111,7 @@
 
   &--error {
     #{ $self }__Input + #{ $self }__Label {
-      border-color: color(essence);
+      border-color: color(red);
 
       color: $main-color-light;
 
@@ -123,7 +123,7 @@
 
       color: color(white);
 
-      background-color: color(essence);
+      background-color: color(red);
 
       .cobalt-Icon {
         fill: color(white);

package/styles/components/Form/Checkmark.scss

@@ -4,7 +4,7 @@
   &CheckmarkField {
     $self: &;
 
-    $disabled-color: color(acier, dark);
+    $disabled-color: color(grey, dark);
     $error-color: $form-element--error-color;
 
     $radio-checkmark-size: 20px;

package/styles/components/Form/Fieldset.scss

@@ -3,7 +3,7 @@
     $border-width: 1px;
 
     padding: (spacing(tight) -$border-width) 0 0 0;
-    border-top: $border-width solid color(acier, light);
+    border-top: $border-width solid color(grey, light);
 
     & > legend {
       @include text-style-title-small;

package/styles/components/Form/Select.scss

@@ -26,7 +26,7 @@
 
       // select placeholder
       &:invalid {
-        color: color(acier, dark) !important;
+        color: color(grey, dark) !important;
       }
 
       &[disabled] {

package/styles/components/Form/Stepper.scss

@@ -66,7 +66,7 @@
 
     &--disabled {
       .cobalt-Stepper__ContentWrapper {
-        color: color(acier);
+        color: color(grey);
       }
     }