jvetrau-ds 0.2.28 → 0.2.29

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -151,6 +151,10 @@ Object.defineProperty(exports, "Logo", {
151
151
  enumerable: true,
152
152
  get: function () { return logo__default.default; }
153
153
  });
154
+ Object.defineProperty(exports, "getLogoFavicon", {
155
+ enumerable: true,
156
+ get: function () { return logo.getLogoFavicon; }
157
+ });
154
158
  Object.defineProperty(exports, "Avatar", {
155
159
  enumerable: true,
156
160
  get: function () { return avatar__default.default; }
@@ -37,7 +37,7 @@ export { default as Video } from './video/video';
37
37
  export type { VideoProps, VideoQuality, } from './video/video';
38
38
  export { default as EmbedViewer } from './embed-viewer';
39
39
  export type { EmbedViewerProps } from './embed-viewer';
40
- export { default as Logo } from './logo/logo';
40
+ export { default as Logo, getLogoFavicon, } from './logo/logo';
41
41
  export type { LogoBrand, LogoMode, LogoProps, } from './logo/logo';
42
42
  export { default as Avatar } from './avatar/avatar';
43
43
  export type { AvatarProps, AvatarSize, } from './avatar/avatar';
@@ -17,7 +17,7 @@ export { default as Card } from './card/card';
17
17
  export { default as Panel } from './panel/panel';
18
18
  export { default as Video } from './video/video';
19
19
  export { default as EmbedViewer } from './embed-viewer';
20
- export { default as Logo } from './logo/logo';
20
+ export { default as Logo, getLogoFavicon } from './logo/logo';
21
21
  export { default as Avatar } from './avatar/avatar';
22
22
  export { default as Attach } from './attach/attach';
23
23
  export { default as ActionGroup } from './action-group/action-group';
@@ -18,5 +18,9 @@ Object.defineProperty(exports, "default", {
18
18
  enumerable: true,
19
19
  get: function () { return logo__default.default; }
20
20
  });
21
+ Object.defineProperty(exports, "getLogoFavicon", {
22
+ enumerable: true,
23
+ get: function () { return logo.getLogoFavicon; }
24
+ });
21
25
  //# sourceMappingURL=index.cjs.map
22
26
  //# sourceMappingURL=index.cjs.map
@@ -1,3 +1,3 @@
1
1
  export { default } from './logo';
2
- export { default as Logo } from './logo';
2
+ export { default as Logo, getLogoFavicon, } from './logo';
3
3
  export type { LogoBrand, LogoMode, LogoProps, } from './logo';
@@ -1,3 +1,3 @@
1
- export { default as Logo, default } from './logo';
1
+ export { default as Logo, default, getLogoFavicon } from './logo';
2
2
  //# sourceMappingURL=index.js.map
3
3
  //# sourceMappingURL=index.js.map
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var jsxRuntime = require('react/jsx-runtime');
4
6
  require('./logo.css');
5
7
  var classnames = require('../helpers/classnames');
@@ -45,6 +47,7 @@ const logoBrands = {
45
47
  favicon: dmpatternsFavicon__default.default
46
48
  }
47
49
  };
50
+ const getLogoFavicon = (brand) => logoBrands[brand].favicon;
48
51
  const Logo = ({
49
52
  brand = "dmpatterns",
50
53
  mode = "full",
@@ -105,6 +108,7 @@ const Logo = ({
105
108
  };
106
109
  var logo_default = Logo;
107
110
 
108
- module.exports = logo_default;
111
+ exports.default = logo_default;
112
+ exports.getLogoFavicon = getLogoFavicon;
109
113
  //# sourceMappingURL=logo.cjs.map
110
114
  //# sourceMappingURL=logo.cjs.map
@@ -1 +1 @@
1
- {"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"]}
1
+ {"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;AAEO,MAAM,cAAA,GAAiB,CAC5B,KAAA,KACW,UAAA,CAAW,KAAK,CAAA,CAAE;AAS/B,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 const getLogoFavicon = (\n brand: LogoBrand,\n): string => logoBrands[brand].favicon;\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"]}
@@ -2,6 +2,7 @@ import React from 'react';
2
2
  import './logo.css';
3
3
  export type LogoBrand = 'dmpatterns' | 'brandcopilot' | 'pdigest' | 'retrack';
4
4
  export type LogoMode = 'full' | 'symbol' | 'favicon';
5
+ export declare const getLogoFavicon: (brand: LogoBrand) => string;
5
6
  export interface LogoProps extends React.HTMLAttributes<HTMLDivElement> {
6
7
  brand?: LogoBrand;
7
8
  mode?: LogoMode;
@@ -34,6 +34,7 @@ const logoBrands = {
34
34
  favicon: dmpatternsFavicon
35
35
  }
36
36
  };
37
+ const getLogoFavicon = (brand) => logoBrands[brand].favicon;
37
38
  const Logo = ({
38
39
  brand = "dmpatterns",
39
40
  mode = "full",
@@ -94,6 +95,6 @@ const Logo = ({
94
95
  };
95
96
  var logo_default = Logo;
96
97
 
97
- export { logo_default as default };
98
+ export { logo_default as default, getLogoFavicon };
98
99
  //# sourceMappingURL=logo.js.map
99
100
  //# sourceMappingURL=logo.js.map
@@ -1 +1 @@
1
- {"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"]}
1
+ {"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;AAEO,MAAM,cAAA,GAAiB,CAC5B,KAAA,KACW,UAAA,CAAW,KAAK,CAAA,CAAE;AAS/B,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 const getLogoFavicon = (\n brand: LogoBrand,\n): string => logoBrands[brand].favicon;\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/index.cjs CHANGED
@@ -186,6 +186,10 @@ Object.defineProperty(exports, "Logo", {
186
186
  enumerable: true,
187
187
  get: function () { return logo__default.default; }
188
188
  });
189
+ Object.defineProperty(exports, "getLogoFavicon", {
190
+ enumerable: true,
191
+ get: function () { return logo.getLogoFavicon; }
192
+ });
189
193
  Object.defineProperty(exports, "Avatar", {
190
194
  enumerable: true,
191
195
  get: function () { return avatar__default.default; }
package/index.d.ts CHANGED
@@ -45,7 +45,7 @@ export type { CardProps } from './components/card';
45
45
  export { default as Panel } from './components/panel';
46
46
  export type { PanelProps } from './components/panel';
47
47
  export type { SurfaceRank } from './components/surface/surface-presentation';
48
- export { default as Logo } from './components/logo';
48
+ export { default as Logo, getLogoFavicon, } from './components/logo';
49
49
  export type { LogoBrand, LogoMode, LogoProps, } from './components/logo';
50
50
  export { default as Avatar } from './components/avatar';
51
51
  export type { AvatarProps, AvatarSize, } from './components/avatar';
package/index.js CHANGED
@@ -19,7 +19,7 @@ export { default as Tag } from './components/tag';
19
19
  export { default as ProgressBar } from './components/progressbar';
20
20
  export { default as Card } from './components/card';
21
21
  export { default as Panel } from './components/panel';
22
- export { default as Logo } from './components/logo';
22
+ export { default as Logo, getLogoFavicon } from './components/logo';
23
23
  export { default as Avatar } from './components/avatar';
24
24
  export { default as Attach } from './components/attach';
25
25
  export { default as ActionGroup } from './components/action-group';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "jvetrau-ds",
3
- "version": "0.2.28",
3
+ "version": "0.2.29",
4
4
  "description": "Multi-brand React design system with semantic tokens",
5
5
  "license": "UNLICENSED",
6
6
  "type": "module",