@salutejs/sdds-sbcom 0.350.0-next-platform-ai.0 → 0.351.0-dev.0

package/dist/css/cjs/index.js

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var index = require('./mixins/index.js');
 var Accordion = require('./components/Accordion/Accordion.js');
 var css = require('@salutejs/plasma-new-hope/css');
 var Attach = require('./components/Attach/Attach.js');
@@ -81,9 +82,11 @@ var Tour = require('./components/Tour/Tour.js');
 var Tree = require('./components/Tree/Tree.js');
 var Typography = require('./components/Typography/Typography.js');
 var ViewContainer = require('./components/ViewContainer/ViewContainer.js');
+var Scrollbar = require('./components/Scrollbar/Scrollbar.js');
 
 
 
+exports.applyPaper = index.applyPaper;
 exports.Accordion = Accordion.Accordion;
 Object.defineProperty(exports, "AccordionItem", {
 	enumerable: true,
@@ -181,6 +184,10 @@ Object.defineProperty(exports, "TabsContext", {
 	enumerable: true,
 	get: function () { return css.TabsContext; }
 });
+Object.defineProperty(exports, "addFocus", {
+	enumerable: true,
+	get: function () { return css.addFocus; }
+});
 Object.defineProperty(exports, "addNotification", {
 	enumerable: true,
 	get: function () { return css.addNotification; }
@@ -245,6 +252,10 @@ Object.defineProperty(exports, "informationWrapperTokens", {
 	enumerable: true,
 	get: function () { return css.informationWrapperTokens; }
 });
+Object.defineProperty(exports, "mediaQuery", {
+	enumerable: true,
+	get: function () { return css.mediaQuery; }
+});
 Object.defineProperty(exports, "modalClasses", {
 	enumerable: true,
 	get: function () { return css.modalClasses; }
@@ -428,5 +439,8 @@ exports.H1 = Typography.H1;
 exports.H2 = Typography.H2;
 exports.H3 = Typography.H3;
 exports.H4 = Typography.H4;
+exports.HXlMedium = Typography.HXlMedium;
+exports.HXxlMedium = Typography.HXxlMedium;
 exports.ViewContainer = ViewContainer.ViewContainer;
+exports.addScrollbar = Scrollbar.addScrollbar;
 //# sourceMappingURL=index.js.map

package/dist/css/cjs/index.js.map

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

package/dist/css/cjs/mixins/index.js

@@ -0,0 +1,39 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var css = require('@salutejs/plasma-new-hope/css');
+var allTokens = require('@salutejs-ds/sdds_sbcom');
+
+function _interopNamespace(e) {
+	if (e && e.__esModule) return e;
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n.default = e;
+	return n;
+}
+
+var allTokens__namespace = /*#__PURE__*/_interopNamespace(allTokens);
+
+var applyPaper = /*#__PURE__*/css.createApplyPaperMixin(allTokens__namespace);
+
+Object.defineProperty(exports, "addFocus", {
+	enumerable: true,
+	get: function () { return css.addFocus; }
+});
+Object.defineProperty(exports, "mediaQuery", {
+	enumerable: true,
+	get: function () { return css.mediaQuery; }
+});
+exports.applyPaper = applyPaper;
+//# sourceMappingURL=index.js.map

package/dist/css/cjs/mixins/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src-css/mixins/index.ts"],"sourcesContent":["import { createApplyPaperMixin } from '@salutejs/plasma-new-hope/css';\nimport * as allTokens from '@salutejs-ds/sdds_sbcom';\n\nexport { addFocus, mediaQuery } from '@salutejs/plasma-new-hope/css';\nexport { addScrollbar } from '../components/Scrollbar/Scrollbar';\n\nexport const applyPaper = createApplyPaperMixin(allTokens);\n"],"names":["applyPaper","createApplyPaperMixin","allTokens"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;IAMaA,UAAU,gBAAGC,yBAAqB,CAACC,oBAAS;;;;;;;;;;;;"}

package/dist/css/es/_virtual/_rollupPluginBabelHelpers.js

@@ -1,3 +1,11 @@
+function _defineProperty(e, r, t) {
+  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: true,
+    configurable: true,
+    writable: true
+  }) : e[r] = t, e;
+}
 function _extends() {
   return _extends = Object.assign ? Object.assign.bind() : function (n) {
     for (var e = 1; e < arguments.length; e++) {
@@ -7,6 +15,68 @@ function _extends() {
     return n;
   }, _extends.apply(null, arguments);
 }
+function ownKeys(e, r) {
+  var t = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function (r) {
+      return Object.getOwnPropertyDescriptor(e, r).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function _objectSpread2(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), true).forEach(function (r) {
+      _defineProperty(e, r, t[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
+      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+    });
+  }
+  return e;
+}
+function _objectWithoutProperties(e, t) {
+  if (null == e) return {};
+  var o,
+    r,
+    i = _objectWithoutPropertiesLoose(e, t);
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(e);
+    for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+  }
+  return i;
+}
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (-1 !== e.indexOf(n)) continue;
+    t[n] = r[n];
+  }
+  return t;
+}
+function _taggedTemplateLiteral(e, t) {
+  return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, {
+    raw: {
+      value: Object.freeze(t)
+    }
+  }));
+}
+function _toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r);
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : i + "";
+}
 
-export { _extends as extends };
+export { _defineProperty as defineProperty, _extends as extends, _objectSpread2 as objectSpread2, _objectWithoutProperties as objectWithoutProperties, _objectWithoutPropertiesLoose as objectWithoutPropertiesLoose, _taggedTemplateLiteral as taggedTemplateLiteral, _toPrimitive as toPrimitive, _toPropertyKey as toPropertyKey };
 //# sourceMappingURL=_rollupPluginBabelHelpers.js.map

package/dist/css/es/_virtual/_rollupPluginBabelHelpers.js.map

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

package/dist/css/es/components/Avatar/Avatar.config.js

