@drivy/cobalt 3.0.1 → 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/components/MarketingNote/index.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import cx from 'classnames';
 
-const MarketingNote = ({ children, title, icon, className, variant, }) => (jsxs("div", { className: cx(`cobalt-marketing-note cobalt-marketing-note--${variant}`, className), children: [icon && (jsx("div", { className: "cobalt-marketing-note__icon-container", children: icon })), jsxs("div", { className: "c-flex-1", children: [title && jsx("div", { className: "c-font-bold", children: title }), children] })] }));
+const MarketingNote = ({ children, title, icon, className, variant, compact = false, }) => (jsxs("div", { className: cx(`cobalt-marketing-note cobalt-marketing-note--${variant}`, className, { "cobalt-marketing-note--compact": compact }), children: [icon && (jsx("div", { className: "cobalt-marketing-note__icon-container", children: icon })), jsxs("div", { className: "cobalt-marketing-note__content", children: [title && jsx("div", { className: "c-font-bold", children: title }), children] })] }));
 
 export { MarketingNote };
 //# sourceMappingURL=index.js.map

package/components/MarketingNote/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/MarketingNote/index.tsx"],"sourcesContent":["import cx from \"classnames\"\nimport type { PropsWithChildren } from \"react\"\n\nexport type MarketingNoteProps = PropsWithChildren<{\n  variant: \"success\" | \"tertiary\"\n  title?: string\n  icon?: React.JSX.Element\n  className?: string\n}>\n\nexport const MarketingNote = ({\n  children,\n  title,\n  icon,\n  className,\n  variant,\n}: MarketingNoteProps) => (\n  <div\n    className={cx(\n      `cobalt-marketing-note cobalt-marketing-note--${variant}`,\n      className,\n    )}\n  >\n    {icon && (\n      <div className=\"cobalt-marketing-note__icon-container\">{icon}</div>\n    )}\n\n    <div className=\"c-flex-1\">\n      {title && <div className=\"c-font-bold\">{title}</div>}\n      {children}\n    </div>\n  </div>\n)\n"],"names":["_jsxs","_jsx"],"mappings":";;;AAUO,MAAM,aAAa,GAAG,CAAC,EAC5B,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,SAAS,EACT,OAAO,GACY,MACnBA,IACE,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CACX,CAAA,6CAAA,EAAgD,OAAO,CAAA,CAAE,EACzD,SAAS,CACV,EAEA,QAAA,EAAA,CAAA,IAAI,KACHC,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,uCAAuC,EAAE,QAAA,EAAA,IAAI,EAAO,CAAA,CACpE,EAEDD,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,UAAU,EACtB,QAAA,EAAA,CAAA,KAAK,IAAIC,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,aAAa,EAAA,QAAA,EAAE,KAAK,EAAA,CAAO,EACnD,QAAQ,CACL,EAAA,CAAA,CAAA,EAAA,CACF;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/MarketingNote/index.tsx"],"sourcesContent":["import cx from \"classnames\"\nimport type { PropsWithChildren } from \"react\"\n\nexport type MarketingNoteProps = PropsWithChildren<{\n  variant: \"success\" | \"tertiary\"\n  title?: string\n  icon?: React.JSX.Element\n  compact?: boolean\n  className?: string\n}>\n\nexport const MarketingNote = ({\n  children,\n  title,\n  icon,\n  className,\n  variant,\n  compact = false,\n}: MarketingNoteProps) => (\n  <div\n    className={cx(\n      `cobalt-marketing-note cobalt-marketing-note--${variant}`,\n      className,\n      { \"cobalt-marketing-note--compact\": compact },\n    )}\n  >\n    {icon && (\n      <div className=\"cobalt-marketing-note__icon-container\">{icon}</div>\n    )}\n\n    <div className=\"cobalt-marketing-note__content\">\n      {title && <div className=\"c-font-bold\">{title}</div>}\n      {children}\n    </div>\n  </div>\n)\n"],"names":["_jsxs","_jsx"],"mappings":";;;AAWO,MAAM,aAAa,GAAG,CAAC,EAC5B,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,SAAS,EACT,OAAO,EACP,OAAO,GAAG,KAAK,GACI,MACnBA,IACE,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CACX,CAAgD,6CAAA,EAAA,OAAO,CAAE,CAAA,EACzD,SAAS,EACT,EAAE,gCAAgC,EAAE,OAAO,EAAE,CAC9C,EAAA,QAAA,EAAA,CAEA,IAAI,KACHC,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,uCAAuC,EAAA,QAAA,EAAE,IAAI,EAAA,CAAO,CACpE,EAEDD,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,gCAAgC,EAC5C,QAAA,EAAA,CAAA,KAAK,IAAIC,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,aAAa,EAAE,QAAA,EAAA,KAAK,GAAO,EACnD,QAAQ,CACL,EAAA,CAAA,CAAA,EAAA,CACF;;;;"}

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.1",
+  "version": "3.0.3",
   "description": "Opinionated design system for Drivy's projects.",
   "main": "index.js",
   "types": "types/src/index.d.ts",

package/styles/components/MarketingNote/index.scss

@@ -5,6 +5,28 @@
   align-items: flex-start;
 }
 
+.cobalt-marketing-note__icon-container {
+  --icon-container-size: 28px;
+
+  display: flex;
+
+  justify-content: center;
+  align-items: center;
+
+  width: var(--icon-container-size);
+  height: var(--icon-container-size);
+}
+
+.cobalt-marketing-note__icon-container .cobalt-Icon {
+  width: 100%;
+  height: 100%;
+}
+
+.cobalt-marketing-note__content {
+  flex: 1 1 0%;
+  align-self: center;
+}
+
 .cobalt-marketing-note.cobalt-marketing-note--success {
   @apply c-bg-successContainer c-text-onSuccessContainer;
 
@@ -21,19 +43,12 @@
   }
 }
 
-.cobalt-marketing-note__icon-container {
-  --icon-container-size: 28px;
-
-  display: flex;
-
-  justify-content: center;
-  align-items: center;
+.cobalt-marketing-note.cobalt-marketing-note--compact {
+  @apply c-rounded-lg c-py-xs;
 
-  width: var(--icon-container-size);
-  height: var(--icon-container-size);
-}
+  padding-left: 0.75rem;
 
-.cobalt-marketing-note__icon-container .cobalt-Icon {
-  width: 100%;
-  height: 100%;
+  .cobalt-marketing-note__icon-container {
+    --icon-container-size: 20px;
+  }
 }

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/components/MarketingNote/index.d.ts

@@ -3,6 +3,7 @@ export type MarketingNoteProps = PropsWithChildren<{
     variant: "success" | "tertiary";
     title?: string;
     icon?: React.JSX.Element;
+    compact?: boolean;
     className?: string;
 }>;
-export declare const MarketingNote: ({ children, title, icon, className, variant, }: MarketingNoteProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MarketingNote: ({ children, title, icon, className, variant, compact, }: MarketingNoteProps) => import("react/jsx-runtime").JSX.Element;

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;