jvetrau-ds 0.2.25 → 0.2.27

package/components/form-message/form-message.cjs

@@ -5,6 +5,7 @@ require('./form-message.css');
 var classnames = require('../helpers/classnames');
 
 const FormMessageItem = ({
+  status = "default",
   children,
   className = "",
   ...props
@@ -12,19 +13,25 @@ const FormMessageItem = ({
   const classes = classnames.classnames(
     "form-message__item",
     className,
-    {}
+    {
+      "form-message__item--default": status === "default",
+      "form-message__item--success": status === "success",
+      "form-message__item--warning": status === "warning",
+      "form-message__item--error": status === "error"
+    }
   );
+  const role = status === "error" ? "alert" : status === "success" || status === "warning" ? "status" : void 0;
   return /* @__PURE__ */ jsxRuntime.jsx(
     "p",
     {
       ...props,
       className: classes,
+      role,
       children
     }
   );
 };
 const FormMessage = ({
-  status,
   children,
   className = "",
   ...props
@@ -32,20 +39,13 @@ const FormMessage = ({
   const classes = classnames.classnames(
     "form-message",
     className,
-    {
-      "form-message--info": status === "info",
-      "form-message--success": status === "success",
-      "form-message--warning": status === "warning",
-      "form-message--error": status === "error"
-    }
+    {}
   );
-  const role = status === "error" ? "alert" : "status";
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
       ...props,
       className: classes,
-      role,
       children
     }
   );

package/components/form-message/form-message.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/form-message/form-message.tsx"],"names":["classnames","jsx"],"mappings":";;;;;;AA4BA,MAAM,kBAEF,CAAC;AAAA,EACH,QAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,MAAM,OAAA,GAAUA,qBAAA;AAAA,IACd,oBAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAC,GACH;AAEA,EAAA,uBACEC,cAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,SAAA,EAAW,OAAA;AAAA,MAEV;AAAA;AAAA,GACH;AAEJ,CAAA;AAOA,MAAM,cAAoC,CAAC;AAAA,EACzC,MAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,MAAM,OAAA,GAAUD,qBAAA;AAAA,IACd,cAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAA,MACE,sBACE,MAAA,KAAW,MAAA;AAAA,MACb,yBACE,MAAA,KAAW,SAAA;AAAA,MACb,yBACE,MAAA,KAAW,SAAA;AAAA,MACb,uBACE,MAAA,KAAW;AAAA;AACf,GACF;AAEA,EAAA,MAAM,IAAA,GACJ,MAAA,KAAW,OAAA,GACP,OAAA,GACA,QAAA;AAEN,EAAA,uBACEC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,SAAA,EAAW,OAAA;AAAA,MACX,IAAA;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ,CAAA;AAEA,WAAA,CAAY,IAAA,GAAO,eAAA;AAEnB,IAAO,oBAAA,GAAQ","file":"form-message.cjs","sourcesContent":["import React from 'react';\n\nimport './form-message.css';\nimport { classnames } from '../helpers/classnames';\n\nexport type FormMessageStatus =\n  | 'info'\n  | 'success'\n  | 'warning'\n  | 'error';\n\nexport interface FormMessageProps\n  extends Omit<\n    React.HTMLAttributes<HTMLDivElement>,\n    'children'\n  > {\n  status: FormMessageStatus;\n  children: React.ReactNode;\n}\n\nexport interface FormMessageItemProps\n  extends Omit<\n    React.HTMLAttributes<HTMLParagraphElement>,\n    'children'\n  > {\n  children: React.ReactNode;\n}\n\nconst FormMessageItem: React.FC<\n  FormMessageItemProps\n> = ({\n  children,\n  className = '',\n  ...props\n}) => {\n  const classes = classnames(\n    'form-message__item',\n    className,\n    {},\n  );\n\n  return (\n    <p\n      {...props}\n      className={classes}\n    >\n      {children}\n    </p>\n  );\n};\n\ninterface FormMessageComponent\n  extends React.FC<FormMessageProps> {\n  Item: React.FC<FormMessageItemProps>;\n}\n\nconst FormMessage: FormMessageComponent = ({\n  status,\n  children,\n  className = '',\n  ...props\n}) => {\n  const classes = classnames(\n    'form-message',\n    className,\n    {\n      'form-message--info':\n        status === 'info',\n      'form-message--success':\n        status === 'success',\n      'form-message--warning':\n        status === 'warning',\n      'form-message--error':\n        status === 'error',\n    },\n  );\n\n  const role =\n    status === 'error'\n      ? 'alert'\n      : 'status';\n\n  return (\n    <div\n      {...props}\n      className={classes}\n      role={role}\n    >\n      {children}\n    </div>\n  );\n};\n\nFormMessage.Item = FormMessageItem;\n\nexport default FormMessage;\n"]}
+{"version":3,"sources":["../../../src/components/form-message/form-message.tsx"],"names":["classnames","jsx"],"mappings":";;;;;;AA4BA,MAAM,kBAEF,CAAC;AAAA,EACH,MAAA,GAAS,SAAA;AAAA,EACT,QAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,MAAM,OAAA,GAAUA,qBAAA;AAAA,IACd,oBAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAA,MACE,+BACE,MAAA,KAAW,SAAA;AAAA,MACb,+BACE,MAAA,KAAW,SAAA;AAAA,MACb,+BACE,MAAA,KAAW,SAAA;AAAA,MACb,6BACE,MAAA,KAAW;AAAA;AACf,GACF;AAEA,EAAA,MAAM,IAAA,GACJ,WAAW,OAAA,GACP,OAAA,GACA,WAAW,SAAA,IACT,MAAA,KAAW,YACX,QAAA,GACA,MAAA;AAER,EAAA,uBACEC,cAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,SAAA,EAAW,OAAA;AAAA,MACX,IAAA;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ,CAAA;AAOA,MAAM,cAAoC,CAAC;AAAA,EACzC,QAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,MAAM,OAAA,GAAUD,qBAAA;AAAA,IACd,cAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAC,GACH;AAEA,EAAA,uBACEC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,SAAA,EAAW,OAAA;AAAA,MAEV;AAAA;AAAA,GACH;AAEJ,CAAA;AAEA,WAAA,CAAY,IAAA,GAAO,eAAA;AAEnB,IAAO,oBAAA,GAAQ","file":"form-message.cjs","sourcesContent":["import React from 'react';\n\nimport './form-message.css';\nimport { classnames } from '../helpers/classnames';\n\nexport type FormMessageStatus =\n  | 'default'\n  | 'success'\n  | 'warning'\n  | 'error';\n\nexport interface FormMessageProps\n  extends Omit<\n    React.HTMLAttributes<HTMLDivElement>,\n    'children'\n  > {\n  children: React.ReactNode;\n}\n\nexport interface FormMessageItemProps\n  extends Omit<\n    React.HTMLAttributes<HTMLParagraphElement>,\n    'children'\n  > {\n  status?: FormMessageStatus;\n  children: React.ReactNode;\n}\n\nconst FormMessageItem: React.FC<\n  FormMessageItemProps\n> = ({\n  status = 'default',\n  children,\n  className = '',\n  ...props\n}) => {\n  const classes = classnames(\n    'form-message__item',\n    className,\n    {\n      'form-message__item--default':\n        status === 'default',\n      'form-message__item--success':\n        status === 'success',\n      'form-message__item--warning':\n        status === 'warning',\n      'form-message__item--error':\n        status === 'error',\n    },\n  );\n\n  const role =\n    status === 'error'\n      ? 'alert'\n      : status === 'success' ||\n          status === 'warning'\n        ? 'status'\n        : undefined;\n\n  return (\n    <p\n      {...props}\n      className={classes}\n      role={role}\n    >\n      {children}\n    </p>\n  );\n};\n\ninterface FormMessageComponent\n  extends React.FC<FormMessageProps> {\n  Item: React.FC<FormMessageItemProps>;\n}\n\nconst FormMessage: FormMessageComponent = ({\n  children,\n  className = '',\n  ...props\n}) => {\n  const classes = classnames(\n    'form-message',\n    className,\n    {},\n  );\n\n  return (\n    <div\n      {...props}\n      className={classes}\n    >\n      {children}\n    </div>\n  );\n};\n\nFormMessage.Item = FormMessageItem;\n\nexport default FormMessage;\n"]}

package/components/form-message/form-message.css

@@ -38,14 +38,19 @@
   /* motion */
 }
 
-.form-message--info {
+.form-message__item {
   /* color */
-  --form-message-color:
-    var(--color-text);
+  --form-message-item-color:
+    var(--form-message-color);
+
+  color: var(--form-message-item-color);
 
   /* typography */
+  font: inherit;
+  letter-spacing: inherit;
 
   /* size */
+  margin: 0;
 
   /* border */
 
@@ -54,10 +59,10 @@
   /* motion */
 }
 
-.form-message--success {
+.form-message__item--default {
   /* color */
-  --form-message-color:
-    var(--color-text-good);
+  --form-message-item-color:
+    var(--form-message-color);
 
   /* typography */
 
@@ -70,10 +75,10 @@
   /* motion */
 }
 
-.form-message--warning {
+.form-message__item--success {
   /* color */
-  --form-message-color:
-    var(--color-text-med);
+  --form-message-item-color:
+    var(--color-text-good);
 
   /* typography */
 
@@ -86,10 +91,10 @@
   /* motion */
 }
 
-.form-message--error {
+.form-message__item--warning {
   /* color */
-  --form-message-color:
-    var(--color-text-bad);
+  --form-message-item-color:
+    var(--color-text-med);
 
   /* typography */
 
@@ -102,16 +107,14 @@
   /* motion */
 }
 
-.form-message__item {
+.form-message__item--error {
   /* color */
-  color: inherit;
+  --form-message-item-color:
+    var(--color-text-bad);
 
   /* typography */
-  font: inherit;
-  letter-spacing: inherit;
 
   /* size */
-  margin: 0;
 
   /* border */
 
@@ -133,4 +136,4 @@
   /* depth */
 
   /* motion */
-}
+}

package/components/form-message/form-message.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
 import './form-message.css';
-export type FormMessageStatus = 'info' | 'success' | 'warning' | 'error';
+export type FormMessageStatus = 'default' | 'success' | 'warning' | 'error';
 export interface FormMessageProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
-    status: FormMessageStatus;
     children: React.ReactNode;
 }
 export interface FormMessageItemProps extends Omit<React.HTMLAttributes<HTMLParagraphElement>, 'children'> {
+    status?: FormMessageStatus;
     children: React.ReactNode;
 }
 interface FormMessageComponent extends React.FC<FormMessageProps> {

package/components/form-message/form-message.js

@@ -3,6 +3,7 @@ import './form-message.css';
 import { classnames } from '../helpers/classnames';
 
 const FormMessageItem = ({
+  status = "default",
   children,
   className = "",
   ...props
@@ -10,19 +11,25 @@ const FormMessageItem = ({
   const classes = classnames(
     "form-message__item",
     className,
-    {}
+    {
+      "form-message__item--default": status === "default",
+      "form-message__item--success": status === "success",
+      "form-message__item--warning": status === "warning",
+      "form-message__item--error": status === "error"
+    }
   );
+  const role = status === "error" ? "alert" : status === "success" || status === "warning" ? "status" : void 0;
   return /* @__PURE__ */ jsx(
     "p",
     {
       ...props,
       className: classes,
+      role,
       children
     }
   );
 };
 const FormMessage = ({
-  status,
   children,
   className = "",
   ...props
@@ -30,20 +37,13 @@ const FormMessage = ({
   const classes = classnames(
     "form-message",
     className,
-    {
-      "form-message--info": status === "info",
-      "form-message--success": status === "success",
-      "form-message--warning": status === "warning",
-      "form-message--error": status === "error"
-    }
+    {}
   );
-  const role = status === "error" ? "alert" : "status";
   return /* @__PURE__ */ jsx(
     "div",
     {
       ...props,
       className: classes,
-      role,
       children
     }
   );

package/components/form-message/form-message.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/form-message/form-message.tsx"],"names":[],"mappings":";;;;AA4BA,MAAM,kBAEF,CAAC;AAAA,EACH,QAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,MAAM,OAAA,GAAU,UAAA;AAAA,IACd,oBAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAC,GACH;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,SAAA,EAAW,OAAA;AAAA,MAEV;AAAA;AAAA,GACH;AAEJ,CAAA;AAOA,MAAM,cAAoC,CAAC;AAAA,EACzC,MAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,MAAM,OAAA,GAAU,UAAA;AAAA,IACd,cAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAA,MACE,sBACE,MAAA,KAAW,MAAA;AAAA,MACb,yBACE,MAAA,KAAW,SAAA;AAAA,MACb,yBACE,MAAA,KAAW,SAAA;AAAA,MACb,uBACE,MAAA,KAAW;AAAA;AACf,GACF;AAEA,EAAA,MAAM,IAAA,GACJ,MAAA,KAAW,OAAA,GACP,OAAA,GACA,QAAA;AAEN,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,SAAA,EAAW,OAAA;AAAA,MACX,IAAA;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ,CAAA;AAEA,WAAA,CAAY,IAAA,GAAO,eAAA;AAEnB,IAAO,oBAAA,GAAQ","file":"form-message.js","sourcesContent":["import React from 'react';\n\nimport './form-message.css';\nimport { classnames } from '../helpers/classnames';\n\nexport type FormMessageStatus =\n  | 'info'\n  | 'success'\n  | 'warning'\n  | 'error';\n\nexport interface FormMessageProps\n  extends Omit<\n    React.HTMLAttributes<HTMLDivElement>,\n    'children'\n  > {\n  status: FormMessageStatus;\n  children: React.ReactNode;\n}\n\nexport interface FormMessageItemProps\n  extends Omit<\n    React.HTMLAttributes<HTMLParagraphElement>,\n    'children'\n  > {\n  children: React.ReactNode;\n}\n\nconst FormMessageItem: React.FC<\n  FormMessageItemProps\n> = ({\n  children,\n  className = '',\n  ...props\n}) => {\n  const classes = classnames(\n    'form-message__item',\n    className,\n    {},\n  );\n\n  return (\n    <p\n      {...props}\n      className={classes}\n    >\n      {children}\n    </p>\n  );\n};\n\ninterface FormMessageComponent\n  extends React.FC<FormMessageProps> {\n  Item: React.FC<FormMessageItemProps>;\n}\n\nconst FormMessage: FormMessageComponent = ({\n  status,\n  children,\n  className = '',\n  ...props\n}) => {\n  const classes = classnames(\n    'form-message',\n    className,\n    {\n      'form-message--info':\n        status === 'info',\n      'form-message--success':\n        status === 'success',\n      'form-message--warning':\n        status === 'warning',\n      'form-message--error':\n        status === 'error',\n    },\n  );\n\n  const role =\n    status === 'error'\n      ? 'alert'\n      : 'status';\n\n  return (\n    <div\n      {...props}\n      className={classes}\n      role={role}\n    >\n      {children}\n    </div>\n  );\n};\n\nFormMessage.Item = FormMessageItem;\n\nexport default FormMessage;\n"]}
+{"version":3,"sources":["../../../src/components/form-message/form-message.tsx"],"names":[],"mappings":";;;;AA4BA,MAAM,kBAEF,CAAC;AAAA,EACH,MAAA,GAAS,SAAA;AAAA,EACT,QAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,MAAM,OAAA,GAAU,UAAA;AAAA,IACd,oBAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAA,MACE,+BACE,MAAA,KAAW,SAAA;AAAA,MACb,+BACE,MAAA,KAAW,SAAA;AAAA,MACb,+BACE,MAAA,KAAW,SAAA;AAAA,MACb,6BACE,MAAA,KAAW;AAAA;AACf,GACF;AAEA,EAAA,MAAM,IAAA,GACJ,WAAW,OAAA,GACP,OAAA,GACA,WAAW,SAAA,IACT,MAAA,KAAW,YACX,QAAA,GACA,MAAA;AAER,EAAA,uBACE,GAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,SAAA,EAAW,OAAA;AAAA,MACX,IAAA;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ,CAAA;AAOA,MAAM,cAAoC,CAAC;AAAA,EACzC,QAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,MAAM,OAAA,GAAU,UAAA;AAAA,IACd,cAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAC,GACH;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,SAAA,EAAW,OAAA;AAAA,MAEV;AAAA;AAAA,GACH;AAEJ,CAAA;AAEA,WAAA,CAAY,IAAA,GAAO,eAAA;AAEnB,IAAO,oBAAA,GAAQ","file":"form-message.js","sourcesContent":["import React from 'react';\n\nimport './form-message.css';\nimport { classnames } from '../helpers/classnames';\n\nexport type FormMessageStatus =\n  | 'default'\n  | 'success'\n  | 'warning'\n  | 'error';\n\nexport interface FormMessageProps\n  extends Omit<\n    React.HTMLAttributes<HTMLDivElement>,\n    'children'\n  > {\n  children: React.ReactNode;\n}\n\nexport interface FormMessageItemProps\n  extends Omit<\n    React.HTMLAttributes<HTMLParagraphElement>,\n    'children'\n  > {\n  status?: FormMessageStatus;\n  children: React.ReactNode;\n}\n\nconst FormMessageItem: React.FC<\n  FormMessageItemProps\n> = ({\n  status = 'default',\n  children,\n  className = '',\n  ...props\n}) => {\n  const classes = classnames(\n    'form-message__item',\n    className,\n    {\n      'form-message__item--default':\n        status === 'default',\n      'form-message__item--success':\n        status === 'success',\n      'form-message__item--warning':\n        status === 'warning',\n      'form-message__item--error':\n        status === 'error',\n    },\n  );\n\n  const role =\n    status === 'error'\n      ? 'alert'\n      : status === 'success' ||\n          status === 'warning'\n        ? 'status'\n        : undefined;\n\n  return (\n    <p\n      {...props}\n      className={classes}\n      role={role}\n    >\n      {children}\n    </p>\n  );\n};\n\ninterface FormMessageComponent\n  extends React.FC<FormMessageProps> {\n  Item: React.FC<FormMessageItemProps>;\n}\n\nconst FormMessage: FormMessageComponent = ({\n  children,\n  className = '',\n  ...props\n}) => {\n  const classes = classnames(\n    'form-message',\n    className,\n    {},\n  );\n\n  return (\n    <div\n      {...props}\n      className={classes}\n    >\n      {children}\n    </div>\n  );\n};\n\nFormMessage.Item = FormMessageItem;\n\nexport default FormMessage;\n"]}

package/components/logo/assets/brandcopilot-favicon.svg

@@ -0,0 +1,4 @@
+<svg width="53" height="45" viewBox="0 0 53 45" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M52.7979 45H0.689453L7.20312 33.75H8.93652L3.29102 43.5H50.1953L26.7432 2.99414L18.1172 17.8916C17.6637 17.6737 17.1924 17.4867 16.7051 17.3359L26.7432 0L52.7979 45Z" fill="#C0E200"/>
+<path d="M13.6406 18.2812C17.3332 18.2812 20.5026 20.5191 21.8613 23.7109C22.5064 23.4479 23.2123 23.3027 23.9521 23.3027C27.0078 23.3027 29.4852 25.7763 29.4854 28.8271C29.4854 30.1625 29.0106 31.3877 28.2207 32.3428H1.22754C0.885188 31.7518 0.688477 31.0658 0.688477 30.334C0.688566 28.1151 2.4906 26.3164 4.71289 26.3164C4.72718 26.3164 4.74161 26.3163 4.75586 26.3164C5.19796 21.8058 9.00695 18.2814 13.6406 18.2812ZM40.8086 9.84375C44.3329 9.84379 47.1895 12.697 47.1895 16.2158C47.1895 16.2238 47.1895 16.2322 47.1895 16.2402C48.7634 16.4362 49.9814 17.7768 49.9814 19.4014C49.9814 20.023 49.8035 20.6035 49.4951 21.0938H40.583L35.6152 12.5137C36.7727 10.8978 38.6673 9.8438 40.8086 9.84375Z" fill="#F34BCC"/>
+</svg>

package/components/logo/assets/dmpatterns-favicon.svg

@@ -0,0 +1,20 @@
+<svg width="41" height="41" viewBox="0 0 41 41" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_206_111" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="41" height="41">
+<circle cx="20.5" cy="20.5" r="20.5" fill="#C4C4C4"/>
+</mask>
+<g mask="url(#mask0_206_111)">
+<rect x="-8.84375" y="-4.01953" width="49.8431" height="65.1176" fill="#F9EC0E"/>
+</g>
+<g clip-path="url(#clip0_206_111)">
+<path d="M9.45752 20.996L27.8217 15.2792C28.816 14.9697 29.9125 15.5144 29.9125 16.3179V25.6741C29.9125 26.4776 28.816 27.0223 27.8217 26.7127L9.45752 20.996Z" fill="white" fill-opacity="0.06"/>
+<path d="M17.1362 15.9835C18.1138 17.5253 18.6423 19.2392 18.6787 20.9851C18.715 22.731 18.2581 24.4594 17.3453 26.0288L16.1593 25.5437C16.9809 24.1312 17.3921 22.5757 17.3594 21.0044C17.3267 19.4331 16.851 17.8906 15.9711 16.503L17.1362 15.9835Z" fill="#1F1F1F"/>
+<path d="M22.0635 13.7859C23.4547 15.9799 24.2068 18.4188 24.2585 20.9033C24.3102 23.3878 23.66 25.8472 22.3611 28.0806L21.1797 27.5974C22.3878 25.5204 22.9925 23.2331 22.9444 20.9225C22.8963 18.612 22.1968 16.3437 20.903 14.3033L22.0635 13.7859Z" fill="#1F1F1F"/>
+<path d="M27.5903 11.3217C29.4451 14.2471 30.448 17.499 30.517 20.8116C30.5859 24.1243 29.719 27.4036 27.987 30.3814L26.862 29.9212C28.5073 27.0923 29.3309 23.977 29.2654 20.83C29.1999 17.6829 28.2471 14.5936 26.4851 11.8145L27.5903 11.3217Z" fill="#1F1F1F"/>
+<path d="M13.3274 20.9965C13.3274 22.0651 12.4611 22.9314 11.3925 22.9314C10.3238 22.9314 9.45752 22.0651 9.45752 20.9965C9.45752 19.9278 10.3238 19.0615 11.3925 19.0615C12.4611 19.0615 13.3274 19.9278 13.3274 20.9965Z" fill="#1F1F1F"/>
+</g>
+<defs>
+<clipPath id="clip0_206_111">
+<rect width="22.4045" height="19.3493" fill="white" transform="translate(9.45752 11.3213)"/>
+</clipPath>
+</defs>
+</svg>

package/components/logo/logo.cjs

@@ -3,15 +3,19 @@
 var jsxRuntime = require('react/jsx-runtime');
 require('./logo.css');
 var classnames = require('../helpers/classnames');
+var brandcopilotFavicon = require('./assets/brandcopilot-favicon.svg');
 var brandcopilotSymbol = require('./assets/brandcopilot-symbol.svg');
 var brandcopilotWordmark = require('./assets/brandcopilot-wordmark.svg');
+var dmpatternsFavicon = require('./assets/dmpatterns-favicon.svg');
 var dmpatternsSymbol = require('./assets/dmpatterns-symbol.svg');
 var dmpatternsWordmark = require('./assets/dmpatterns-wordmark.svg');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
+var brandcopilotFavicon__default = /*#__PURE__*/_interopDefault(brandcopilotFavicon);
 var brandcopilotSymbol__default = /*#__PURE__*/_interopDefault(brandcopilotSymbol);
 var brandcopilotWordmark__default = /*#__PURE__*/_interopDefault(brandcopilotWordmark);
+var dmpatternsFavicon__default = /*#__PURE__*/_interopDefault(dmpatternsFavicon);
 var dmpatternsSymbol__default = /*#__PURE__*/_interopDefault(dmpatternsSymbol);
 var dmpatternsWordmark__default = /*#__PURE__*/_interopDefault(dmpatternsWordmark);
 
@@ -19,22 +23,26 @@ const logoBrands = {
   dmpatterns: {
     label: "\u041F\u0430\u0442\u0442\u0435\u0440\u043D\u044B \u0434\u0438\u0437\u0430\u0439\u043D-\u043C\u0435\u043D\u0435\u0434\u0436\u043C\u0435\u043D\u0442\u0430",
     symbol: dmpatternsSymbol__default.default,
-    wordmark: dmpatternsWordmark__default.default
+    wordmark: dmpatternsWordmark__default.default,
+    favicon: dmpatternsFavicon__default.default
   },
   brandcopilot: {
     label: "Brandcopilot",
     symbol: brandcopilotSymbol__default.default,
-    wordmark: brandcopilotWordmark__default.default
+    wordmark: brandcopilotWordmark__default.default,
+    favicon: brandcopilotFavicon__default.default
   },
   pdigest: {
     label: "PDigest",
     symbol: dmpatternsSymbol__default.default,
-    wordmark: dmpatternsWordmark__default.default
+    wordmark: dmpatternsWordmark__default.default,
+    favicon: dmpatternsFavicon__default.default
   },
   retrack: {
     label: "Retrack",
     symbol: dmpatternsSymbol__default.default,
-    wordmark: dmpatternsWordmark__default.default
+    wordmark: dmpatternsWordmark__default.default,
+    favicon: dmpatternsFavicon__default.default
   }
 };
 const Logo = ({
@@ -46,12 +54,14 @@ const Logo = ({
 }) => {
   const logo = logoBrands[brand];
   const accessibleLabel = label ?? logo.label;
+  const artwork = mode === "favicon" ? logo.favicon : logo.symbol;
   const classes = classnames.classnames(
     "logo",
     `logo--${brand}`,
     className,
     {
-      "logo--symbol": mode === "symbol"
+      "logo--symbol": mode === "symbol",
+      "logo--favicon": mode === "favicon"
     }
   );
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -65,7 +75,7 @@ const Logo = ({
           "img",
           {
             className: "logo__symbol",
-            src: logo.symbol,
+            src: artwork,
             alt: "",
             "aria-hidden": "true"
           }

package/components/logo/logo.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/logo/logo.tsx"],"names":["dmpatternsSymbol","dmpatternsWordmark","brandcopilotSymbol","brandcopilotWordmark","classnames","jsxs","jsx"],"mappings":";;;;;;;;;;;;;;;;;AAuBA,MAAM,UAAA,GAGF;AAAA,EACF,UAAA,EAAY;AAAA,IACV,KAAA,EAAO,0JAAA;AAAA,IACP,MAAA,EAAQA,iCAAA;AAAA,IACR,QAAA,EAAUC;AAAA,GACZ;AAAA,EACA,YAAA,EAAc;AAAA,IACZ,KAAA,EAAO,cAAA;AAAA,IACP,MAAA,EAAQC,mCAAA;AAAA,IACR,QAAA,EAAUC;AAAA,GACZ;AAAA,EACA,OAAA,EAAS;AAAA,IACP,KAAA,EAAO,SAAA;AAAA,IACP,MAAA,EAAQH,iCAAA;AAAA,IACR,QAAA,EAAUC;AAAA,GACZ;AAAA,EACA,OAAA,EAAS;AAAA,IACP,KAAA,EAAO,SAAA;AAAA,IACP,MAAA,EAAQD,iCAAA;AAAA,IACR,QAAA,EAAUC;AAAA;AAEd,CAAA;AASA,MAAM,OAA4B,CAAC;AAAA,EACjC,KAAA,GAAQ,YAAA;AAAA,EACR,IAAA,GAAO,MAAA;AAAA,EACP,KAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,MAAM,IAAA,GAAO,WAAW,KAAK,CAAA;AAC7B,EAAA,MAAM,eAAA,GAAkB,SAAS,IAAA,CAAK,KAAA;AAEtC,EAAA,MAAM,OAAA,GAAUG,qBAAA;AAAA,IACd,MAAA;AAAA,IACA,SAAS,KAAK,CAAA,CAAA;AAAA,IACd,SAAA;AAAA,IACA;AAAA,MACE,gBAAgB,IAAA,KAAS;AAAA;AAC3B,GACF;AAEA,EAAA,uBACEC,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,OAAA;AAAA,MACX,YAAA,EAAY,eAAA;AAAA,MACX,GAAG,KAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAAC,cAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,cAAA;AAAA,YACV,KAAK,IAAA,CAAK,MAAA;AAAA,YACV,GAAA,EAAI,EAAA;AAAA,YACJ,aAAA,EAAY;AAAA;AAAA,SACd;AAAA,QAEC,IAAA,KAAS,MAAA,KACP,KAAA,KAAU,cAAA,mBACTA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,qCAAA;AAAA,YACV,aAAA,EAAY,MAAA;AAAA,YACZ,KAAA,EAAO;AAAA,cACL,eAAA,EAAiB,CAAA,KAAA,EAAQ,IAAA,CAAK,QAAQ,CAAA,EAAA,CAAA;AAAA,cACtC,SAAA,EAAW,CAAA,KAAA,EAAQ,IAAA,CAAK,QAAQ,CAAA,EAAA;AAAA;AAClC;AAAA,SACF,mBAEAA,cAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,gBAAA;AAAA,YACV,KAAK,IAAA,CAAK,QAAA;AAAA,YACV,GAAA,EAAI,EAAA;AAAA,YACJ,aAAA,EAAY;AAAA;AAAA,SACd;AAAA;AAAA;AAAA,GAEN;AAEJ,CAAA;AAEA,IAAO,YAAA,GAAQ","file":"logo.cjs","sourcesContent":["import React from 'react';\nimport './logo.css';\nimport { classnames } from '../helpers/classnames';\n\nimport brandcopilotSymbol from './assets/brandcopilot-symbol.svg';\nimport brandcopilotWordmark from './assets/brandcopilot-wordmark.svg';\nimport dmpatternsSymbol from './assets/dmpatterns-symbol.svg';\nimport dmpatternsWordmark from './assets/dmpatterns-wordmark.svg';\n\nexport type LogoBrand =\n  | 'dmpatterns'\n  | 'brandcopilot'\n  | 'pdigest'\n  | 'retrack';\n\nexport type LogoMode = 'full' | 'symbol';\n\ninterface LogoBrandDefinition {\n  label: string;\n  symbol: string;\n  wordmark: string;\n}\n\nconst logoBrands: Record<\n  LogoBrand,\n  LogoBrandDefinition\n> = {\n  dmpatterns: {\n    label: 'Паттерны дизайн-менеджмента',\n    symbol: dmpatternsSymbol,\n    wordmark: dmpatternsWordmark,\n  },\n  brandcopilot: {\n    label: 'Brandcopilot',\n    symbol: brandcopilotSymbol,\n    wordmark: brandcopilotWordmark,\n  },\n  pdigest: {\n    label: 'PDigest',\n    symbol: dmpatternsSymbol,\n    wordmark: dmpatternsWordmark,\n  },\n  retrack: {\n    label: 'Retrack',\n    symbol: dmpatternsSymbol,\n    wordmark: dmpatternsWordmark,\n  },\n};\n\nexport interface LogoProps\n  extends React.HTMLAttributes<HTMLDivElement> {\n  brand?: LogoBrand;\n  mode?: LogoMode;\n  label?: string;\n}\n\nconst Logo: React.FC<LogoProps> = ({\n  brand = 'dmpatterns',\n  mode = 'full',\n  label,\n  className = '',\n  ...props\n}) => {\n  const logo = logoBrands[brand];\n  const accessibleLabel = label ?? logo.label;\n\n  const classes = classnames(\n    'logo',\n    `logo--${brand}`,\n    className,\n    {\n      'logo--symbol': mode === 'symbol',\n    },\n  );\n\n  return (\n    <div\n      className={classes}\n      aria-label={accessibleLabel}\n      {...props}\n    >\n      <img\n        className=\"logo__symbol\"\n        src={logo.symbol}\n        alt=\"\"\n        aria-hidden=\"true\"\n      />\n\n      {mode === 'full' &&\n        (brand === 'brandcopilot' ? (\n          <span\n            className=\"logo__wordmark logo__wordmark--mask\"\n            aria-hidden=\"true\"\n            style={{\n              WebkitMaskImage: `url(\"${logo.wordmark}\")`,\n              maskImage: `url(\"${logo.wordmark}\")`,\n            }}\n          />\n        ) : (\n          <img\n            className=\"logo__wordmark\"\n            src={logo.wordmark}\n            alt=\"\"\n            aria-hidden=\"true\"\n          />\n        ))}\n    </div>\n  );\n};\n\nexport default Logo;\n"]}
+{"version":3,"sources":["../../../src/components/logo/logo.tsx"],"names":["dmpatternsSymbol","dmpatternsWordmark","dmpatternsFavicon","brandcopilotSymbol","brandcopilotWordmark","brandcopilotFavicon","classnames","jsxs","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA6BA,MAAM,UAAA,GAGF;AAAA,EACF,UAAA,EAAY;AAAA,IACV,KAAA,EAAO,0JAAA;AAAA,IACP,MAAA,EAAQA,iCAAA;AAAA,IACR,QAAA,EAAUC,mCAAA;AAAA,IACV,OAAA,EAASC;AAAA,GACX;AAAA,EACA,YAAA,EAAc;AAAA,IACZ,KAAA,EAAO,cAAA;AAAA,IACP,MAAA,EAAQC,mCAAA;AAAA,IACR,QAAA,EAAUC,qCAAA;AAAA,IACV,OAAA,EAASC;AAAA,GACX;AAAA,EACA,OAAA,EAAS;AAAA,IACP,KAAA,EAAO,SAAA;AAAA,IACP,MAAA,EAAQL,iCAAA;AAAA,IACR,QAAA,EAAUC,mCAAA;AAAA,IACV,OAAA,EAASC;AAAA,GACX;AAAA,EACA,OAAA,EAAS;AAAA,IACP,KAAA,EAAO,SAAA;AAAA,IACP,MAAA,EAAQF,iCAAA;AAAA,IACR,QAAA,EAAUC,mCAAA;AAAA,IACV,OAAA,EAASC;AAAA;AAEb,CAAA;AASA,MAAM,OAA4B,CAAC;AAAA,EACjC,KAAA,GAAQ,YAAA;AAAA,EACR,IAAA,GAAO,MAAA;AAAA,EACP,KAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,MAAM,IAAA,GAAO,WAAW,KAAK,CAAA;AAC7B,EAAA,MAAM,eAAA,GAAkB,SAAS,IAAA,CAAK,KAAA;AACtC,EAAA,MAAM,OAAA,GACJ,IAAA,KAAS,SAAA,GACL,IAAA,CAAK,UACL,IAAA,CAAK,MAAA;AAEX,EAAA,MAAM,OAAA,GAAUI,qBAAA;AAAA,IACd,MAAA;AAAA,IACA,SAAS,KAAK,CAAA,CAAA;AAAA,IACd,SAAA;AAAA,IACA;AAAA,MACE,gBAAgB,IAAA,KAAS,QAAA;AAAA,MACzB,iBAAiB,IAAA,KAAS;AAAA;AAC5B,GACF;AAEA,EAAA,uBACEC,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,OAAA;AAAA,MACX,YAAA,EAAY,eAAA;AAAA,MACX,GAAG,KAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAAC,cAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,cAAA;AAAA,YACV,GAAA,EAAK,OAAA;AAAA,YACL,GAAA,EAAI,EAAA;AAAA,YACJ,aAAA,EAAY;AAAA;AAAA,SACd;AAAA,QAEC,IAAA,KAAS,MAAA,KACP,KAAA,KAAU,cAAA,mBACTA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,qCAAA;AAAA,YACV,aAAA,EAAY,MAAA;AAAA,YACZ,KAAA,EAAO;AAAA,cACL,eAAA,EAAiB,CAAA,KAAA,EAAQ,IAAA,CAAK,QAAQ,CAAA,EAAA,CAAA;AAAA,cACtC,SAAA,EAAW,CAAA,KAAA,EAAQ,IAAA,CAAK,QAAQ,CAAA,EAAA;AAAA;AAClC;AAAA,SACF,mBAEAA,cAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,gBAAA;AAAA,YACV,KAAK,IAAA,CAAK,QAAA;AAAA,YACV,GAAA,EAAI,EAAA;AAAA,YACJ,aAAA,EAAY;AAAA;AAAA,SACd;AAAA;AAAA;AAAA,GAEN;AAEJ,CAAA;AAEA,IAAO,YAAA,GAAQ","file":"logo.cjs","sourcesContent":["import React from 'react';\nimport './logo.css';\nimport { classnames } from '../helpers/classnames';\n\nimport brandcopilotFavicon from './assets/brandcopilot-favicon.svg';\nimport brandcopilotSymbol from './assets/brandcopilot-symbol.svg';\nimport brandcopilotWordmark from './assets/brandcopilot-wordmark.svg';\nimport dmpatternsFavicon from './assets/dmpatterns-favicon.svg';\nimport dmpatternsSymbol from './assets/dmpatterns-symbol.svg';\nimport dmpatternsWordmark from './assets/dmpatterns-wordmark.svg';\n\nexport type LogoBrand =\n  | 'dmpatterns'\n  | 'brandcopilot'\n  | 'pdigest'\n  | 'retrack';\n\nexport type LogoMode =\n  | 'full'\n  | 'symbol'\n  | 'favicon';\n\ninterface LogoBrandDefinition {\n  label: string;\n  symbol: string;\n  wordmark: string;\n  favicon: string;\n}\n\nconst logoBrands: Record<\n  LogoBrand,\n  LogoBrandDefinition\n> = {\n  dmpatterns: {\n    label: 'Паттерны дизайн-менеджмента',\n    symbol: dmpatternsSymbol,\n    wordmark: dmpatternsWordmark,\n    favicon: dmpatternsFavicon,\n  },\n  brandcopilot: {\n    label: 'Brandcopilot',\n    symbol: brandcopilotSymbol,\n    wordmark: brandcopilotWordmark,\n    favicon: brandcopilotFavicon,\n  },\n  pdigest: {\n    label: 'PDigest',\n    symbol: dmpatternsSymbol,\n    wordmark: dmpatternsWordmark,\n    favicon: dmpatternsFavicon,\n  },\n  retrack: {\n    label: 'Retrack',\n    symbol: dmpatternsSymbol,\n    wordmark: dmpatternsWordmark,\n    favicon: dmpatternsFavicon,\n  },\n};\n\nexport interface LogoProps\n  extends React.HTMLAttributes<HTMLDivElement> {\n  brand?: LogoBrand;\n  mode?: LogoMode;\n  label?: string;\n}\n\nconst Logo: React.FC<LogoProps> = ({\n  brand = 'dmpatterns',\n  mode = 'full',\n  label,\n  className = '',\n  ...props\n}) => {\n  const logo = logoBrands[brand];\n  const accessibleLabel = label ?? logo.label;\n  const artwork =\n    mode === 'favicon'\n      ? logo.favicon\n      : logo.symbol;\n\n  const classes = classnames(\n    'logo',\n    `logo--${brand}`,\n    className,\n    {\n      'logo--symbol': mode === 'symbol',\n      'logo--favicon': mode === 'favicon',\n    },\n  );\n\n  return (\n    <div\n      className={classes}\n      aria-label={accessibleLabel}\n      {...props}\n    >\n      <img\n        className=\"logo__symbol\"\n        src={artwork}\n        alt=\"\"\n        aria-hidden=\"true\"\n      />\n\n      {mode === 'full' &&\n        (brand === 'brandcopilot' ? (\n          <span\n            className=\"logo__wordmark logo__wordmark--mask\"\n            aria-hidden=\"true\"\n            style={{\n              WebkitMaskImage: `url(\"${logo.wordmark}\")`,\n              maskImage: `url(\"${logo.wordmark}\")`,\n            }}\n          />\n        ) : (\n          <img\n            className=\"logo__wordmark\"\n            src={logo.wordmark}\n            alt=\"\"\n            aria-hidden=\"true\"\n          />\n        ))}\n    </div>\n  );\n};\n\nexport default Logo;\n"]}

package/components/logo/logo.css

@@ -19,50 +19,121 @@
   /* motion */
 }
 
-.logo--symbol {
+.logo--symbol,
+.logo--favicon {
+  /* color */
+
+  /* typography */
+
   /* size */
   gap: 0;
+
+  /* border */
+
+  /* depth */
+
+  /* motion */
 }
 
 .logo--brandcopilot {
+  /* color */
+
+  /* typography */
+
   /* size */
   --logo-brandcopilot-height: 45px;
   --logo-brandcopilot-wordmark-width: 79px;
 
   align-items: center;
+
+  /* border */
+
+  /* depth */
+
+  /* motion */
 }
 
 :where(a, button) .logo {
+  /* color */
+
+  /* typography */
+
+  /* size */
+
+  /* border */
+
+  /* depth */
+
   /* motion */
   cursor: pointer;
 }
 
 .logo__symbol {
+  /* color */
+
+  /* typography */
+
   /* size */
   display: block;
   width: var(--logo-symbol-size);
   height: var(--logo-symbol-size);
   flex-shrink: 0;
+
+  /* border */
+
+  /* depth */
+
+  /* motion */
 }
 
 .logo__wordmark {
+  /* color */
+
+  /* typography */
+
   /* size */
   display: block;
   width: var(--logo-wordmark-width);
   height: auto;
   flex-shrink: 0;
+
+  /* border */
+
+  /* depth */
+
+  /* motion */
 }
 
 .logo--brandcopilot .logo__symbol {
+  /* color */
+
+  /* typography */
+
   /* size */
   width: auto;
   height: var(--logo-brandcopilot-height);
+
+  /* border */
+
+  /* depth */
+
+  /* motion */
 }
 
 .logo--brandcopilot .logo__wordmark {
+  /* color */
+
+  /* typography */
+
   /* size */
   width: var(--logo-brandcopilot-wordmark-width);
   height: var(--logo-brandcopilot-height);
+
+  /* border */
+
+  /* depth */
+
+  /* motion */
 }
 
 .logo__wordmark--mask {

package/components/logo/logo.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import './logo.css';
 export type LogoBrand = 'dmpatterns' | 'brandcopilot' | 'pdigest' | 'retrack';
-export type LogoMode = 'full' | 'symbol';
+export type LogoMode = 'full' | 'symbol' | 'favicon';
 export interface LogoProps extends React.HTMLAttributes<HTMLDivElement> {
     brand?: LogoBrand;
     mode?: LogoMode;

package/components/logo/logo.js

@@ -1,8 +1,10 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import './logo.css';
 import { classnames } from '../helpers/classnames';
+import brandcopilotFavicon from './assets/brandcopilot-favicon.svg';
 import brandcopilotSymbol from './assets/brandcopilot-symbol.svg';
 import brandcopilotWordmark from './assets/brandcopilot-wordmark.svg';
+import dmpatternsFavicon from './assets/dmpatterns-favicon.svg';
 import dmpatternsSymbol from './assets/dmpatterns-symbol.svg';
 import dmpatternsWordmark from './assets/dmpatterns-wordmark.svg';
 
@@ -10,22 +12,26 @@ const logoBrands = {
   dmpatterns: {
     label: "\u041F\u0430\u0442\u0442\u0435\u0440\u043D\u044B \u0434\u0438\u0437\u0430\u0439\u043D-\u043C\u0435\u043D\u0435\u0434\u0436\u043C\u0435\u043D\u0442\u0430",
     symbol: dmpatternsSymbol,
-    wordmark: dmpatternsWordmark
+    wordmark: dmpatternsWordmark,
+    favicon: dmpatternsFavicon
   },
   brandcopilot: {
     label: "Brandcopilot",
     symbol: brandcopilotSymbol,
-    wordmark: brandcopilotWordmark
+    wordmark: brandcopilotWordmark,
+    favicon: brandcopilotFavicon
   },
   pdigest: {
     label: "PDigest",
     symbol: dmpatternsSymbol,
-    wordmark: dmpatternsWordmark
+    wordmark: dmpatternsWordmark,
+    favicon: dmpatternsFavicon
   },
   retrack: {
     label: "Retrack",
     symbol: dmpatternsSymbol,
-    wordmark: dmpatternsWordmark
+    wordmark: dmpatternsWordmark,
+    favicon: dmpatternsFavicon
   }
 };
 const Logo = ({
@@ -37,12 +43,14 @@ const Logo = ({
 }) => {
   const logo = logoBrands[brand];
   const accessibleLabel = label ?? logo.label;
+  const artwork = mode === "favicon" ? logo.favicon : logo.symbol;
   const classes = classnames(
     "logo",
     `logo--${brand}`,
     className,
     {
-      "logo--symbol": mode === "symbol"
+      "logo--symbol": mode === "symbol",
+      "logo--favicon": mode === "favicon"
     }
   );
   return /* @__PURE__ */ jsxs(
@@ -56,7 +64,7 @@ const Logo = ({
           "img",
           {
             className: "logo__symbol",
-            src: logo.symbol,
+            src: artwork,
             alt: "",
             "aria-hidden": "true"
           }

package/components/logo/logo.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/logo/logo.tsx"],"names":[],"mappings":";;;;;;;;AAuBA,MAAM,UAAA,GAGF;AAAA,EACF,UAAA,EAAY;AAAA,IACV,KAAA,EAAO,0JAAA;AAAA,IACP,MAAA,EAAQ,gBAAA;AAAA,IACR,QAAA,EAAU;AAAA,GACZ;AAAA,EACA,YAAA,EAAc;AAAA,IACZ,KAAA,EAAO,cAAA;AAAA,IACP,MAAA,EAAQ,kBAAA;AAAA,IACR,QAAA,EAAU;AAAA,GACZ;AAAA,EACA,OAAA,EAAS;AAAA,IACP,KAAA,EAAO,SAAA;AAAA,IACP,MAAA,EAAQ,gBAAA;AAAA,IACR,QAAA,EAAU;AAAA,GACZ;AAAA,EACA,OAAA,EAAS;AAAA,IACP,KAAA,EAAO,SAAA;AAAA,IACP,MAAA,EAAQ,gBAAA;AAAA,IACR,QAAA,EAAU;AAAA;AAEd,CAAA;AASA,MAAM,OAA4B,CAAC;AAAA,EACjC,KAAA,GAAQ,YAAA;AAAA,EACR,IAAA,GAAO,MAAA;AAAA,EACP,KAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,MAAM,IAAA,GAAO,WAAW,KAAK,CAAA;AAC7B,EAAA,MAAM,eAAA,GAAkB,SAAS,IAAA,CAAK,KAAA;AAEtC,EAAA,MAAM,OAAA,GAAU,UAAA;AAAA,IACd,MAAA;AAAA,IACA,SAAS,KAAK,CAAA,CAAA;AAAA,IACd,SAAA;AAAA,IACA;AAAA,MACE,gBAAgB,IAAA,KAAS;AAAA;AAC3B,GACF;AAEA,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,OAAA;AAAA,MACX,YAAA,EAAY,eAAA;AAAA,MACX,GAAG,KAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,cAAA;AAAA,YACV,KAAK,IAAA,CAAK,MAAA;AAAA,YACV,GAAA,EAAI,EAAA;AAAA,YACJ,aAAA,EAAY;AAAA;AAAA,SACd;AAAA,QAEC,IAAA,KAAS,MAAA,KACP,KAAA,KAAU,cAAA,mBACT,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,qCAAA;AAAA,YACV,aAAA,EAAY,MAAA;AAAA,YACZ,KAAA,EAAO;AAAA,cACL,eAAA,EAAiB,CAAA,KAAA,EAAQ,IAAA,CAAK,QAAQ,CAAA,EAAA,CAAA;AAAA,cACtC,SAAA,EAAW,CAAA,KAAA,EAAQ,IAAA,CAAK,QAAQ,CAAA,EAAA;AAAA;AAClC;AAAA,SACF,mBAEA,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,gBAAA;AAAA,YACV,KAAK,IAAA,CAAK,QAAA;AAAA,YACV,GAAA,EAAI,EAAA;AAAA,YACJ,aAAA,EAAY;AAAA;AAAA,SACd;AAAA;AAAA;AAAA,GAEN;AAEJ,CAAA;AAEA,IAAO,YAAA,GAAQ","file":"logo.js","sourcesContent":["import React from 'react';\nimport './logo.css';\nimport { classnames } from '../helpers/classnames';\n\nimport brandcopilotSymbol from './assets/brandcopilot-symbol.svg';\nimport brandcopilotWordmark from './assets/brandcopilot-wordmark.svg';\nimport dmpatternsSymbol from './assets/dmpatterns-symbol.svg';\nimport dmpatternsWordmark from './assets/dmpatterns-wordmark.svg';\n\nexport type LogoBrand =\n  | 'dmpatterns'\n  | 'brandcopilot'\n  | 'pdigest'\n  | 'retrack';\n\nexport type LogoMode = 'full' | 'symbol';\n\ninterface LogoBrandDefinition {\n  label: string;\n  symbol: string;\n  wordmark: string;\n}\n\nconst logoBrands: Record<\n  LogoBrand,\n  LogoBrandDefinition\n> = {\n  dmpatterns: {\n    label: 'Паттерны дизайн-менеджмента',\n    symbol: dmpatternsSymbol,\n    wordmark: dmpatternsWordmark,\n  },\n  brandcopilot: {\n    label: 'Brandcopilot',\n    symbol: brandcopilotSymbol,\n    wordmark: brandcopilotWordmark,\n  },\n  pdigest: {\n    label: 'PDigest',\n    symbol: dmpatternsSymbol,\n    wordmark: dmpatternsWordmark,\n  },\n  retrack: {\n    label: 'Retrack',\n    symbol: dmpatternsSymbol,\n    wordmark: dmpatternsWordmark,\n  },\n};\n\nexport interface LogoProps\n  extends React.HTMLAttributes<HTMLDivElement> {\n  brand?: LogoBrand;\n  mode?: LogoMode;\n  label?: string;\n}\n\nconst Logo: React.FC<LogoProps> = ({\n  brand = 'dmpatterns',\n  mode = 'full',\n  label,\n  className = '',\n  ...props\n}) => {\n  const logo = logoBrands[brand];\n  const accessibleLabel = label ?? logo.label;\n\n  const classes = classnames(\n    'logo',\n    `logo--${brand}`,\n    className,\n    {\n      'logo--symbol': mode === 'symbol',\n    },\n  );\n\n  return (\n    <div\n      className={classes}\n      aria-label={accessibleLabel}\n      {...props}\n    >\n      <img\n        className=\"logo__symbol\"\n        src={logo.symbol}\n        alt=\"\"\n        aria-hidden=\"true\"\n      />\n\n      {mode === 'full' &&\n        (brand === 'brandcopilot' ? (\n          <span\n            className=\"logo__wordmark logo__wordmark--mask\"\n            aria-hidden=\"true\"\n            style={{\n              WebkitMaskImage: `url(\"${logo.wordmark}\")`,\n              maskImage: `url(\"${logo.wordmark}\")`,\n            }}\n          />\n        ) : (\n          <img\n            className=\"logo__wordmark\"\n            src={logo.wordmark}\n            alt=\"\"\n            aria-hidden=\"true\"\n          />\n        ))}\n    </div>\n  );\n};\n\nexport default Logo;\n"]}
+{"version":3,"sources":["../../../src/components/logo/logo.tsx"],"names":[],"mappings":";;;;;;;;;;AA6BA,MAAM,UAAA,GAGF;AAAA,EACF,UAAA,EAAY;AAAA,IACV,KAAA,EAAO,0JAAA;AAAA,IACP,MAAA,EAAQ,gBAAA;AAAA,IACR,QAAA,EAAU,kBAAA;AAAA,IACV,OAAA,EAAS;AAAA,GACX;AAAA,EACA,YAAA,EAAc;AAAA,IACZ,KAAA,EAAO,cAAA;AAAA,IACP,MAAA,EAAQ,kBAAA;AAAA,IACR,QAAA,EAAU,oBAAA;AAAA,IACV,OAAA,EAAS;AAAA,GACX;AAAA,EACA,OAAA,EAAS;AAAA,IACP,KAAA,EAAO,SAAA;AAAA,IACP,MAAA,EAAQ,gBAAA;AAAA,IACR,QAAA,EAAU,kBAAA;AAAA,IACV,OAAA,EAAS;AAAA,GACX;AAAA,EACA,OAAA,EAAS;AAAA,IACP,KAAA,EAAO,SAAA;AAAA,IACP,MAAA,EAAQ,gBAAA;AAAA,IACR,QAAA,EAAU,kBAAA;AAAA,IACV,OAAA,EAAS;AAAA;AAEb,CAAA;AASA,MAAM,OAA4B,CAAC;AAAA,EACjC,KAAA,GAAQ,YAAA;AAAA,EACR,IAAA,GAAO,MAAA;AAAA,EACP,KAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,MAAM,IAAA,GAAO,WAAW,KAAK,CAAA;AAC7B,EAAA,MAAM,eAAA,GAAkB,SAAS,IAAA,CAAK,KAAA;AACtC,EAAA,MAAM,OAAA,GACJ,IAAA,KAAS,SAAA,GACL,IAAA,CAAK,UACL,IAAA,CAAK,MAAA;AAEX,EAAA,MAAM,OAAA,GAAU,UAAA;AAAA,IACd,MAAA;AAAA,IACA,SAAS,KAAK,CAAA,CAAA;AAAA,IACd,SAAA;AAAA,IACA;AAAA,MACE,gBAAgB,IAAA,KAAS,QAAA;AAAA,MACzB,iBAAiB,IAAA,KAAS;AAAA;AAC5B,GACF;AAEA,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,OAAA;AAAA,MACX,YAAA,EAAY,eAAA;AAAA,MACX,GAAG,KAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,cAAA;AAAA,YACV,GAAA,EAAK,OAAA;AAAA,YACL,GAAA,EAAI,EAAA;AAAA,YACJ,aAAA,EAAY;AAAA;AAAA,SACd;AAAA,QAEC,IAAA,KAAS,MAAA,KACP,KAAA,KAAU,cAAA,mBACT,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,qCAAA;AAAA,YACV,aAAA,EAAY,MAAA;AAAA,YACZ,KAAA,EAAO;AAAA,cACL,eAAA,EAAiB,CAAA,KAAA,EAAQ,IAAA,CAAK,QAAQ,CAAA,EAAA,CAAA;AAAA,cACtC,SAAA,EAAW,CAAA,KAAA,EAAQ,IAAA,CAAK,QAAQ,CAAA,EAAA;AAAA;AAClC;AAAA,SACF,mBAEA,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,gBAAA;AAAA,YACV,KAAK,IAAA,CAAK,QAAA;AAAA,YACV,GAAA,EAAI,EAAA;AAAA,YACJ,aAAA,EAAY;AAAA;AAAA,SACd;AAAA;AAAA;AAAA,GAEN;AAEJ,CAAA;AAEA,IAAO,YAAA,GAAQ","file":"logo.js","sourcesContent":["import React from 'react';\nimport './logo.css';\nimport { classnames } from '../helpers/classnames';\n\nimport brandcopilotFavicon from './assets/brandcopilot-favicon.svg';\nimport brandcopilotSymbol from './assets/brandcopilot-symbol.svg';\nimport brandcopilotWordmark from './assets/brandcopilot-wordmark.svg';\nimport dmpatternsFavicon from './assets/dmpatterns-favicon.svg';\nimport dmpatternsSymbol from './assets/dmpatterns-symbol.svg';\nimport dmpatternsWordmark from './assets/dmpatterns-wordmark.svg';\n\nexport type LogoBrand =\n  | 'dmpatterns'\n  | 'brandcopilot'\n  | 'pdigest'\n  | 'retrack';\n\nexport type LogoMode =\n  | 'full'\n  | 'symbol'\n  | 'favicon';\n\ninterface LogoBrandDefinition {\n  label: string;\n  symbol: string;\n  wordmark: string;\n  favicon: string;\n}\n\nconst logoBrands: Record<\n  LogoBrand,\n  LogoBrandDefinition\n> = {\n  dmpatterns: {\n    label: 'Паттерны дизайн-менеджмента',\n    symbol: dmpatternsSymbol,\n    wordmark: dmpatternsWordmark,\n    favicon: dmpatternsFavicon,\n  },\n  brandcopilot: {\n    label: 'Brandcopilot',\n    symbol: brandcopilotSymbol,\n    wordmark: brandcopilotWordmark,\n    favicon: brandcopilotFavicon,\n  },\n  pdigest: {\n    label: 'PDigest',\n    symbol: dmpatternsSymbol,\n    wordmark: dmpatternsWordmark,\n    favicon: dmpatternsFavicon,\n  },\n  retrack: {\n    label: 'Retrack',\n    symbol: dmpatternsSymbol,\n    wordmark: dmpatternsWordmark,\n    favicon: dmpatternsFavicon,\n  },\n};\n\nexport interface LogoProps\n  extends React.HTMLAttributes<HTMLDivElement> {\n  brand?: LogoBrand;\n  mode?: LogoMode;\n  label?: string;\n}\n\nconst Logo: React.FC<LogoProps> = ({\n  brand = 'dmpatterns',\n  mode = 'full',\n  label,\n  className = '',\n  ...props\n}) => {\n  const logo = logoBrands[brand];\n  const accessibleLabel = label ?? logo.label;\n  const artwork =\n    mode === 'favicon'\n      ? logo.favicon\n      : logo.symbol;\n\n  const classes = classnames(\n    'logo',\n    `logo--${brand}`,\n    className,\n    {\n      'logo--symbol': mode === 'symbol',\n      'logo--favicon': mode === 'favicon',\n    },\n  );\n\n  return (\n    <div\n      className={classes}\n      aria-label={accessibleLabel}\n      {...props}\n    >\n      <img\n        className=\"logo__symbol\"\n        src={artwork}\n        alt=\"\"\n        aria-hidden=\"true\"\n      />\n\n      {mode === 'full' &&\n        (brand === 'brandcopilot' ? (\n          <span\n            className=\"logo__wordmark logo__wordmark--mask\"\n            aria-hidden=\"true\"\n            style={{\n              WebkitMaskImage: `url(\"${logo.wordmark}\")`,\n              maskImage: `url(\"${logo.wordmark}\")`,\n            }}\n          />\n        ) : (\n          <img\n            className=\"logo__wordmark\"\n            src={logo.wordmark}\n            alt=\"\"\n            aria-hidden=\"true\"\n          />\n        ))}\n    </div>\n  );\n};\n\nexport default Logo;\n"]}

package/components/surface/surface-presentation.cjs

@@ -5,6 +5,7 @@ require('./surface.css');
 function surfacePresentation(rank) {
   return {
     surface: true,
+    "surface--primary": rank === "primary",
     "surface--secondary": rank === "secondary",
     "surface--tertiary": rank === "tertiary",
     "surface--outline": rank === "outline"

package/components/surface/surface-presentation.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/surface/surface-presentation.ts"],"names":[],"mappings":";;;;AAQO,SAAS,oBACd,IAAA,EACyB;AACzB,EAAA,OAAO;AAAA,IACL,OAAA,EAAS,IAAA;AAAA,IACT,sBACE,IAAA,KAAS,WAAA;AAAA,IACX,qBACE,IAAA,KAAS,UAAA;AAAA,IACX,oBACE,IAAA,KAAS;AAAA,GACb;AACF","file":"surface-presentation.cjs","sourcesContent":["import './surface.css';\n\nexport type SurfaceRank =\n  | 'primary'\n  | 'secondary'\n  | 'tertiary'\n  | 'outline';\n\nexport function surfacePresentation(\n  rank: SurfaceRank,\n): Record<string, boolean> {\n  return {\n    surface: true,\n    'surface--secondary':\n      rank === 'secondary',\n    'surface--tertiary':\n      rank === 'tertiary',\n    'surface--outline':\n      rank === 'outline',\n  };\n}\n"]}
+{"version":3,"sources":["../../../src/components/surface/surface-presentation.ts"],"names":[],"mappings":";;;;AAQO,SAAS,oBACd,IAAA,EACyB;AACzB,EAAA,OAAO;AAAA,IACL,OAAA,EAAS,IAAA;AAAA,IACT,oBACE,IAAA,KAAS,SAAA;AAAA,IACX,sBACE,IAAA,KAAS,WAAA;AAAA,IACX,qBACE,IAAA,KAAS,UAAA;AAAA,IACX,oBACE,IAAA,KAAS;AAAA,GACb;AACF","file":"surface-presentation.cjs","sourcesContent":["import './surface.css';\n\nexport type SurfaceRank =\n  | 'primary'\n  | 'secondary'\n  | 'tertiary'\n  | 'outline';\n\nexport function surfacePresentation(\n  rank: SurfaceRank,\n): Record<string, boolean> {\n  return {\n    surface: true,\n    'surface--primary':\n      rank === 'primary',\n    'surface--secondary':\n      rank === 'secondary',\n    'surface--tertiary':\n      rank === 'tertiary',\n    'surface--outline':\n      rank === 'outline',\n  };\n}\n"]}

package/components/surface/surface-presentation.js

@@ -3,6 +3,7 @@ import './surface.css';
 function surfacePresentation(rank) {
   return {
     surface: true,
+    "surface--primary": rank === "primary",
     "surface--secondary": rank === "secondary",
     "surface--tertiary": rank === "tertiary",
     "surface--outline": rank === "outline"

package/components/surface/surface-presentation.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/surface/surface-presentation.ts"],"names":[],"mappings":";;AAQO,SAAS,oBACd,IAAA,EACyB;AACzB,EAAA,OAAO;AAAA,IACL,OAAA,EAAS,IAAA;AAAA,IACT,sBACE,IAAA,KAAS,WAAA;AAAA,IACX,qBACE,IAAA,KAAS,UAAA;AAAA,IACX,oBACE,IAAA,KAAS;AAAA,GACb;AACF","file":"surface-presentation.js","sourcesContent":["import './surface.css';\n\nexport type SurfaceRank =\n  | 'primary'\n  | 'secondary'\n  | 'tertiary'\n  | 'outline';\n\nexport function surfacePresentation(\n  rank: SurfaceRank,\n): Record<string, boolean> {\n  return {\n    surface: true,\n    'surface--secondary':\n      rank === 'secondary',\n    'surface--tertiary':\n      rank === 'tertiary',\n    'surface--outline':\n      rank === 'outline',\n  };\n}\n"]}
+{"version":3,"sources":["../../../src/components/surface/surface-presentation.ts"],"names":[],"mappings":";;AAQO,SAAS,oBACd,IAAA,EACyB;AACzB,EAAA,OAAO;AAAA,IACL,OAAA,EAAS,IAAA;AAAA,IACT,oBACE,IAAA,KAAS,SAAA;AAAA,IACX,sBACE,IAAA,KAAS,WAAA;AAAA,IACX,qBACE,IAAA,KAAS,UAAA;AAAA,IACX,oBACE,IAAA,KAAS;AAAA,GACb;AACF","file":"surface-presentation.js","sourcesContent":["import './surface.css';\n\nexport type SurfaceRank =\n  | 'primary'\n  | 'secondary'\n  | 'tertiary'\n  | 'outline';\n\nexport function surfacePresentation(\n  rank: SurfaceRank,\n): Record<string, boolean> {\n  return {\n    surface: true,\n    'surface--primary':\n      rank === 'primary',\n    'surface--secondary':\n      rank === 'secondary',\n    'surface--tertiary':\n      rank === 'tertiary',\n    'surface--outline':\n      rank === 'outline',\n  };\n}\n"]}