@@ -1,4 +1,4 @@
-import './Avatar.config_a6o325.css';
+import './Avatar.config_i79yrd.css';
 /*
  * NOTE: Mixed DS tokens + raw vars. Prefer @salutejs-ds/sdds_sbcom/theme/tokens where possible.
  * Missing tokens in @salutejs/sdds-themes/tokens: bodyXxs, surfaceTransparentPositive, surfaceTransparentWarning

package/dist/css/es/components/Avatar/Avatar.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.config.js","sources":["../../../../../src-css/components/Avatar/Avatar.config.tsx"],"sourcesContent":["import { css, avatarTokens as tokens } from '@salutejs/plasma-new-hope/css';\nimport {\n    bodyS,\n    inverseTextPrimary,\n    onDarkSurfaceSolidDefault,\n    onDarkSurfaceTransparentCard,\n    onDarkTextPrimary,\n    onLightSurfaceSolidDefault,\n    onLightSurfaceTransparentDeep,\n    onLightTextPrimary,\n    surfaceAccent,\n    surfaceClear,\n    surfaceNegative,\n    surfacePositive,\n    surfaceSolidDefault,\n    surfaceSolidTertiary,\n    surfaceTransparentAccent,\n    surfaceTransparentNegative,\n    surfaceTransparentSecondary,\n    surfaceWarning,\n    textAccent,\n    textNegative,\n    textPositive,\n    textPrimary,\n    textWarning,\n    textS,\n} from '@salutejs-ds/sdds_sbcom/theme/tokens';\n\n/*\n * NOTE: Mixed DS tokens + raw vars. Prefer @salutejs-ds/sdds_sbcom/theme/tokens where possible.\n * Missing tokens in @salutejs/sdds-themes/tokens: bodyXxs, surfaceTransparentPositive, surfaceTransparentWarning\n * text, textAccentGradient\n */\nexport const config = {\n    defaults: {\n        view: 'default',\n        size: 'xxl',\n        shape: 'circled',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${tokens.color}: var(--text-accent-gradient);\n                ${tokens.backgroundColor}: linear-gradient(94deg, rgba(62, 121, 240, 0.2) 6.49%, rgba(39, 198, 229, 0.2) 93.51%);\n                ${tokens.statusOnlineColor}: ${surfacePositive};\n                ${tokens.statusOfflineColor}: ${surfaceSolidTertiary};\n                ${tokens.scaleHover}: 1.02;\n                ${tokens.fontFamily}: ${textS.fontFamily};\n            `,\n        },\n        size: {\n            // TODO: #1044 токены типографики в Avatar\n            xxl: css`\n                ${tokens.avatarSize}: 6.25rem;\n                ${tokens.fontSize}: 2rem;\n                ${tokens.fontWeight}: 600;\n                ${tokens.lineHeight}: 2rem;\n                ${tokens.statusIconSize}: 0.75rem;\n                ${tokens.borderRadius}: 1.125rem;\n\n                ${tokens.badgeBorderRadius}: 0.5rem;\n                ${tokens.badgeHeight}: 1.75rem;\n                ${tokens.badgePadding}: 0 0.688rem;\n                ${tokens.badgePaddingIconOnly}: 0 0.375rem;\n\n                ${tokens.badgeFontFamily}: ${bodyS.fontFamily};\n                ${tokens.badgeFontSize}: ${bodyS.fontSize};\n                ${tokens.badgeFontStyle}: ${bodyS.fontStyle};\n                ${tokens.badgeFontWeight}: ${bodyS.fontWeight};\n                ${tokens.badgeLetterSpacing}: ${bodyS.letterSpacing};\n                ${tokens.badgeLineHeight}: ${bodyS.lineHeight};\n\n                ${tokens.badgeLeftContentMarginLeft}: -0.063rem;\n                ${tokens.badgeLeftContentMarginRight}: 0.25rem;\n\n                ${tokens.badgeRightContentMarginLeft}: 0.25rem;\n                ${tokens.badgeRightContentMarginRight}: -0.063rem;\n                ${tokens.badgePilledBorderRadius}: 1.25rem;\n\n                ${tokens.counterBorderRadius}: 1rem;\n                ${tokens.counterHeight}: 1.75rem;\n                ${tokens.counterPadding}: 0 0.625rem;\n                ${tokens.counterFontFamily}: ${bodyS.fontFamily};\n                ${tokens.counterFontSize}: ${bodyS.fontSize};\n                ${tokens.counterFontStyle}: ${bodyS.fontStyle};\n                ${tokens.counterFontWeight}: ${bodyS.fontWeight};\n                ${tokens.counterLetterSpacing}: ${bodyS.letterSpacing};\n                ${tokens.counterLineHeight}: ${bodyS.lineHeight};\n            `,\n            l: css`\n                ${tokens.avatarSize}: 3rem;\n                ${tokens.fontSize}: 1.25rem;\n                ${tokens.fontWeight}: 600;\n                ${tokens.lineHeight}: 1.25rem;\n                ${tokens.statusIconSize}: 0.5rem;\n                ${tokens.borderRadius}: 0.75rem;\n\n                ${tokens.extraPlacementFactor}: 2;\n\n                ${tokens.badgeBorderRadius}: 0.375rem;\n                ${tokens.badgeHeight}: 1.25rem;\n                ${tokens.badgePadding}: 0 0.438rem;\n                ${tokens.badgePaddingIconOnly}: 0 0.25rem;\n\n                ${tokens.badgeFontFamily}: var(--plasma-typo-body-xxs-font-family);\n                ${tokens.badgeFontSize}: var(--plasma-typo-body-xxs-font-size);\n                ${tokens.badgeFontStyle}: var(--plasma-typo-body-xxs-font-style);\n                ${tokens.badgeFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n                ${tokens.badgeLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n                ${tokens.badgeLineHeight}: var(--plasma-typo-body-xxs-line-height);\n\n                ${tokens.badgeLeftContentMarginLeft}: -0.063rem;\n                ${tokens.badgeLeftContentMarginRight}: 0.125rem;\n\n                ${tokens.badgeRightContentMarginLeft}: 0.125rem;\n                ${tokens.badgeRightContentMarginRight}: -0.063rem;\n                ${tokens.badgePilledBorderRadius}: 1.25rem;\n\n                ${tokens.counterBorderRadius}: 1rem;\n                ${tokens.counterHeight}: 1.25rem;\n                ${tokens.counterPadding}: 0 0.375rem;\n                ${tokens.counterFontFamily}: var(--plasma-typo-body-xxs-font-family);\n                ${tokens.counterFontSize}: var(--plasma-typo-body-xxs-font-size);\n                ${tokens.counterFontStyle}: var(--plasma-typo-body-xxs-font-style);\n                ${tokens.counterFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n                ${tokens.counterLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n                ${tokens.counterLineHeight}: var(--plasma-typo-body-xxs-line-height);\n            `,\n            m: css`\n                ${tokens.avatarSize}: 2.25rem;\n                ${tokens.fontSize}: 0.875rem;\n                ${tokens.fontWeight}: 600;\n                ${tokens.lineHeight}: 0.875rem;\n                ${tokens.statusIconSize}: 0.5rem;\n                ${tokens.borderRadius}: 0.625rem;\n\n                ${tokens.extraPlacementFactor}: 2;\n\n                ${tokens.badgeBorderRadius}: 0.25rem;\n                ${tokens.badgeHeight}: 1rem;\n                ${tokens.badgePadding}: 0 0.25rem;\n                ${tokens.badgePaddingIconOnly}: 0 0.188rem;\n\n                ${tokens.badgeFontFamily}: var(--plasma-typo-body-xxs-font-family);\n                ${tokens.badgeFontSize}: var(--plasma-typo-body-xxs-font-size);\n                ${tokens.badgeFontStyle}: var(--plasma-typo-body-xxs-font-style);\n                ${tokens.badgeFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n                ${tokens.badgeLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n                ${tokens.badgeLineHeight}: var(--plasma-typo-body-xxs-line-height);\n\n                ${tokens.badgeLeftContentMarginLeft}: -0.063rem;\n                ${tokens.badgeLeftContentMarginRight}: 0.125rem;\n\n                ${tokens.badgeRightContentMarginLeft}: 0.125rem;\n                ${tokens.badgeRightContentMarginRight}: -0.063rem;\n                ${tokens.badgePilledBorderRadius}: 1.25rem;\n\n                ${tokens.counterBorderRadius}: 1rem;\n                ${tokens.counterHeight}: 1rem;\n                ${tokens.counterPadding}: 0 0.25rem;\n                ${tokens.counterFontFamily}: var(--plasma-typo-body-xxs-font-family);\n                ${tokens.counterFontSize}: var(--plasma-typo-body-xxs-font-size);\n                ${tokens.counterFontStyle}: var(--plasma-typo-body-xxs-font-style);\n                ${tokens.counterFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n                ${tokens.counterLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n                /* NOTE: no token bodyXxs in @salutejs/sdds-themes/tokens */\n                ${tokens.counterLineHeight}: var(--plasma-typo-body-xxs-line-height);\n            `,\n            s: css`\n                ${tokens.avatarSize}: 1.5rem;\n                ${tokens.fontSize}: 0.5rem;\n                ${tokens.fontWeight}: 600;\n                ${tokens.lineHeight}: 0.5rem;\n                ${tokens.statusIconSize}: 0.375rem;\n                ${tokens.borderRadius}: 0.5rem;\n\n                ${tokens.extraPlacementFactor}: 1;\n\n                ${tokens.counterBorderRadius}: 1rem;\n                ${tokens.counterHeight}: 0.75rem;\n                ${tokens.counterPadding}: 0 0.125rem;\n                /* NOTE: no token bodyXxs in @salutejs/sdds-themes/tokens */\n                ${tokens.counterFontFamily}: var(--plasma-typo-body-xxs-font-family);\n                /* NOTE: no token bodyXxs in @salutejs/sdds-themes/tokens */\n                ${tokens.counterFontSize}: var(--plasma-typo-body-xxs-font-size);\n                /* NOTE: no token bodyXxs in @salutejs/sdds-themes/tokens */\n                ${tokens.counterFontStyle}: var(--plasma-typo-body-xxs-font-style);\n                /* NOTE: no token bodyXxs in @salutejs/sdds-themes/tokens */\n                ${tokens.counterFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n                /* NOTE: no token bodyXxs in @salutejs/sdds-themes/tokens */\n                ${tokens.counterLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n                /* NOTE: no token bodyXxs in @salutejs/sdds-themes/tokens */\n                ${tokens.counterLineHeight}: var(--plasma-typo-body-xxs-line-height);\n            `,\n            fit: css`\n                ${tokens.avatarSize}: 100%;\n                ${tokens.fontSize}: 0;\n                ${tokens.fontWeight}: 0;\n                ${tokens.lineHeight}: 0;\n                ${tokens.statusIconSize}: 0;\n            `,\n        },\n        shape: {\n            circled: css`\n                ${tokens.borderRadius}: 50%;\n                ${tokens.statusLeft}: calc(0.867 * var(${tokens.avatarSize}) - var(${tokens.statusIconSize}) / 2);\n                ${tokens.statusTop}: calc(0.867 * var(${tokens.avatarSize}) - var(${tokens.statusIconSize}) / 2);\n            `,\n            rounded: css`\n                ${tokens.statusLeft}: calc(var(${tokens.avatarSize}) - var(${tokens.statusIconSize}));\n                ${tokens.statusTop}: calc(var(${tokens.avatarSize}) - var(${tokens.statusIconSize}));\n            `,\n        },\n        badgeView: {\n            default: css`\n                ${tokens.badgeColor}: ${inverseTextPrimary};\n                ${tokens.badgeBackground}: ${surfaceSolidDefault};\n\n                ${tokens.badgeColorTransparent}: ${textPrimary};\n                ${tokens.badgeBackgroundTransparent}: ${surfaceTransparentSecondary};\n\n                ${tokens.badgeColorClear}: ${textPrimary};\n                ${tokens.badgeBackgroundClear}: ${surfaceClear};\n            `,\n            accent: css`\n                ${tokens.badgeColor}: ${onDarkTextPrimary};\n                ${tokens.badgeBackground}: ${surfaceAccent};\n\n                ${tokens.badgeColorTransparent}: ${textAccent};\n                ${tokens.badgeBackgroundTransparent}: ${surfaceTransparentAccent};\n\n                ${tokens.badgeColorClear}: ${textAccent};\n                ${tokens.badgeBackgroundClear}: ${surfaceClear};\n            `,\n            positive: css`\n                ${tokens.badgeColor}: ${onDarkTextPrimary};\n                ${tokens.badgeBackground}: ${surfacePositive};\n\n                ${tokens.badgeColorTransparent}: ${textPositive};\n                /* NOTE: no token surfaceTransparentPositive in @salutejs/sdds-themes/tokens */\n                ${tokens.badgeBackgroundTransparent}: var(--surface-transparent-positive);\n\n                ${tokens.badgeColorClear}: ${textPositive};\n                ${tokens.badgeBackgroundClear}: ${surfaceClear};\n            `,\n            warning: css`\n                ${tokens.badgeColor}: ${onDarkTextPrimary};\n                ${tokens.badgeBackground}: ${surfaceWarning};\n\n                ${tokens.badgeColorTransparent}: ${textWarning};\n                /* NOTE: no token surfaceTransparentWarning in @salutejs/sdds-themes/tokens */\n                ${tokens.badgeBackgroundTransparent}: var(--surface-transparent-warning);\n\n                ${tokens.badgeColorClear}: ${textWarning};\n                ${tokens.badgeBackgroundClear}: ${surfaceClear};\n            `,\n            negative: css`\n                ${tokens.badgeColor}: ${onDarkTextPrimary};\n                ${tokens.badgeBackground}: ${surfaceNegative};\n\n                ${tokens.badgeColorTransparent}: ${textNegative};\n                ${tokens.badgeBackgroundTransparent}: ${surfaceTransparentNegative};\n\n                ${tokens.badgeColorClear}: ${textNegative};\n                ${tokens.badgeBackgroundClear}: ${surfaceClear};\n            `,\n            dark: css`\n                ${tokens.badgeColor}: ${onDarkTextPrimary};\n                ${tokens.badgeBackground}: ${onLightSurfaceSolidDefault};\n\n                ${tokens.badgeColorTransparent}: ${onDarkTextPrimary};\n                ${tokens.badgeBackgroundTransparent}: ${onLightSurfaceTransparentDeep};\n\n                ${tokens.badgeColorClear}: ${onLightTextPrimary};\n                ${tokens.badgeBackgroundClear}: ${surfaceClear};\n            `,\n            light: css`\n                ${tokens.badgeColor}: ${onLightTextPrimary};\n                ${tokens.badgeBackground}: ${onDarkSurfaceSolidDefault};\n\n                ${tokens.badgeColorTransparent}: ${onDarkTextPrimary};\n                ${tokens.badgeBackgroundTransparent}: ${onDarkSurfaceTransparentCard};\n\n                ${tokens.badgeColorClear}: ${onDarkTextPrimary};\n                ${tokens.badgeBackgroundClear}: ${surfaceClear};\n            `,\n        },\n        counterView: {\n            default: css`\n                ${tokens.counterColor}: ${inverseTextPrimary};\n                ${tokens.counterBackground}: ${surfaceSolidDefault};\n            `,\n            accent: css`\n                ${tokens.counterColor}: ${onDarkTextPrimary};\n                ${tokens.counterBackground}: ${surfaceAccent};\n            `,\n            positive: css`\n                ${tokens.counterColor}: ${onDarkTextPrimary};\n                ${tokens.counterBackground}: ${surfacePositive};\n            `,\n            warning: css`\n                ${tokens.counterColor}: ${onDarkTextPrimary};\n                ${tokens.counterBackground}: ${surfaceWarning};\n            `,\n            negative: css`\n                ${tokens.counterColor}: ${onDarkTextPrimary};\n                ${tokens.counterBackground}: ${surfaceNegative};\n            `,\n            dark: css`\n                ${tokens.counterColor}: ${onDarkTextPrimary};\n                ${tokens.counterBackground}: ${onLightSurfaceSolidDefault};\n            `,\n            light: css`\n                ${tokens.counterColor}: ${onLightTextPrimary};\n                ${tokens.counterBackground}: ${onDarkSurfaceSolidDefault};\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","shape","variations","default","xxl","l","m","s","fit","circled","rounded","badgeView","accent","positive","warning","negative","dark","light","counterView"],"mappings":"AA4BA;AACA;AACA;AACA;AACA;AACO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,KAAK;AACXC,IAAAA,KAAK,EAAE;GACV;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;MACFI,SAAAA,EAAO;KAQV;AACDH,IAAAA,IAAI,EAAE;AACF;AACAI,MAAAA,GAAG,EAAA,UAoCF;AACDC,MAAAA,CAAC,EAAA,SAsCA;AACDC,MAAAA,CAAC,EAAA,UAuCA;AACDC,MAAAA,CAAC,EAAA,UAyBA;AACDC,MAAAA,GAAG,EAAA;KAON;AACDP,IAAAA,KAAK,EAAE;AACHQ,MAAAA,OAAO,EAAA,UAIN;AACDC,MAAAA,OAAO,EAAA;KAIV;AACDC,IAAAA,SAAS,EAAE;AACPR,MAAAA,SAAAA,EAAO,SASN;AACDS,MAAAA,MAAM,EAAA,SASL;AACDC,MAAAA,QAAQ,EAAA,SAUP;AACDC,MAAAA,OAAO,EAAA,SAUN;AACDC,MAAAA,QAAQ,EAAA,SASP;AACDC,MAAAA,IAAI,EAAA,SASH;AACDC,MAAAA,KAAK,EAAA;KAUR;AACDC,IAAAA,WAAW,EAAE;AACTf,MAAAA,SAAAA,EAAO,UAGN;AACDS,MAAAA,MAAM,EAAA,UAGL;AACDC,MAAAA,QAAQ,EAAA,UAGP;AACDC,MAAAA,OAAO,EAAA,UAGN;AACDC,MAAAA,QAAQ,EAAA,SAGP;AACDC,MAAAA,IAAI,EAAA,SAGH;AACDC,MAAAA,KAAK,EAAA;AAIT;AACJ;AACJ;;;;"}
+{"version":3,"file":"Avatar.config.js","sources":["../../../../../src-css/components/Avatar/Avatar.config.tsx"],"sourcesContent":["import { css, avatarTokens as tokens } from '@salutejs/plasma-new-hope/css';\nimport {\n    bodyS,\n    inverseTextPrimary,\n    onDarkSurfaceSolidDefault,\n    onDarkSurfaceTransparentCard,\n    onDarkTextPrimary,\n    onLightSurfaceSolidDefault,\n    onLightSurfaceTransparentDeep,\n    onLightTextPrimary,\n    surfaceAccent,\n    surfaceClear,\n    surfaceNegative,\n    surfacePositive,\n    surfaceSolidDefault,\n    surfaceSolidTertiary,\n    surfaceTransparentAccent,\n    surfaceTransparentNegative,\n    surfaceTransparentSecondary,\n    surfaceWarning,\n    textAccent,\n    textNegative,\n    textPositive,\n    textPrimary,\n    textWarning,\n} from '@salutejs-ds/sdds_sbcom/theme/tokens';\n\n/*\n * NOTE: Mixed DS tokens + raw vars. Prefer @salutejs-ds/sdds_sbcom/theme/tokens where possible.\n * Missing tokens in @salutejs/sdds-themes/tokens: bodyXxs, surfaceTransparentPositive, surfaceTransparentWarning\n * text, textAccentGradient\n */\nexport const config = {\n    defaults: {\n        view: 'default',\n        size: 'xxl',\n        shape: 'circled',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${tokens.color}: var(--text-accent-gradient);\n                ${tokens.backgroundColor}: linear-gradient(94deg, rgba(62, 121, 240, 0.2) 6.49%, rgba(39, 198, 229, 0.2) 93.51%);\n                ${tokens.statusOnlineColor}: ${surfacePositive};\n                ${tokens.statusOfflineColor}: ${surfaceSolidTertiary};\n                ${tokens.scaleHover}: 1.02;\n                ${tokens.fontFamily}: ${bodyS.fontFamily};\n            `,\n        },\n        size: {\n            // TODO: #1044 токены типографики в Avatar\n            xxl: css`\n                ${tokens.avatarSize}: 6.25rem;\n                ${tokens.fontSize}: 2rem;\n                ${tokens.fontWeight}: 600;\n                ${tokens.lineHeight}: 2rem;\n                ${tokens.statusIconSize}: 0.75rem;\n                ${tokens.borderRadius}: 1.125rem;\n\n                ${tokens.badgeBorderRadius}: 0.5rem;\n                ${tokens.badgeHeight}: 1.75rem;\n                ${tokens.badgePadding}: 0 0.688rem;\n                ${tokens.badgePaddingIconOnly}: 0 0.375rem;\n\n                ${tokens.badgeFontFamily}: ${bodyS.fontFamily};\n                ${tokens.badgeFontSize}: ${bodyS.fontSize};\n                ${tokens.badgeFontStyle}: ${bodyS.fontStyle};\n                ${tokens.badgeFontWeight}: ${bodyS.fontWeight};\n                ${tokens.badgeLetterSpacing}: ${bodyS.letterSpacing};\n                ${tokens.badgeLineHeight}: ${bodyS.lineHeight};\n\n                ${tokens.badgeLeftContentMarginLeft}: -0.063rem;\n                ${tokens.badgeLeftContentMarginRight}: 0.25rem;\n\n                ${tokens.badgeRightContentMarginLeft}: 0.25rem;\n                ${tokens.badgeRightContentMarginRight}: -0.063rem;\n                ${tokens.badgePilledBorderRadius}: 1.25rem;\n\n                ${tokens.counterBorderRadius}: 1rem;\n                ${tokens.counterHeight}: 1.75rem;\n                ${tokens.counterPadding}: 0 0.625rem;\n                ${tokens.counterFontFamily}: ${bodyS.fontFamily};\n                ${tokens.counterFontSize}: ${bodyS.fontSize};\n                ${tokens.counterFontStyle}: ${bodyS.fontStyle};\n                ${tokens.counterFontWeight}: ${bodyS.fontWeight};\n                ${tokens.counterLetterSpacing}: ${bodyS.letterSpacing};\n                ${tokens.counterLineHeight}: ${bodyS.lineHeight};\n            `,\n            l: css`\n                ${tokens.avatarSize}: 3rem;\n                ${tokens.fontSize}: 1.25rem;\n                ${tokens.fontWeight}: 600;\n                ${tokens.lineHeight}: 1.25rem;\n                ${tokens.statusIconSize}: 0.5rem;\n                ${tokens.borderRadius}: 0.75rem;\n\n                ${tokens.extraPlacementFactor}: 2;\n\n                ${tokens.badgeBorderRadius}: 0.375rem;\n                ${tokens.badgeHeight}: 1.25rem;\n                ${tokens.badgePadding}: 0 0.438rem;\n                ${tokens.badgePaddingIconOnly}: 0 0.25rem;\n\n                ${tokens.badgeFontFamily}: var(--plasma-typo-body-xxs-font-family);\n                ${tokens.badgeFontSize}: var(--plasma-typo-body-xxs-font-size);\n                ${tokens.badgeFontStyle}: var(--plasma-typo-body-xxs-font-style);\n                ${tokens.badgeFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n                ${tokens.badgeLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n                ${tokens.badgeLineHeight}: var(--plasma-typo-body-xxs-line-height);\n\n                ${tokens.badgeLeftContentMarginLeft}: -0.063rem;\n                ${tokens.badgeLeftContentMarginRight}: 0.125rem;\n\n                ${tokens.badgeRightContentMarginLeft}: 0.125rem;\n                ${tokens.badgeRightContentMarginRight}: -0.063rem;\n                ${tokens.badgePilledBorderRadius}: 1.25rem;\n\n                ${tokens.counterBorderRadius}: 1rem;\n                ${tokens.counterHeight}: 1.25rem;\n                ${tokens.counterPadding}: 0 0.375rem;\n                ${tokens.counterFontFamily}: var(--plasma-typo-body-xxs-font-family);\n                ${tokens.counterFontSize}: var(--plasma-typo-body-xxs-font-size);\n                ${tokens.counterFontStyle}: var(--plasma-typo-body-xxs-font-style);\n                ${tokens.counterFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n                ${tokens.counterLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n                ${tokens.counterLineHeight}: var(--plasma-typo-body-xxs-line-height);\n            `,\n            m: css`\n                ${tokens.avatarSize}: 2.25rem;\n                ${tokens.fontSize}: 0.875rem;\n                ${tokens.fontWeight}: 600;\n                ${tokens.lineHeight}: 0.875rem;\n                ${tokens.statusIconSize}: 0.5rem;\n                ${tokens.borderRadius}: 0.625rem;\n\n                ${tokens.extraPlacementFactor}: 2;\n\n                ${tokens.badgeBorderRadius}: 0.25rem;\n                ${tokens.badgeHeight}: 1rem;\n                ${tokens.badgePadding}: 0 0.25rem;\n                ${tokens.badgePaddingIconOnly}: 0 0.188rem;\n\n                ${tokens.badgeFontFamily}: var(--plasma-typo-body-xxs-font-family);\n                ${tokens.badgeFontSize}: var(--plasma-typo-body-xxs-font-size);\n                ${tokens.badgeFontStyle}: var(--plasma-typo-body-xxs-font-style);\n                ${tokens.badgeFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n                ${tokens.badgeLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n                ${tokens.badgeLineHeight}: var(--plasma-typo-body-xxs-line-height);\n\n                ${tokens.badgeLeftContentMarginLeft}: -0.063rem;\n                ${tokens.badgeLeftContentMarginRight}: 0.125rem;\n\n                ${tokens.badgeRightContentMarginLeft}: 0.125rem;\n                ${tokens.badgeRightContentMarginRight}: -0.063rem;\n                ${tokens.badgePilledBorderRadius}: 1.25rem;\n\n                ${tokens.counterBorderRadius}: 1rem;\n                ${tokens.counterHeight}: 1rem;\n                ${tokens.counterPadding}: 0 0.25rem;\n                ${tokens.counterFontFamily}: var(--plasma-typo-body-xxs-font-family);\n                ${tokens.counterFontSize}: var(--plasma-typo-body-xxs-font-size);\n                ${tokens.counterFontStyle}: var(--plasma-typo-body-xxs-font-style);\n                ${tokens.counterFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n                ${tokens.counterLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n                /* NOTE: no token bodyXxs in @salutejs/sdds-themes/tokens */\n                ${tokens.counterLineHeight}: var(--plasma-typo-body-xxs-line-height);\n            `,\n            s: css`\n                ${tokens.avatarSize}: 1.5rem;\n                ${tokens.fontSize}: 0.5rem;\n                ${tokens.fontWeight}: 600;\n                ${tokens.lineHeight}: 0.5rem;\n                ${tokens.statusIconSize}: 0.375rem;\n                ${tokens.borderRadius}: 0.5rem;\n\n                ${tokens.extraPlacementFactor}: 1;\n\n                ${tokens.counterBorderRadius}: 1rem;\n                ${tokens.counterHeight}: 0.75rem;\n                ${tokens.counterPadding}: 0 0.125rem;\n                /* NOTE: no token bodyXxs in @salutejs/sdds-themes/tokens */\n                ${tokens.counterFontFamily}: var(--plasma-typo-body-xxs-font-family);\n                /* NOTE: no token bodyXxs in @salutejs/sdds-themes/tokens */\n                ${tokens.counterFontSize}: var(--plasma-typo-body-xxs-font-size);\n                /* NOTE: no token bodyXxs in @salutejs/sdds-themes/tokens */\n                ${tokens.counterFontStyle}: var(--plasma-typo-body-xxs-font-style);\n                /* NOTE: no token bodyXxs in @salutejs/sdds-themes/tokens */\n                ${tokens.counterFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n                /* NOTE: no token bodyXxs in @salutejs/sdds-themes/tokens */\n                ${tokens.counterLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n                /* NOTE: no token bodyXxs in @salutejs/sdds-themes/tokens */\n                ${tokens.counterLineHeight}: var(--plasma-typo-body-xxs-line-height);\n            `,\n            fit: css`\n                ${tokens.avatarSize}: 100%;\n                ${tokens.fontSize}: 0;\n                ${tokens.fontWeight}: 0;\n                ${tokens.lineHeight}: 0;\n                ${tokens.statusIconSize}: 0;\n            `,\n        },\n        shape: {\n            circled: css`\n                ${tokens.borderRadius}: 50%;\n                ${tokens.statusLeft}: calc(0.867 * var(${tokens.avatarSize}) - var(${tokens.statusIconSize}) / 2);\n                ${tokens.statusTop}: calc(0.867 * var(${tokens.avatarSize}) - var(${tokens.statusIconSize}) / 2);\n            `,\n            rounded: css`\n                ${tokens.statusLeft}: calc(var(${tokens.avatarSize}) - var(${tokens.statusIconSize}));\n                ${tokens.statusTop}: calc(var(${tokens.avatarSize}) - var(${tokens.statusIconSize}));\n            `,\n        },\n        badgeView: {\n            default: css`\n                ${tokens.badgeColor}: ${inverseTextPrimary};\n                ${tokens.badgeBackground}: ${surfaceSolidDefault};\n\n                ${tokens.badgeColorTransparent}: ${textPrimary};\n                ${tokens.badgeBackgroundTransparent}: ${surfaceTransparentSecondary};\n\n                ${tokens.badgeColorClear}: ${textPrimary};\n                ${tokens.badgeBackgroundClear}: ${surfaceClear};\n            `,\n            accent: css`\n                ${tokens.badgeColor}: ${onDarkTextPrimary};\n                ${tokens.badgeBackground}: ${surfaceAccent};\n\n                ${tokens.badgeColorTransparent}: ${textAccent};\n                ${tokens.badgeBackgroundTransparent}: ${surfaceTransparentAccent};\n\n                ${tokens.badgeColorClear}: ${textAccent};\n                ${tokens.badgeBackgroundClear}: ${surfaceClear};\n            `,\n            positive: css`\n                ${tokens.badgeColor}: ${onDarkTextPrimary};\n                ${tokens.badgeBackground}: ${surfacePositive};\n\n                ${tokens.badgeColorTransparent}: ${textPositive};\n                /* NOTE: no token surfaceTransparentPositive in @salutejs/sdds-themes/tokens */\n                ${tokens.badgeBackgroundTransparent}: var(--surface-transparent-positive);\n\n                ${tokens.badgeColorClear}: ${textPositive};\n                ${tokens.badgeBackgroundClear}: ${surfaceClear};\n            `,\n            warning: css`\n                ${tokens.badgeColor}: ${onDarkTextPrimary};\n                ${tokens.badgeBackground}: ${surfaceWarning};\n\n                ${tokens.badgeColorTransparent}: ${textWarning};\n                /* NOTE: no token surfaceTransparentWarning in @salutejs/sdds-themes/tokens */\n                ${tokens.badgeBackgroundTransparent}: var(--surface-transparent-warning);\n\n                ${tokens.badgeColorClear}: ${textWarning};\n                ${tokens.badgeBackgroundClear}: ${surfaceClear};\n            `,\n            negative: css`\n                ${tokens.badgeColor}: ${onDarkTextPrimary};\n                ${tokens.badgeBackground}: ${surfaceNegative};\n\n                ${tokens.badgeColorTransparent}: ${textNegative};\n                ${tokens.badgeBackgroundTransparent}: ${surfaceTransparentNegative};\n\n                ${tokens.badgeColorClear}: ${textNegative};\n                ${tokens.badgeBackgroundClear}: ${surfaceClear};\n            `,\n            dark: css`\n                ${tokens.badgeColor}: ${onDarkTextPrimary};\n                ${tokens.badgeBackground}: ${onLightSurfaceSolidDefault};\n\n                ${tokens.badgeColorTransparent}: ${onDarkTextPrimary};\n                ${tokens.badgeBackgroundTransparent}: ${onLightSurfaceTransparentDeep};\n\n                ${tokens.badgeColorClear}: ${onLightTextPrimary};\n                ${tokens.badgeBackgroundClear}: ${surfaceClear};\n            `,\n            light: css`\n                ${tokens.badgeColor}: ${onLightTextPrimary};\n                ${tokens.badgeBackground}: ${onDarkSurfaceSolidDefault};\n\n                ${tokens.badgeColorTransparent}: ${onDarkTextPrimary};\n                ${tokens.badgeBackgroundTransparent}: ${onDarkSurfaceTransparentCard};\n\n                ${tokens.badgeColorClear}: ${onDarkTextPrimary};\n                ${tokens.badgeBackgroundClear}: ${surfaceClear};\n            `,\n        },\n        counterView: {\n            default: css`\n                ${tokens.counterColor}: ${inverseTextPrimary};\n                ${tokens.counterBackground}: ${surfaceSolidDefault};\n            `,\n            accent: css`\n                ${tokens.counterColor}: ${onDarkTextPrimary};\n                ${tokens.counterBackground}: ${surfaceAccent};\n            `,\n            positive: css`\n                ${tokens.counterColor}: ${onDarkTextPrimary};\n                ${tokens.counterBackground}: ${surfacePositive};\n            `,\n            warning: css`\n                ${tokens.counterColor}: ${onDarkTextPrimary};\n                ${tokens.counterBackground}: ${surfaceWarning};\n            `,\n            negative: css`\n                ${tokens.counterColor}: ${onDarkTextPrimary};\n                ${tokens.counterBackground}: ${surfaceNegative};\n            `,\n            dark: css`\n                ${tokens.counterColor}: ${onDarkTextPrimary};\n                ${tokens.counterBackground}: ${onLightSurfaceSolidDefault};\n            `,\n            light: css`\n                ${tokens.counterColor}: ${onLightTextPrimary};\n                ${tokens.counterBackground}: ${onDarkSurfaceSolidDefault};\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","shape","variations","default","xxl","l","m","s","fit","circled","rounded","badgeView","accent","positive","warning","negative","dark","light","counterView"],"mappings":"AA2BA;AACA;AACA;AACA;AACA;AACO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,KAAK;AACXC,IAAAA,KAAK,EAAE;GACV;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;MACFI,SAAAA,EAAO;KAQV;AACDH,IAAAA,IAAI,EAAE;AACF;AACAI,MAAAA,GAAG,EAAA,UAoCF;AACDC,MAAAA,CAAC,EAAA,SAsCA;AACDC,MAAAA,CAAC,EAAA,UAuCA;AACDC,MAAAA,CAAC,EAAA,UAyBA;AACDC,MAAAA,GAAG,EAAA;KAON;AACDP,IAAAA,KAAK,EAAE;AACHQ,MAAAA,OAAO,EAAA,UAIN;AACDC,MAAAA,OAAO,EAAA;KAIV;AACDC,IAAAA,SAAS,EAAE;AACPR,MAAAA,SAAAA,EAAO,SASN;AACDS,MAAAA,MAAM,EAAA,SASL;AACDC,MAAAA,QAAQ,EAAA,SAUP;AACDC,MAAAA,OAAO,EAAA,SAUN;AACDC,MAAAA,QAAQ,EAAA,SASP;AACDC,MAAAA,IAAI,EAAA,SASH;AACDC,MAAAA,KAAK,EAAA;KAUR;AACDC,IAAAA,WAAW,EAAE;AACTf,MAAAA,SAAAA,EAAO,UAGN;AACDS,MAAAA,MAAM,EAAA,UAGL;AACDC,MAAAA,QAAQ,EAAA,UAGP;AACDC,MAAAA,OAAO,EAAA,UAGN;AACDC,MAAAA,QAAQ,EAAA,SAGP;AACDC,MAAAA,IAAI,EAAA,SAGH;AACDC,MAAAA,KAAK,EAAA;AAIT;AACJ;AACJ;;;;"}

package/dist/css/es/components/Avatar/{Avatar.config_a6o325.css → Avatar.config_i79yrd.css}

@@ -1,4 +1,4 @@
-.d1wlf450{--plasma-avatar-color:var(--text-accent-gradient);--plasma-avatar-background:linear-gradient(94deg,rgba(62,121,240,0.2) 6.49%,rgba(39,198,229,0.2) 93.51%);--plasma-avatar-status-online-background:var(--surface-positive,#A6D2A2);--plasma-avatar-status-offline-background:var(--surface-solid-tertiary,#474747);--plasma-avatar-scale-hover:1.02;--plasma-avatar-font-family:var(--plasma-typo-text-s-font-family);}
+.d1wlf450{--plasma-avatar-color:var(--text-accent-gradient);--plasma-avatar-background:linear-gradient(94deg,rgba(62,121,240,0.2) 6.49%,rgba(39,198,229,0.2) 93.51%);--plasma-avatar-status-online-background:var(--surface-positive,#A6D2A2);--plasma-avatar-status-offline-background:var(--surface-solid-tertiary,#474747);--plasma-avatar-scale-hover:1.02;--plasma-avatar-font-family:var(--plasma-typo-body-s-font-family);}
 .x1ntw407{--plasma-avatar-size:6.25rem;--plasma-avatar-font-size:2rem;--plasma-avatar-font-weight:600;--plasma-avatar-line-height:2rem;--plasma-status-icon-size:0.75rem;--plasma-avatar-border-radius:1.125rem;--plasma-avatar-extra-badge-border-radius:0.5rem;--plasma-avatar-extra-badge-height:1.75rem;--plasma-avatar-extra-badge-padding:0 0.688rem;--plasma-avatar-extra-badge-padding-icon-only:0 0.375rem;--plasma-avatar-extra-badge-font-family:var(--plasma-typo-body-s-font-family);--plasma-avatar-extra-badge-font-size:var(--plasma-typo-body-s-font-size);--plasma-avatar-extra-badge-font-style:var(--plasma-typo-body-s-font-style);--plasma-avatar-extra-badge-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-avatar-extra-badge-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-avatar-extra-badge-lineheight:var(--plasma-typo-body-s-line-height);--plasma-avatar-extra-badge-left-content-margin-left:-0.063rem;--plasma-avatar-extra-badge-left-content-margin-right:0.25rem;--plasma-avatar-extra-badge-right-content-margin-left:0.25rem;--plasma-avatar-extra-badge-right-content-margin-right:-0.063rem;--plasma-avatar-extra-badge-pilled-border-radius:1.25rem;--plasma-avatar-extra-counter-border-radius:1rem;--plasma-avatar-extra-counter-height:1.75rem;--plasma-avatar-extra-counter-padding:0 0.625rem;--plasma-avatar-extra-counter-font-family:var(--plasma-typo-body-s-font-family);--plasma-avatar-extra-counter-font-size:var(--plasma-typo-body-s-font-size);--plasma-avatar-extra-counter-font-style:var(--plasma-typo-body-s-font-style);--plasma-avatar-extra-counter-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-avatar-extra-counter-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-avatar-extra-counter-lineheight:var(--plasma-typo-body-s-line-height);}
 .l3mxzec{--plasma-avatar-size:3rem;--plasma-avatar-font-size:1.25rem;--plasma-avatar-font-weight:600;--plasma-avatar-line-height:1.25rem;--plasma-status-icon-size:0.5rem;--plasma-avatar-border-radius:0.75rem;--plasma-avatar-extra-placement-factor:2;--plasma-avatar-extra-badge-border-radius:0.375rem;--plasma-avatar-extra-badge-height:1.25rem;--plasma-avatar-extra-badge-padding:0 0.438rem;--plasma-avatar-extra-badge-padding-icon-only:0 0.25rem;--plasma-avatar-extra-badge-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-avatar-extra-badge-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-avatar-extra-badge-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-avatar-extra-badge-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-avatar-extra-badge-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-avatar-extra-badge-lineheight:var(--plasma-typo-body-xxs-line-height);--plasma-avatar-extra-badge-left-content-margin-left:-0.063rem;--plasma-avatar-extra-badge-left-content-margin-right:0.125rem;--plasma-avatar-extra-badge-right-content-margin-left:0.125rem;--plasma-avatar-extra-badge-right-content-margin-right:-0.063rem;--plasma-avatar-extra-badge-pilled-border-radius:1.25rem;--plasma-avatar-extra-counter-border-radius:1rem;--plasma-avatar-extra-counter-height:1.25rem;--plasma-avatar-extra-counter-padding:0 0.375rem;--plasma-avatar-extra-counter-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-avatar-extra-counter-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-avatar-extra-counter-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-avatar-extra-counter-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-avatar-extra-counter-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-avatar-extra-counter-lineheight:var(--plasma-typo-body-xxs-line-height);}
 .m1tqy9r4{--plasma-avatar-size:2.25rem;--plasma-avatar-font-size:0.875rem;--plasma-avatar-font-weight:600;--plasma-avatar-line-height:0.875rem;--plasma-status-icon-size:0.5rem;--plasma-avatar-border-radius:0.625rem;--plasma-avatar-extra-placement-factor:2;--plasma-avatar-extra-badge-border-radius:0.25rem;--plasma-avatar-extra-badge-height:1rem;--plasma-avatar-extra-badge-padding:0 0.25rem;--plasma-avatar-extra-badge-padding-icon-only:0 0.188rem;--plasma-avatar-extra-badge-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-avatar-extra-badge-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-avatar-extra-badge-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-avatar-extra-badge-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-avatar-extra-badge-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-avatar-extra-badge-lineheight:var(--plasma-typo-body-xxs-line-height);--plasma-avatar-extra-badge-left-content-margin-left:-0.063rem;--plasma-avatar-extra-badge-left-content-margin-right:0.125rem;--plasma-avatar-extra-badge-right-content-margin-left:0.125rem;--plasma-avatar-extra-badge-right-content-margin-right:-0.063rem;--plasma-avatar-extra-badge-pilled-border-radius:1.25rem;--plasma-avatar-extra-counter-border-radius:1rem;--plasma-avatar-extra-counter-height:1rem;--plasma-avatar-extra-counter-padding:0 0.25rem;--plasma-avatar-extra-counter-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-avatar-extra-counter-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-avatar-extra-counter-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-avatar-extra-counter-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-avatar-extra-counter-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-avatar-extra-counter-lineheight:var(--plasma-typo-body-xxs-line-height);}

package/dist/css/es/components/Avatar/Avatar.css

@@ -1,22 +1,22 @@
-.Avatar_config_a6o325_d1wlf450__932ada4e{--plasma-avatar-color:var(--text-accent-gradient);--plasma-avatar-background:linear-gradient(94deg,rgba(62,121,240,0.2) 6.49%,rgba(39,198,229,0.2) 93.51%);--plasma-avatar-status-online-background:var(--surface-positive,#A6D2A2);--plasma-avatar-status-offline-background:var(--surface-solid-tertiary,#474747);--plasma-avatar-scale-hover:1.02;--plasma-avatar-font-family:var(--plasma-typo-text-s-font-family);}
-.Avatar_config_a6o325_x1ntw407__932ada4e{--plasma-avatar-size:6.25rem;--plasma-avatar-font-size:2rem;--plasma-avatar-font-weight:600;--plasma-avatar-line-height:2rem;--plasma-status-icon-size:0.75rem;--plasma-avatar-border-radius:1.125rem;--plasma-avatar-extra-badge-border-radius:0.5rem;--plasma-avatar-extra-badge-height:1.75rem;--plasma-avatar-extra-badge-padding:0 0.688rem;--plasma-avatar-extra-badge-padding-icon-only:0 0.375rem;--plasma-avatar-extra-badge-font-family:var(--plasma-typo-body-s-font-family);--plasma-avatar-extra-badge-font-size:var(--plasma-typo-body-s-font-size);--plasma-avatar-extra-badge-font-style:var(--plasma-typo-body-s-font-style);--plasma-avatar-extra-badge-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-avatar-extra-badge-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-avatar-extra-badge-lineheight:var(--plasma-typo-body-s-line-height);--plasma-avatar-extra-badge-left-content-margin-left:-0.063rem;--plasma-avatar-extra-badge-left-content-margin-right:0.25rem;--plasma-avatar-extra-badge-right-content-margin-left:0.25rem;--plasma-avatar-extra-badge-right-content-margin-right:-0.063rem;--plasma-avatar-extra-badge-pilled-border-radius:1.25rem;--plasma-avatar-extra-counter-border-radius:1rem;--plasma-avatar-extra-counter-height:1.75rem;--plasma-avatar-extra-counter-padding:0 0.625rem;--plasma-avatar-extra-counter-font-family:var(--plasma-typo-body-s-font-family);--plasma-avatar-extra-counter-font-size:var(--plasma-typo-body-s-font-size);--plasma-avatar-extra-counter-font-style:var(--plasma-typo-body-s-font-style);--plasma-avatar-extra-counter-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-avatar-extra-counter-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-avatar-extra-counter-lineheight:var(--plasma-typo-body-s-line-height);}
-.Avatar_config_a6o325_l3mxzec__932ada4e{--plasma-avatar-size:3rem;--plasma-avatar-font-size:1.25rem;--plasma-avatar-font-weight:600;--plasma-avatar-line-height:1.25rem;--plasma-status-icon-size:0.5rem;--plasma-avatar-border-radius:0.75rem;--plasma-avatar-extra-placement-factor:2;--plasma-avatar-extra-badge-border-radius:0.375rem;--plasma-avatar-extra-badge-height:1.25rem;--plasma-avatar-extra-badge-padding:0 0.438rem;--plasma-avatar-extra-badge-padding-icon-only:0 0.25rem;--plasma-avatar-extra-badge-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-avatar-extra-badge-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-avatar-extra-badge-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-avatar-extra-badge-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-avatar-extra-badge-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-avatar-extra-badge-lineheight:var(--plasma-typo-body-xxs-line-height);--plasma-avatar-extra-badge-left-content-margin-left:-0.063rem;--plasma-avatar-extra-badge-left-content-margin-right:0.125rem;--plasma-avatar-extra-badge-right-content-margin-left:0.125rem;--plasma-avatar-extra-badge-right-content-margin-right:-0.063rem;--plasma-avatar-extra-badge-pilled-border-radius:1.25rem;--plasma-avatar-extra-counter-border-radius:1rem;--plasma-avatar-extra-counter-height:1.25rem;--plasma-avatar-extra-counter-padding:0 0.375rem;--plasma-avatar-extra-counter-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-avatar-extra-counter-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-avatar-extra-counter-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-avatar-extra-counter-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-avatar-extra-counter-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-avatar-extra-counter-lineheight:var(--plasma-typo-body-xxs-line-height);}
-.Avatar_config_a6o325_m1tqy9r4__932ada4e{--plasma-avatar-size:2.25rem;--plasma-avatar-font-size:0.875rem;--plasma-avatar-font-weight:600;--plasma-avatar-line-height:0.875rem;--plasma-status-icon-size:0.5rem;--plasma-avatar-border-radius:0.625rem;--plasma-avatar-extra-placement-factor:2;--plasma-avatar-extra-badge-border-radius:0.25rem;--plasma-avatar-extra-badge-height:1rem;--plasma-avatar-extra-badge-padding:0 0.25rem;--plasma-avatar-extra-badge-padding-icon-only:0 0.188rem;--plasma-avatar-extra-badge-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-avatar-extra-badge-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-avatar-extra-badge-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-avatar-extra-badge-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-avatar-extra-badge-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-avatar-extra-badge-lineheight:var(--plasma-typo-body-xxs-line-height);--plasma-avatar-extra-badge-left-content-margin-left:-0.063rem;--plasma-avatar-extra-badge-left-content-margin-right:0.125rem;--plasma-avatar-extra-badge-right-content-margin-left:0.125rem;--plasma-avatar-extra-badge-right-content-margin-right:-0.063rem;--plasma-avatar-extra-badge-pilled-border-radius:1.25rem;--plasma-avatar-extra-counter-border-radius:1rem;--plasma-avatar-extra-counter-height:1rem;--plasma-avatar-extra-counter-padding:0 0.25rem;--plasma-avatar-extra-counter-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-avatar-extra-counter-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-avatar-extra-counter-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-avatar-extra-counter-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-avatar-extra-counter-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-avatar-extra-counter-lineheight:var(--plasma-typo-body-xxs-line-height);}
-.Avatar_config_a6o325_s110gq94__932ada4e{--plasma-avatar-size:1.5rem;--plasma-avatar-font-size:0.5rem;--plasma-avatar-font-weight:600;--plasma-avatar-line-height:0.5rem;--plasma-status-icon-size:0.375rem;--plasma-avatar-border-radius:0.5rem;--plasma-avatar-extra-placement-factor:1;--plasma-avatar-extra-counter-border-radius:1rem;--plasma-avatar-extra-counter-height:0.75rem;--plasma-avatar-extra-counter-padding:0 0.125rem;--plasma-avatar-extra-counter-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-avatar-extra-counter-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-avatar-extra-counter-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-avatar-extra-counter-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-avatar-extra-counter-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-avatar-extra-counter-lineheight:var(--plasma-typo-body-xxs-line-height);}
-.Avatar_config_a6o325_f3cx8li__932ada4e{--plasma-avatar-size:100%;--plasma-avatar-font-size:0;--plasma-avatar-font-weight:0;--plasma-avatar-line-height:0;--plasma-status-icon-size:0;}
-.Avatar_config_a6o325_c12fbiph__932ada4e{--plasma-avatar-border-radius:50%;--plasma-avatar-status-left:calc(0.867 * var(--plasma-avatar-size) - var(--plasma-status-icon-size) / 2);--plasma-avatar-status-top:calc(0.867 * var(--plasma-avatar-size) - var(--plasma-status-icon-size) / 2);}
-.Avatar_config_a6o325_r1v24dm1__932ada4e{--plasma-avatar-status-left:calc(var(--plasma-avatar-size) - var(--plasma-status-icon-size));--plasma-avatar-status-top:calc(var(--plasma-avatar-size) - var(--plasma-status-icon-size));}
-.Avatar_config_a6o325_dklmhlm__932ada4e{--plasma-avatar-extra-badge-color:var(--inverse-text-primary,#15110FFC);--plasma-avatar-extra-badge-background:var(--surface-solid-default,#F6F2F0);--plasma-avatar-extra-badge-color-transparent:var(--text-primary,#FFFFFFFC);--plasma-avatar-extra-badge-background-transparent:var(--surface-transparent-secondary,#FFFFFF29);--plasma-avatar-extra-badge-color-clear:var(--text-primary,#FFFFFFFC);--plasma-avatar-extra-badge-background-clear:var(--surface-clear,#FFFFFF00);}
-.Avatar_config_a6o325_ats1qri__932ada4e{--plasma-avatar-extra-badge-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-avatar-extra-badge-background:var(--surface-accent,#0BA686);--plasma-avatar-extra-badge-color-transparent:var(--text-accent,#61C8B0);--plasma-avatar-extra-badge-background-transparent:var(--surface-transparent-accent,#0BA68633);--plasma-avatar-extra-badge-color-clear:var(--text-accent,#61C8B0);--plasma-avatar-extra-badge-background-clear:var(--surface-clear,#FFFFFF00);}
-.Avatar_config_a6o325_pu8qekr__932ada4e{--plasma-avatar-extra-badge-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-avatar-extra-badge-background:var(--surface-positive,#A6D2A2);--plasma-avatar-extra-badge-color-transparent:var(--text-positive,#50A84C);--plasma-avatar-extra-badge-background-transparent:var(--surface-transparent-positive);--plasma-avatar-extra-badge-color-clear:var(--text-positive,#50A84C);--plasma-avatar-extra-badge-background-clear:var(--surface-clear,#FFFFFF00);}
-.Avatar_config_a6o325_wc00x8o__932ada4e{--plasma-avatar-extra-badge-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-avatar-extra-badge-background:var(--surface-warning,#F8AD80);--plasma-avatar-extra-badge-color-transparent:var(--text-warning,#DA6828);--plasma-avatar-extra-badge-background-transparent:var(--surface-transparent-warning);--plasma-avatar-extra-badge-color-clear:var(--text-warning,#DA6828);--plasma-avatar-extra-badge-background-clear:var(--surface-clear,#FFFFFF00);}
-.Avatar_config_a6o325_n4vpurz__932ada4e{--plasma-avatar-extra-badge-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-avatar-extra-badge-background:var(--surface-negative,#F8A6A9);--plasma-avatar-extra-badge-color-transparent:var(--text-negative,#F57E83);--plasma-avatar-extra-badge-background-transparent:var(--surface-transparent-negative,#F8A6A980);--plasma-avatar-extra-badge-color-clear:var(--text-negative,#F57E83);--plasma-avatar-extra-badge-background-clear:var(--surface-clear,#FFFFFF00);}
-.Avatar_config_a6o325_dh713v8__932ada4e{--plasma-avatar-extra-badge-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-avatar-extra-badge-background:var(--on-light-surface-solid-default,#15110F);--plasma-avatar-extra-badge-color-transparent:var(--on-dark-text-primary,#FFFFFFFC);--plasma-avatar-extra-badge-background-transparent:var(--on-light-surface-transparent-deep,#A1A09FA3);--plasma-avatar-extra-badge-color-clear:var(--on-light-text-primary,#15110FFC);--plasma-avatar-extra-badge-background-clear:var(--surface-clear,#FFFFFF00);}
-.Avatar_config_a6o325_l18xlm4d__932ada4e{--plasma-avatar-extra-badge-color:var(--on-light-text-primary,#15110FFC);--plasma-avatar-extra-badge-background:var(--on-dark-surface-solid-default,#F6F2F0);--plasma-avatar-extra-badge-color-transparent:var(--on-dark-text-primary,#FFFFFFFC);--plasma-avatar-extra-badge-background-transparent:var(--on-dark-surface-transparent-card,#373737B8);--plasma-avatar-extra-badge-color-clear:var(--on-dark-text-primary,#FFFFFFFC);--plasma-avatar-extra-badge-background-clear:var(--surface-clear,#FFFFFF00);}
-.Avatar_config_a6o325_d19kwqy5__932ada4e{--plasma-avatar-extra-counter-color:var(--inverse-text-primary,#15110FFC);--plasma-avatar-extra-counter-background:var(--surface-solid-default,#F6F2F0);}
-.Avatar_config_a6o325_a1jpkhmc__932ada4e{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-avatar-extra-counter-background:var(--surface-accent,#0BA686);}
-.Avatar_config_a6o325_p1rt05zb__932ada4e{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-avatar-extra-counter-background:var(--surface-positive,#A6D2A2);}
-.Avatar_config_a6o325_w18uzb5o__932ada4e{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-avatar-extra-counter-background:var(--surface-warning,#F8AD80);}
-.Avatar_config_a6o325_nwmydiz__932ada4e{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-avatar-extra-counter-background:var(--surface-negative,#F8A6A9);}
-.Avatar_config_a6o325_d84jq18__932ada4e{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-avatar-extra-counter-background:var(--on-light-surface-solid-default,#15110F);}
-.Avatar_config_a6o325_l1bat2nq__932ada4e{--plasma-avatar-extra-counter-color:var(--on-light-text-primary,#15110FFC);--plasma-avatar-extra-counter-background:var(--on-dark-surface-solid-default,#F6F2F0);}
+.Avatar_config_i79yrd_d1wlf450__cce4c8ee{--plasma-avatar-color:var(--text-accent-gradient);--plasma-avatar-background:linear-gradient(94deg,rgba(62,121,240,0.2) 6.49%,rgba(39,198,229,0.2) 93.51%);--plasma-avatar-status-online-background:var(--surface-positive,#A6D2A2);--plasma-avatar-status-offline-background:var(--surface-solid-tertiary,#474747);--plasma-avatar-scale-hover:1.02;--plasma-avatar-font-family:var(--plasma-typo-body-s-font-family);}
+.Avatar_config_i79yrd_x1ntw407__cce4c8ee{--plasma-avatar-size:6.25rem;--plasma-avatar-font-size:2rem;--plasma-avatar-font-weight:600;--plasma-avatar-line-height:2rem;--plasma-status-icon-size:0.75rem;--plasma-avatar-border-radius:1.125rem;--plasma-avatar-extra-badge-border-radius:0.5rem;--plasma-avatar-extra-badge-height:1.75rem;--plasma-avatar-extra-badge-padding:0 0.688rem;--plasma-avatar-extra-badge-padding-icon-only:0 0.375rem;--plasma-avatar-extra-badge-font-family:var(--plasma-typo-body-s-font-family);--plasma-avatar-extra-badge-font-size:var(--plasma-typo-body-s-font-size);--plasma-avatar-extra-badge-font-style:var(--plasma-typo-body-s-font-style);--plasma-avatar-extra-badge-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-avatar-extra-badge-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-avatar-extra-badge-lineheight:var(--plasma-typo-body-s-line-height);--plasma-avatar-extra-badge-left-content-margin-left:-0.063rem;--plasma-avatar-extra-badge-left-content-margin-right:0.25rem;--plasma-avatar-extra-badge-right-content-margin-left:0.25rem;--plasma-avatar-extra-badge-right-content-margin-right:-0.063rem;--plasma-avatar-extra-badge-pilled-border-radius:1.25rem;--plasma-avatar-extra-counter-border-radius:1rem;--plasma-avatar-extra-counter-height:1.75rem;--plasma-avatar-extra-counter-padding:0 0.625rem;--plasma-avatar-extra-counter-font-family:var(--plasma-typo-body-s-font-family);--plasma-avatar-extra-counter-font-size:var(--plasma-typo-body-s-font-size);--plasma-avatar-extra-counter-font-style:var(--plasma-typo-body-s-font-style);--plasma-avatar-extra-counter-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-avatar-extra-counter-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-avatar-extra-counter-lineheight:var(--plasma-typo-body-s-line-height);}
+.Avatar_config_i79yrd_l3mxzec__cce4c8ee{--plasma-avatar-size:3rem;--plasma-avatar-font-size:1.25rem;--plasma-avatar-font-weight:600;--plasma-avatar-line-height:1.25rem;--plasma-status-icon-size:0.5rem;--plasma-avatar-border-radius:0.75rem;--plasma-avatar-extra-placement-factor:2;--plasma-avatar-extra-badge-border-radius:0.375rem;--plasma-avatar-extra-badge-height:1.25rem;--plasma-avatar-extra-badge-padding:0 0.438rem;--plasma-avatar-extra-badge-padding-icon-only:0 0.25rem;--plasma-avatar-extra-badge-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-avatar-extra-badge-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-avatar-extra-badge-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-avatar-extra-badge-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-avatar-extra-badge-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-avatar-extra-badge-lineheight:var(--plasma-typo-body-xxs-line-height);--plasma-avatar-extra-badge-left-content-margin-left:-0.063rem;--plasma-avatar-extra-badge-left-content-margin-right:0.125rem;--plasma-avatar-extra-badge-right-content-margin-left:0.125rem;--plasma-avatar-extra-badge-right-content-margin-right:-0.063rem;--plasma-avatar-extra-badge-pilled-border-radius:1.25rem;--plasma-avatar-extra-counter-border-radius:1rem;--plasma-avatar-extra-counter-height:1.25rem;--plasma-avatar-extra-counter-padding:0 0.375rem;--plasma-avatar-extra-counter-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-avatar-extra-counter-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-avatar-extra-counter-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-avatar-extra-counter-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-avatar-extra-counter-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-avatar-extra-counter-lineheight:var(--plasma-typo-body-xxs-line-height);}
+.Avatar_config_i79yrd_m1tqy9r4__cce4c8ee{--plasma-avatar-size:2.25rem;--plasma-avatar-font-size:0.875rem;--plasma-avatar-font-weight:600;--plasma-avatar-line-height:0.875rem;--plasma-status-icon-size:0.5rem;--plasma-avatar-border-radius:0.625rem;--plasma-avatar-extra-placement-factor:2;--plasma-avatar-extra-badge-border-radius:0.25rem;--plasma-avatar-extra-badge-height:1rem;--plasma-avatar-extra-badge-padding:0 0.25rem;--plasma-avatar-extra-badge-padding-icon-only:0 0.188rem;--plasma-avatar-extra-badge-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-avatar-extra-badge-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-avatar-extra-badge-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-avatar-extra-badge-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-avatar-extra-badge-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-avatar-extra-badge-lineheight:var(--plasma-typo-body-xxs-line-height);--plasma-avatar-extra-badge-left-content-margin-left:-0.063rem;--plasma-avatar-extra-badge-left-content-margin-right:0.125rem;--plasma-avatar-extra-badge-right-content-margin-left:0.125rem;--plasma-avatar-extra-badge-right-content-margin-right:-0.063rem;--plasma-avatar-extra-badge-pilled-border-radius:1.25rem;--plasma-avatar-extra-counter-border-radius:1rem;--plasma-avatar-extra-counter-height:1rem;--plasma-avatar-extra-counter-padding:0 0.25rem;--plasma-avatar-extra-counter-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-avatar-extra-counter-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-avatar-extra-counter-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-avatar-extra-counter-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-avatar-extra-counter-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-avatar-extra-counter-lineheight:var(--plasma-typo-body-xxs-line-height);}
+.Avatar_config_i79yrd_s110gq94__cce4c8ee{--plasma-avatar-size:1.5rem;--plasma-avatar-font-size:0.5rem;--plasma-avatar-font-weight:600;--plasma-avatar-line-height:0.5rem;--plasma-status-icon-size:0.375rem;--plasma-avatar-border-radius:0.5rem;--plasma-avatar-extra-placement-factor:1;--plasma-avatar-extra-counter-border-radius:1rem;--plasma-avatar-extra-counter-height:0.75rem;--plasma-avatar-extra-counter-padding:0 0.125rem;--plasma-avatar-extra-counter-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-avatar-extra-counter-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-avatar-extra-counter-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-avatar-extra-counter-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-avatar-extra-counter-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-avatar-extra-counter-lineheight:var(--plasma-typo-body-xxs-line-height);}
+.Avatar_config_i79yrd_f3cx8li__cce4c8ee{--plasma-avatar-size:100%;--plasma-avatar-font-size:0;--plasma-avatar-font-weight:0;--plasma-avatar-line-height:0;--plasma-status-icon-size:0;}
+.Avatar_config_i79yrd_c12fbiph__cce4c8ee{--plasma-avatar-border-radius:50%;--plasma-avatar-status-left:calc(0.867 * var(--plasma-avatar-size) - var(--plasma-status-icon-size) / 2);--plasma-avatar-status-top:calc(0.867 * var(--plasma-avatar-size) - var(--plasma-status-icon-size) / 2);}
+.Avatar_config_i79yrd_r1v24dm1__cce4c8ee{--plasma-avatar-status-left:calc(var(--plasma-avatar-size) - var(--plasma-status-icon-size));--plasma-avatar-status-top:calc(var(--plasma-avatar-size) - var(--plasma-status-icon-size));}
+.Avatar_config_i79yrd_dklmhlm__cce4c8ee{--plasma-avatar-extra-badge-color:var(--inverse-text-primary,#15110FFC);--plasma-avatar-extra-badge-background:var(--surface-solid-default,#F6F2F0);--plasma-avatar-extra-badge-color-transparent:var(--text-primary,#FFFFFFFC);--plasma-avatar-extra-badge-background-transparent:var(--surface-transparent-secondary,#FFFFFF29);--plasma-avatar-extra-badge-color-clear:var(--text-primary,#FFFFFFFC);--plasma-avatar-extra-badge-background-clear:var(--surface-clear,#FFFFFF00);}
+.Avatar_config_i79yrd_ats1qri__cce4c8ee{--plasma-avatar-extra-badge-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-avatar-extra-badge-background:var(--surface-accent,#0BA686);--plasma-avatar-extra-badge-color-transparent:var(--text-accent,#61C8B0);--plasma-avatar-extra-badge-background-transparent:var(--surface-transparent-accent,#0BA68633);--plasma-avatar-extra-badge-color-clear:var(--text-accent,#61C8B0);--plasma-avatar-extra-badge-background-clear:var(--surface-clear,#FFFFFF00);}
+.Avatar_config_i79yrd_pu8qekr__cce4c8ee{--plasma-avatar-extra-badge-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-avatar-extra-badge-background:var(--surface-positive,#A6D2A2);--plasma-avatar-extra-badge-color-transparent:var(--text-positive,#50A84C);--plasma-avatar-extra-badge-background-transparent:var(--surface-transparent-positive);--plasma-avatar-extra-badge-color-clear:var(--text-positive,#50A84C);--plasma-avatar-extra-badge-background-clear:var(--surface-clear,#FFFFFF00);}
+.Avatar_config_i79yrd_wc00x8o__cce4c8ee{--plasma-avatar-extra-badge-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-avatar-extra-badge-background:var(--surface-warning,#F8AD80);--plasma-avatar-extra-badge-color-transparent:var(--text-warning,#DA6828);--plasma-avatar-extra-badge-background-transparent:var(--surface-transparent-warning);--plasma-avatar-extra-badge-color-clear:var(--text-warning,#DA6828);--plasma-avatar-extra-badge-background-clear:var(--surface-clear,#FFFFFF00);}
+.Avatar_config_i79yrd_n4vpurz__cce4c8ee{--plasma-avatar-extra-badge-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-avatar-extra-badge-background:var(--surface-negative,#F8A6A9);--plasma-avatar-extra-badge-color-transparent:var(--text-negative,#F57E83);--plasma-avatar-extra-badge-background-transparent:var(--surface-transparent-negative,#F8A6A980);--plasma-avatar-extra-badge-color-clear:var(--text-negative,#F57E83);--plasma-avatar-extra-badge-background-clear:var(--surface-clear,#FFFFFF00);}
+.Avatar_config_i79yrd_dh713v8__cce4c8ee{--plasma-avatar-extra-badge-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-avatar-extra-badge-background:var(--on-light-surface-solid-default,#15110F);--plasma-avatar-extra-badge-color-transparent:var(--on-dark-text-primary,#FFFFFFFC);--plasma-avatar-extra-badge-background-transparent:var(--on-light-surface-transparent-deep,#A1A09FA3);--plasma-avatar-extra-badge-color-clear:var(--on-light-text-primary,#15110FFC);--plasma-avatar-extra-badge-background-clear:var(--surface-clear,#FFFFFF00);}
+.Avatar_config_i79yrd_l18xlm4d__cce4c8ee{--plasma-avatar-extra-badge-color:var(--on-light-text-primary,#15110FFC);--plasma-avatar-extra-badge-background:var(--on-dark-surface-solid-default,#F6F2F0);--plasma-avatar-extra-badge-color-transparent:var(--on-dark-text-primary,#FFFFFFFC);--plasma-avatar-extra-badge-background-transparent:var(--on-dark-surface-transparent-card,#373737B8);--plasma-avatar-extra-badge-color-clear:var(--on-dark-text-primary,#FFFFFFFC);--plasma-avatar-extra-badge-background-clear:var(--surface-clear,#FFFFFF00);}
+.Avatar_config_i79yrd_d19kwqy5__cce4c8ee{--plasma-avatar-extra-counter-color:var(--inverse-text-primary,#15110FFC);--plasma-avatar-extra-counter-background:var(--surface-solid-default,#F6F2F0);}
+.Avatar_config_i79yrd_a1jpkhmc__cce4c8ee{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-avatar-extra-counter-background:var(--surface-accent,#0BA686);}
+.Avatar_config_i79yrd_p1rt05zb__cce4c8ee{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-avatar-extra-counter-background:var(--surface-positive,#A6D2A2);}
+.Avatar_config_i79yrd_w18uzb5o__cce4c8ee{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-avatar-extra-counter-background:var(--surface-warning,#F8AD80);}
+.Avatar_config_i79yrd_nwmydiz__cce4c8ee{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-avatar-extra-counter-background:var(--surface-negative,#F8A6A9);}
+.Avatar_config_i79yrd_d84jq18__cce4c8ee{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-avatar-extra-counter-background:var(--on-light-surface-solid-default,#15110F);}
+.Avatar_config_i79yrd_l1bat2nq__cce4c8ee{--plasma-avatar-extra-counter-color:var(--on-light-text-primary,#15110FFC);--plasma-avatar-extra-counter-background:var(--on-dark-surface-solid-default,#F6F2F0);}

package/dist/css/es/components/Checkbox/Checkbox.config.js

@@ -1,4 +1,4 @@
-import './Checkbox.config_63y7oe.css';
+import './Checkbox.config_vwftwu.css';
 /*
  * NOTE: Mixed DS tokens + raw vars. Prefer @salutejs-ds/sdds_sbcom/theme/tokens where possible.
  * Missing tokens in @salutejs/sdds-themes/tokens: bodyXs

package/dist/css/es/components/Checkbox/Checkbox.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.config.js","sources":["../../../../../src-css/components/Checkbox/Checkbox.config.ts"],"sourcesContent":["import { css, checkboxTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n    bodyM,\n    bodyS,\n    onDarkTextPrimary,\n    textAccent,\n    textParagraph,\n    textPrimary,\n    textSecondary,\n    surfaceTransparentSecondary,\n    surfaceAccent,\n} from '@salutejs-ds/sdds_sbcom/theme/tokens';\n\n/*\n * NOTE: Mixed DS tokens + raw vars. Prefer @salutejs-ds/sdds_sbcom/theme/tokens where possible.\n * Missing tokens in @salutejs/sdds-themes/tokens: bodyXs\n */\nexport const config = {\n    defaults: {\n        view: 'accent',\n        size: 'm',\n        focused: 'true',\n        appearance: 'outline',\n    },\n    variations: {\n        size: {\n            m: css`\n                ${checkboxTokens.margin}: 0;\n                ${checkboxTokens.triggerPadding}: 0.125rem;\n                ${checkboxTokens.triggerSize}: 1.375rem;\n                ${checkboxTokens.triggerBorderRadius}: 100%;\n                ${checkboxTokens.triggerBorderWidth}: 2px;\n                ${checkboxTokens.contentTopOffset}: 0.125rem;\n                ${checkboxTokens.contentLeftOffset}: 0.75rem;\n                ${checkboxTokens.descriptionMarginTop}: 0.125rem;\n                ${checkboxTokens.labelFontFamily}: ${bodyM.fontFamily};\n                ${checkboxTokens.labelFontSize}: ${bodyM.fontSize};\n                ${checkboxTokens.labelFontStyle}: ${bodyM.fontStyle};\n                ${checkboxTokens.labelFontWeight}: ${bodyM.fontWeight};\n                ${checkboxTokens.labelLetterSpacing}: ${bodyM.letterSpacing};\n                ${checkboxTokens.labelLineHeight}: ${bodyM.lineHeight};\n                ${checkboxTokens.descriptionFontFamily}: ${bodyS.fontFamily};\n                ${checkboxTokens.descriptionFontSize}: ${bodyS.fontSize};\n                ${checkboxTokens.descriptionFontStyle}: ${bodyS.fontStyle};\n                ${checkboxTokens.descriptionFontWeight}: ${bodyS.fontWeight};\n                ${checkboxTokens.descriptionLetterSpacing}: ${bodyS.letterSpacing};\n                ${checkboxTokens.descriptionLineHeight}: ${bodyS.lineHeight};\n            `,\n        },\n        view: {\n            accent: css`\n                ${checkboxTokens.fillColor}: ${surfaceAccent};\n                ${checkboxTokens.iconColor}: ${onDarkTextPrimary};\n                ${checkboxTokens.labelColor}: ${textPrimary};\n                ${checkboxTokens.descriptionColor}: ${textSecondary};\n\n                ${checkboxTokens.triggerBackgroundColor}: ${surfaceTransparentSecondary};\n                ${checkboxTokens.triggerBorderColor}: ${textParagraph};\n                ${checkboxTokens.triggerBorderCheckedColor}: transparent;\n            `,\n        },\n        disabled: {\n            true: css`\n                ${checkboxTokens.disabledOpacity}: 0.4;\n            `,\n        },\n        focused: {\n            true: css`\n                ${checkboxTokens.focusColor}: ${textAccent};\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","focused","appearance","variations","m","accent","disabled","true"],"mappings":"AAaA;AACA;AACA;AACA;AACO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,QAAQ;AACdC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,UAAU,EAAE;GACf;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,CAAC,EAAA;KAsBJ;AACDL,IAAAA,IAAI,EAAE;AACFM,MAAAA,MAAM,EAAA;KAUT;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDN,IAAAA,OAAO,EAAE;MACLM,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}
+{"version":3,"file":"Checkbox.config.js","sources":["../../../../../src-css/components/Checkbox/Checkbox.config.ts"],"sourcesContent":["import { css, checkboxTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n    bodyM,\n    bodyS,\n    onDarkTextPrimary,\n    textAccent,\n    textParagraph,\n    textPrimary,\n    textSecondary,\n    surfaceTransparentSecondary,\n    surfaceAccent,\n    surfaceAccentHover,\n} from '@salutejs-ds/sdds_sbcom/theme/tokens';\n\n/*\n * NOTE: Mixed DS tokens + raw vars. Prefer @salutejs-ds/sdds_sbcom/theme/tokens where possible.\n * Missing tokens in @salutejs/sdds-themes/tokens: bodyXs\n */\nexport const config = {\n    defaults: {\n        view: 'accent',\n        size: 'm',\n        focused: 'true',\n        appearance: 'outline',\n    },\n    variations: {\n        size: {\n            m: css`\n                ${checkboxTokens.margin}: 0;\n                ${checkboxTokens.triggerPadding}: 0.125rem;\n                ${checkboxTokens.triggerSize}: 1.375rem;\n                ${checkboxTokens.triggerBorderRadius}: 100%;\n                ${checkboxTokens.triggerBorderWidth}: 2px;\n                ${checkboxTokens.contentTopOffset}: 0.125rem;\n                ${checkboxTokens.contentLeftOffset}: 0.75rem;\n                ${checkboxTokens.descriptionMarginTop}: 0.125rem;\n                ${checkboxTokens.labelFontFamily}: ${bodyM.fontFamily};\n                ${checkboxTokens.labelFontSize}: ${bodyM.fontSize};\n                ${checkboxTokens.labelFontStyle}: ${bodyM.fontStyle};\n                ${checkboxTokens.labelFontWeight}: ${bodyM.fontWeight};\n                ${checkboxTokens.labelLetterSpacing}: ${bodyM.letterSpacing};\n                ${checkboxTokens.labelLineHeight}: ${bodyM.lineHeight};\n                ${checkboxTokens.descriptionFontFamily}: ${bodyS.fontFamily};\n                ${checkboxTokens.descriptionFontSize}: ${bodyS.fontSize};\n                ${checkboxTokens.descriptionFontStyle}: ${bodyS.fontStyle};\n                ${checkboxTokens.descriptionFontWeight}: ${bodyS.fontWeight};\n                ${checkboxTokens.descriptionLetterSpacing}: ${bodyS.letterSpacing};\n                ${checkboxTokens.descriptionLineHeight}: ${bodyS.lineHeight};\n            `,\n        },\n        view: {\n            accent: css`\n                ${checkboxTokens.fillColor}: ${surfaceAccent};\n                ${checkboxTokens.fillColorHover}: ${surfaceAccentHover};\n                ${checkboxTokens.iconColor}: ${onDarkTextPrimary};\n                ${checkboxTokens.labelColor}: ${textPrimary};\n                ${checkboxTokens.descriptionColor}: ${textSecondary};\n\n                ${checkboxTokens.triggerBackgroundColor}: ${surfaceTransparentSecondary};\n                ${checkboxTokens.triggerBorderColor}: ${textParagraph};\n                ${checkboxTokens.triggerBorderCheckedColor}: transparent;\n            `,\n        },\n        disabled: {\n            true: css`\n                ${checkboxTokens.disabledOpacity}: 0.4;\n            `,\n        },\n        focused: {\n            true: css`\n                ${checkboxTokens.focusColor}: ${textAccent};\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","focused","appearance","variations","m","accent","disabled","true"],"mappings":"AAcA;AACA;AACA;AACA;AACO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,QAAQ;AACdC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,UAAU,EAAE;GACf;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,CAAC,EAAA;KAsBJ;AACDL,IAAAA,IAAI,EAAE;AACFM,MAAAA,MAAM,EAAA;KAWT;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDN,IAAAA,OAAO,EAAE;MACLM,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}

package/dist/css/{cjs/components/Checkbox/Checkbox.config_63y7oe.css → es/components/Checkbox/Checkbox.config_vwftwu.css}

@@ -1,4 +1,4 @@
 .m1rbd3p5{--plasma-checkbox-margin:0;--plasma-checkbox-trigger-padding:0.125rem;--plasma-checkbox-trigger-size:1.375rem;--plasma-checkbox-trigger-border-radius:100%;--plasma-checkbox-trigger-border-width:2px;--plasma-checkbox-content-top-offset:0.125rem;--plasma-checkbox-content-left-offset:0.75rem;--plasma-checkbox-description-margin-top:0.125rem;--plasma-checkbox-label-font-family:var(--plasma-typo-body-m-font-family);--plasma-checkbox-label-font-size:var(--plasma-typo-body-m-font-size);--plasma-checkbox-label-font-style:var(--plasma-typo-body-m-font-style);--plasma-checkbox-label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-checkbox-label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-checkbox-label-line-height:var(--plasma-typo-body-m-line-height);--plasma-checkbox-description-font-family:var(--plasma-typo-body-s-font-family);--plasma-checkbox-description-font-size:var(--plasma-typo-body-s-font-size);--plasma-checkbox-description-font-style:var(--plasma-typo-body-s-font-style);--plasma-checkbox-description-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-checkbox-description-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-checkbox-description-line-height:var(--plasma-typo-body-s-line-height);}
-.a1b31az7{--plasma-checkbox-fill-color:var(--surface-accent,#0BA686);--plasma-checkbox-icon-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-checkbox-label-color:var(--text-primary,#FFFFFFFC);--plasma-checkbox-description-color:var(--text-secondary,#F6F2F0A3);--plasma-checkbox-trigger-background-color:var(--surface-transparent-secondary,#FFFFFF29);--plasma-checkbox-trigger-border-color:var(--text-paragraph,#F6F2F07A);--plasma-checkbox-trigger-border-checked-color:transparent;}
+.a1b31az7{--plasma-checkbox-fill-color:var(--surface-accent,#0BA686);--plasma-checkbox-fill-color-hover:var(--surface-accent-hover,#0CBB98FF);--plasma-checkbox-icon-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-checkbox-label-color:var(--text-primary,#FFFFFFFC);--plasma-checkbox-description-color:var(--text-secondary,#F6F2F0A3);--plasma-checkbox-trigger-background-color:var(--surface-transparent-secondary,#FFFFFF29);--plasma-checkbox-trigger-border-color:var(--text-paragraph,#F6F2F07A);--plasma-checkbox-trigger-border-checked-color:transparent;}
 .thc94kv{--plasma-checkbox-disabled-opacity:0.4;}
 .tuukuk0{--plasma-checkbox-focus-color:var(--text-accent,#61C8B0);}

package/dist/css/es/components/Checkbox/Checkbox.css

@@ -1,4 +1,4 @@
-.Checkbox_config_63y7oe_m1rbd3p5__2d9b2943{--plasma-checkbox-margin:0;--plasma-checkbox-trigger-padding:0.125rem;--plasma-checkbox-trigger-size:1.375rem;--plasma-checkbox-trigger-border-radius:100%;--plasma-checkbox-trigger-border-width:2px;--plasma-checkbox-content-top-offset:0.125rem;--plasma-checkbox-content-left-offset:0.75rem;--plasma-checkbox-description-margin-top:0.125rem;--plasma-checkbox-label-font-family:var(--plasma-typo-body-m-font-family);--plasma-checkbox-label-font-size:var(--plasma-typo-body-m-font-size);--plasma-checkbox-label-font-style:var(--plasma-typo-body-m-font-style);--plasma-checkbox-label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-checkbox-label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-checkbox-label-line-height:var(--plasma-typo-body-m-line-height);--plasma-checkbox-description-font-family:var(--plasma-typo-body-s-font-family);--plasma-checkbox-description-font-size:var(--plasma-typo-body-s-font-size);--plasma-checkbox-description-font-style:var(--plasma-typo-body-s-font-style);--plasma-checkbox-description-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-checkbox-description-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-checkbox-description-line-height:var(--plasma-typo-body-s-line-height);}
-.Checkbox_config_63y7oe_a1b31az7__2d9b2943{--plasma-checkbox-fill-color:var(--surface-accent,#0BA686);--plasma-checkbox-icon-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-checkbox-label-color:var(--text-primary,#FFFFFFFC);--plasma-checkbox-description-color:var(--text-secondary,#F6F2F0A3);--plasma-checkbox-trigger-background-color:var(--surface-transparent-secondary,#FFFFFF29);--plasma-checkbox-trigger-border-color:var(--text-paragraph,#F6F2F07A);--plasma-checkbox-trigger-border-checked-color:transparent;}
-.Checkbox_config_63y7oe_thc94kv__2d9b2943{--plasma-checkbox-disabled-opacity:0.4;}
-.Checkbox_config_63y7oe_tuukuk0__2d9b2943{--plasma-checkbox-focus-color:var(--text-accent,#61C8B0);}
+.Checkbox_config_vwftwu_m1rbd3p5__aa515ae4{--plasma-checkbox-margin:0;--plasma-checkbox-trigger-padding:0.125rem;--plasma-checkbox-trigger-size:1.375rem;--plasma-checkbox-trigger-border-radius:100%;--plasma-checkbox-trigger-border-width:2px;--plasma-checkbox-content-top-offset:0.125rem;--plasma-checkbox-content-left-offset:0.75rem;--plasma-checkbox-description-margin-top:0.125rem;--plasma-checkbox-label-font-family:var(--plasma-typo-body-m-font-family);--plasma-checkbox-label-font-size:var(--plasma-typo-body-m-font-size);--plasma-checkbox-label-font-style:var(--plasma-typo-body-m-font-style);--plasma-checkbox-label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-checkbox-label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-checkbox-label-line-height:var(--plasma-typo-body-m-line-height);--plasma-checkbox-description-font-family:var(--plasma-typo-body-s-font-family);--plasma-checkbox-description-font-size:var(--plasma-typo-body-s-font-size);--plasma-checkbox-description-font-style:var(--plasma-typo-body-s-font-style);--plasma-checkbox-description-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-checkbox-description-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-checkbox-description-line-height:var(--plasma-typo-body-s-line-height);}
+.Checkbox_config_vwftwu_a1b31az7__aa515ae4{--plasma-checkbox-fill-color:var(--surface-accent,#0BA686);--plasma-checkbox-fill-color-hover:var(--surface-accent-hover,#0CBB98FF);--plasma-checkbox-icon-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-checkbox-label-color:var(--text-primary,#FFFFFFFC);--plasma-checkbox-description-color:var(--text-secondary,#F6F2F0A3);--plasma-checkbox-trigger-background-color:var(--surface-transparent-secondary,#FFFFFF29);--plasma-checkbox-trigger-border-color:var(--text-paragraph,#F6F2F07A);--plasma-checkbox-trigger-border-checked-color:transparent;}
+.Checkbox_config_vwftwu_thc94kv__aa515ae4{--plasma-checkbox-disabled-opacity:0.4;}
+.Checkbox_config_vwftwu_tuukuk0__aa515ae4{--plasma-checkbox-focus-color:var(--text-accent,#61C8B0);}

package/dist/css/es/components/Checkbox/Checkbox.js

@@ -1,12 +1,50 @@
-import { component, mergeConfig, checkboxConfig } from '@salutejs/plasma-new-hope/css';
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, taggedTemplateLiteral as _taggedTemplateLiteral } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { component, mergeConfig, checkboxConfig, checkboxTokens } from '@salutejs/plasma-new-hope/css';
+import React, { forwardRef } from 'react';
+import styled from 'styled-components';
 import { config } from './Checkbox.config.js';
 
+var _excluded = ["checkIcon"];
+var _templateObject, _CheckIcon;
 var mergedConfig = /*#__PURE__*/mergeConfig(checkboxConfig, config);
 var CheckboxComponent = /*#__PURE__*/component(mergedConfig);
+var CheckboxBase = /*#__PURE__*/styled(CheckboxComponent)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n    & svg path[stroke] {\n        stroke-dasharray: 1;\n        stroke-dashoffset: 1;\n        transition: stroke-dashoffset 0s;\n    }\n\n    & label > div:first-child > div {\n        transition: background 0.1s ease-in-out, border-color 0.1s ease-in-out;\n\n        > div {\n            transform: none;\n            opacity: 0;\n            transition: opacity 0.1s ease-in-out;\n        }\n    }\n\n    & input:is(:checked, :indeterminate) + label {\n        svg path[stroke] {\n            stroke-dashoffset: 0;\n            transition: stroke-dashoffset 0.1s ease-in-out;\n        }\n\n        > div:first-child > div > div {\n            opacity: 1;\n        }\n    }\n"])));
+var CheckIcon = function CheckIcon() {
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'inline-flex'
+    }
+  }, /*#__PURE__*/React.createElement("svg", {
+    width: "9.657",
+    height: "6.758",
+    viewBox: "0 0 9.65723 6.75845",
+    fill: "none",
+    style: {
+      width: "var(".concat(checkboxTokens.triggerSize, ")"),
+      overflow: 'visible'
+    }
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M0.22 3.55L3.69 6.76L9.43 1.28",
+    stroke: "var(".concat(checkboxTokens.iconColor, ")"),
+    strokeWidth: "1.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    pathLength: "1"
+  })));
+};
+
 /**
  * Флажок или чекбокс. Позволяет пользователю управлять параметром с двумя состояниями — ☑ включено и ☐ отключено.
  */
-var Checkbox = CheckboxComponent;
+var Checkbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _ref$checkIcon = _ref.checkIcon,
+    checkIcon = _ref$checkIcon === void 0 ? _CheckIcon || (_CheckIcon = /*#__PURE__*/React.createElement(CheckIcon, null)) : _ref$checkIcon,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(CheckboxBase, _extends({
+    ref: ref,
+    checkIcon: checkIcon
+  }, props));
+});
 
 export { Checkbox };
 //# sourceMappingURL=Checkbox.js.map

package/dist/css/es/components/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../../../src-css/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import { checkboxConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/css';\nimport { ComponentProps } from 'react';\n\nimport { config } from './Checkbox.config';\n\nconst mergedConfig = mergeConfig(checkboxConfig, config);\nconst CheckboxComponent = component(mergedConfig);\n\nexport type CheckboxProps = ComponentProps<typeof CheckboxComponent>;\n\n/**\n * Флажок или чекбокс. Позволяет пользователю управлять параметром с двумя состояниями — ☑ включено и ☐ отключено.\n */\nexport const Checkbox = CheckboxComponent;\n"],"names":["mergedConfig","mergeConfig","checkboxConfig","config","CheckboxComponent","component","Checkbox"],"mappings":";;;AAKA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,cAAc,EAAEC,MAAM,CAAC;AACxD,IAAMC,iBAAiB,gBAAGC,SAAS,CAACL,YAAY,CAAC;AAIjD;AACA;AACA;AACO,IAAMM,QAAQ,GAAGF;;;;"}
+{"version":3,"file":"Checkbox.js","sources":["../../../../../src-css/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import { checkboxConfig, component, mergeConfig, checkboxTokens } from '@salutejs/plasma-new-hope/css';\nimport React, { forwardRef, ComponentProps } from 'react';\nimport styled from 'styled-components';\n\nimport { config } from './Checkbox.config';\n\nconst mergedConfig = mergeConfig(checkboxConfig, config);\nconst CheckboxComponent = component(mergedConfig);\n\nexport type CheckboxProps = ComponentProps<typeof CheckboxComponent>;\n\nconst CheckboxBase = styled(CheckboxComponent)`\n    & svg path[stroke] {\n        stroke-dasharray: 1;\n        stroke-dashoffset: 1;\n        transition: stroke-dashoffset 0s;\n    }\n\n    & label > div:first-child > div {\n        transition: background 0.1s ease-in-out, border-color 0.1s ease-in-out;\n\n        > div {\n            transform: none;\n            opacity: 0;\n            transition: opacity 0.1s ease-in-out;\n        }\n    }\n\n    & input:is(:checked, :indeterminate) + label {\n        svg path[stroke] {\n            stroke-dashoffset: 0;\n            transition: stroke-dashoffset 0.1s ease-in-out;\n        }\n\n        > div:first-child > div > div {\n            opacity: 1;\n        }\n    }\n`;\n\nconst CheckIcon = () => (\n    <div style={{ display: 'inline-flex' }}>\n        <svg\n            width=\"9.657\"\n            height=\"6.758\"\n            viewBox=\"0 0 9.65723 6.75845\"\n            fill=\"none\"\n            style={{ width: `var(${checkboxTokens.triggerSize})`, overflow: 'visible' }}\n        >\n            <path\n                d=\"M0.22 3.55L3.69 6.76L9.43 1.28\"\n                stroke={`var(${checkboxTokens.iconColor})`}\n                strokeWidth=\"1.5\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                pathLength=\"1\"\n            />\n        </svg>\n    </div>\n);\n\n/**\n * Флажок или чекбокс. Позволяет пользователю управлять параметром с двумя состояниями — ☑ включено и ☐ отключено.\n */\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(({ checkIcon = <CheckIcon />, ...props }, ref) => (\n    <CheckboxBase ref={ref} checkIcon={checkIcon} {...props} />\n));\n"],"names":["mergedConfig","mergeConfig","checkboxConfig","config","CheckboxComponent","component","CheckboxBase","styled","_templateObject","_taggedTemplateLiteral","CheckIcon","React","createElement","style","display","width","height","viewBox","fill","concat","checkboxTokens","triggerSize","overflow","d","stroke","iconColor","strokeWidth","strokeLinecap","strokeLinejoin","pathLength","Checkbox","forwardRef","_ref","ref","_ref$checkIcon","checkIcon","_CheckIcon","props","_objectWithoutProperties","_excluded","_extends"],"mappings":";;;;;;;;AAMA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,cAAc,EAAEC,MAAM,CAAC;AACxD,IAAMC,iBAAiB,gBAAGC,SAAS,CAACL,YAAY,CAAC;AAIjD,IAAMM,YAAY,gBAAGC,MAAM,CAACH,iBAAiB,CAAC,CAAAI,eAAA,KAAAA,eAAA,gBAAAC,sBAAA,CAAA,CAAA,yqBAAA,CAAA,CAAA,CAAA,CA2B7C;AAED,IAAMC,SAAS,GAAG,SAAZA,SAASA,GAAA;EAAA,oBACXC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,OAAO,EAAE;AAAc;GAAE,eACnCH,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACIG,IAAAA,KAAK,EAAC,OAAO;AACbC,IAAAA,MAAM,EAAC,OAAO;AACdC,IAAAA,OAAO,EAAC,qBAAqB;AAC7BC,IAAAA,IAAI,EAAC,MAAM;AACXL,IAAAA,KAAK,EAAE;AAAEE,MAAAA,KAAK,SAAAI,MAAA,CAASC,cAAc,CAACC,WAAW,EAAA,GAAA,CAAG;AAAEC,MAAAA,QAAQ,EAAE;AAAU;GAAE,eAE5EX,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AACIW,IAAAA,CAAC,EAAC,gCAAgC;AAClCC,IAAAA,MAAM,SAAAL,MAAA,CAASC,cAAc,CAACK,SAAS,EAAA,GAAA,CAAI;AAC3CC,IAAAA,WAAW,EAAC,KAAK;AACjBC,IAAAA,aAAa,EAAC,OAAO;AACrBC,IAAAA,cAAc,EAAC,OAAO;AACtBC,IAAAA,UAAU,EAAC;GACd,CACA,CACJ,CAAC;AAAA,CACT;;AAED;AACA;AACA;AACO,IAAMC,QAAQ,gBAAGC,UAAU,CAAkC,UAAAC,IAAA,EAA0CC,GAAG,EAAA;AAAA,EAAA,IAAAC,cAAA,GAAAF,IAAA,CAA1CG,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAAE,UAAA,KAAAA,UAAA,gBAAGzB,KAAA,CAAAC,aAAA,CAACF,SAAS,EAAA,IAAE,CAAC,IAAAwB,cAAA;AAAKG,IAAAA,KAAK,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA,CAAA;AAAA,EAAA,oBACtG5B,KAAA,CAAAC,aAAA,CAACN,YAAY,EAAAkC,QAAA,CAAA;AAACP,IAAAA,GAAG,EAAEA,GAAI;AAACE,IAAAA,SAAS,EAAEA;GAAU,EAAKE,KAAK,CAAG,CAAC;AAAA,CAC9D;;;;"}