@salutejs/plasma-web 1.602.0-canary.2378.20191024234.0 → 1.602.0-canary.2378.20229139306.0

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

@@ -0,0 +1,114 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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), !0).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 _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 || "default");
+    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 + "";
+}
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+  return target;
+}
+function _objectWithoutProperties(source, excluded) {
+  if (source == null) return {};
+  var target = _objectWithoutPropertiesLoose(source, excluded);
+  var key, i;
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+      target[key] = source[key];
+    }
+  }
+  return target;
+}
+function _taggedTemplateLiteral(strings, raw) {
+  if (!raw) {
+    raw = strings.slice(0);
+  }
+  return Object.freeze(Object.defineProperties(strings, {
+    raw: {
+      value: Object.freeze(raw)
+    }
+  }));
+}
+
+exports.defineProperty = _defineProperty;
+exports.extends = _extends;
+exports.objectSpread2 = _objectSpread2;
+exports.objectWithoutProperties = _objectWithoutProperties;
+exports.objectWithoutPropertiesLoose = _objectWithoutPropertiesLoose;
+exports.taggedTemplateLiteral = _taggedTemplateLiteral;
+exports.toPrimitive = _toPrimitive;
+exports.toPropertyKey = _toPropertyKey;
+//# sourceMappingURL=_rollupPluginBabelHelpers.js.map

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

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

