@drivy/cobalt 3.0.2 → 3.0.3

package/cjs/tokens/icons.js

@@ -98,6 +98,7 @@ const icons = {
 	crosshover: "crosshover.svg",
 	cruiseControl: "cruise-control.svg",
 	dashcam: "dashcam.svg",
+	diamond: "diamond.svg",
 	directions: "directions.svg",
 	document: "document.svg",
 	dotHorizontal: "dot-horizontal.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/Icon/__generated__/DiamondIcon.js

@@ -0,0 +1,19 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import cx from 'classnames';
+import 'lodash.throttle';
+import camelize from '../../utils/camelize.js';
+
+const iconSource = "diamond";
+const DiamondIcon = ({ color, size = 24, contained = false, className, }) => {
+    const computedClassName = cx(className, `cobalt-Icon cobalt-Icon--${iconSource}`, {
+        [`c-fill-${camelize(color || "")}`]: color,
+        "cobalt-Icon--size16": size === 16,
+        "cobalt-Icon--size20": size === 20,
+        "cobalt-Icon--size32": size === 32,
+        "cobalt-Icon--contained": contained,
+    });
+    return (jsx("span", { className: computedClassName, children: jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: [jsx("title", { children: iconSource }), jsx("path", { d: "M11.438 9.938v11.934L1.74 9.938zM12.563 21.872V9.938h9.696zM22.294 8.813h-6.03l2.756-5.82zM7.736 8.813h-6.03l3.273-5.82zM14.486 8.813H9.514L12 3.564zM8.625 8.06 6.05 2.625h5.15zM15.375 8.06 12.8 2.625h5.15z" })] }) }));
+};
+
+export { DiamondIcon as default };
+//# sourceMappingURL=DiamondIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DiamondIcon.js","sources":["../../../../src/components/Icon/__generated__/DiamondIcon.tsx"],"sourcesContent":["import cx from \"classnames\"\nimport { camelize } from \"../../utils\"\nimport type { IconColorsType } from \"../\"\nexport type IconProps = {\n  color?: IconColorsType\n  size?: 16 | 20 | 24 | 32\n  contained?: boolean\n  className?: string\n}\nconst iconSource = \"diamond\"\nconst DiamondIcon = ({\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      [`c-fill-${camelize(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  return (\n    <span className={computedClassName}>\n      {\n        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n          <title>{iconSource}</title>\n          <path d=\"M11.438 9.938v11.934L1.74 9.938zM12.563 21.872V9.938h9.696zM22.294 8.813h-6.03l2.756-5.82zM7.736 8.813h-6.03l3.273-5.82zM14.486 8.813H9.514L12 3.564zM8.625 8.06 6.05 2.625h5.15zM15.375 8.06 12.8 2.625h5.15z\" />\n        </svg>\n      }\n    </span>\n  )\n}\nexport default DiamondIcon\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;AASA,MAAM,UAAU,GAAG,SAAS,CAAA;AAC5B,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,OAAA,EAAU,QAAQ,CAAC,KAAK,IAAI,EAAE,CAAC,CAAA,CAAE,GAAG,KAAK;QAC1C,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;IACD,QACEA,GAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,iBAAiB,EAE9B,QAAA,EAAAC,IAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW,EAAA,QAAA,EAAA,CACzDD,GAAQ,CAAA,OAAA,EAAA,EAAA,QAAA,EAAA,UAAU,EAAS,CAAA,EAC3BA,GAAM,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,gNAAgN,EAAG,CAAA,CAAA,EAAA,CACvN,EAEH,CAAA,EACR;AACH;;;;"}

package/icons/diamond.js

@@ -0,0 +1,4 @@
+var diamond = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M11.438 9.938v11.934L1.74 9.938zm1.125 11.934V9.938h9.696zm9.731-13.059h-6.03l2.756-5.82zm-14.558 0h-6.03l3.273-5.82zm6.75 0H9.514L12 3.564zM8.625 8.06 6.05 2.625h5.15zm6.75 0L12.8 2.625h5.15z\"/></svg>";
+
+export { diamond as default };
+//# sourceMappingURL=diamond.js.map