package/dist/css/cjs/components/Accordion/Accordion.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.config.js","sources":["../../../../../src-css/components/Accordion/Accordion.config.ts"],"sourcesContent":["import { css, accordionTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${accordionTokens.accordionGap}: 0.125rem;\n                ${accordionTokens.accordionWidth}: 20rem;\n                ${accordionTokens.accordionItemPadding}: var(${accordionTokens.accordionItemPaddingVertical}) var(${accordionTokens.accordionItemPaddingHorizontal});\n                ${accordionTokens.accordionItemBackground}: var(--surface-solid-card);\n                ${accordionTokens.accordionItemTitleColor}: var(--text-primary);\n                ${accordionTokens.accordionItemTextColor}: var(--text-primary);\n                ${accordionTokens.accordionItemIconColor}: var(--text-primary);\n                ${accordionTokens.accordionItemFocus}: var(--surface-accent);\n                ${accordionTokens.accordionBackground}: var(--surface-clear);\n                ${accordionTokens.accordionItemBorder}: none;\n                ${accordionTokens.accordionItemBorderBottom}: 0;\n                ${accordionTokens.accordionItemPaddingHorizontalLeft}: var(${accordionTokens.accordionItemPaddingHorizontal});\n            `,\n            secondary: css`\n                ${accordionTokens.accordionGap}: 0.125rem;\n                ${accordionTokens.accordionWidth}: 20rem;\n                ${accordionTokens.accordionItemPadding}: var(${accordionTokens.accordionItemPaddingVertical}) var(${accordionTokens.accordionItemPaddingHorizontal});\n                ${accordionTokens.accordionItemBackground}: var(--surface-transparent-primary);\n                ${accordionTokens.accordionItemTitleColor}: var(--text-primary);\n                ${accordionTokens.accordionItemTextColor}: var(--text-primary);\n                ${accordionTokens.accordionItemIconColor}: var(--text-primary);\n                ${accordionTokens.accordionItemFocus}: var(--surface-accent);\n                ${accordionTokens.accordionBackground}: var(--surface-clear);\n                ${accordionTokens.accordionItemBorder}: none;\n                ${accordionTokens.accordionItemBorderBottom}: 0;\n                ${accordionTokens.accordionItemPaddingHorizontalLeft}: var(${accordionTokens.accordionItemPaddingHorizontal});\n            `,\n            outlined: css`\n                ${accordionTokens.accordionGap}: 0.125rem;\n                ${accordionTokens.accordionWidth}: 20rem;\n                ${accordionTokens.accordionItemPadding}: var(${accordionTokens.accordionItemPaddingVertical}) var(${accordionTokens.accordionItemPaddingHorizontal});\n                ${accordionTokens.accordionItemBackground}: var(--surface-clear);\n                ${accordionTokens.accordionItemTitleColor}: var(--text-primary);\n                ${accordionTokens.accordionItemTextColor}: var(--text-primary);\n                ${accordionTokens.accordionItemIconColor}: var(--text-primary);\n                ${accordionTokens.accordionItemFocus}: var(--surface-accent);\n                ${accordionTokens.accordionBackground}: var(--surface-clear);\n                ${accordionTokens.accordionItemBorder}: 0.063rem solid var(--surface-transparent-secondary);\n                ${accordionTokens.accordionItemBorderBottom}: 0.063rem solid var(--surface-transparent-secondary);\n                ${accordionTokens.accordionItemPaddingHorizontalLeft}: var(${accordionTokens.accordionItemPaddingHorizontal});\n            `,\n            clear: css`\n                ${accordionTokens.accordionGap}: 0.125rem;\n                ${accordionTokens.accordionWidth}: 20rem;\n                ${accordionTokens.accordionItemPadding}: var(${accordionTokens.accordionItemPaddingVertical}) 0rem;\n                ${accordionTokens.accordionItemBackground}: var(--surface-clear);\n                ${accordionTokens.accordionItemTitleColor}: var(--text-primary);\n                ${accordionTokens.accordionItemTextColor}: var(--text-primary);\n                ${accordionTokens.accordionItemIconColor}: var(--text-primary);\n                ${accordionTokens.accordionItemFocus}: var(--surface-accent);\n                ${accordionTokens.accordionItemBorderRadius}: 0rem !important;\n                ${accordionTokens.accordionBackground}: var(--surface-clear);\n                ${accordionTokens.accordionItemBorder}: none;\n                ${accordionTokens.accordionItemBorderBottom}: 0.063rem solid var(--surface-solid-tertiary);\n                ${accordionTokens.accordionItemPaddingHorizontalLeft}: 0;\n            `,\n        },\n        size: {\n            l: css`\n                ${accordionTokens.accordionItemPaddingVertical}: 1.0625rem;\n                ${accordionTokens.accordionItemPaddingHorizontal}: 1.25rem;\n                ${accordionTokens.accordionItemGap}: 0.25rem;\n                ${accordionTokens.accordionItemBorderRadius}: 0.875rem;\n\n                ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-body-l-font-size);\n                ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n                ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-l-font-size);\n                ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-l-line-height);\n            `,\n            m: css`\n                ${accordionTokens.accordionItemPaddingVertical}: 0.875rem;\n                ${accordionTokens.accordionItemPaddingHorizontal}: 1.125rem;\n                ${accordionTokens.accordionItemGap}: 0.375rem;\n                ${accordionTokens.accordionItemBorderRadius}: 0.75rem;\n\n                ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-body-m-font-size);\n                ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n                ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-m-font-size);\n                ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-m-line-height);\n            `,\n            s: css`\n                ${accordionTokens.accordionItemPaddingVertical}: 0.6875rem;\n                ${accordionTokens.accordionItemPaddingHorizontal}: 0.875rem;\n                ${accordionTokens.accordionItemGap}: 0.375rem;\n                ${accordionTokens.accordionItemBorderRadius}: 0.625rem;\n\n                ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-body-s-font-size);\n                ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n                ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-s-font-size);\n                ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-s-line-height);\n            `,\n            xs: css`\n                ${accordionTokens.accordionItemPaddingVertical}: 0.5rem;\n                ${accordionTokens.accordionItemPaddingHorizontal}: 0.75rem;\n                ${accordionTokens.accordionItemGap}: 0.25rem;\n                ${accordionTokens.accordionItemBorderRadius}: 0.5rem;\n\n                ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-xs-line-height);\n            `,\n            h2: css`\n                ${accordionTokens.accordionItemPaddingVertical}: 1rem;\n                ${accordionTokens.accordionItemPaddingHorizontal}: 1.25rem;\n                ${accordionTokens.accordionItemGap}: 0.25rem;\n                ${accordionTokens.accordionItemBorderRadius}: 0.75rem;\n                ${accordionTokens.accordionItemIconSize}: 1.5rem;\n\n                ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-h2-font-family);\n                ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-h2-font-size);\n                ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-h2-font-style);\n                ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-h2-bold-font-weight);\n                ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-h2-letter-spacing);\n                ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-h2-line-height);\n\n                ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-l-font-size);\n                ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-l-line-height);\n            `,\n            h3: css`\n                ${accordionTokens.accordionItemPaddingVertical}: 0.875rem;\n                ${accordionTokens.accordionItemPaddingHorizontal}: 1.125rem;\n                ${accordionTokens.accordionItemGap}: 0.25rem;\n                ${accordionTokens.accordionItemBorderRadius}: 0.75rem;\n                ${accordionTokens.accordionItemIconSize}: 1.5rem;\n\n                ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-h3-font-family);\n                ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-h3-font-size);\n                ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-h3-font-style);\n                ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-h3-bold-font-weight);\n                ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-h3-letter-spacing);\n                ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-h3-line-height);\n\n                ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-l-font-size);\n                ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-l-line-height);\n            `,\n            h4: css`\n                ${accordionTokens.accordionItemPaddingVertical}: 0.688rem;\n                ${accordionTokens.accordionItemPaddingHorizontal}: 0.875rem;\n                ${accordionTokens.accordionItemGap}: 0.25rem;\n                ${accordionTokens.accordionItemBorderRadius}: 0.625rem;\n\n                ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-h4-font-family);\n                ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-h4-font-size);\n                ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-h4-font-style);\n                ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-h4-bold-font-weight);\n                ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-h4-letter-spacing);\n                ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-h4-line-height);\n\n                ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-m-font-size);\n                ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-m-line-height);\n            `,\n            h5: css`\n                ${accordionTokens.accordionItemPaddingVertical}: 0.5rem;\n                ${accordionTokens.accordionItemPaddingHorizontal}: 0.75rem;\n                ${accordionTokens.accordionItemGap}: 0.25rem;\n                ${accordionTokens.accordionItemBorderRadius}: 0.5rem;\n\n                ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-h5-font-family);\n                ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-h5-font-size);\n                ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-h5-font-style);\n                ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-h5-bold-font-weight);\n                ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-h5-letter-spacing);\n                ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-h5-line-height);\n\n                ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-m-font-size);\n                ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-m-line-height);\n            `,\n        },\n        stretching: {\n            filled: css``,\n            fixed: css``,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","default","secondary","outlined","clear","l","m","s","xs","h2","h3","h4","h5","stretching","filled","fixed"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EAaC,UAAA;AACDC,MAAAA,SAAS,EAaR,UAAA;AACDC,MAAAA,QAAQ,EAaP,UAAA;AACDC,MAAAA,KAAK,EAAA,SAAA;KAeR;AACDL,IAAAA,IAAI,EAAE;AACFM,MAAAA,CAAC,EAmBA,UAAA;AACDC,MAAAA,CAAC,EAmBA,UAAA;AACDC,MAAAA,CAAC,EAmBA,SAAA;AACDC,MAAAA,EAAE,EAmBD,UAAA;AACDC,MAAAA,EAAE,EAoBD,SAAA;AACDC,MAAAA,EAAE,EAoBD,UAAA;AACDC,MAAAA,EAAE,EAmBD,SAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;KAoBL;AACDC,IAAAA,UAAU,EAAE;AACRC,MAAAA,MAAM,EAAO,SAAA;AACbC,MAAAA,KAAK,EAAA,UAAA;AACT,KAAA;AACJ,GAAA;AACJ;;;;"}

package/dist/css/cjs/components/Accordion/Accordion.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var css = require('@salutejs/plasma-new-hope/css');
+var Accordion_config = require('./Accordion.config.js');
+
+var mergedConfig = /*#__PURE__*/css.mergeConfig(css.accordionConfig, Accordion_config.config);
+var AccordionComponent = /*#__PURE__*/css.component(mergedConfig);
+
+/**
+ * Accordion
+ */
+var Accordion = AccordionComponent;
+
+exports.Accordion = Accordion;
+//# sourceMappingURL=Accordion.js.map

package/dist/css/cjs/components/Accordion/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.js","sources":["../../../../../src-css/components/Accordion/Accordion.tsx"],"sourcesContent":["import { accordionConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/css';\n\nimport { config } from './Accordion.config';\n\nconst mergedConfig = mergeConfig(accordionConfig, config);\nconst AccordionComponent = component(mergedConfig);\n\n/**\n * Accordion\n */\nexport const Accordion = AccordionComponent;\n"],"names":["mergedConfig","mergeConfig","accordionConfig","config","AccordionComponent","component","Accordion"],"mappings":";;;;;;;AAIA,IAAMA,YAAY,gBAAGC,eAAW,CAACC,mBAAe,EAAEC,uBAAM,CAAC,CAAA;AACzD,IAAMC,kBAAkB,gBAAGC,aAAS,CAACL,YAAY,CAAC,CAAA;;AAElD;AACA;AACA;AACO,IAAMM,SAAS,GAAGF;;;;"}

package/dist/css/cjs/components/Attach/Attach.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Attach.config.js","sources":["../../../../../src-css/components/Attach/Attach.config.ts"],"sourcesContent":["import { css, attachTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        helperTextView: 'default',\n        focused: 'true',\n        size: 'm',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${attachTokens.buttonColor}: var(--inverse-text-primary);\n                ${attachTokens.buttonValueColor}: var(--inverse-text-secondary);\n                ${attachTokens.buttonBackgroundColor}: var(--surface-solid-default);\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: var(--inverse-text-primary);\n                ${attachTokens.buttonBackgroundColorHover}: var(--surface-solid-default-hover);\n                ${attachTokens.buttonColorActive}: var(--inverse-text-primary);\n                ${attachTokens.buttonBackgroundColorActive}: var(--surface-solid-default-active);\n\n                ${attachTokens.buttonDisabledOpacity}: 0.4;\n                ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.cellColor}: var(--text-primary);\n                ${attachTokens.cellLabelColor}: var(--text-secondary);\n                ${attachTokens.cellTitleColor}: var(--text-primary);\n                ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: var(--inverse-text-primary);\n                ${attachTokens.iconButtonBackgroundColor}: var(--surface-solid-default);\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: var(--inverse-text-primary);\n                ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-solid-default-hover);\n                ${attachTokens.iconButtonColorActive}: var(--inverse-text-primary);\n                ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-solid-default-active);\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n                ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n                ${attachTokens.moreIconColor}: var(--text-primary);\n            `,\n            accent: css`\n                ${attachTokens.buttonColor}: var(--on-dark-text-primary);\n                ${attachTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${attachTokens.buttonBackgroundColor}: var(--surface-accent);\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: var(--on-dark-text-primary);\n                ${attachTokens.buttonBackgroundColorHover}: var(--surface-accent-hover);\n                ${attachTokens.buttonColorActive}: var(--on-dark-text-primary);\n                ${attachTokens.buttonBackgroundColorActive}: var(--surface-accent-active);\n\n                ${attachTokens.buttonDisabledOpacity}: 0.4;\n                ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.cellColor}: var(--text-primary);\n                ${attachTokens.cellLabelColor}: var(--text-secondary);\n                ${attachTokens.cellTitleColor}: var(--text-primary);\n                ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColor}: var(--surface-accent);\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-accent-hover);\n                ${attachTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-accent-active);\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n                ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n                ${attachTokens.moreIconColor}: var(--text-primary);\n            `,\n            secondary: css`\n                ${attachTokens.buttonColor}: var(--text-primary);\n                ${attachTokens.buttonValueColor}: var(--text-secondary);\n                ${attachTokens.buttonBackgroundColor}: var(--surface-transparent-secondary);\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: var(--text-primary);\n                ${attachTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n                ${attachTokens.buttonColorActive}: var(--text-primary);\n                ${attachTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n\n                ${attachTokens.buttonDisabledOpacity}: 0.4;\n                ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.cellColor}: var(--text-primary);\n                ${attachTokens.cellLabelColor}: var(--text-secondary);\n                ${attachTokens.cellTitleColor}: var(--text-primary);\n                ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: var(--text-primary);\n                ${attachTokens.iconButtonBackgroundColor}: var(--surface-transparent-secondary);\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: var(--text-primary);\n                ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n                ${attachTokens.iconButtonColorActive}: var(--text-primary);\n                ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n                ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n                ${attachTokens.moreIconColor}: var(--text-primary);\n            `,\n            clear: css`\n                ${attachTokens.buttonColor}: var(--text-primary);\n                ${attachTokens.buttonValueColor}: var(--text-secondary);\n                ${attachTokens.buttonBackgroundColor}: var(--surface-clear);\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: var(--text-primary-hover);\n                ${attachTokens.buttonBackgroundColorHover}: var(--surface-clear);\n                ${attachTokens.buttonColorActive}: var(--text-primary-active);\n                ${attachTokens.buttonBackgroundColorActive}: var(--surface-clear);\n\n                ${attachTokens.buttonDisabledOpacity}: 0.4;\n                ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.cellColor}: var(--text-primary);\n                ${attachTokens.cellLabelColor}: var(--text-secondary);\n                ${attachTokens.cellTitleColor}: var(--text-primary);\n                ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: var(--text-primary);\n                ${attachTokens.iconButtonBackgroundColor}: var(--surface-clear);\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: var(--text-primary-hover);\n                ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-clear);\n                ${attachTokens.iconButtonColorActive}: var(--text-primary-active);\n                ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-clear);\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n                ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n                ${attachTokens.moreIconColor}: var(--text-primary);\n            `,\n            success: css`\n                ${attachTokens.buttonColor}: var(--on-dark-text-primary);\n                ${attachTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${attachTokens.buttonBackgroundColor}: var(--surface-positive);\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: var(--on-dark-text-primary);\n                ${attachTokens.buttonBackgroundColorHover}: var(--surface-positive-hover);\n                ${attachTokens.buttonColorActive}: var(--on-dark-text-primary);\n                ${attachTokens.buttonBackgroundColorActive}: var(--surface-positive-active);\n\n                ${attachTokens.buttonDisabledOpacity}: 0.4;\n                ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.cellColor}: var(--text-primary);\n                ${attachTokens.cellLabelColor}: var(--text-secondary);\n                ${attachTokens.cellTitleColor}: var(--text-primary);\n                ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColor}: var(--surface-positive);\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-positive-hover);\n                ${attachTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-positive-active);\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n                ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n                ${attachTokens.moreIconColor}: var(--text-primary);\n            `,\n            warning: css`\n                ${attachTokens.buttonColor}: var(--on-dark-text-primary);\n                ${attachTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${attachTokens.buttonBackgroundColor}: var(--surface-warning);\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: var(--on-dark-text-primary);\n                ${attachTokens.buttonBackgroundColorHover}: var(--surface-warning-hover);\n                ${attachTokens.buttonColorActive}: var(--on-dark-text-primary);\n                ${attachTokens.buttonBackgroundColorActive}: var(--surface-warning-active);\n\n                ${attachTokens.buttonDisabledOpacity}: 0.4;\n                ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.cellColor}: var(--text-primary);\n                ${attachTokens.cellLabelColor}: var(--text-secondary);\n                ${attachTokens.cellTitleColor}: var(--text-primary);\n                ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColor}: var(--surface-warning);\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-warning-hover);\n                ${attachTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-warning-active);\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n                ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n                ${attachTokens.moreIconColor}: var(--text-primary);\n            `,\n            critical: css`\n                ${attachTokens.buttonColor}: var(--on-dark-text-primary);\n                ${attachTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${attachTokens.buttonBackgroundColor}: var(--surface-negative);\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: var(--on-dark-text-primary);\n                ${attachTokens.buttonBackgroundColorHover}: var(--surface-negative-hover);\n                ${attachTokens.buttonColorActive}: var(--on-dark-text-primary);\n                ${attachTokens.buttonBackgroundColorActive}: var(--surface-negative-active);\n\n                ${attachTokens.cellColor}: var(--text-primary);\n                ${attachTokens.cellLabelColor}: var(--text-secondary);\n                ${attachTokens.cellTitleColor}: var(--text-primary);\n                ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColor}: var(--surface-negative);\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-negative-hover);\n                ${attachTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-negative-active);\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n                ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n                ${attachTokens.moreIconColor}: var(--text-primary);\n            `,\n            dark: css`\n                ${attachTokens.buttonColor}: var(--on-dark-text-primary);\n                ${attachTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${attachTokens.buttonBackgroundColor}: var(--on-light-surface-transparent-deep);\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: var(--on-dark-text-primary);\n                ${attachTokens.buttonBackgroundColorHover}: var(--on-light-surface-transparent-deep-hover);\n                ${attachTokens.buttonColorActive}: var(--on-dark-text-primary);\n                ${attachTokens.buttonBackgroundColorActive}: var(--on-light-surface-transparent-deep-active);\n\n                ${attachTokens.buttonDisabledOpacity}: 0.4;\n                ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.cellColor}: var(--text-primary);\n                ${attachTokens.cellLabelColor}: var(--text-secondary);\n                ${attachTokens.cellTitleColor}: var(--text-primary);\n                ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColor}: var(--on-light-surface-transparent-deep);\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColorHover}: var(--on-light-surface-transparent-deep-hover);\n                ${attachTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColorActive}: var(--on-light-surface-transparent-deep-active);\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n                ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n                ${attachTokens.moreIconColor}: var(--text-primary);\n            `,\n            black: css`\n                ${attachTokens.buttonColor}: var(--on-dark-text-primary);\n                ${attachTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${attachTokens.buttonBackgroundColor}: var(--on-light-surface-solid-default);\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: var(--on-dark-text-primary);\n                ${attachTokens.buttonBackgroundColorHover}: var(--on-light-surface-solid-default-hover);\n                ${attachTokens.buttonColorActive}: var(--on-dark-text-primary);\n                ${attachTokens.buttonBackgroundColorActive}: var(--on-light-surface-solid-default-active);\n\n                ${attachTokens.buttonDisabledOpacity}: 0.4;\n                ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.cellColor}: var(--text-primary);\n                ${attachTokens.cellLabelColor}: var(--text-secondary);\n                ${attachTokens.cellTitleColor}: var(--text-primary);\n                ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColor}: var(--on-light-surface-solid-default);\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColorHover}: var(--on-light-surface-solid-default-hover);\n                ${attachTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColorActive}: var(--on-light-surface-solid-default-active);\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n                ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n                ${attachTokens.moreIconColor}: var(--text-primary);\n            `,\n            white: css`\n                ${attachTokens.buttonColor}: var(--on-light-text-primary);\n                ${attachTokens.buttonValueColor}: var(--on-light-text-secondary);\n                ${attachTokens.buttonBackgroundColor}: var(--on-dark-surface-solid-default);\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: var(--on-light-text-primary);\n                ${attachTokens.buttonBackgroundColorHover}: var(--on-dark-surface-solid-default-hover);\n                ${attachTokens.buttonColorActive}: var(--on-light-text-primary);\n                ${attachTokens.buttonBackgroundColorActive}: var(--on-dark-surface-solid-default-active);\n\n                ${attachTokens.buttonDisabledOpacity}: 0.4;\n                ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.cellColor}: var(--text-primary);\n                ${attachTokens.cellLabelColor}: var(--text-secondary);\n                ${attachTokens.cellTitleColor}: var(--text-primary);\n                ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: var(--on-light-text-primary);\n                ${attachTokens.iconButtonBackgroundColor}: var(--on-dark-surface-solid-default);\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: var(--on-light-text-primary);\n                ${attachTokens.iconButtonBackgroundColorHover}: var(--on-dark-surface-solid-default-hover);\n                ${attachTokens.iconButtonColorActive}: var(--on-light-text-primary);\n                ${attachTokens.iconButtonBackgroundColorActive}: var(--on-dark-surface-solid-default-active);\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n                ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n                ${attachTokens.moreIconColor}: var(--text-primary);\n            `,\n        },\n        helperTextView: {\n            default: css`\n                ${attachTokens.helperTextColor}: var(--text-secondary);\n            `,\n            negative: css`\n                ${attachTokens.helperTextColor}: var(--text-negative);\n            `,\n        },\n        size: {\n            l: css`\n                ${attachTokens.horizontalGap}: 1.5rem;\n                ${attachTokens.verticalGap}: 0.5rem;\n                ${attachTokens.verticalGapWithHelperText}: 1.625rem;\n\n                ${attachTokens.filenameWrapperHeight}: 3.5rem;\n                ${attachTokens.filenameDropdownWrapperHeight}: 2.125rem;\n                ${attachTokens.buttonHeight}: 3.5rem;\n                ${attachTokens.buttonWidth}: 12.5rem;\n                ${attachTokens.buttonPadding}: 1.5rem;\n                ${attachTokens.buttonRadius}: 0.875rem;\n                ${attachTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${attachTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n                ${attachTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${attachTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n                ${attachTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${attachTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${attachTokens.buttonSpinnerSize}: 1.375rem;\n                ${attachTokens.buttonSpinnerColor}: inherit;\n\n                ${attachTokens.buttonLeftContentMargin}: 0 0.5rem 0 -0.125rem;\n                ${attachTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.5rem;\n                ${attachTokens.buttonValueMargin}: 0 0 0 0.25rem;\n\n                ${attachTokens.cellWidth}: fit-content;\n\n                ${attachTokens.cellPadding}: 0rem;\n                ${attachTokens.cellPaddingLeftContent}: 0rem;\n                ${attachTokens.cellPaddingContent}: 0rem;\n                ${attachTokens.cellPaddingRightContent}: 0rem;\n\n                ${attachTokens.cellTextboxGap}: 0.125rem;\n                ${attachTokens.cellGap}: 0.375rem;\n\n                ${attachTokens.cellLabelFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${attachTokens.cellLabelFontSize}: var(--plasma-typo-body-m-font-size);\n                ${attachTokens.cellLabelFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${attachTokens.cellLabelFontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${attachTokens.cellLabelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${attachTokens.cellLabelLineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${attachTokens.cellTitleFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${attachTokens.cellTitleFontSize}: var(--plasma-typo-body-l-font-size);\n                ${attachTokens.cellTitleFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${attachTokens.cellTitleFontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${attachTokens.cellTitleLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${attachTokens.cellTitleLineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${attachTokens.cellSubtitleFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${attachTokens.cellSubtitleFontSize}: var(--plasma-typo-body-m-font-size);\n                ${attachTokens.cellSubtitleFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${attachTokens.cellSubtitleFontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${attachTokens.cellSubtitleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${attachTokens.cellSubtitleLineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${attachTokens.iconButtonHeight}: 3.5rem;\n                ${attachTokens.iconButtonWidth}: 3.5rem;\n                ${attachTokens.iconButtonPadding}: 1.5rem;\n                ${attachTokens.iconButtonRadius}: 0.875rem;\n                ${attachTokens.iconButtonFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${attachTokens.iconButtonFontSize}: var(--plasma-typo-body-l-font-size);\n                ${attachTokens.iconButtonFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${attachTokens.iconButtonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n                ${attachTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${attachTokens.iconButtonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${attachTokens.iconButtonSpinnerSize}: 1.375rem;\n                ${attachTokens.iconButtonSpinnerColor}: inherit;\n\n                ${attachTokens.iconButtonCancelHeight}: 2rem;\n                ${attachTokens.iconButtonCancelWidth}: 2rem;\n                ${attachTokens.iconButtonCancelPadding}: 0.75rem;\n                ${attachTokens.iconButtonCancelRadius}: 0.5rem;\n                ${attachTokens.iconButtonCancelFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${attachTokens.iconButtonCancelFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${attachTokens.iconButtonCancelFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${attachTokens.iconButtonCancelFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                ${attachTokens.iconButtonCancelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${attachTokens.iconButtonCancelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${attachTokens.iconButtonCancelSpinnerSize}: 1rem;\n                ${attachTokens.iconButtonCancelSpinnerColor}: inherit;\n\n                ${attachTokens.moreIconPadding}: 0.75rem;\n\n                ${attachTokens.dropdownBorderRadius}: 0.875rem;\n                ${attachTokens.dropdownPadding}: 0.125rem;\n                ${attachTokens.dropdownItemPadding}: 1rem;\n            `,\n            m: css`\n                ${attachTokens.horizontalGap}: 1.25rem;\n                ${attachTokens.verticalGap}: 0.5rem;\n                ${attachTokens.verticalGapWithHelperText}: 1.625rem;\n\n                ${attachTokens.filenameWrapperHeight}: 3rem;\n                ${attachTokens.filenameDropdownWrapperHeight}: 2rem;\n                ${attachTokens.buttonHeight}: 3rem;\n                ${attachTokens.buttonWidth}: 11.25rem;\n                ${attachTokens.buttonPadding}: 1.25rem;\n                ${attachTokens.buttonRadius}: 0.75rem;\n                ${attachTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${attachTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size);\n                ${attachTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${attachTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n                ${attachTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${attachTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${attachTokens.buttonSpinnerSize}: 1.375rem;\n                ${attachTokens.buttonSpinnerColor}: inherit;\n\n                ${attachTokens.buttonLeftContentMargin}: 0 0.375rem 0 -0.125rem;\n                ${attachTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.375rem;\n                ${attachTokens.buttonValueMargin}: 0 0 0 0.25rem;\n\n                ${attachTokens.cellWidth}: fit-content;\n\n                ${attachTokens.cellPadding}: 0rem;\n                ${attachTokens.cellPaddingLeftContent}: 0rem;\n                ${attachTokens.cellPaddingContent}: 0rem;\n                ${attachTokens.cellPaddingRightContent}: 0rem;\n\n                ${attachTokens.cellTextboxGap}: 0.125rem;\n                ${attachTokens.cellGap}: 0.375rem;\n\n                ${attachTokens.cellLabelFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${attachTokens.cellLabelFontSize}: var(--plasma-typo-body-s-font-size);\n                ${attachTokens.cellLabelFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${attachTokens.cellLabelFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${attachTokens.cellLabelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${attachTokens.cellLabelLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${attachTokens.cellTitleFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${attachTokens.cellTitleFontSize}: var(--plasma-typo-body-m-font-size);\n                ${attachTokens.cellTitleFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${attachTokens.cellTitleFontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${attachTokens.cellTitleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${attachTokens.cellTitleLineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${attachTokens.cellSubtitleFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${attachTokens.cellSubtitleFontSize}: var(--plasma-typo-body-s-font-size);\n                ${attachTokens.cellSubtitleFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${attachTokens.cellSubtitleFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${attachTokens.cellSubtitleLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${attachTokens.cellSubtitleLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${attachTokens.iconButtonHeight}: 3rem;\n                ${attachTokens.iconButtonWidth}: 3rem;\n                ${attachTokens.iconButtonPadding}: 1.25rem;\n                ${attachTokens.iconButtonRadius}: 0.75rem;\n                ${attachTokens.iconButtonFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${attachTokens.iconButtonFontSize}: var(--plasma-typo-body-m-font-size);\n                ${attachTokens.iconButtonFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${attachTokens.iconButtonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n                ${attachTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${attachTokens.iconButtonLineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${attachTokens.iconButtonSpinnerSize}: 1.375rem;\n                ${attachTokens.iconButtonSpinnerColor}: inherit;\n\n                ${attachTokens.iconButtonCancelHeight}: 2rem;\n                ${attachTokens.iconButtonCancelWidth}: 2rem;\n                ${attachTokens.iconButtonCancelPadding}: 0.75rem;\n                ${attachTokens.iconButtonCancelRadius}: 0.5rem;\n                ${attachTokens.iconButtonCancelFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${attachTokens.iconButtonCancelFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${attachTokens.iconButtonCancelFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${attachTokens.iconButtonCancelFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                ${attachTokens.iconButtonCancelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${attachTokens.iconButtonCancelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${attachTokens.iconButtonCancelSpinnerSize}: 1rem;\n                ${attachTokens.iconButtonCancelSpinnerColor}: inherit;\n\n                ${attachTokens.moreIconPadding}: 0.5rem;\n\n                ${attachTokens.dropdownBorderRadius}: 0.75rem;\n                ${attachTokens.dropdownPadding}: 0.125rem;\n                ${attachTokens.dropdownItemPadding}: 0.5rem 0.875rem;\n            `,\n            s: css`\n                ${attachTokens.horizontalGap}: 1rem;\n                ${attachTokens.verticalGap}: 0.375rem;\n                ${attachTokens.verticalGapWithHelperText}: 1.5rem;\n\n                ${attachTokens.filenameWrapperHeight}: 2.5rem;\n                ${attachTokens.filenameDropdownWrapperHeight}: 2rem;\n                ${attachTokens.buttonHeight}: 2.5rem;\n                ${attachTokens.buttonWidth}: 11.25rem;\n                ${attachTokens.buttonPadding}: 1rem;\n                ${attachTokens.buttonRadius}: 0.625rem;\n                ${attachTokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${attachTokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);\n                ${attachTokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${attachTokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n                ${attachTokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${attachTokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${attachTokens.buttonSpinnerSize}: 1.375rem;\n                ${attachTokens.buttonSpinnerColor}: inherit;\n\n                ${attachTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n                ${attachTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n                ${attachTokens.buttonValueMargin}: 0 0 0 0.25rem;\n\n                ${attachTokens.cellWidth}: fit-content;\n\n                ${attachTokens.cellPadding}: 0rem;\n                ${attachTokens.cellPaddingLeftContent}: 0rem;\n                ${attachTokens.cellPaddingContent}: 0rem;\n                ${attachTokens.cellPaddingRightContent}: 0rem;\n\n                ${attachTokens.cellTextboxGap}: 0.125rem;\n                ${attachTokens.cellGap}: 0.375rem;\n\n                ${attachTokens.cellLabelFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${attachTokens.cellLabelFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${attachTokens.cellLabelFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${attachTokens.cellLabelFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${attachTokens.cellLabelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${attachTokens.cellLabelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${attachTokens.cellTitleFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${attachTokens.cellTitleFontSize}: var(--plasma-typo-body-s-font-size);\n                ${attachTokens.cellTitleFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${attachTokens.cellTitleFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${attachTokens.cellTitleLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${attachTokens.cellTitleLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${attachTokens.cellSubtitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${attachTokens.cellSubtitleFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${attachTokens.cellSubtitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${attachTokens.cellSubtitleFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${attachTokens.cellSubtitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${attachTokens.cellSubtitleLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${attachTokens.iconButtonHeight}: 2.5rem;\n                ${attachTokens.iconButtonWidth}: 2.5rem;\n                ${attachTokens.iconButtonPadding}: 1rem;\n                ${attachTokens.iconButtonRadius}: 0.625rem;\n                ${attachTokens.iconButtonFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${attachTokens.iconButtonFontSize}: var(--plasma-typo-body-s-font-size);\n                ${attachTokens.iconButtonFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${attachTokens.iconButtonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n                ${attachTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${attachTokens.iconButtonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${attachTokens.iconButtonSpinnerSize}: 1.375rem;\n                ${attachTokens.iconButtonSpinnerColor}: inherit;\n\n                ${attachTokens.iconButtonCancelHeight}: 2rem;\n                ${attachTokens.iconButtonCancelWidth}: 2rem;\n                ${attachTokens.iconButtonCancelPadding}: 0.75rem;\n                ${attachTokens.iconButtonCancelRadius}: 0.5rem;\n                ${attachTokens.iconButtonCancelFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${attachTokens.iconButtonCancelFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${attachTokens.iconButtonCancelFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${attachTokens.iconButtonCancelFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                ${attachTokens.iconButtonCancelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${attachTokens.iconButtonCancelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${attachTokens.iconButtonCancelSpinnerSize}: 1rem;\n                ${attachTokens.iconButtonCancelSpinnerColor}: inherit;\n\n                ${attachTokens.moreIconPadding}: 0.25rem;\n\n                ${attachTokens.dropdownBorderRadius}: 0.625rem;\n                ${attachTokens.dropdownPadding}: 0.125rem;\n                ${attachTokens.dropdownItemPadding}: 0.25rem 0.75rem;\n            `,\n            xs: css`\n                ${attachTokens.horizontalGap}: 0.75rem;\n                ${attachTokens.verticalGap}: 0.25rem;\n                ${attachTokens.verticalGapWithHelperText}: 1.375rem;\n\n                ${attachTokens.filenameWrapperHeight}: 2rem;\n                ${attachTokens.filenameDropdownWrapperHeight}: 2rem;\n                ${attachTokens.buttonHeight}: 2rem;\n                ${attachTokens.buttonWidth}: 10rem;\n                ${attachTokens.buttonPadding}: 0.75rem;\n                ${attachTokens.buttonRadius}: 0.5rem;\n                ${attachTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${attachTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${attachTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${attachTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                ${attachTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${attachTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${attachTokens.buttonSpinnerSize}: 1rem;\n                ${attachTokens.buttonSpinnerColor}: inherit;\n\n                ${attachTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n                ${attachTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n                ${attachTokens.buttonValueMargin}: 0 0 0 0.25rem;\n\n                ${attachTokens.cellWidth}: fit-content;\n\n                ${attachTokens.cellPadding}: 0rem;\n                ${attachTokens.cellPaddingLeftContent}: 0rem;\n                ${attachTokens.cellPaddingContent}: 0rem;\n                ${attachTokens.cellPaddingRightContent}: 0rem;\n\n                ${attachTokens.cellTextboxGap}: 0.125rem;\n                ${attachTokens.cellGap}: 0.25rem;\n\n                ${attachTokens.cellLabelFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${attachTokens.cellLabelFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${attachTokens.cellLabelFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${attachTokens.cellLabelFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${attachTokens.cellLabelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${attachTokens.cellLabelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${attachTokens.cellTitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${attachTokens.cellTitleFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${attachTokens.cellTitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${attachTokens.cellTitleFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${attachTokens.cellTitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${attachTokens.cellTitleLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${attachTokens.cellSubtitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${attachTokens.cellSubtitleFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${attachTokens.cellSubtitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${attachTokens.cellSubtitleFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${attachTokens.cellSubtitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${attachTokens.cellSubtitleLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${attachTokens.iconButtonHeight}: 2rem;\n                ${attachTokens.iconButtonWidth}: 2rem;\n                ${attachTokens.iconButtonPadding}: 0.75rem;\n                ${attachTokens.iconButtonRadius}: 0.5rem;\n                ${attachTokens.iconButtonFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${attachTokens.iconButtonFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${attachTokens.iconButtonFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${attachTokens.iconButtonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                ${attachTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${attachTokens.iconButtonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${attachTokens.iconButtonSpinnerSize}: 1rem;\n                ${attachTokens.iconButtonSpinnerColor}: inherit;\n\n                ${attachTokens.iconButtonCancelHeight}: 2rem;\n                ${attachTokens.iconButtonCancelWidth}: 2rem;\n                ${attachTokens.iconButtonCancelPadding}: 0.75rem;\n                ${attachTokens.iconButtonCancelRadius}: 0.5rem;\n                ${attachTokens.iconButtonCancelFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${attachTokens.iconButtonCancelFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${attachTokens.iconButtonCancelFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${attachTokens.iconButtonCancelFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                ${attachTokens.iconButtonCancelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${attachTokens.iconButtonCancelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${attachTokens.iconButtonCancelSpinnerSize}: 1rem;\n                ${attachTokens.iconButtonCancelSpinnerColor}: inherit;\n\n                ${attachTokens.moreIconPadding}: 0.25rem;\n\n                ${attachTokens.dropdownBorderRadius}: 0.5rem;\n                ${attachTokens.dropdownPadding}: 0.125rem;\n                ${attachTokens.dropdownItemPadding}: 0.125rem 0.5rem;\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","helperTextView","focused","size","variations","default","accent","secondary","clear","success","warning","critical","dark","black","white","negative","l","m","s","xs"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,cAAc,EAAE,SAAS;AACzBC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,SAAAA,EA0CC,SAAA;AACDC,MAAAA,MAAM,EA0CL,SAAA;AACDC,MAAAA,SAAS,EA0CR,SAAA;AACDC,MAAAA,KAAK,EA0CJ,SAAA;AACDC,MAAAA,OAAO,EA0CN,SAAA;AACDC,MAAAA,OAAO,EA0CN,UAAA;AACDC,MAAAA,QAAQ,EAuCP,SAAA;AACDC,MAAAA,IAAI,EA0CH,SAAA;AACDC,MAAAA,KAAK,EA0CJ,UAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KA2CR;AACDb,IAAAA,cAAc,EAAE;AACZI,MAAAA,SAAAA,EAEC,UAAA;AACDU,MAAAA,QAAQ,EAAA,UAAA;KAGX;AACDZ,IAAAA,IAAI,EAAE;AACFa,MAAAA,CAAC,EAyFA,UAAA;AACDC,MAAAA,CAAC,EAyFA,SAAA;AACDC,MAAAA,CAAC,EAyFA,SAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;AA0FN,KAAA;AACJ,GAAA;AACJ;;;;"}

package/dist/css/cjs/components/Attach/Attach.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var css = require('@salutejs/plasma-new-hope/css');
+var Attach_config = require('./Attach.config.js');
+
+var mergedConfig = /*#__PURE__*/css.mergeConfig(css.attachConfig, Attach_config.config);
+
+/**
+ * Компонент, позволяющий прикрепить локальный файл
+ */
+var Attach = /*#__PURE__*/css.component(mergedConfig);
+
+exports.Attach = Attach;
+//# sourceMappingURL=Attach.js.map

package/dist/css/cjs/components/Attach/Attach.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Attach.js","sources":["../../../../../src-css/components/Attach/Attach.ts"],"sourcesContent":["import { attachConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/css';\n\nimport { config } from './Attach.config';\n\nconst mergedConfig = mergeConfig(attachConfig, config);\n\n/**\n * Компонент, позволяющий прикрепить локальный файл\n */\nexport const Attach = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","attachConfig","config","Attach","component"],"mappings":";;;;;;;AAIA,IAAMA,YAAY,gBAAGC,eAAW,CAACC,gBAAY,EAAEC,oBAAM,CAAC,CAAA;;AAEtD;AACA;AACA;IACaC,MAAM,gBAAGC,aAAS,CAACL,YAAY;;;;"}

package/dist/css/cjs/components/Autocomplete/Autocomplete.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Autocomplete.config.js","sources":["../../../../../src-css/components/Autocomplete/Autocomplete.config.ts"],"sourcesContent":["import { css, autocompleteTokens as tokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        size: 'l',\n        labelPlacement: 'outer',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${tokens.textFieldColor}: var(--text-primary);\n                ${tokens.textFieldClearColor}: var(--text-primary);\n\n                ${tokens.textFieldPlaceholderColor}: var(--text-secondary);\n                ${tokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);\n                ${tokens.textFieldClearPlaceholderColor}: var(--text-secondary);\n                ${tokens.textFieldClearPlaceholderColorFocus}: var(--text-tertiary);\n\n                ${tokens.textFieldBackgroundColor}: var(--surface-clear);\n                ${tokens.textFieldBackgroundColorFocus}: var(--surface-clear);\n                ${tokens.textFieldCaretColor}: var(--text-accent);\n                ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);\n                ${tokens.textFieldTextAfterColor}: var(--text-tertiary);\n                ${tokens.textFieldLabelColor}: var(--text-primary);\n                ${tokens.textFieldLeftHelperColor}: var(--text-secondary);\n                ${tokens.textFieldFocusColor}: var(--text-accent);\n\n                ${tokens.textFieldBorderColor}: var(--surface-transparent-tertiary);\n                ${tokens.textFieldBorderColorHover}: var(--text-secondary);\n                ${tokens.textFieldBorderColorFocus}: var(--surface-accent);\n\n                ${tokens.textFieldContentSlotColor}: var(--text-secondary);\n                ${tokens.textFieldContentSlotColorHover}: var(--text-secondary-hover);\n                ${tokens.textFieldContentSlotColorActive}: var(--text-secondary-active);\n\n                ${tokens.focusColor}: var(--surface-accent);\n                ${tokens.textFieldIndicatorColor}: var(--surface-negative);\n                ${tokens.textFieldOptionalColor}: var(--text-tertiary);\n\n                ${tokens.textFieldDividerColor}: var(--surface-transparent-tertiary);\n                ${tokens.textFieldDividerColorHover}: var(--text-secondary);\n                ${tokens.textFieldDividerColorFocus}: var(--surface-accent);\n\n                ${tokens.background}: var(--surface-solid-card);\n                ${tokens.boxShadow}: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n                ${tokens.itemBackground}: transparent;\n                ${tokens.itemBackgroundHover}: var(--surface-solid-secondary);\n                ${tokens.itemColor}: var(--text-primary);\n\n                ${tokens.textFieldContentSlotColor}: ${tokens.textFieldColor};\n                ${tokens.textFieldContentSlotRightColor}: ${tokens.textFieldColor};\n                ${tokens.infiniteLoaderSpinnerColor}: var(--text-primary);\n\n                ${tokens.textFieldHintIconColor}: var(--text-secondary);\n            `,\n            positive: css`\n                ${tokens.textFieldColor}: var(--text-primary);\n                ${tokens.textFieldClearColor}: var(--text-positive);\n\n                ${tokens.textFieldPlaceholderColor}: var(--text-secondary);\n                ${tokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);\n                ${tokens.textFieldClearPlaceholderColor}: var(--text-positive);\n                ${tokens.textFieldClearPlaceholderColorFocus}: var(--text-positive);\n\n                ${tokens.textFieldBackgroundColor}: var(--surface-clear);\n                ${tokens.textFieldBackgroundColorFocus}: var(--surface-clear);\n                ${tokens.textFieldCaretColor}: var(--text-accent);\n                ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);\n                ${tokens.textFieldTextAfterColor}: var(--text-tertiary);\n                ${tokens.textFieldLabelColor}: var(--text-primary);\n                ${tokens.textFieldLeftHelperColor}: var(--text-positive);\n                ${tokens.textFieldFocusColor}: var(--text-accent);\n\n                ${tokens.textFieldBorderColor}: var(--surface-positive);\n                ${tokens.textFieldBorderColorHover}: var(--surface-positive);\n                ${tokens.textFieldBorderColorFocus}: var(--surface-accent);\n\n                ${tokens.textFieldContentSlotColor}: var(--text-secondary);\n                ${tokens.textFieldContentSlotColorHover}: var(--text-secondary-hover);\n                ${tokens.textFieldContentSlotColorActive}: var(--text-secondary-active);\n\n                ${tokens.focusColor}: var(--surface-accent);\n                ${tokens.textFieldIndicatorColor}: var(--surface-negative);\n                ${tokens.textFieldOptionalColor}: var(--text-tertiary);\n\n                ${tokens.textFieldDividerColor}: var(--surface-positive);\n                ${tokens.textFieldDividerColorHover}: var(--surface-positive);\n                ${tokens.textFieldDividerColorFocus}: var(--surface-accent);\n\n                ${tokens.background}: var(--surface-solid-card);\n                ${tokens.boxShadow}: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n                ${tokens.itemBackground}: transparent;\n                ${tokens.itemBackgroundHover}: var(--surface-transparent-secondary);\n                ${tokens.itemColor}: var(--text-primary);\n\n                ${tokens.textFieldContentSlotColor}: ${tokens.textFieldColor};\n                ${tokens.textFieldContentSlotRightColor}: ${tokens.textFieldColor};\n                ${tokens.infiniteLoaderSpinnerColor}: var(--text-primary);\n\n                ${tokens.textFieldHintIconColor}: var(--text-secondary);\n            `,\n            warning: css`\n                ${tokens.textFieldColor}: var(--text-primary);\n                ${tokens.textFieldClearColor}: var(--text-warning);\n\n                ${tokens.textFieldPlaceholderColor}: var(--text-secondary);\n                ${tokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);\n                ${tokens.textFieldClearPlaceholderColor}: var(--text-warning);\n                ${tokens.textFieldClearPlaceholderColorFocus}: var(--text-warning);\n\n                ${tokens.textFieldBackgroundColor}: var(--surface-clear);\n                ${tokens.textFieldBackgroundColorFocus}: var(--surface-clear);\n                ${tokens.textFieldCaretColor}: var(--text-accent);\n                ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);\n                ${tokens.textFieldTextAfterColor}: var(--text-tertiary);\n                ${tokens.textFieldLabelColor}: var(--text-primary);\n                ${tokens.textFieldLeftHelperColor}: var(--text-warning);\n                ${tokens.textFieldFocusColor}: var(--text-accent);\n\n                ${tokens.textFieldBorderColor}: var(--surface-warning);\n                ${tokens.textFieldBorderColorHover}: var(--surface-warning);\n                ${tokens.textFieldBorderColorFocus}: var(--surface-accent);\n\n                ${tokens.textFieldContentSlotColor}: var(--text-secondary);\n                ${tokens.textFieldContentSlotColorHover}: var(--text-secondary-hover);\n                ${tokens.textFieldContentSlotColorActive}: var(--text-secondary-active);\n\n                ${tokens.focusColor}: var(--surface-accent);\n                ${tokens.textFieldIndicatorColor}: var(--surface-negative);\n                ${tokens.textFieldOptionalColor}: var(--text-tertiary);\n\n                ${tokens.textFieldDividerColor}: var(--surface-warning);\n                ${tokens.textFieldDividerColorHover}: var(--surface-warning);\n                ${tokens.textFieldDividerColorFocus}: var(--surface-accent);\n\n                ${tokens.background}: var(--surface-solid-card);\n                ${tokens.boxShadow}: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n                ${tokens.itemBackground}: transparent;\n                ${tokens.itemBackgroundHover}: var(--surface-transparent-secondary);\n                ${tokens.itemColor}: var(--text-primary);\n\n                ${tokens.textFieldContentSlotColor}: ${tokens.textFieldColor};\n                ${tokens.textFieldContentSlotRightColor}: ${tokens.textFieldColor};\n                ${tokens.infiniteLoaderSpinnerColor}: var(--text-primary);\n\n                ${tokens.textFieldHintIconColor}: var(--text-secondary);\n            `,\n            negative: css`\n                ${tokens.textFieldColor}: var(--text-primary);\n                ${tokens.textFieldClearColor}: var(--text-negative);\n\n                ${tokens.textFieldPlaceholderColor}: var(--text-secondary);\n                ${tokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);\n                ${tokens.textFieldClearPlaceholderColor}: var(--text-negative);\n                ${tokens.textFieldClearPlaceholderColorFocus}: var(--text-negative);\n\n                ${tokens.textFieldBackgroundColor}: var(--surface-clear);\n                ${tokens.textFieldBackgroundColorFocus}: var(--surface-clear);\n                ${tokens.textFieldCaretColor}: var(--text-accent);\n                ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);\n                ${tokens.textFieldTextAfterColor}: var(--text-tertiary);\n                ${tokens.textFieldLabelColor}: var(--text-primary);\n                ${tokens.textFieldLeftHelperColor}: var(--text-negative);\n                ${tokens.textFieldFocusColor}: var(--text-accent);\n\n                ${tokens.textFieldBorderColor}: var(--surface-negative);\n                ${tokens.textFieldBorderColorHover}: var(--surface-negative);\n                ${tokens.textFieldBorderColorFocus}: var(--surface-accent);\n\n                ${tokens.textFieldContentSlotColor}: var(--text-secondary);\n                ${tokens.textFieldContentSlotColorHover}: var(--text-secondary-hover);\n                ${tokens.textFieldContentSlotColorActive}: var(--text-secondary-active);\n\n                ${tokens.focusColor}: var(--surface-accent);\n                ${tokens.textFieldIndicatorColor}: var(--surface-negative);\n                ${tokens.textFieldOptionalColor}: var(--text-tertiary);\n\n                ${tokens.textFieldDividerColor}: var(--surface-negative);\n                ${tokens.textFieldDividerColorHover}: var(--surface-negative);\n                ${tokens.textFieldDividerColorFocus}: var(--surface-accent);\n\n                ${tokens.background}: var(--surface-solid-card);\n                ${tokens.boxShadow}: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n                ${tokens.itemBackground}: transparent;\n                ${tokens.itemBackgroundHover}: var(--surface-transparent-secondary);\n                ${tokens.itemColor}: var(--text-primary);\n\n                ${tokens.textFieldContentSlotColor}: ${tokens.textFieldColor};\n                ${tokens.textFieldContentSlotRightColor}: ${tokens.textFieldColor};\n                ${tokens.infiniteLoaderSpinnerColor}: var(--text-primary);\n\n                ${tokens.textFieldHintIconColor}: var(--text-secondary);\n            `,\n        },\n        size: {\n            l: css`\n                ${tokens.textFieldHeight}: 3.5rem;\n                ${tokens.textFieldPadding}: 1.0625rem 1.125rem 1.0625rem 1.125rem;\n                ${tokens.textFieldBorderRadius}: 0.875rem;\n                ${tokens.textFieldBorderWidth}: 0.0625rem;\n\n                ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.5rem -0.0625rem -0.125rem;\n                ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n                ${tokens.textFieldRightContentWithHintMargin}: -0.0625rem -0.438rem -0.0625rem 0.75rem;\n\n                ${tokens.textFieldContentRightWrapperGap}: 0.25rem;\n                ${tokens.textFieldContentRightWrapperMargin}: -0.438rem -0.438rem -0.438rem 0;\n\n                ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n                ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n                ${tokens.textFieldFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${tokens.textFieldFontSize}: var(--plasma-typo-body-l-font-size);\n                ${tokens.textFieldFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${tokens.textFieldFontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${tokens.textFieldLineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${tokens.textFieldLabelOffset}: 0.75rem;\n                ${tokens.textFieldClearLabelOffset}: 0.25rem;\n                ${tokens.textFieldLabelFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${tokens.textFieldLabelFontSize}: var(--plasma-typo-body-l-font-size);\n                ${tokens.textFieldLabelFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${tokens.textFieldLabelFontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${tokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${tokens.textFieldLabelLineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${tokens.textFieldHintMargin}: -0.688rem -0.5rem;\n                ${tokens.textFieldHintTargetSize}: 2.375rem;\n                ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;\n                ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;\n\n                ${tokens.textFieldLeftHelperOffset}: 0.25rem;\n                ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.textFieldLabelInnerPadding}: 0.5625rem 0 0.125rem 0;\n                ${tokens.textFieldContentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;\n\n                ${tokens.textFieldIndicatorSizeInner}: 0.5rem;\n                ${tokens.textFieldIndicatorSizeOuter}: 0.375rem;\n                ${tokens.textFieldIndicatorLabelPlacementInner}: 0 0 0 0;\n                ${tokens.textFieldIndicatorLabelPlacementOuter}: 0.5rem auto auto -0.75rem;\n                ${tokens.textFieldIndicatorLabelPlacementInnerRight}: 0 0 auto auto;\n                ${tokens.textFieldIndicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n                ${tokens.textFieldClearIndicatorLabelPlacementInner}: 1.5rem auto auto -0.875rem;\n                ${tokens.textFieldClearIndicatorLabelPlacementInnerRight}: 1.5rem -0.875rem auto auto;\n                ${tokens.textFieldClearIndicatorHintInnerRight}: 1.5rem -2.488rem auto auto;\n\n                ${tokens.borderRadius}: 0.875rem;\n                ${tokens.padding}: 0.125rem;\n                ${tokens.itemPadding}: 1.0625rem 1rem;\n                ${tokens.itemBorderRadius}: 0.75rem;\n\n                ${tokens.itemFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${tokens.itemFontSize}: var(--plasma-typo-body-l-font-size);\n                ${tokens.itemFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${tokens.itemFontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${tokens.itemFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${tokens.itemFontLineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${tokens.emptyStatePadding}: 2rem 1rem 1rem 1rem;\n                ${tokens.emptyStateGap}: 0.5rem;\n\n                ${tokens.infiniteLoaderSpinnerSize}: 1.5rem;\n                ${tokens.infiniteLoaderGap}: 0.5rem;\n            `,\n            m: css`\n                ${tokens.textFieldHeight}: 3rem;\n                ${tokens.textFieldPadding}: 0.875rem 1rem 0.875rem 1rem;\n                ${tokens.textFieldBorderRadius}: 0.75rem;\n                ${tokens.textFieldBorderWidth}: 0.0625rem;\n\n                ${tokens.textFieldLeftContentMargin}: -0.125rem 0.375rem -0.125rem -0.125rem;\n                ${tokens.textFieldRightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem;\n                ${tokens.textFieldRightContentWithHintMargin}: -0.0625rem -0.438rem -0.0625rem 0.75rem;\n\n                ${tokens.textFieldContentRightWrapperGap}: 0.25rem;\n                ${tokens.textFieldContentRightWrapperMargin}: -0.438rem -0.438rem -0.438rem 0;\n\n                ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n                ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n                ${tokens.textFieldFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${tokens.textFieldFontSize}: var(--plasma-typo-body-m-font-size);\n                ${tokens.textFieldFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${tokens.textFieldFontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${tokens.textFieldLineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${tokens.textFieldLabelOffset}: 0.625rem;\n                ${tokens.textFieldClearLabelOffset}: 0.25rem;\n                ${tokens.textFieldLabelFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${tokens.textFieldLabelFontSize}: var(--plasma-typo-body-m-font-size);\n                ${tokens.textFieldLabelFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${tokens.textFieldLabelFontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${tokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${tokens.textFieldLabelLineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${tokens.textFieldHintMargin}: -0.688rem -0.5rem;\n                ${tokens.textFieldHintTargetSize}: 2.375rem;\n                ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;\n                ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;\n\n                ${tokens.textFieldLeftHelperOffset}: 0.25rem;\n                ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.textFieldLabelInnerPadding}: 0.375rem 0 0.125rem 0;\n                ${tokens.textFieldContentLabelInnerPadding}: 1.375rem 0 0.375rem 0;\n\n                ${tokens.textFieldIndicatorSizeInner}: 0.5rem;\n                ${tokens.textFieldIndicatorSizeOuter}: 0.375rem;\n                ${tokens.textFieldIndicatorLabelPlacementInner}: 0 0 0 0;\n                ${tokens.textFieldIndicatorLabelPlacementOuter}: 0.375rem auto auto -0.75rem;\n                ${tokens.textFieldIndicatorLabelPlacementInnerRight}: 0 0 auto auto;\n                ${tokens.textFieldIndicatorLabelPlacementOuterRight}: 0.25rem -0.6875rem auto auto;\n                ${tokens.textFieldClearIndicatorLabelPlacementInner}: 1.25rem auto auto -0.875rem;\n                ${tokens.textFieldClearIndicatorLabelPlacementInnerRight}: 1.25rem -0.875rem auto auto;\n                ${tokens.textFieldClearIndicatorHintInnerRight}: 1.25rem -2.488rem auto auto;\n\n                ${tokens.borderRadius}: 0.75rem;\n                ${tokens.padding}: 0.125rem;\n                ${tokens.itemPadding}: 0.875rem 0.875rem 0.875rem 0.875rem;\n                ${tokens.itemBorderRadius}: 0.625rem;\n\n                ${tokens.itemFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${tokens.itemFontSize}: var(--plasma-typo-body-m-font-size);\n                ${tokens.itemFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${tokens.itemFontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${tokens.itemFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${tokens.itemFontLineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${tokens.emptyStatePadding}: 1.625rem 0.875rem 0.875rem 0.875rem;\n                ${tokens.emptyStateGap}: 0.375rem;\n\n                ${tokens.infiniteLoaderSpinnerSize}: 1.5rem;\n                ${tokens.infiniteLoaderGap}: 0.375rem;\n            `,\n            s: css`\n                ${tokens.textFieldHeight}: 2.5rem;\n                ${tokens.textFieldPadding}: 0.6875rem 0.875rem 0.6875rem 0.875rem;\n                ${tokens.textFieldBorderRadius}: 0.625rem;\n                ${tokens.textFieldBorderWidth}: 0.0625rem;\n\n                ${tokens.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem;\n                ${tokens.textFieldRightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem;\n                ${tokens.textFieldRightContentWithHintMargin}: -0.0625rem -0.438rem -0.0625rem 0.75rem;\n\n                ${tokens.textFieldContentRightWrapperGap}: 0.25rem;\n                ${tokens.textFieldContentRightWrapperMargin}: -0.438rem -0.438rem -0.438rem 0;\n\n                ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n                ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n                ${tokens.textFieldFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tokens.textFieldFontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.textFieldFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.textFieldFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.textFieldLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${tokens.textFieldLabelOffset}: 0.5rem;\n                ${tokens.textFieldClearLabelOffset}: 0.25rem;\n                ${tokens.textFieldLabelFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tokens.textFieldLabelFontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.textFieldLabelFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.textFieldLabelFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${tokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.textFieldLabelLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${tokens.textFieldHintMargin}: -0.688rem -0.5rem;\n                ${tokens.textFieldHintTargetSize}: 2.375rem;\n                ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;\n                ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;\n\n                ${tokens.textFieldLeftHelperOffset}: 0.25rem;\n                ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.textFieldLabelInnerPadding}: 0.3125rem 0 0 0;\n                ${tokens.textFieldContentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n\n                ${tokens.textFieldIndicatorSizeInner}: 0.375rem;\n                ${tokens.textFieldIndicatorSizeOuter}: 0.375rem;\n                ${tokens.textFieldIndicatorLabelPlacementInner}: 0 0 0 0;\n                ${tokens.textFieldIndicatorLabelPlacementOuter}: 0.3125rem auto auto -0.6875rem;\n                ${tokens.textFieldIndicatorLabelPlacementInnerRight}: 0 0 auto auto;\n                ${tokens.textFieldIndicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n                ${tokens.textFieldClearIndicatorLabelPlacementInner}: 1.063rem auto auto -0.75rem;\n                ${tokens.textFieldClearIndicatorLabelPlacementInnerRight}: 1.063rem -0.75rem auto auto;\n                ${tokens.textFieldClearIndicatorHintInnerRight}: 1.063rem -2.238rem auto auto;\n\n                ${tokens.borderRadius}: 0.625rem;\n                ${tokens.padding}: 0.125rem;\n                ${tokens.itemPadding}: 0.6875rem 0.75rem;\n                ${tokens.itemBorderRadius}: 0.5rem;\n\n                ${tokens.itemFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tokens.itemFontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.itemFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.itemFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${tokens.itemFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.itemFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${tokens.emptyStatePadding}: 1.375rem 0.625rem 0.625rem 0.625rem;\n                ${tokens.emptyStateGap}: 0.25rem;\n\n                ${tokens.infiniteLoaderSpinnerSize}: 1.5rem;\n                ${tokens.infiniteLoaderGap}: 0.25rem;\n            `,\n            xs: css`\n                ${tokens.textFieldHeight}: 2rem;\n                ${tokens.textFieldPadding}: 0.5625rem 0.625rem 0.5625rem 0.625rem;\n                ${tokens.textFieldBorderRadius}: 0.5rem;\n                ${tokens.textFieldBorderWidth}: 0.0625rem;\n\n                ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem;\n                ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n                ${tokens.textFieldRightContentWithHintMargin}: -0.0625rem -0.438rem -0.0625rem 0.75rem;\n\n                ${tokens.textFieldContentRightWrapperGap}: 0.25rem;\n                ${tokens.textFieldContentRightWrapperMargin}: -0.438rem -0.438rem -0.438rem 0;\n\n                ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n                ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n                ${tokens.textFieldFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.textFieldFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.textFieldFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.textFieldFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.textFieldLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.textFieldLabelOffset}: 0.375rem;\n                ${tokens.textFieldClearLabelOffset}: 0.25rem;\n                ${tokens.textFieldLabelFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.textFieldLabelFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.textFieldLabelFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.textFieldLabelFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.textFieldLabelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.textFieldHintMargin}: -0.75rem -0.625rem -0.75rem -0.5rem;\n                ${tokens.textFieldHintTargetSize}: 2.375rem;\n                ${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;\n                ${tokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;\n\n                ${tokens.textFieldLeftHelperOffset}: 0.25rem;\n                ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.textFieldLabelInnerPadding}: 0.3125rem 0 0 0;\n                ${tokens.textFieldContentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n\n                ${tokens.textFieldIndicatorSizeInner}: 0.375rem;\n                ${tokens.textFieldIndicatorSizeOuter}: 0.375rem;\n                ${tokens.textFieldIndicatorLabelPlacementInner}: 0 0 0 0;\n                ${tokens.textFieldIndicatorLabelPlacementOuter}: 0.25rem auto auto -0.625rem;\n                ${tokens.textFieldIndicatorLabelPlacementInnerRight}: 0 0 auto auto;\n                ${tokens.textFieldIndicatorLabelPlacementOuterRight}: 0.125rem -0.6875rem auto auto;\n                ${tokens.textFieldClearIndicatorLabelPlacementInner}: 0.813rem auto auto -0.625rem;\n                ${tokens.textFieldClearIndicatorLabelPlacementInnerRight}: 0.813rem -0.625rem auto auto;\n                ${tokens.textFieldClearIndicatorHintInnerRight}: 0.813rem -1.988rem auto auto;\n\n                ${tokens.borderRadius}: 0.5rem;\n                ${tokens.padding}: 0.125rem;\n                ${tokens.itemPadding}: 0.5625rem 0.5rem;\n                ${tokens.itemBorderRadius}: 0.5rem;\n\n                ${tokens.itemFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.itemFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.itemFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.itemFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.itemFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.itemFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.emptyStatePadding}: 1rem 0.5rem 0.5rem 0.5rem;\n                ${tokens.emptyStateGap}: 0.25rem;\n\n                ${tokens.infiniteLoaderSpinnerSize}: 1rem;\n                ${tokens.infiniteLoaderGap}: 0.25rem;\n            `,\n        },\n        labelPlacement: {\n            inner: css`\n                ${tokens.textFieldPlaceholderColor}: var(--text-secondary);\n                ${tokens.textFieldLabelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.textFieldLabelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.textFieldLabelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.textFieldLabelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.textFieldLabelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.textFieldLabelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n            `,\n            outer: css``,\n        },\n        hintView: {\n            default: css`\n                ${tokens.textFieldTooltipBackgroundColor}: var(--surface-solid-card-brightness);\n                ${tokens.textFieldTooltipBoxShadow}: var(--shadow-down-hard-m, 0px 4px 12px 0px rgba(0, 0, 0, 0.16),0px 1px 4px 0px rgba(0, 0, 0, 0.08));\n                ${tokens.textFieldTooltipColor}: var(--text-primary);\n                ${tokens.textFieldTooltipArrowBackground}: var(--surface-solid-card);\n            `,\n        },\n        hintSize: {\n            m: css`\n                ${tokens.textFieldTooltipPaddingTop}: 0.6875rem;\n                ${tokens.textFieldTooltipPaddingRight}: 0.875rem;\n                ${tokens.textFieldTooltipPaddingBottom}: 0.6875rem;\n                ${tokens.textFieldTooltipPaddingLeft}: 0.875rem;\n\n                ${tokens.textFieldTooltipMinHeight}: 2.5rem;\n                ${tokens.textFieldTooltipBorderRadius}: 0.625rem;\n\n                ${tokens.textFieldTooltipTextFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tokens.textFieldTooltipTextFontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.textFieldTooltipTextFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.textFieldTooltipTextFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${tokens.textFieldTooltipTextFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.textFieldTooltipTextFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${tokens.textFieldTooltipContentLeftMargin}: 0.375rem;\n\n                ${tokens.textFieldTooltipArrowMaskWidth}: 1.25rem;\n                ${tokens.textFieldTooltipArrowMaskHeight}: 1.25rem;\n                ${tokens.textFieldTooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n                ${tokens.textFieldTooltipArrowHeight}: 0.5rem;\n                ${tokens.textFieldTooltipArrowEdgeMargin}: 0.625rem;\n            `,\n            s: css`\n                ${tokens.textFieldTooltipPaddingTop}: 0.5rem;\n                ${tokens.textFieldTooltipPaddingRight}: 0.75rem;\n                ${tokens.textFieldTooltipPaddingBottom}: 0.5rem;\n                ${tokens.textFieldTooltipPaddingLeft}: 0.75rem;\n\n                ${tokens.textFieldTooltipMinHeight}: 2rem;\n                ${tokens.textFieldTooltipBorderRadius}: 0.5rem;\n\n                ${tokens.textFieldTooltipTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.textFieldTooltipTextFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.textFieldTooltipTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.textFieldTooltipTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.textFieldTooltipTextFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.textFieldTooltipTextFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.textFieldTooltipContentLeftMargin}: 0.25rem;\n\n                ${tokens.textFieldTooltipArrowMaskWidth}: 1rem;\n                ${tokens.textFieldTooltipArrowMaskHeight}: 1rem;\n                ${tokens.textFieldTooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n                ${tokens.textFieldTooltipArrowHeight}: 0.375rem;\n                ${tokens.textFieldTooltipArrowEdgeMargin}: 0.5625rem;\n            `,\n        },\n        disabled: {\n            true: css`\n                ${tokens.textFieldDisabledOpacity}: 0.4;\n            `,\n        },\n        readOnly: {\n            true: css`\n                ${tokens.textFieldColorReadOnly}: var(--text-primary);\n                ${tokens.textFieldReadOnlyOpacity}: 0.1;\n                ${tokens.textFieldContentSlotRightOpacityReadOnly}: 0.4;\n                ${tokens.textFieldBackgroundColorReadOnly}: var(--surface-clear);\n                ${tokens.textFieldBorderColorReadOnly}: var(--surface-transparent-primary);\n                ${tokens.textFieldPlaceholderColorReadOnly}: var(--text-secondary);\n                ${tokens.textFieldLeftHelperColorReadOnly}: var(--text-secondary);\n                ${tokens.textFieldLabelColorReadOnly}: var(--text-primary);\n                ${tokens.textFieldDividerColorReadOnly}: var(--surface-transparent-primary);\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","labelPlacement","variations","default","positive","warning","negative","l","m","s","xs","inner","outer","hintView","hintSize","disabled","true","readOnly"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,cAAc,EAAE,OAAA;GACnB;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EA6CC,UAAA;AACDC,MAAAA,QAAQ,EA6CP,SAAA;AACDC,MAAAA,OAAO,EA6CN,UAAA;AACDC,MAAAA,QAAQ,EAAA,SAAA;KA8CX;AACDN,IAAAA,IAAI,EAAE;AACFO,MAAAA,CAAC,EA2EA,UAAA;AACDC,MAAAA,CAAC,EA2EA,SAAA;AACDC,MAAAA,CAAC,EA2EA,UAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;KA4EL;AACDT,IAAAA,cAAc,EAAE;AACZU,MAAAA,KAAK,EAQJ,SAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KACR;AACDC,IAAAA,QAAQ,EAAE;MACNV,SAAO,EAAA,UAAA;KAMV;AACDW,IAAAA,QAAQ,EAAE;AACNN,MAAAA,CAAC,EAuBA,SAAA;AACDC,MAAAA,CAAC,EAAA,UAAA;KAwBJ;AACDM,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,SAAA;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAI,EAAA,SAAA;AAWR,KAAA;AACJ,GAAA;AACJ;;;;"}

package/dist/css/cjs/components/Autocomplete/Autocomplete.js

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var css = require('@salutejs/plasma-new-hope/css');
+var React = require('react');
+var Autocomplete_config = require('./Autocomplete.config.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var mergedConfig = /*#__PURE__*/css.mergeConfig(css.autocompleteConfig, Autocomplete_config.config);
+var AutocompleteComponent = /*#__PURE__*/css.component(mergedConfig);
+var AutocompleteWithoutRef = function AutocompleteWithoutRef(props, ref) {
+  return /*#__PURE__*/React__default.default.createElement(AutocompleteComponent, _rollupPluginBabelHelpers.extends({}, props, {
+    ref: ref
+  }));
+};
+var Autocomplete = /*#__PURE__*/css.fixedForwardRef(AutocompleteWithoutRef);
+
+exports.Autocomplete = Autocomplete;
+exports.AutocompleteComponent = AutocompleteComponent;
+//# sourceMappingURL=Autocomplete.js.map

package/dist/css/cjs/components/Autocomplete/Autocomplete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Autocomplete.js","sources":["../../../../../src-css/components/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import {\n    autocompleteConfig,\n    AutocompleteProps,\n    component,\n    DistributiveOmit,\n    DistributivePick,\n    mergeConfig,\n    SuggestionItemType,\n    fixedForwardRef,\n} from '@salutejs/plasma-new-hope/css';\nimport React, { ComponentProps } from 'react';\n\nimport { config } from './Autocomplete.config';\n\nconst mergedConfig = mergeConfig(autocompleteConfig, config);\nexport const AutocompleteComponent = component(mergedConfig);\n\ntype PropsFromConfig = keyof typeof config['variations'];\n\ntype Props<T extends SuggestionItemType> = DistributiveOmit<AutocompleteProps<T>, PropsFromConfig> &\n    DistributivePick<ComponentProps<typeof AutocompleteComponent>, PropsFromConfig>;\n\nconst AutocompleteWithoutRef = <T extends SuggestionItemType>(\n    props: Props<T>,\n    ref: React.ForwardedRef<HTMLInputElement>,\n) => {\n    return <AutocompleteComponent {...(props as any)} ref={ref} />;\n};\n\nexport const Autocomplete = fixedForwardRef(AutocompleteWithoutRef);\n"],"names":["mergedConfig","mergeConfig","autocompleteConfig","config","AutocompleteComponent","component","AutocompleteWithoutRef","props","ref","React","createElement","_extends","Autocomplete","fixedForwardRef"],"mappings":";;;;;;;;;;;;;AAcA,IAAMA,YAAY,gBAAGC,eAAW,CAACC,sBAAkB,EAAEC,0BAAM,CAAC,CAAA;IAC/CC,qBAAqB,gBAAGC,aAAS,CAACL,YAAY,EAAC;AAO5D,IAAMM,sBAAsB,GAAG,SAAzBA,sBAAsBA,CACxBC,KAAe,EACfC,GAAyC,EACxC;EACD,oBAAOC,sBAAA,CAAAC,aAAA,CAACN,qBAAqB,EAAAO,iCAAA,KAAMJ,KAAK,EAAA;AAAUC,IAAAA,GAAG,EAAEA,GAAAA;AAAI,GAAA,CAAE,CAAC,CAAA;AAClE,CAAC,CAAA;IAEYI,YAAY,gBAAGC,mBAAe,CAACP,sBAAsB;;;;;"}

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

@@ -0,0 +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';\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}: var(--surface-positive);\n                ${tokens.statusOfflineColor}: var(--surface-solid-tertiary);\n                ${tokens.scaleHover}: 1.02;\n                ${tokens.fontFamily}: var(--plasma-typo-text-font-family);\n            `,\n        },\n        size: {\n            // TODO: #1044 токены типографики в Avatar\n            xxl: css`\n                ${tokens.avatarSize}: 7.5rem;\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}: var(--plasma-typo-body-s-font-family);\n                ${tokens.badgeFontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.badgeFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.badgeFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${tokens.badgeLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.badgeLineHeight}: var(--plasma-typo-body-s-line-height);\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}: var(--plasma-typo-body-s-font-family);\n                ${tokens.counterFontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.counterFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.counterFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${tokens.counterLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.counterLineHeight}: var(--plasma-typo-body-s-line-height);\n            `,\n            xl: 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}: var(--plasma-typo-body-s-font-family);\n                ${tokens.badgeFontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.badgeFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.badgeFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${tokens.badgeLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.badgeLineHeight}: var(--plasma-typo-body-s-line-height);\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}: var(--plasma-typo-body-s-font-family);\n                ${tokens.counterFontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.counterFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.counterFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${tokens.counterLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.counterLineHeight}: var(--plasma-typo-body-s-line-height);\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                ${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                ${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            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}: var(--inverse-text-primary);\n                ${tokens.badgeBackground}: var(--surface-solid-default);\n\n                ${tokens.badgeColorTransparent}: var(--text-primary);\n                ${tokens.badgeBackgroundTransparent}: var(--surface-transparent-secondary);\n\n                ${tokens.badgeColorClear}: var(--text-primary);\n                ${tokens.badgeBackgroundClear}: var(--surface-clear);\n            `,\n            accent: css`\n                ${tokens.badgeColor}: var(--on-dark-text-primary);\n                ${tokens.badgeBackground}: var(--surface-accent);\n\n                ${tokens.badgeColorTransparent}: var(--text-accent);\n                ${tokens.badgeBackgroundTransparent}: var(--surface-transparent-accent);\n\n                ${tokens.badgeColorClear}: var(--text-accent);\n                ${tokens.badgeBackgroundClear}: var(--surface-clear);\n            `,\n            positive: css`\n                ${tokens.badgeColor}: var(--on-dark-text-primary);\n                ${tokens.badgeBackground}: var(--surface-positive);\n\n                ${tokens.badgeColorTransparent}: var(--text-positive);\n                ${tokens.badgeBackgroundTransparent}: var(--surface-transparent-positive);\n\n                ${tokens.badgeColorClear}: var(--text-positive);\n                ${tokens.badgeBackgroundClear}: var(--surface-clear);\n            `,\n            warning: css`\n                ${tokens.badgeColor}: var(--on-dark-text-primary);\n                ${tokens.badgeBackground}: var(--surface-warning);\n\n                ${tokens.badgeColorTransparent}: var(--text-warning);\n                ${tokens.badgeBackgroundTransparent}: var(--surface-transparent-warning);\n\n                ${tokens.badgeColorClear}: var(--text-warning);\n                ${tokens.badgeBackgroundClear}: var(--surface-clear);\n            `,\n            negative: css`\n                ${tokens.badgeColor}: var(--on-dark-text-primary);\n                ${tokens.badgeBackground}: var(--surface-negative);\n\n                ${tokens.badgeColorTransparent}: var(--text-negative);\n                ${tokens.badgeBackgroundTransparent}: var(--surface-transparent-negative);\n\n                ${tokens.badgeColorClear}: var(--text-negative);\n                ${tokens.badgeBackgroundClear}: var(--surface-clear);\n            `,\n            dark: css`\n                ${tokens.badgeColor}: var(--on-dark-text-primary);\n                ${tokens.badgeBackground}: var(--on-light-surface-solid-default);\n\n                ${tokens.badgeColorTransparent}: var(--on-dark-text-primary);\n                ${tokens.badgeBackgroundTransparent}: var(--on-light-surface-transparent-deep);\n\n                ${tokens.badgeColorClear}: var(--on-light-text-primary);\n                ${tokens.badgeBackgroundClear}: var(--surface-clear);\n            `,\n            light: css`\n                ${tokens.badgeColor}: var(--on-light-text-primary);\n                ${tokens.badgeBackground}: var(--on-dark-surface-solid-default);\n\n                ${tokens.badgeColorTransparent}: var(--on-dark-text-primary);\n                ${tokens.badgeBackgroundTransparent}: var(--on-dark-surface-transparent-card);\n\n                ${tokens.badgeColorClear}: var(--on-dark-text-primary);\n                ${tokens.badgeBackgroundClear}: var(--surface-clear);\n            `,\n        },\n        counterView: {\n            default: css`\n                ${tokens.counterColor}: var(--inverse-text-primary);\n                ${tokens.counterBackground}: var(--surface-solid-default);\n            `,\n            accent: css`\n                ${tokens.counterColor}: var(--on-dark-text-primary);\n                ${tokens.counterBackground}: var(--surface-accent);\n            `,\n            positive: css`\n                ${tokens.counterColor}: var(--on-dark-text-primary);\n                ${tokens.counterBackground}: var(--surface-positive);\n            `,\n            warning: css`\n                ${tokens.counterColor}: var(--on-dark-text-primary);\n                ${tokens.counterBackground}: var(--surface-warning);\n            `,\n            negative: css`\n                ${tokens.counterColor}: var(--on-dark-text-primary);\n                ${tokens.counterBackground}: var(--surface-negative);\n            `,\n            dark: css`\n                ${tokens.counterColor}: var(--on-dark-text-primary);\n                ${tokens.counterBackground}: var(--on-light-surface-solid-default);\n            `,\n            light: css`\n                ${tokens.counterColor}: var(--on-light-text-primary);\n                ${tokens.counterBackground}: var(--on-dark-surface-solid-default);\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","shape","variations","default","xxl","xl","l","m","s","fit","circled","rounded","badgeView","accent","positive","warning","negative","dark","light","counterView"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,KAAK;AACXC,IAAAA,KAAK,EAAE,SAAA;GACV;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;MACFI,SAAO,EAAA,UAAA;KAQV;AACDH,IAAAA,IAAI,EAAE;AACF;AACAI,MAAAA,GAAG,EAoCF,UAAA;AACDC,MAAAA,EAAE,EAoCD,SAAA;AACDC,MAAAA,CAAC,EAsCA,UAAA;AACDC,MAAAA,CAAC,EAsCA,UAAA;AACDC,MAAAA,CAAC,EAmBA,SAAA;AACDC,MAAAA,GAAG,EAAA,UAAA;KAON;AACDR,IAAAA,KAAK,EAAE;AACHS,MAAAA,OAAO,EAIN,UAAA;AACDC,MAAAA,OAAO,EAAA,SAAA;KAIV;AACDC,IAAAA,SAAS,EAAE;AACPT,MAAAA,SAAAA,EASC,SAAA;AACDU,MAAAA,MAAM,EASL,SAAA;AACDC,MAAAA,QAAQ,EASP,SAAA;AACDC,MAAAA,OAAO,EASN,SAAA;AACDC,MAAAA,QAAQ,EASP,SAAA;AACDC,MAAAA,IAAI,EASH,UAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KAUR;AACDC,IAAAA,WAAW,EAAE;AACThB,MAAAA,SAAAA,EAGC,UAAA;AACDU,MAAAA,MAAM,EAGL,UAAA;AACDC,MAAAA,QAAQ,EAGP,UAAA;AACDC,MAAAA,OAAO,EAGN,SAAA;AACDC,MAAAA,QAAQ,EAGP,SAAA;AACDC,MAAAA,IAAI,EAGH,UAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;AAIT,KAAA;AACJ,GAAA;AACJ;;;;"}

package/dist/css/cjs/components/Avatar/Avatar.js

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var css = require('@salutejs/plasma-new-hope/css');
+var Avatar_config = require('./Avatar.config.js');
+
+var mergedConfig = /*#__PURE__*/css.mergeConfig(css.avatarConfig, Avatar_config.config);
+var Avatar = /*#__PURE__*/css.component(mergedConfig);
+
+exports.Avatar = Avatar;
+exports.mergedConfig = mergedConfig;
+//# sourceMappingURL=Avatar.js.map

package/dist/css/cjs/components/Avatar/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","sources":["../../../../../src-css/components/Avatar/Avatar.ts"],"sourcesContent":["import { avatarConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/css';\n\nimport { config } from './Avatar.config';\n\nconst mergedConfig = mergeConfig(avatarConfig, config);\nconst Avatar = component(mergedConfig);\n\nexport { Avatar, mergedConfig };\n"],"names":["mergedConfig","mergeConfig","avatarConfig","config","Avatar","component"],"mappings":";;;;;;;AAIA,IAAMA,YAAY,gBAAGC,eAAW,CAACC,gBAAY,EAAEC,oBAAM,EAAC;AACtD,IAAMC,MAAM,gBAAGC,aAAS,CAACL,YAAY;;;;;"}

package/dist/css/cjs/components/AvatarGroup/AvatarGroup.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var css = require('@salutejs/plasma-new-hope/css');
+
+var mergedConfig = /*#__PURE__*/css.mergeConfig(css.avatarGroupConfig);
+var AvatarGroup = /*#__PURE__*/css.component(mergedConfig);
+
+exports.AvatarGroup = AvatarGroup;
+//# sourceMappingURL=AvatarGroup.js.map

package/dist/css/cjs/components/AvatarGroup/AvatarGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarGroup.js","sources":["../../../../../src-css/components/AvatarGroup/AvatarGroup.ts"],"sourcesContent":["import { avatarGroupConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/css';\n\nconst mergedConfig = mergeConfig(avatarGroupConfig);\n\nexport const AvatarGroup = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","avatarGroupConfig","AvatarGroup","component"],"mappings":";;;;;;AAEA,IAAMA,YAAY,gBAAGC,eAAW,CAACC,qBAAiB,CAAC,CAAA;IAEtCC,WAAW,gBAAGC,aAAS,CAACJ,YAAY;;;;"}

package/dist/css/cjs/components/Badge/Badge.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.config.js","sources":["../../../../../src-css/components/Badge/Badge.config.ts"],"sourcesContent":["import { css, badgeTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${badgeTokens.color}: var(--inverse-text-primary);\n                ${badgeTokens.background}: var(--surface-solid-default);\n\n                ${badgeTokens.colorTransparent}: var(--text-primary);\n                ${badgeTokens.backgroundTransparent}: var(--surface-transparent-secondary);\n\n                ${badgeTokens.colorClear}: var(--text-primary);\n            `,\n            /**\n             * @deprecated\n             * использовать `default`\n             */\n            primary: css`\n                ${badgeTokens.color}: var(--inverse-text-primary);\n                ${badgeTokens.background}: var(--surface-solid-default);\n\n                ${badgeTokens.colorTransparent}: var(--text-primary);\n                ${badgeTokens.backgroundTransparent}: var(--surface-transparent-secondary);\n\n                ${badgeTokens.colorClear}: var(--text-primary);\n            `,\n            accent: css`\n                ${badgeTokens.color}: var(--on-dark-text-primary);\n                ${badgeTokens.background}: var(--surface-accent);\n\n                ${badgeTokens.colorTransparent}: var(--text-accent);\n                ${badgeTokens.backgroundTransparent}: var(--surface-transparent-accent);\n\n                ${badgeTokens.colorClear}: var(--text-accent);\n            `,\n            positive: css`\n                ${badgeTokens.color}: var(--on-dark-text-primary);\n                ${badgeTokens.background}: var(--surface-positive);\n\n                ${badgeTokens.colorTransparent}: var(--text-positive);\n                ${badgeTokens.backgroundTransparent}: var(--surface-transparent-positive);\n\n                ${badgeTokens.colorClear}: var(--text-positive);\n            `,\n            warning: css`\n                ${badgeTokens.color}: var(--on-dark-text-primary);\n                ${badgeTokens.background}: var(--surface-warning);\n\n                ${badgeTokens.colorTransparent}: var(--text-warning);\n                ${badgeTokens.backgroundTransparent}: var(--surface-transparent-warning);\n\n                ${badgeTokens.colorClear}: var(--text-warning);\n            `,\n            negative: css`\n                ${badgeTokens.color}: var(--on-dark-text-primary);\n                ${badgeTokens.background}: var(--surface-negative);\n\n                ${badgeTokens.colorTransparent}: var(--text-negative);\n                ${badgeTokens.backgroundTransparent}: var(--surface-transparent-negative);\n\n                ${badgeTokens.colorClear}: var(--text-negative);\n            `,\n            dark: css`\n                ${badgeTokens.color}: var(--on-dark-text-primary);\n                ${badgeTokens.background}: var(--on-light-surface-solid-default);\n\n                ${badgeTokens.colorTransparent}: var(--on-dark-text-primary);\n                ${badgeTokens.backgroundTransparent}: var(--on-light-surface-transparent-deep);\n\n                ${badgeTokens.colorClear}: var(--on-light-text-primary);\n            `,\n            light: css`\n                ${badgeTokens.color}: var(--on-light-text-primary);\n                ${badgeTokens.background}: var(--on-dark-surface-solid-default);\n\n                ${badgeTokens.colorTransparent}: var(--on-dark-text-primary);\n                ${badgeTokens.backgroundTransparent}: var(--on-dark-surface-transparent-card);\n\n                ${badgeTokens.colorClear}: var(--on-dark-text-primary);\n            `,\n        },\n        size: {\n            l: css`\n                ${badgeTokens.borderRadius}: 0.5rem;\n                ${badgeTokens.height}: 1.75rem;\n                ${badgeTokens.padding}: 0 0.6875rem;\n                ${badgeTokens.paddingIconOnly}: 0 0.375rem;\n\n                ${badgeTokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n                ${badgeTokens.fontSize}: var(--plasma-typo-body-s-font-size);\n                ${badgeTokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n                ${badgeTokens.fontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${badgeTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${badgeTokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${badgeTokens.leftContentMarginLeft}: -0.0625rem;\n                ${badgeTokens.leftContentMarginRight}: 0.25rem;\n\n                ${badgeTokens.rightContentMarginLeft}: 0.25rem;\n                ${badgeTokens.rightContentMarginRight}: -0.0625rem;\n            `,\n            m: css`\n                ${badgeTokens.borderRadius}: 0.375rem;\n                ${badgeTokens.height}: 1.5rem;\n                ${badgeTokens.padding}: 0 0.5625rem;\n                ${badgeTokens.paddingIconOnly}: 0 0.375rem;\n\n                ${badgeTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${badgeTokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n                ${badgeTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${badgeTokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${badgeTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${badgeTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${badgeTokens.leftContentMarginLeft}: -0.0625rem;\n                ${badgeTokens.leftContentMarginRight}: 0.1875rem;\n\n                ${badgeTokens.rightContentMarginLeft}: 0.1875rem;\n                ${badgeTokens.rightContentMarginRight}: -0.0625rem;\n            `,\n            s: css`\n                ${badgeTokens.borderRadius}: 0.375rem;\n                ${badgeTokens.height}: 1.25rem;\n                ${badgeTokens.padding}: 0 0.4375rem;\n                ${badgeTokens.paddingIconOnly}: 0 0.25rem;\n\n                ${badgeTokens.fontFamily}: var(--plasma-typo-body-xxs-font-family);\n                ${badgeTokens.fontSize}: var(--plasma-typo-body-xxs-font-size);\n                ${badgeTokens.fontStyle}: var(--plasma-typo-body-xxs-font-style);\n                ${badgeTokens.fontWeight}: var(--plasma-typo-body-xxs-font-weight);\n                ${badgeTokens.letterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n                ${badgeTokens.lineHeight}: var(--plasma-typo-body-xxs-line-height);\n\n                ${badgeTokens.leftContentMarginLeft}: -0.0625rem;\n                ${badgeTokens.leftContentMarginRight}: 0.125rem;\n\n                ${badgeTokens.rightContentMarginLeft}: 0.125rem;\n                ${badgeTokens.rightContentMarginRight}: -0.0625rem;\n            `,\n            xs: css`\n                ${badgeTokens.borderRadius}: 0.25rem;\n                ${badgeTokens.height}: 1rem;\n                ${badgeTokens.padding}: 0 0.25rem;\n                ${badgeTokens.paddingIconOnly}: 0 0.188rem;\n\n                ${badgeTokens.fontFamily}: var(--plasma-typo-body-xxs-font-family);\n                ${badgeTokens.fontSize}: var(--plasma-typo-body-xxs-font-size);\n                ${badgeTokens.fontStyle}: var(--plasma-typo-body-xxs-font-style);\n                ${badgeTokens.fontWeight}: var(--plasma-typo-body-xxs-font-weight);\n                ${badgeTokens.letterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n                ${badgeTokens.lineHeight}: var(--plasma-typo-body-xxs-line-height);\n\n                ${badgeTokens.leftContentMarginLeft}: -0.0625rem;\n                ${badgeTokens.leftContentMarginRight}: 0.125rem;\n\n                ${badgeTokens.rightContentMarginLeft}: 0.125rem;\n                ${badgeTokens.rightContentMarginRight}: -0.0625rem;\n            `,\n        },\n        pilled: {\n            true: css`\n                ${badgeTokens.pilledBorderRadius}: 1.25rem;\n            `,\n        },\n        transparent: {\n            true: css``,\n        },\n        clear: {\n            true: css`\n                ${badgeTokens.backgroundClear}: var(--surface-clear);\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","default","primary","accent","positive","warning","negative","dark","light","l","m","s","xs","pilled","true","transparent","clear"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EAQC,UAAA;AACD;AACZ;AACA;AACA;AACYC,MAAAA,OAAO,EAQN,UAAA;AACDC,MAAAA,MAAM,EAQL,SAAA;AACDC,MAAAA,QAAQ,EAQP,SAAA;AACDC,MAAAA,OAAO,EAQN,UAAA;AACDC,MAAAA,QAAQ,EAQP,UAAA;AACDC,MAAAA,IAAI,EAQH,UAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KASR;AACDT,IAAAA,IAAI,EAAE;AACFU,MAAAA,CAAC,EAkBA,UAAA;AACDC,MAAAA,CAAC,EAkBA,UAAA;AACDC,MAAAA,CAAC,EAkBA,UAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;KAmBL;AACDC,IAAAA,MAAM,EAAE;MACJC,MAAI,EAAA,SAAA;KAGP;AACDC,IAAAA,WAAW,EAAE;MACTD,MAAI,EAAA,SAAA;KACP;AACDE,IAAAA,KAAK,EAAE;MACHF,MAAI,EAAA,UAAA;AAGR,KAAA;AACJ,GAAA;AACJ;;;;"}

package/dist/css/cjs/components/Badge/Badge.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var css = require('@salutejs/plasma-new-hope/css');
+var Badge_config = require('./Badge.config.js');
+
+var mergedConfig = /*#__PURE__*/css.mergeConfig(css.badgeConfig, Badge_config.config);
+
+/**
+ * Компонент Badge.
+ */
+var Badge = /*#__PURE__*/css.component(mergedConfig);
+
+exports.Badge = Badge;
+//# sourceMappingURL=Badge.js.map

package/dist/css/cjs/components/Badge/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sources":["../../../../../src-css/components/Badge/Badge.tsx"],"sourcesContent":["import { badgeConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/css';\n\nimport { config } from './Badge.config';\n\nconst mergedConfig = mergeConfig(badgeConfig, config);\n\n/**\n * Компонент Badge.\n */\nexport const Badge = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","badgeConfig","config","Badge","component"],"mappings":";;;;;;;AAIA,IAAMA,YAAY,gBAAGC,eAAW,CAACC,eAAW,EAAEC,mBAAM,CAAC,CAAA;;AAErD;AACA;AACA;IACaC,KAAK,gBAAGC,aAAS,CAACL,YAAY;;;;"}

package/dist/css/cjs/components/Breadcrumbs/Breadcrumbs.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.config.js","sources":["../../../../../src-css/components/Breadcrumbs/Breadcrumbs.config.ts"],"sourcesContent":["import { css, breadcrumbsTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${breadcrumbsTokens.breadcrumbsColor}: var(--text-primary);\n                ${breadcrumbsTokens.breadcrumbsColorText}: var(--text-primary);\n                ${breadcrumbsTokens.breadcrumbsColorSeparator}: var(--text-primary);\n                ${breadcrumbsTokens.breadcrumbsOpacity}: 0.4;\n                ${breadcrumbsTokens.breadcrumbsFocusOutlineColor}: var(--surface-accent);\n            `,\n        },\n        size: {\n            l: css`\n                ${breadcrumbsTokens.breadcrumbsGap}: 0.5rem;\n\n                ${breadcrumbsTokens.breadcrumbsFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${breadcrumbsTokens.breadcrumbsFontSize}: var(--plasma-typo-body-l-font-size);\n                ${breadcrumbsTokens.breadcrumbsFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${breadcrumbsTokens.breadcrumbsFontWeight}: var(--plasma-typo-body-l-bold-weight);\n                ${breadcrumbsTokens.breadcrumbsLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${breadcrumbsTokens.breadcrumbsLineHeight}: var(--plasma-typo-body-l-line-height);\n            `,\n            m: css`\n                ${breadcrumbsTokens.breadcrumbsGap}: 0.375rem;\n\n                ${breadcrumbsTokens.breadcrumbsFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${breadcrumbsTokens.breadcrumbsFontSize}: var(--plasma-typo-body-m-font-size);\n                ${breadcrumbsTokens.breadcrumbsFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${breadcrumbsTokens.breadcrumbsFontWeight}: var(--plasma-typo-body-m-bold-weight);\n                ${breadcrumbsTokens.breadcrumbsLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${breadcrumbsTokens.breadcrumbsLineHeight}: var(--plasma-typo-body-m-line-height);\n            `,\n            s: css`\n                ${breadcrumbsTokens.breadcrumbsGap}: 0.25rem;\n\n                ${breadcrumbsTokens.breadcrumbsFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${breadcrumbsTokens.breadcrumbsFontSize}: var(--plasma-typo-body-s-font-size);\n                ${breadcrumbsTokens.breadcrumbsFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${breadcrumbsTokens.breadcrumbsFontWeight}: var(--plasma-typo-body-s-bold-weight);\n                ${breadcrumbsTokens.breadcrumbsLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${breadcrumbsTokens.breadcrumbsLineHeight}: var(--plasma-typo-body-s-line-height);\n            `,\n            xs: css`\n                ${breadcrumbsTokens.breadcrumbsGap}: 0rem;\n\n                ${breadcrumbsTokens.breadcrumbsFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${breadcrumbsTokens.breadcrumbsFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${breadcrumbsTokens.breadcrumbsFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${breadcrumbsTokens.breadcrumbsFontWeight}: var(--plasma-typo-body-xs-bold-weight);\n                ${breadcrumbsTokens.breadcrumbsLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${breadcrumbsTokens.breadcrumbsLineHeight}: var(--plasma-typo-body-xs-line-height);\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","default","l","m","s","xs"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;MACFG,SAAO,EAAA,UAAA;KAOV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,CAAC,EASA,SAAA;AACDC,MAAAA,CAAC,EASA,UAAA;AACDC,MAAAA,CAAC,EASA,SAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;AAUN,KAAA;AACJ,GAAA;AACJ;;;;"}

package/dist/css/cjs/components/Breadcrumbs/Breadcrumbs.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var css = require('@salutejs/plasma-new-hope/css');
+var Breadcrumbs_config = require('./Breadcrumbs.config.js');
+
+var mergedConfig = /*#__PURE__*/css.mergeConfig(css.breadcrumbsConfig, Breadcrumbs_config.config);
+var BreadcrumbsComponent = /*#__PURE__*/css.component(mergedConfig);
+
+/**
+ * Breadcrumbs
+ */
+var Breadcrumbs = BreadcrumbsComponent;
+
+exports.Breadcrumbs = Breadcrumbs;
+//# sourceMappingURL=Breadcrumbs.js.map