package/icons/diamond.js.map

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

package/icons/diamond.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11.438 9.938v11.934L1.74 9.938zM12.563 21.872V9.938h9.696zM22.294 8.813h-6.03l2.756-5.82zM7.736 8.813h-6.03l3.273-5.82zM14.486 8.813H9.514L12 3.564zM8.625 8.06 6.05 2.625h5.15zM15.375 8.06 12.8 2.625h5.15z"/></svg>

package/icons/index.js

@@ -93,6 +93,7 @@ export { default as creditCardError } from './credit-card-error.js';
 export { default as crosshover } from './crosshover.js';
 export { default as cruiseControl } from './cruise-control.js';
 export { default as dashcam } from './dashcam.js';
+export { default as diamond } from './diamond.js';
 export { default as directions } from './directions.js';
 export { default as document } from './document.js';
 export { default as dotHorizontal } from './dot-horizontal.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

@@ -160,6 +160,7 @@ export { default as CreditCardIcon } from './components/Icon/__generated__/Credi
 export { default as CrosshoverIcon } from './components/Icon/__generated__/CrosshoverIcon.js';
 export { default as CruiseControlIcon } from './components/Icon/__generated__/CruiseControlIcon.js';
 export { default as DashcamIcon } from './components/Icon/__generated__/DashcamIcon.js';
+export { default as DiamondIcon } from './components/Icon/__generated__/DiamondIcon.js';
 export { default as DirectionsIcon } from './components/Icon/__generated__/DirectionsIcon.js';
 export { default as DocumentIcon } from './components/Icon/__generated__/DocumentIcon.js';
 export { default as DotHorizontalIcon } from './components/Icon/__generated__/DotHorizontalIcon.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": "3.0.2",
+  "version": "3.0.3",
   "description": "Opinionated design system for Drivy's projects.",
   "main": "index.js",
   "types": "types/src/index.d.ts",

package/tokens/icons.js

@@ -94,6 +94,7 @@ const icons = {
 	crosshover: "crosshover.svg",
 	cruiseControl: "cruise-control.svg",
 	dashcam: "dashcam.svg",
+	diamond: "diamond.svg",
 	directions: "directions.svg",
 	document: "document.svg",
 	dotHorizontal: "dot-horizontal.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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/types/src/components/Icon/__generated__/DiamondIcon.d.ts

@@ -0,0 +1,9 @@
+import type { IconColorsType } from "../";
+export type IconProps = {
+    color?: IconColorsType;
+    size?: 16 | 20 | 24 | 32;
+    contained?: boolean;
+    className?: string;
+};
+declare const DiamondIcon: ({ color, size, contained, className, }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default DiamondIcon;

package/types/src/components/Icon/__generated__/index.d.ts

@@ -93,6 +93,7 @@ export { default as CreditCardIcon } from "./CreditCardIcon";
 export { default as CrosshoverIcon } from "./CrosshoverIcon";
 export { default as CruiseControlIcon } from "./CruiseControlIcon";
 export { default as DashcamIcon } from "./DashcamIcon";
+export { default as DiamondIcon } from "./DiamondIcon";
 export { default as DirectionsIcon } from "./DirectionsIcon";
 export { default as DocumentIcon } from "./DocumentIcon";
 export { default as DotHorizontalIcon } from "./DotHorizontalIcon";

package/types/src/icons/index.d.ts

@@ -93,6 +93,7 @@ export { default as creditCardError } from "./credit-card-error.svg";
 export { default as crosshover } from "./crosshover.svg";
 export { default as cruiseControl } from "./cruise-control.svg";
 export { default as dashcam } from "./dashcam.svg";
+export { default as diamond } from "./diamond.svg";
 export { default as directions } from "./directions.svg";
 export { default as document } from "./document.svg";
 export { default as dotHorizontal } from "./dot-horizontal.svg";

package/types/src/tokens/index.d.ts

@@ -115,6 +115,7 @@ export declare const icons: {
         crosshover: string;
         cruiseControl: string;
         dashcam: string;
+        diamond: string;
         directions: string;
         document: string;
         dotHorizontal: string;