@salutejs/plasma-b2c 1.494.1-canary.1707.12823225023.0 → 1.495.0-dev.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (113) hide show
  1. package/api/plasma-b2c.api.md +70 -57
  2. package/components/Avatar/Avatar.config.d.ts +18 -0
  3. package/components/Avatar/Avatar.config.js +23 -5
  4. package/components/Avatar/Avatar.d.ts +138 -6
  5. package/components/Badge/Badge.d.ts +8 -48
  6. package/components/Counter/Counter.d.ts +1 -6
  7. package/css/cjs/components/Accordion/Accordion.config.js +1 -1
  8. package/css/cjs/components/Attach/Attach.config.js +1 -1
  9. package/css/cjs/components/Autocomplete/Autocomplete.config.js +1 -1
  10. package/css/cjs/components/Avatar/Avatar.config.js +19 -1
  11. package/css/cjs/components/Avatar/Avatar.config.js.map +1 -1
  12. package/css/cjs/components/Avatar/Avatar.config_1buqzeq.css +21 -0
  13. package/css/cjs/components/Avatar/Avatar.css +21 -7
  14. package/css/cjs/components/Badge/Badge.config.js +1 -1
  15. package/css/cjs/components/Breadcrumbs/Breadcrumbs.config.js +1 -1
  16. package/css/cjs/components/Button/Button.config.js +1 -1
  17. package/css/cjs/components/ButtonGroup/ButtonGroup.config.js +1 -1
  18. package/css/cjs/components/Calendar/CalendarBase.config.js +1 -1
  19. package/css/cjs/components/Calendar/CalendarDouble.config.js +1 -1
  20. package/css/cjs/components/Cell/Cell.config.js +1 -1
  21. package/css/cjs/components/Checkbox/Checkbox.config.js +1 -1
  22. package/css/cjs/components/Chip/Chip.config.js +1 -1
  23. package/css/cjs/components/ChipGroup/ChipGroup.config.js +1 -1
  24. package/css/cjs/components/Combobox/Combobox.config.js +1 -1
  25. package/css/cjs/components/Combobox/Combobox.js +2 -6
  26. package/css/cjs/components/Combobox/Combobox.js.map +1 -1
  27. package/css/cjs/components/Combobox/Legacy/Combobox.config.js +1 -1
  28. package/css/cjs/components/Counter/Counter.config.js +1 -1
  29. package/css/cjs/components/DatePicker/DatePicker.config.js +1 -1
  30. package/css/cjs/components/Divider/Divider.config.js +1 -1
  31. package/css/cjs/components/Drawer/Drawer.config.js +1 -1
  32. package/css/cjs/components/Dropdown/Dropdown.config.js +1 -1
  33. package/css/cjs/components/Dropdown/Dropdown.js +1 -5
  34. package/css/cjs/components/Dropdown/Dropdown.js.map +1 -1
  35. package/css/cjs/components/Dropdown/components/DropdownItem.js +3 -8
  36. package/css/cjs/components/Dropdown/components/DropdownItem.js.map +1 -1
  37. package/css/cjs/components/Dropdown/components/DropdownList.js +1 -5
  38. package/css/cjs/components/Dropdown/components/DropdownList.js.map +1 -1
  39. package/css/cjs/components/Dropdown/components/DropdownOld.config.js +1 -1
  40. package/css/cjs/components/Dropdown/components/DropdownPopup.js +1 -5
  41. package/css/cjs/components/Dropdown/components/DropdownPopup.js.map +1 -1
  42. package/css/cjs/components/Dropzone/Dropzone.config.js +1 -1
  43. package/css/cjs/components/Editable/Editable.config.js +1 -1
  44. package/css/cjs/components/EmptyState/EmptyState.config.js +1 -1
  45. package/css/cjs/components/Grid/Grid.config.js +1 -1
  46. package/css/cjs/components/IconButton/IconButton.config.js +1 -1
  47. package/css/cjs/components/Indicator/Indicator.config.js +1 -1
  48. package/css/cjs/components/Link/Link.config.js +1 -1
  49. package/css/cjs/components/ModalBase/Modal.config.js +1 -1
  50. package/css/cjs/components/Note/Note.config.js +1 -1
  51. package/css/cjs/components/Notification/Notification.config.js +1 -1
  52. package/css/cjs/components/Notification/Notification.js +1 -5
  53. package/css/cjs/components/Notification/Notification.js.map +1 -1
  54. package/css/cjs/components/NumberInput/NumberInput.config.js +1 -1
  55. package/css/cjs/components/Pagination/Pagination.config.js +1 -1
  56. package/css/cjs/components/Popover/Popover.config.js +1 -1
  57. package/css/cjs/components/Progress/Progress.config.js +1 -1
  58. package/css/cjs/components/Radiobox/Radiobox.config.js +1 -1
  59. package/css/cjs/components/Range/Range.config.js +1 -1
  60. package/css/cjs/components/Rating/Rating.config.js +1 -1
  61. package/css/cjs/components/Segment/SegmentGroup.config.js +1 -1
  62. package/css/cjs/components/Segment/SegmentItem.config.js +1 -1
  63. package/css/cjs/components/Select/Select.config.js +1 -1
  64. package/css/cjs/components/Select/Select.js +1 -5
  65. package/css/cjs/components/Select/Select.js.map +1 -1
  66. package/css/cjs/components/Sheet/Sheet.config.js +1 -1
  67. package/css/cjs/components/Skeleton/LineSkeleton.config.js +1 -1
  68. package/css/cjs/components/Slider/Slider.config.js +1 -1
  69. package/css/cjs/components/Spinner/Spinner.config.js +1 -1
  70. package/css/cjs/components/Steps/Steps.config.js +1 -1
  71. package/css/cjs/components/Switch/Switch.config.js +1 -1
  72. package/css/cjs/components/Tabs/TabItem.js +2 -6
  73. package/css/cjs/components/Tabs/TabItem.js.map +1 -1
  74. package/css/cjs/components/Tabs/Tabs.js +2 -6
  75. package/css/cjs/components/Tabs/Tabs.js.map +1 -1
  76. package/css/cjs/components/Tabs/horizontal/HorizontalTabItem.config.js +1 -1
  77. package/css/cjs/components/Tabs/horizontal/HorizontalTabs.config.js +1 -1
  78. package/css/cjs/components/Tabs/vertical/VerticalTabItem.config.js +1 -1
  79. package/css/cjs/components/Tabs/vertical/VerticalTabs.config.js +1 -1
  80. package/css/cjs/components/TextArea/TextArea.config.js +1 -1
  81. package/css/cjs/components/TextField/TextField.config.js +1 -1
  82. package/css/cjs/components/TextField/TextField.js +2 -6
  83. package/css/cjs/components/TextField/TextField.js.map +1 -1
  84. package/css/cjs/components/TextFieldGroup/TextFieldGroup.config.js +1 -1
  85. package/css/cjs/components/Toast/Toast.config.js +1 -1
  86. package/css/cjs/components/Toolbar/Toolbar.config.js +1 -1
  87. package/css/cjs/components/Tooltip/Tooltip.config.js +1 -1
  88. package/css/cjs/components/Tree/Tree.config.js +1 -1
  89. package/css/cjs/components/Typography/Body.config.js +1 -1
  90. package/css/cjs/components/Typography/Dspl.config.js +1 -1
  91. package/css/cjs/components/Typography/Heading.config.js +1 -1
  92. package/css/cjs/components/Typography/Old/Body.config.js +1 -1
  93. package/css/cjs/components/Typography/Old/Button.config.js +1 -1
  94. package/css/cjs/components/Typography/Old/Caption.config.js +1 -1
  95. package/css/cjs/components/Typography/Old/Footnote.config.js +1 -1
  96. package/css/cjs/components/Typography/Old/Headline.config.js +1 -1
  97. package/css/cjs/components/Typography/Old/Paragraph.config.js +1 -1
  98. package/css/cjs/components/Typography/Old/ParagraphText.config.js +1 -1
  99. package/css/cjs/components/Typography/Old/Subtitle.config.js +1 -1
  100. package/css/cjs/components/Typography/Old/Underline.config.js +1 -1
  101. package/css/cjs/components/Typography/Text.config.js +1 -1
  102. package/css/cjs/index.css +21 -7
  103. package/css/es/components/Avatar/Avatar.config.js +19 -1
  104. package/css/es/components/Avatar/Avatar.config.js.map +1 -1
  105. package/css/es/components/Avatar/Avatar.config_1buqzeq.css +21 -0
  106. package/css/es/components/Avatar/Avatar.css +21 -7
  107. package/css/es/index.css +21 -7
  108. package/es/components/Avatar/Avatar.config.js +23 -5
  109. package/package.json +3 -3
  110. package/rollup.config.mjs +55 -68
  111. package/css/cjs/components/Avatar/Avatar.config_weecw4.css +0 -7
  112. package/css/es/components/Avatar/Avatar.config_weecw4.css +0 -7
  113. package/temp/plasma-b2c.api.md +0 -4534
@@ -1,4 +1,4 @@
1
- require('./Radiobox.config_yaecyo.css');
1
+ import './Radiobox.config_yaecyo.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -1,4 +1,4 @@
1
- require('./Range.config_11qpdn2.css');
1
+ import './Range.config_11qpdn2.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -1,4 +1,4 @@
1
- require('./Rating.config_m8j095.css');
1
+ import './Rating.config_m8j095.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -1,4 +1,4 @@
1
- require('./SegmentGroup.config_8spc9u.css');
1
+ import './SegmentGroup.config_8spc9u.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -1,4 +1,4 @@
1
- require('./SegmentItem.config_11wl5q3.css');
1
+ import './SegmentItem.config_11wl5q3.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -1,4 +1,4 @@
1
- require('./Select.config_1bs7imb.css');
1
+ import './Select.config_1bs7imb.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -7,14 +7,10 @@ var plasmaNewHope = require('@salutejs/plasma-new-hope');
7
7
  var React = require('react');
8
8
  var Select_config = require('./Select.config.js');
9
9
 
10
- function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
11
-
12
- var React__default = /*#__PURE__*/_interopDefault(React);
13
-
14
10
  var mergedConfig = /*#__PURE__*/plasmaNewHope.mergeConfig(plasmaNewHope.selectConfig, Select_config.config);
15
11
  var SelectNewHope = /*#__PURE__*/plasmaNewHope.component(mergedConfig);
16
12
  var SelectComponent = function SelectComponent(props, ref) {
17
- return /*#__PURE__*/React__default.default.createElement(SelectNewHope, _rollupPluginBabelHelpers.extends({
13
+ return /*#__PURE__*/React.createElement(SelectNewHope, _rollupPluginBabelHelpers.extends({
18
14
  ref: ref
19
15
  }, props));
20
16
  };
@@ -1 +1 @@
1
- {"version":3,"file":"Select.js","sources":["../../../../src-css/components/Select/Select.tsx"],"sourcesContent":["import { selectConfig, component, mergeConfig, fixedForwardRef } from '@salutejs/plasma-new-hope';\nimport React, { ComponentProps, ForwardedRef } from 'react';\nimport type {\n DropdownNodeSelect,\n MergedSelectProps as MergedSelectPropsNewHope,\n DistributiveOmit,\n DistributivePick,\n} from '@salutejs/plasma-new-hope';\n\nimport { config } from './Select.config';\n\nconst mergedConfig = mergeConfig(selectConfig, config);\nconst SelectNewHope = component(mergedConfig);\n\ntype SelectProps<T, K extends DropdownNodeSelect> = DistributiveOmit<\n MergedSelectPropsNewHope<T, K>,\n 'size' | 'view' | 'chipView' | 'disabled'\n> &\n DistributivePick<ComponentProps<typeof SelectNewHope>, 'size' | 'view' | 'chipView' | 'disabled'>;\n\nconst SelectComponent = <T, K extends DropdownNodeSelect>(\n props: SelectProps<T, K>,\n ref: ForwardedRef<HTMLButtonElement>,\n) => {\n return <SelectNewHope ref={ref} {...(props as any)} />;\n};\n\nconst Select = fixedForwardRef(SelectComponent);\n\nexport { Select };\n"],"names":["mergedConfig","mergeConfig","selectConfig","config","SelectNewHope","component","SelectComponent","props","ref","React","createElement","_extends","Select","fixedForwardRef"],"mappings":";;;;;;;;;;;;;AAWA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,0BAAY,EAAEC,oBAAM,CAAC,CAAA;AACtD,IAAMC,aAAa,gBAAGC,uBAAS,CAACL,YAAY,CAAC,CAAA;AAQ7C,IAAMM,eAAe,GAAG,SAAlBA,eAAeA,CACjBC,KAAwB,EACxBC,GAAoC,EACnC;AACD,EAAA,oBAAOC,sBAAA,CAAAC,aAAA,CAACN,aAAa,EAAAO,iCAAA,CAAA;AAACH,IAAAA,GAAG,EAAEA,GAAAA;GAAUD,EAAAA,KAAK,CAAW,CAAC,CAAA;AAC1D,CAAC,CAAA;AAED,IAAMK,MAAM,gBAAGC,6BAAe,CAACP,eAAe;;;;"}
1
+ {"version":3,"file":"Select.js","sources":["../../../../src-css/components/Select/Select.tsx"],"sourcesContent":["import { selectConfig, component, mergeConfig, fixedForwardRef } from '@salutejs/plasma-new-hope';\nimport React, { ComponentProps, ForwardedRef } from 'react';\nimport type {\n DropdownNodeSelect,\n MergedSelectProps as MergedSelectPropsNewHope,\n DistributiveOmit,\n DistributivePick,\n} from '@salutejs/plasma-new-hope';\n\nimport { config } from './Select.config';\n\nconst mergedConfig = mergeConfig(selectConfig, config);\nconst SelectNewHope = component(mergedConfig);\n\ntype SelectProps<T, K extends DropdownNodeSelect> = DistributiveOmit<\n MergedSelectPropsNewHope<T, K>,\n 'size' | 'view' | 'chipView' | 'disabled'\n> &\n DistributivePick<ComponentProps<typeof SelectNewHope>, 'size' | 'view' | 'chipView' | 'disabled'>;\n\nconst SelectComponent = <T, K extends DropdownNodeSelect>(\n props: SelectProps<T, K>,\n ref: ForwardedRef<HTMLButtonElement>,\n) => {\n return <SelectNewHope ref={ref} {...(props as any)} />;\n};\n\nconst Select = fixedForwardRef(SelectComponent);\n\nexport { Select };\n"],"names":["mergedConfig","mergeConfig","selectConfig","config","SelectNewHope","component","SelectComponent","props","ref","React","createElement","_extends","Select","fixedForwardRef"],"mappings":";;;;;;;;;AAWA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,0BAAY,EAAEC,oBAAM,CAAC,CAAA;AACtD,IAAMC,aAAa,gBAAGC,uBAAS,CAACL,YAAY,CAAC,CAAA;AAQ7C,IAAMM,eAAe,GAAG,SAAlBA,eAAeA,CACjBC,KAAwB,EACxBC,GAAoC,EACnC;AACD,EAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACN,aAAa,EAAAO,iCAAA,CAAA;AAACH,IAAAA,GAAG,EAAEA,GAAAA;GAAUD,EAAAA,KAAK,CAAW,CAAC,CAAA;AAC1D,CAAC,CAAA;AAED,IAAMK,MAAM,gBAAGC,6BAAe,CAACP,eAAe;;;;"}
@@ -1,4 +1,4 @@
1
- require('./Sheet.config_1anu74e.css');
1
+ import './Sheet.config_1anu74e.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -1,4 +1,4 @@
1
- require('./LineSkeleton.config_1fkfzjy.css');
1
+ import './LineSkeleton.config_1fkfzjy.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -1,4 +1,4 @@
1
- require('./Slider.config_1fdel2j.css');
1
+ import './Slider.config_1fdel2j.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -1,4 +1,4 @@
1
- require('./Spinner.config_kv9h01.css');
1
+ import './Spinner.config_kv9h01.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -1,4 +1,4 @@
1
- require('./Steps.config_4mdg8k.css');
1
+ import './Steps.config_4mdg8k.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -1,4 +1,4 @@
1
- require('./Switch.config_ce8y19.css');
1
+ import './Switch.config_ce8y19.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -7,10 +7,6 @@ var plasmaNewHope = require('@salutejs/plasma-new-hope');
7
7
  var HorizontalTabItem_config = require('./horizontal/HorizontalTabItem.config.js');
8
8
  var VerticalTabItem_config = require('./vertical/VerticalTabItem.config.js');
9
9
 
10
- function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
11
-
12
- var React__default = /*#__PURE__*/_interopDefault(React);
13
-
14
10
  var mergedHorizontalTabItemConfig = /*#__PURE__*/plasmaNewHope.mergeConfig(plasmaNewHope.horizontalTabItemConfig, HorizontalTabItem_config.config);
15
11
  var HorizontalTabItem = /*#__PURE__*/plasmaNewHope.component(mergedHorizontalTabItemConfig);
16
12
  var mergedVerticalTabItemConfig = /*#__PURE__*/plasmaNewHope.mergeConfig(plasmaNewHope.verticalTabItemConfig, VerticalTabItem_config.config);
@@ -23,9 +19,9 @@ var VerticalTabItem = /*#__PURE__*/plasmaNewHope.component(mergedVerticalTabItem
23
19
  */
24
20
  var TabItem = function TabItem(props) {
25
21
  if (props.orientation === 'vertical') {
26
- return /*#__PURE__*/React__default.default.createElement(VerticalTabItem, props);
22
+ return /*#__PURE__*/React.createElement(VerticalTabItem, props);
27
23
  }
28
- return /*#__PURE__*/React__default.default.createElement(HorizontalTabItem, props);
24
+ return /*#__PURE__*/React.createElement(HorizontalTabItem, props);
29
25
  };
30
26
 
31
27
  exports.TabItem = TabItem;
@@ -1 +1 @@
1
- {"version":3,"file":"TabItem.js","sources":["../../../../src-css/components/Tabs/TabItem.tsx"],"sourcesContent":["import React, { ComponentProps, ReactNode } from 'react';\nimport {\n horizontalTabItemConfig,\n verticalTabItemConfig,\n component,\n mergeConfig,\n RightContent,\n BaseTabItemProps,\n} from '@salutejs/plasma-new-hope';\n\nimport { config as horizontalConfig } from './horizontal/HorizontalTabItem.config';\nimport { config as verticalConfig } from './vertical/VerticalTabItem.config';\n\nconst mergedHorizontalTabItemConfig = mergeConfig(horizontalTabItemConfig, horizontalConfig);\nconst HorizontalTabItem = component(mergedHorizontalTabItemConfig);\n\nconst mergedVerticalTabItemConfig = mergeConfig(verticalTabItemConfig, verticalConfig);\nconst VerticalTabItem = component(mergedVerticalTabItemConfig);\n\ntype Sizes = keyof typeof horizontalConfig['variations']['size'];\ntype Views = keyof typeof horizontalConfig['variations']['view'];\n\n// TODO: удалить после отказа от deprecated props\nexport type CustomHorizontalTabItemProps = {\n /**\n * Расположение табов\n */\n orientation?: 'horizontal';\n /**\n * Контент слева\n */\n contentLeft?: ReactNode;\n /**\n * TabItem c округлым border-radius\n * @deprecated\n * @default false\n */\n pilled?: boolean;\n /**\n * Фон TabItem меняется с анимацией\n * @deprecated\n * @default true\n */\n animated?: boolean;\n /**\n * Вид TabItem\n */\n view?: Views;\n /**\n * Размер TabItem\n */\n size?: Sizes;\n /**\n * Активен ли TabItem\n * @deprecated Используйте свойство `selected`\n */\n isActive?: boolean;\n} & RightContent;\n\ntype TabItemProps = (BaseTabItemProps & CustomHorizontalTabItemProps) | ComponentProps<typeof VerticalTabItem>;\n\n/**\n * Элемент списка, недопустимо использовать вне компонента Tabs.\n */\nexport const TabItem = (props: TabItemProps) => {\n if (props.orientation === 'vertical') {\n return <VerticalTabItem {...props} />;\n }\n\n return <HorizontalTabItem {...(props as any)} />;\n};\n"],"names":["mergedHorizontalTabItemConfig","mergeConfig","horizontalTabItemConfig","horizontalConfig","HorizontalTabItem","component","mergedVerticalTabItemConfig","verticalTabItemConfig","verticalConfig","VerticalTabItem","TabItem","props","orientation","React","createElement"],"mappings":";;;;;;;;;;;;;AAaA,IAAMA,6BAA6B,gBAAGC,yBAAW,CAACC,qCAAuB,EAAEC,+BAAgB,CAAC,CAAA;AAC5F,IAAMC,iBAAiB,gBAAGC,uBAAS,CAACL,6BAA6B,CAAC,CAAA;AAElE,IAAMM,2BAA2B,gBAAGL,yBAAW,CAACM,mCAAqB,EAAEC,6BAAc,CAAC,CAAA;AACtF,IAAMC,eAAe,gBAAGJ,uBAAS,CAACC,2BAA2B,CAAC,CAAA;;AAK9D;;AAuCA;AACA;AACA;IACaI,OAAO,GAAG,SAAVA,OAAOA,CAAIC,KAAmB,EAAK;AAC5C,EAAA,IAAIA,KAAK,CAACC,WAAW,KAAK,UAAU,EAAE;AAClC,IAAA,oBAAOC,sBAAA,CAAAC,aAAA,CAACL,eAAe,EAAKE,KAAQ,CAAC,CAAA;AACzC,GAAA;AAEA,EAAA,oBAAOE,sBAAA,CAAAC,aAAA,CAACV,iBAAiB,EAAMO,KAAgB,CAAC,CAAA;AACpD;;;;"}
1
+ {"version":3,"file":"TabItem.js","sources":["../../../../src-css/components/Tabs/TabItem.tsx"],"sourcesContent":["import React, { ComponentProps, ReactNode } from 'react';\nimport {\n horizontalTabItemConfig,\n verticalTabItemConfig,\n component,\n mergeConfig,\n RightContent,\n BaseTabItemProps,\n} from '@salutejs/plasma-new-hope';\n\nimport { config as horizontalConfig } from './horizontal/HorizontalTabItem.config';\nimport { config as verticalConfig } from './vertical/VerticalTabItem.config';\n\nconst mergedHorizontalTabItemConfig = mergeConfig(horizontalTabItemConfig, horizontalConfig);\nconst HorizontalTabItem = component(mergedHorizontalTabItemConfig);\n\nconst mergedVerticalTabItemConfig = mergeConfig(verticalTabItemConfig, verticalConfig);\nconst VerticalTabItem = component(mergedVerticalTabItemConfig);\n\ntype Sizes = keyof typeof horizontalConfig['variations']['size'];\ntype Views = keyof typeof horizontalConfig['variations']['view'];\n\n// TODO: удалить после отказа от deprecated props\nexport type CustomHorizontalTabItemProps = {\n /**\n * Расположение табов\n */\n orientation?: 'horizontal';\n /**\n * Контент слева\n */\n contentLeft?: ReactNode;\n /**\n * TabItem c округлым border-radius\n * @deprecated\n * @default false\n */\n pilled?: boolean;\n /**\n * Фон TabItem меняется с анимацией\n * @deprecated\n * @default true\n */\n animated?: boolean;\n /**\n * Вид TabItem\n */\n view?: Views;\n /**\n * Размер TabItem\n */\n size?: Sizes;\n /**\n * Активен ли TabItem\n * @deprecated Используйте свойство `selected`\n */\n isActive?: boolean;\n} & RightContent;\n\ntype TabItemProps = (BaseTabItemProps & CustomHorizontalTabItemProps) | ComponentProps<typeof VerticalTabItem>;\n\n/**\n * Элемент списка, недопустимо использовать вне компонента Tabs.\n */\nexport const TabItem = (props: TabItemProps) => {\n if (props.orientation === 'vertical') {\n return <VerticalTabItem {...props} />;\n }\n\n return <HorizontalTabItem {...(props as any)} />;\n};\n"],"names":["mergedHorizontalTabItemConfig","mergeConfig","horizontalTabItemConfig","horizontalConfig","HorizontalTabItem","component","mergedVerticalTabItemConfig","verticalTabItemConfig","verticalConfig","VerticalTabItem","TabItem","props","orientation","React","createElement"],"mappings":";;;;;;;;;AAaA,IAAMA,6BAA6B,gBAAGC,yBAAW,CAACC,qCAAuB,EAAEC,+BAAgB,CAAC,CAAA;AAC5F,IAAMC,iBAAiB,gBAAGC,uBAAS,CAACL,6BAA6B,CAAC,CAAA;AAElE,IAAMM,2BAA2B,gBAAGL,yBAAW,CAACM,mCAAqB,EAAEC,6BAAc,CAAC,CAAA;AACtF,IAAMC,eAAe,gBAAGJ,uBAAS,CAACC,2BAA2B,CAAC,CAAA;;AAK9D;;AAuCA;AACA;AACA;IACaI,OAAO,GAAG,SAAVA,OAAOA,CAAIC,KAAmB,EAAK;AAC5C,EAAA,IAAIA,KAAK,CAACC,WAAW,KAAK,UAAU,EAAE;AAClC,IAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACL,eAAe,EAAKE,KAAQ,CAAC,CAAA;AACzC,GAAA;AAEA,EAAA,oBAAOE,KAAA,CAAAC,aAAA,CAACV,iBAAiB,EAAMO,KAAgB,CAAC,CAAA;AACpD;;;;"}
@@ -7,10 +7,6 @@ var plasmaNewHope = require('@salutejs/plasma-new-hope');
7
7
  var HorizontalTabs_config = require('./horizontal/HorizontalTabs.config.js');
8
8
  var VerticalTabs_config = require('./vertical/VerticalTabs.config.js');
9
9
 
10
- function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
11
-
12
- var React__default = /*#__PURE__*/_interopDefault(React);
13
-
14
10
  var mergedHorizontalTabsConfig = /*#__PURE__*/plasmaNewHope.mergeConfig(plasmaNewHope.horizontalTabsConfig, HorizontalTabs_config.config);
15
11
  var mergedVerticalTabsConfig = /*#__PURE__*/plasmaNewHope.mergeConfig(plasmaNewHope.verticalTabsConfig, VerticalTabs_config.config);
16
12
  var HorizontalTabs = /*#__PURE__*/plasmaNewHope.component(mergedHorizontalTabsConfig);
@@ -23,9 +19,9 @@ var VerticalTabs = /*#__PURE__*/plasmaNewHope.component(mergedVerticalTabsConfig
23
19
  */
24
20
  var Tabs = function Tabs(props) {
25
21
  if (props.orientation === 'vertical') {
26
- return /*#__PURE__*/React__default.default.createElement(VerticalTabs, props);
22
+ return /*#__PURE__*/React.createElement(VerticalTabs, props);
27
23
  }
28
- return /*#__PURE__*/React__default.default.createElement(HorizontalTabs, props);
24
+ return /*#__PURE__*/React.createElement(HorizontalTabs, props);
29
25
  };
30
26
 
31
27
  exports.Tabs = Tabs;
@@ -1 +1 @@
1
- {"version":3,"file":"Tabs.js","sources":["../../../../src-css/components/Tabs/Tabs.tsx"],"sourcesContent":["import React, { ComponentProps } from 'react';\nimport {\n horizontalTabsConfig,\n verticalTabsConfig,\n component,\n mergeConfig,\n BaseTabsProps,\n} from '@salutejs/plasma-new-hope';\n\nimport { config as horizontalConfig } from './horizontal/HorizontalTabs.config';\nimport { config as verticalConfig } from './vertical/VerticalTabs.config';\n\nconst mergedHorizontalTabsConfig = mergeConfig(horizontalTabsConfig, horizontalConfig);\nconst mergedVerticalTabsConfig = mergeConfig(verticalTabsConfig, verticalConfig);\n\nconst HorizontalTabs = component(mergedHorizontalTabsConfig);\nconst VerticalTabs = component(mergedVerticalTabsConfig);\n\ntype Sizes = keyof typeof horizontalConfig['variations']['size'];\ntype Views = keyof typeof horizontalConfig['variations']['view'];\n\n// TODO: удалить после отказа от deprecated props\ntype CustomHorizontalTabsProps = {\n /**\n * Расположение табов\n */\n orientation?: 'horizontal';\n /**\n * Наличие divider\n * @default true\n */\n hasDivider?: boolean;\n /**\n * Табы растянуты на доступную область\n * @default false\n */\n stretch?: boolean;\n /**\n * Табы c округлым border-radius\n * @deprecated\n * @default false\n */\n pilled?: boolean;\n /**\n * Вид табов\n */\n view?: Views;\n /**\n * Размер табов\n */\n size?: Sizes;\n /**\n * Уберет скругление с выбранной стороны и подвинет контейнер\n * @deprecated\n */\n outsideScroll?: boolean | { left?: string; right?: string };\n};\n\ntype TabsProps = (BaseTabsProps & CustomHorizontalTabsProps) | ComponentProps<typeof VerticalTabs>;\n\n/**\n * Контейнер вкладок, основной компонент для пользовательской сборки вкладок.\n */\nexport const Tabs = (props: TabsProps) => {\n if (props.orientation === 'vertical') {\n return <VerticalTabs {...props} />;\n }\n\n return <HorizontalTabs {...(props as any)} />;\n};\n"],"names":["mergedHorizontalTabsConfig","mergeConfig","horizontalTabsConfig","horizontalConfig","mergedVerticalTabsConfig","verticalTabsConfig","verticalConfig","HorizontalTabs","component","VerticalTabs","Tabs","props","orientation","React","createElement"],"mappings":";;;;;;;;;;;;;AAYA,IAAMA,0BAA0B,gBAAGC,yBAAW,CAACC,kCAAoB,EAAEC,4BAAgB,CAAC,CAAA;AACtF,IAAMC,wBAAwB,gBAAGH,yBAAW,CAACI,gCAAkB,EAAEC,0BAAc,CAAC,CAAA;AAEhF,IAAMC,cAAc,gBAAGC,uBAAS,CAACR,0BAA0B,CAAC,CAAA;AAC5D,IAAMS,YAAY,gBAAGD,uBAAS,CAACJ,wBAAwB,CAAC,CAAA;;AAKxD;;AAuCA;AACA;AACA;IACaM,IAAI,GAAG,SAAPA,IAAIA,CAAIC,KAAgB,EAAK;AACtC,EAAA,IAAIA,KAAK,CAACC,WAAW,KAAK,UAAU,EAAE;AAClC,IAAA,oBAAOC,sBAAA,CAAAC,aAAA,CAACL,YAAY,EAAKE,KAAQ,CAAC,CAAA;AACtC,GAAA;AAEA,EAAA,oBAAOE,sBAAA,CAAAC,aAAA,CAACP,cAAc,EAAMI,KAAgB,CAAC,CAAA;AACjD;;;;"}
1
+ {"version":3,"file":"Tabs.js","sources":["../../../../src-css/components/Tabs/Tabs.tsx"],"sourcesContent":["import React, { ComponentProps } from 'react';\nimport {\n horizontalTabsConfig,\n verticalTabsConfig,\n component,\n mergeConfig,\n BaseTabsProps,\n} from '@salutejs/plasma-new-hope';\n\nimport { config as horizontalConfig } from './horizontal/HorizontalTabs.config';\nimport { config as verticalConfig } from './vertical/VerticalTabs.config';\n\nconst mergedHorizontalTabsConfig = mergeConfig(horizontalTabsConfig, horizontalConfig);\nconst mergedVerticalTabsConfig = mergeConfig(verticalTabsConfig, verticalConfig);\n\nconst HorizontalTabs = component(mergedHorizontalTabsConfig);\nconst VerticalTabs = component(mergedVerticalTabsConfig);\n\ntype Sizes = keyof typeof horizontalConfig['variations']['size'];\ntype Views = keyof typeof horizontalConfig['variations']['view'];\n\n// TODO: удалить после отказа от deprecated props\ntype CustomHorizontalTabsProps = {\n /**\n * Расположение табов\n */\n orientation?: 'horizontal';\n /**\n * Наличие divider\n * @default true\n */\n hasDivider?: boolean;\n /**\n * Табы растянуты на доступную область\n * @default false\n */\n stretch?: boolean;\n /**\n * Табы c округлым border-radius\n * @deprecated\n * @default false\n */\n pilled?: boolean;\n /**\n * Вид табов\n */\n view?: Views;\n /**\n * Размер табов\n */\n size?: Sizes;\n /**\n * Уберет скругление с выбранной стороны и подвинет контейнер\n * @deprecated\n */\n outsideScroll?: boolean | { left?: string; right?: string };\n};\n\ntype TabsProps = (BaseTabsProps & CustomHorizontalTabsProps) | ComponentProps<typeof VerticalTabs>;\n\n/**\n * Контейнер вкладок, основной компонент для пользовательской сборки вкладок.\n */\nexport const Tabs = (props: TabsProps) => {\n if (props.orientation === 'vertical') {\n return <VerticalTabs {...props} />;\n }\n\n return <HorizontalTabs {...(props as any)} />;\n};\n"],"names":["mergedHorizontalTabsConfig","mergeConfig","horizontalTabsConfig","horizontalConfig","mergedVerticalTabsConfig","verticalTabsConfig","verticalConfig","HorizontalTabs","component","VerticalTabs","Tabs","props","orientation","React","createElement"],"mappings":";;;;;;;;;AAYA,IAAMA,0BAA0B,gBAAGC,yBAAW,CAACC,kCAAoB,EAAEC,4BAAgB,CAAC,CAAA;AACtF,IAAMC,wBAAwB,gBAAGH,yBAAW,CAACI,gCAAkB,EAAEC,0BAAc,CAAC,CAAA;AAEhF,IAAMC,cAAc,gBAAGC,uBAAS,CAACR,0BAA0B,CAAC,CAAA;AAC5D,IAAMS,YAAY,gBAAGD,uBAAS,CAACJ,wBAAwB,CAAC,CAAA;;AAKxD;;AAuCA;AACA;AACA;IACaM,IAAI,GAAG,SAAPA,IAAIA,CAAIC,KAAgB,EAAK;AACtC,EAAA,IAAIA,KAAK,CAACC,WAAW,KAAK,UAAU,EAAE;AAClC,IAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACL,YAAY,EAAKE,KAAQ,CAAC,CAAA;AACtC,GAAA;AAEA,EAAA,oBAAOE,KAAA,CAAAC,aAAA,CAACP,cAAc,EAAMI,KAAgB,CAAC,CAAA;AACjD;;;;"}
@@ -1,4 +1,4 @@
1
- require('./HorizontalTabItem.config_w27edn.css');
1
+ import './HorizontalTabItem.config_w27edn.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -1,4 +1,4 @@
1
- require('./HorizontalTabs.config_udb25v.css');
1
+ import './HorizontalTabs.config_udb25v.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -1,4 +1,4 @@
1
- require('./VerticalTabItem.config_qf7yzk.css');
1
+ import './VerticalTabItem.config_qf7yzk.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -1,4 +1,4 @@
1
- require('./VerticalTabs.config_cqbb3f.css');
1
+ import './VerticalTabs.config_cqbb3f.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -1,4 +1,4 @@
1
- require('./TextArea.config_1bnayxn.css');
1
+ import './TextArea.config_1bnayxn.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -1,4 +1,4 @@
1
- require('./TextField.config_g1cywa.css');
1
+ import './TextField.config_g1cywa.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -7,10 +7,6 @@ var React = require('react');
7
7
  var plasmaNewHope = require('@salutejs/plasma-new-hope');
8
8
  var TextField_config = require('./TextField.config.js');
9
9
 
10
- function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
11
-
12
- var React__default = /*#__PURE__*/_interopDefault(React);
13
-
14
10
  var _excluded = ["view", "status", "required", "requiredPlacement", "optional", "label", "labelPlacement", "keepPlaceholder", "caption", "placeholder", "helperText", "hintText", "enumerationType", "chips", "chipView", "chipValidator", "onSearch", "onChangeChips", "chipType"];
15
11
  var mergedConfig = /*#__PURE__*/plasmaNewHope.mergeConfig(plasmaNewHope.textFieldConfig, TextField_config.config);
16
12
  var TextFieldComponent = /*#__PURE__*/plasmaNewHope.component(mergedConfig);
@@ -73,7 +69,7 @@ var TextField = /*#__PURE__*/React.forwardRef(function (props, ref) {
73
69
  optional: optional
74
70
  };
75
71
  if (enumerationType === 'chip') {
76
- return /*#__PURE__*/React__default.default.createElement(TextFieldComponent, _rollupPluginBabelHelpers.extends({}, rest, requiredProps, labelProps, {
72
+ return /*#__PURE__*/React.createElement(TextFieldComponent, _rollupPluginBabelHelpers.extends({}, rest, requiredProps, labelProps, {
77
73
  view: _view,
78
74
  placeholder: _placeholder,
79
75
  leftHelper: helperText,
@@ -87,7 +83,7 @@ var TextField = /*#__PURE__*/React.forwardRef(function (props, ref) {
87
83
  chipType: chipType
88
84
  }));
89
85
  }
90
- return /*#__PURE__*/React__default.default.createElement(TextFieldComponent, _rollupPluginBabelHelpers.extends({}, rest, requiredProps, labelProps, {
86
+ return /*#__PURE__*/React.createElement(TextFieldComponent, _rollupPluginBabelHelpers.extends({}, rest, requiredProps, labelProps, {
91
87
  view: _view,
92
88
  placeholder: _placeholder,
93
89
  leftHelper: helperText,
@@ -1 +1 @@
1
- {"version":3,"file":"TextField.js","sources":["../../../../src-css/components/TextField/TextField.tsx"],"sourcesContent":["import React, { ComponentProps, forwardRef, ReactNode } from 'react';\nimport type { TextFieldProps } from '@salutejs/plasma-hope';\nimport { textFieldConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\nimport type { PopoverPlacement, PopoverPlacementBasic } from '@salutejs/plasma-new-hope';\n\nimport { config } from './TextField.config';\n\nconst mergedConfig = mergeConfig(textFieldConfig, config);\nexport const TextFieldComponent = component(mergedConfig);\n\ntype newHopeTextFieldProps = ComponentProps<typeof TextFieldComponent>;\n\ntype ClearProps =\n | {\n /**\n * view применяется с clear-токенами\n */\n clear?: boolean;\n /**\n * отобразить ли divider\n */\n hasDivider?: boolean;\n }\n | {\n /**\n * view применяется с clear-токенами\n */\n clear?: false;\n /**\n * отобразить ли divider\n */\n hasDivider?: never;\n };\n\ntype HintProps =\n | {\n /**\n * Текст тултипа\n */\n hintText: string;\n /**\n * Способ открытия тултипа - наведение или клик мышью\n */\n hintTrigger?: 'hover' | 'click';\n /**\n * Вид тултипа\n */\n hintView?: 'default';\n /**\n * Размер тултипа\n */\n hintSize?: 's' | 'm';\n /**\n * Элемент, рядом с которым произойдет вызов всплывающего окна.\n * Если свойство не задано, применится иконка по умолчанию.\n */\n hintTarget?: ReactNode;\n /**\n * Направление раскрытия тултипа.\n */\n hintPlacement?: PopoverPlacement | Array<PopoverPlacementBasic>;\n /**\n * Видимость стрелки (хвоста).\n */\n hintHasArrow?: boolean;\n /**\n * Отступ окна относительно элемента, у которого оно вызвано.\n * @default\n * [0, 8]\n */\n hintOffset?: [number, number];\n /**\n * Ширина окна (в rem).\n */\n hintWidth?: string;\n /**\n * Слот для контента слева, например `Icon`.\n */\n hintContentLeft?: ReactNode;\n }\n | {\n hintTrigger?: never;\n hintText?: never;\n hintView?: never;\n hintSize?: never;\n hintTarget?: never;\n hintPlacement?: never;\n hintHasArrow?: never;\n hintOffset?: never;\n hintWidth?: never;\n hintContentLeft?: never;\n };\n\nexport type CustomTextFieldProps = Omit<TextFieldProps, 'helperText'> & {\n /**\n * Подсказка для поля ввода.\n */\n helperText?: ReactNode;\n} & Pick<\n newHopeTextFieldProps,\n | 'enumerationType'\n | 'chips'\n | 'chipType'\n | 'onChangeChips'\n | 'titleCaption'\n | 'labelPlacement'\n | 'keepPlaceholder'\n | 'required'\n | 'requiredPlacement'\n | 'optional'\n | 'chipView'\n | 'chipValidator'\n > &\n ClearProps &\n HintProps;\n\nconst statusToView: Record<NonNullable<TextFieldProps['status']>, NonNullable<newHopeTextFieldProps['view']>> = {\n success: 'positive',\n warning: 'warning',\n error: 'negative',\n};\n\nconst viewToLabelPlacement: Record<\n NonNullable<TextFieldProps['view']>,\n NonNullable<newHopeTextFieldProps['labelPlacement']>\n> = {\n default: 'outer',\n innerLabel: 'inner',\n};\n\n/**\n * Поле ввода текста.\n */\nexport const TextField = forwardRef<HTMLInputElement, CustomTextFieldProps>((props, ref) => {\n const {\n view,\n status,\n\n required,\n requiredPlacement,\n optional,\n label,\n labelPlacement,\n keepPlaceholder,\n caption,\n placeholder,\n helperText,\n hintText,\n\n enumerationType,\n chips,\n chipView,\n chipValidator,\n onSearch,\n onChangeChips,\n chipType,\n\n ...rest\n } = props;\n\n /** TODO: https://github.com/salute-developers/plasma/issues/1064 Remove In plasma-2.0 */\n /* eslint-disable no-underscore-dangle */\n const _view = status ? statusToView[status] : 'default';\n let _labelPlacement = view ? viewToLabelPlacement[view] : 'outer';\n let _label = label ? String(label) : caption;\n let _placeholder = placeholder;\n // NOTE: rest.size https://github.com/salute-developers/plasma/issues/961\n // if size is undefined <TextFieldComp size={size} /> would not use defaults\n if (rest.size === 'xs' && _labelPlacement === 'inner' && !keepPlaceholder) {\n _placeholder = _label;\n _label = undefined;\n _labelPlacement = 'outer';\n }\n\n const labelProps = {\n label: _label,\n labelPlacement: _labelPlacement,\n keepPlaceholder,\n };\n\n const requiredProps = required\n ? {\n required,\n requiredPlacement,\n }\n : {\n optional,\n };\n\n if (enumerationType === 'chip') {\n return (\n <TextFieldComponent\n {...rest}\n {...requiredProps}\n {...labelProps}\n view={_view}\n placeholder={_placeholder}\n leftHelper={helperText}\n ref={ref}\n enumerationType=\"chip\"\n chips={chips}\n chipView={chipView}\n chipValidator={chipValidator}\n hintText={String(hintText || '')}\n onChangeChips={onChangeChips}\n chipType={chipType}\n />\n );\n }\n\n return (\n <TextFieldComponent\n {...rest}\n {...requiredProps}\n {...labelProps}\n view={_view}\n placeholder={_placeholder}\n leftHelper={helperText}\n ref={ref}\n enumerationType=\"plain\"\n hintText={String(hintText || '')}\n onSearch={onSearch}\n />\n );\n});\n"],"names":["mergedConfig","mergeConfig","textFieldConfig","config","TextFieldComponent","component","statusToView","success","warning","error","viewToLabelPlacement","innerLabel","TextField","forwardRef","props","ref","view","status","required","requiredPlacement","optional","label","keepPlaceholder","caption","placeholder","helperText","hintText","enumerationType","chips","chipView","chipValidator","onSearch","onChangeChips","chipType","rest","_objectWithoutProperties","_excluded","_view","_labelPlacement","_label","String","_placeholder","size","undefined","labelProps","labelPlacement","requiredProps","React","createElement","_extends","leftHelper"],"mappings":"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"}
1
+ {"version":3,"file":"TextField.js","sources":["../../../../src-css/components/TextField/TextField.tsx"],"sourcesContent":["import React, { ComponentProps, forwardRef, ReactNode } from 'react';\nimport type { TextFieldProps } from '@salutejs/plasma-hope';\nimport { textFieldConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\nimport type { PopoverPlacement, PopoverPlacementBasic } from '@salutejs/plasma-new-hope';\n\nimport { config } from './TextField.config';\n\nconst mergedConfig = mergeConfig(textFieldConfig, config);\nexport const TextFieldComponent = component(mergedConfig);\n\ntype newHopeTextFieldProps = ComponentProps<typeof TextFieldComponent>;\n\ntype ClearProps =\n | {\n /**\n * view применяется с clear-токенами\n */\n clear?: boolean;\n /**\n * отобразить ли divider\n */\n hasDivider?: boolean;\n }\n | {\n /**\n * view применяется с clear-токенами\n */\n clear?: false;\n /**\n * отобразить ли divider\n */\n hasDivider?: never;\n };\n\ntype HintProps =\n | {\n /**\n * Текст тултипа\n */\n hintText: string;\n /**\n * Способ открытия тултипа - наведение или клик мышью\n */\n hintTrigger?: 'hover' | 'click';\n /**\n * Вид тултипа\n */\n hintView?: 'default';\n /**\n * Размер тултипа\n */\n hintSize?: 's' | 'm';\n /**\n * Элемент, рядом с которым произойдет вызов всплывающего окна.\n * Если свойство не задано, применится иконка по умолчанию.\n */\n hintTarget?: ReactNode;\n /**\n * Направление раскрытия тултипа.\n */\n hintPlacement?: PopoverPlacement | Array<PopoverPlacementBasic>;\n /**\n * Видимость стрелки (хвоста).\n */\n hintHasArrow?: boolean;\n /**\n * Отступ окна относительно элемента, у которого оно вызвано.\n * @default\n * [0, 8]\n */\n hintOffset?: [number, number];\n /**\n * Ширина окна (в rem).\n */\n hintWidth?: string;\n /**\n * Слот для контента слева, например `Icon`.\n */\n hintContentLeft?: ReactNode;\n }\n | {\n hintTrigger?: never;\n hintText?: never;\n hintView?: never;\n hintSize?: never;\n hintTarget?: never;\n hintPlacement?: never;\n hintHasArrow?: never;\n hintOffset?: never;\n hintWidth?: never;\n hintContentLeft?: never;\n };\n\nexport type CustomTextFieldProps = Omit<TextFieldProps, 'helperText'> & {\n /**\n * Подсказка для поля ввода.\n */\n helperText?: ReactNode;\n} & Pick<\n newHopeTextFieldProps,\n | 'enumerationType'\n | 'chips'\n | 'chipType'\n | 'onChangeChips'\n | 'titleCaption'\n | 'labelPlacement'\n | 'keepPlaceholder'\n | 'required'\n | 'requiredPlacement'\n | 'optional'\n | 'chipView'\n | 'chipValidator'\n > &\n ClearProps &\n HintProps;\n\nconst statusToView: Record<NonNullable<TextFieldProps['status']>, NonNullable<newHopeTextFieldProps['view']>> = {\n success: 'positive',\n warning: 'warning',\n error: 'negative',\n};\n\nconst viewToLabelPlacement: Record<\n NonNullable<TextFieldProps['view']>,\n NonNullable<newHopeTextFieldProps['labelPlacement']>\n> = {\n default: 'outer',\n innerLabel: 'inner',\n};\n\n/**\n * Поле ввода текста.\n */\nexport const TextField = forwardRef<HTMLInputElement, CustomTextFieldProps>((props, ref) => {\n const {\n view,\n status,\n\n required,\n requiredPlacement,\n optional,\n label,\n labelPlacement,\n keepPlaceholder,\n caption,\n placeholder,\n helperText,\n hintText,\n\n enumerationType,\n chips,\n chipView,\n chipValidator,\n onSearch,\n onChangeChips,\n chipType,\n\n ...rest\n } = props;\n\n /** TODO: https://github.com/salute-developers/plasma/issues/1064 Remove In plasma-2.0 */\n /* eslint-disable no-underscore-dangle */\n const _view = status ? statusToView[status] : 'default';\n let _labelPlacement = view ? viewToLabelPlacement[view] : 'outer';\n let _label = label ? String(label) : caption;\n let _placeholder = placeholder;\n // NOTE: rest.size https://github.com/salute-developers/plasma/issues/961\n // if size is undefined <TextFieldComp size={size} /> would not use defaults\n if (rest.size === 'xs' && _labelPlacement === 'inner' && !keepPlaceholder) {\n _placeholder = _label;\n _label = undefined;\n _labelPlacement = 'outer';\n }\n\n const labelProps = {\n label: _label,\n labelPlacement: _labelPlacement,\n keepPlaceholder,\n };\n\n const requiredProps = required\n ? {\n required,\n requiredPlacement,\n }\n : {\n optional,\n };\n\n if (enumerationType === 'chip') {\n return (\n <TextFieldComponent\n {...rest}\n {...requiredProps}\n {...labelProps}\n view={_view}\n placeholder={_placeholder}\n leftHelper={helperText}\n ref={ref}\n enumerationType=\"chip\"\n chips={chips}\n chipView={chipView}\n chipValidator={chipValidator}\n hintText={String(hintText || '')}\n onChangeChips={onChangeChips}\n chipType={chipType}\n />\n );\n }\n\n return (\n <TextFieldComponent\n {...rest}\n {...requiredProps}\n {...labelProps}\n view={_view}\n placeholder={_placeholder}\n leftHelper={helperText}\n ref={ref}\n enumerationType=\"plain\"\n hintText={String(hintText || '')}\n onSearch={onSearch}\n />\n );\n});\n"],"names":["mergedConfig","mergeConfig","textFieldConfig","config","TextFieldComponent","component","statusToView","success","warning","error","viewToLabelPlacement","innerLabel","TextField","forwardRef","props","ref","view","status","required","requiredPlacement","optional","label","keepPlaceholder","caption","placeholder","helperText","hintText","enumerationType","chips","chipView","chipValidator","onSearch","onChangeChips","chipType","rest","_objectWithoutProperties","_excluded","_view","_labelPlacement","_label","String","_placeholder","size","undefined","labelProps","labelPlacement","requiredProps","React","createElement","_extends","leftHelper"],"mappings":"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"}
@@ -1,4 +1,4 @@
1
- require('./TextFieldGroup.config_1gikqtw.css');
1
+ import './TextFieldGroup.config_1gikqtw.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -1,4 +1,4 @@
1
- require('./Toast.config_1g4td0o.css');
1
+ import './Toast.config_1g4td0o.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -1,4 +1,4 @@
1
- require('./Toolbar.config_1yum23z.css');
1
+ import './Toolbar.config_1yum23z.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -1,4 +1,4 @@
1
- require('./Tooltip.config_19fazns.css');
1
+ import './Tooltip.config_19fazns.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -1,4 +1,4 @@
1
- require('./Tree.config_1adspmr.css');
1
+ import './Tree.config_1adspmr.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -1,4 +1,4 @@
1
- require('./Body.config_endr2e.css');
1
+ import './Body.config_endr2e.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -1,4 +1,4 @@
1
- require('./Dspl.config_owrt7v.css');
1
+ import './Dspl.config_owrt7v.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -1,4 +1,4 @@
1
- require('./Heading.config_1fd36gz.css');
1
+ import './Heading.config_1fd36gz.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -1,4 +1,4 @@
1
- require('./Body.config_mvxlwy.css');
1
+ import './Body.config_mvxlwy.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -1,4 +1,4 @@
1
- require('./Button.config_362uoc.css');
1
+ import './Button.config_362uoc.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -1,4 +1,4 @@
1
- require('./Caption.config_1ov5r6f.css');
1
+ import './Caption.config_1ov5r6f.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -1,4 +1,4 @@
1
- require('./Footnote.config_i1jfb5.css');
1
+ import './Footnote.config_i1jfb5.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -1,4 +1,4 @@
1
- require('./Headline.config_aske57.css');
1
+ import './Headline.config_aske57.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -1,4 +1,4 @@
1
- require('./Paragraph.config_50i2at.css');
1
+ import './Paragraph.config_50i2at.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -1,4 +1,4 @@
1
- require('./ParagraphText.config_4temfp.css');
1
+ import './ParagraphText.config_4temfp.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -1,4 +1,4 @@
1
- require('./Subtitle.config_mpskj3.css');
1
+ import './Subtitle.config_mpskj3.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -1,4 +1,4 @@
1
- require('./Underline.config_yq6b5e.css');
1
+ import './Underline.config_yq6b5e.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -1,4 +1,4 @@
1
- require('./Text.config_ta1h5z.css');
1
+ import './Text.config_ta1h5z.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
package/css/cjs/index.css CHANGED
@@ -39,13 +39,27 @@
39
39
  .Autocomplete_config_d1pl07_t1rats1y__86be3e58{--plasma-autocomplete-textfield-disabled-opacity:0.4;}
40
40
  .Autocomplete_config_d1pl07_tzs7164__86be3e58{--plasma-autocomplete-textfield-color-readonly:var(--text-secondary);--plasma-autocomplete-textfield-bg-color-readonly:var(--surface-transparent-primary);--plasma-autocomplete-textfield-placeholder-color-readonly:var(--text-secondary);--plasma-autocomplete-textfield-left-helper-color-readonly:var(--text-secondary);--plasma-autocomplete-textfield-label-color-readonly:var(--text-secondary);--plasma-autocomplete-textfield-divider-color-readonly:var(--surface-transparent-primary);}
41
41
 
42
- .Avatar_config_weecw4_d1wlf450__718d4a45{--plasma-avatar-color:var(--text-accent-gradient);--plasma-avatar-background:linear-gradient(94deg,rgba(62,121,240,0.2) 6.49%,rgba(39,198,229,0.2) 93.51%);--plasma-avatar-status-online-background:var(--surface-positive);--plasma-avatar-status-offline-background:var(--surface-solid-tertiary);--plasma-avatar-scale-hover:1.02;--plasma-avatar-font-family:var(--plasma-typo-text-font-family);}
43
- .Avatar_config_weecw4_x1ntw407__718d4a45{--plasma-avatar-size:6.25rem;--plasma-avatar-font-size:2rem;--plasma-avatar-font-weight:600;--plasma-avatar-line-height:2rem;--plasma-status-icon-size:0.75rem;}
44
- .Avatar_config_weecw4_l3mxzec__718d4a45{--plasma-avatar-size:3rem;--plasma-avatar-font-size:1.25rem;--plasma-avatar-font-weight:600;--plasma-avatar-line-height:1.25rem;--plasma-status-icon-size:0.5rem;}
45
- .Avatar_config_weecw4_m1tqy9r4__718d4a45{--plasma-avatar-size:2.25rem;--plasma-avatar-font-size:0.875rem;--plasma-avatar-font-weight:600;--plasma-avatar-line-height:0.875rem;--plasma-status-icon-size:0.5rem;}
46
- .Avatar_config_weecw4_s110gq94__718d4a45{--plasma-avatar-size:1.5rem;--plasma-avatar-font-size:0.5rem;--plasma-avatar-font-weight:600;--plasma-avatar-line-height:0.5rem;--plasma-status-icon-size:0.375rem;}
47
- .Avatar_config_weecw4_f3cx8li__718d4a45{--plasma-avatar-size:100%;--plasma-avatar-font-size:0;--plasma-avatar-font-weight:0;--plasma-avatar-line-height:0;--plasma-status-icon-size:0;}
48
- .Avatar_config_weecw4_t12fbiph__718d4a45{--plasma-avatar-outline-size:0.1rem;--plasma-avatar-outline-offset:-0.2rem;--plasma-avatar-outline-color:var(--surface-accent);}
42
+ .Avatar_config_1buqzeq_d1wlf450__1b050186{--plasma-avatar-color:var(--text-accent-gradient);--plasma-avatar-background:linear-gradient(94deg,rgba(62,121,240,0.2) 6.49%,rgba(39,198,229,0.2) 93.51%);--plasma-avatar-status-online-background:var(--surface-positive);--plasma-avatar-status-offline-background:var(--surface-solid-tertiary);--plasma-avatar-scale-hover:1.02;--plasma-avatar-font-family:var(--plasma-typo-text-font-family);}
43
+ .Avatar_config_1buqzeq_x1ntw407__1b050186{--plasma-avatar-size:6.25rem;--plasma-avatar-font-size:2rem;--plasma-avatar-font-weight:600;--plasma-avatar-line-height:2rem;--plasma-status-icon-size:0.75rem;--plasma-avatar-extra-badge-border-radius:0.5rem;--plasma-avatar-extra-badge-height:1.75rem;--plasma-avatar-extra-badge-padding:0 0.688rem;--plasma-avatar-extra-badge-padding-icon-only:0 0.375rem;--plasma-avatar-extra-badge-font-family:var(--plasma-typo-body-s-font-family);--plasma-avatar-extra-badge-font-size:var(--plasma-typo-body-s-font-size);--plasma-avatar-extra-badge-font-style:var(--plasma-typo-body-s-font-style);--plasma-avatar-extra-badge-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-avatar-extra-badge-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-avatar-extra-badge-lineheight:var(--plasma-typo-body-s-line-height);--plasma-avatar-extra-badge-left-content-margin-left:-0.063rem;--plasma-avatar-extra-badge-left-content-margin-right:0.25rem;--plasma-avatar-extra-badge-right-content-margin-left:0.25rem;--plasma-avatar-extra-badge-right-content-margin-right:-0.063rem;--plasma-avatar-extra-badge-pilled-border-radius:1.25rem;--plasma-avatar-extra-counter-border-radius:1rem;--plasma-avatar-extra-counter-height:1.75rem;--plasma-avatar-extra-counter-padding:0 0.625rem;--plasma-avatar-extra-counter-font-family:var(--plasma-typo-body-s-font-family);--plasma-avatar-extra-counter-font-size:var(--plasma-typo-body-s-font-size);--plasma-avatar-extra-counter-font-style:var(--plasma-typo-body-s-font-style);--plasma-avatar-extra-counter-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-avatar-extra-counter-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-avatar-extra-counter-lineheight:var(--plasma-typo-body-s-line-height);}
44
+ .Avatar_config_1buqzeq_l3mxzec__1b050186{--plasma-avatar-size:3rem;--plasma-avatar-font-size:1.25rem;--plasma-avatar-font-weight:600;--plasma-avatar-line-height:1.25rem;--plasma-status-icon-size:0.5rem;--plasma-avatar-extra-placement-factor:2;--plasma-avatar-extra-badge-border-radius:0.375rem;--plasma-avatar-extra-badge-height:1.25rem;--plasma-avatar-extra-badge-padding:0 0.438rem;--plasma-avatar-extra-badge-padding-icon-only:0 0.25rem;--plasma-avatar-extra-badge-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-avatar-extra-badge-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-avatar-extra-badge-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-avatar-extra-badge-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-avatar-extra-badge-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-avatar-extra-badge-lineheight:var(--plasma-typo-body-xxs-line-height);--plasma-avatar-extra-badge-left-content-margin-left:-0.063rem;--plasma-avatar-extra-badge-left-content-margin-right:0.125rem;--plasma-avatar-extra-badge-right-content-margin-left:0.125rem;--plasma-avatar-extra-badge-right-content-margin-right:-0.063rem;--plasma-avatar-extra-badge-pilled-border-radius:1.25rem;--plasma-avatar-extra-counter-border-radius:1rem;--plasma-avatar-extra-counter-height:1.25rem;--plasma-avatar-extra-counter-padding:0 0.375rem;--plasma-avatar-extra-counter-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-avatar-extra-counter-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-avatar-extra-counter-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-avatar-extra-counter-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-avatar-extra-counter-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-avatar-extra-counter-lineheight:var(--plasma-typo-body-xxs-line-height);}
45
+ .Avatar_config_1buqzeq_m1tqy9r4__1b050186{--plasma-avatar-size:2.25rem;--plasma-avatar-font-size:0.875rem;--plasma-avatar-font-weight:600;--plasma-avatar-line-height:0.875rem;--plasma-status-icon-size:0.5rem;--plasma-avatar-extra-placement-factor:2;--plasma-avatar-extra-badge-border-radius:0.25rem;--plasma-avatar-extra-badge-height:1rem;--plasma-avatar-extra-badge-padding:0 0.25rem;--plasma-avatar-extra-badge-padding-icon-only:0 0.188rem;--plasma-avatar-extra-badge-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-avatar-extra-badge-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-avatar-extra-badge-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-avatar-extra-badge-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-avatar-extra-badge-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-avatar-extra-badge-lineheight:var(--plasma-typo-body-xxs-line-height);--plasma-avatar-extra-badge-left-content-margin-left:-0.063rem;--plasma-avatar-extra-badge-left-content-margin-right:0.125rem;--plasma-avatar-extra-badge-right-content-margin-left:0.125rem;--plasma-avatar-extra-badge-right-content-margin-right:-0.063rem;--plasma-avatar-extra-badge-pilled-border-radius:1.25rem;--plasma-avatar-extra-counter-border-radius:1rem;--plasma-avatar-extra-counter-height:1rem;--plasma-avatar-extra-counter-padding:0 0.25rem;--plasma-avatar-extra-counter-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-avatar-extra-counter-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-avatar-extra-counter-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-avatar-extra-counter-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-avatar-extra-counter-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-avatar-extra-counter-lineheight:var(--plasma-typo-body-xxs-line-height);}
46
+ .Avatar_config_1buqzeq_s110gq94__1b050186{--plasma-avatar-size:1.5rem;--plasma-avatar-font-size:0.5rem;--plasma-avatar-font-weight:600;--plasma-avatar-line-height:0.5rem;--plasma-status-icon-size:0.375rem;--plasma-avatar-extra-placement-factor:1;--plasma-avatar-extra-counter-border-radius:1rem;--plasma-avatar-extra-counter-height:0.75rem;--plasma-avatar-extra-counter-padding:0 0.125rem;--plasma-avatar-extra-counter-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-avatar-extra-counter-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-avatar-extra-counter-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-avatar-extra-counter-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-avatar-extra-counter-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-avatar-extra-counter-lineheight:var(--plasma-typo-body-xxs-line-height);}
47
+ .Avatar_config_1buqzeq_f3cx8li__1b050186{--plasma-avatar-size:100%;--plasma-avatar-font-size:0;--plasma-avatar-font-weight:0;--plasma-avatar-line-height:0;--plasma-status-icon-size:0;}
48
+ .Avatar_config_1buqzeq_t12fbiph__1b050186{--plasma-avatar-outline-size:0.1rem;--plasma-avatar-outline-offset:-0.2rem;--plasma-avatar-outline-color:var(--surface-accent);}
49
+ .Avatar_config_1buqzeq_d1v24dm1__1b050186{--plasma-avatar-extra-badge-color:var(--inverse-text-primary);--plasma-avatar-extra-badge-background:var(--surface-solid-default);--plasma-avatar-extra-badge-color-transparent:var(--text-primary);--plasma-avatar-extra-badge-background-transparent:var(--surface-transparent-secondary);--plasma-avatar-extra-badge-color-clear:var(--text-primary);--plasma-avatar-extra-badge-background-clear:var(--surface-clear);}
50
+ .Avatar_config_1buqzeq_aklmhlm__1b050186{--plasma-avatar-extra-badge-color:var(--on-dark-text-primary);--plasma-avatar-extra-badge-background:var(--surface-accent);--plasma-avatar-extra-badge-color-transparent:var(--text-accent);--plasma-avatar-extra-badge-background-transparent:var(--surface-transparent-accent);--plasma-avatar-extra-badge-color-clear:var(--text-accent);--plasma-avatar-extra-badge-background-clear:var(--surface-clear);}
51
+ .Avatar_config_1buqzeq_pts1qri__1b050186{--plasma-avatar-extra-badge-color:var(--on-dark-text-primary);--plasma-avatar-extra-badge-background:var(--surface-positive);--plasma-avatar-extra-badge-color-transparent:var(--text-positive);--plasma-avatar-extra-badge-background-transparent:var(--surface-transparent-positive);--plasma-avatar-extra-badge-color-clear:var(--text-positive);--plasma-avatar-extra-badge-background-clear:var(--surface-clear);}
52
+ .Avatar_config_1buqzeq_wu8qekr__1b050186{--plasma-avatar-extra-badge-color:var(--on-dark-text-primary);--plasma-avatar-extra-badge-background:var(--surface-warning);--plasma-avatar-extra-badge-color-transparent:var(--text-warning);--plasma-avatar-extra-badge-background-transparent:var(--surface-transparent-warning);--plasma-avatar-extra-badge-color-clear:var(--text-warning);--plasma-avatar-extra-badge-background-clear:var(--surface-clear);}
53
+ .Avatar_config_1buqzeq_nc00x8o__1b050186{--plasma-avatar-extra-badge-color:var(--on-dark-text-primary);--plasma-avatar-extra-badge-background:var(--surface-negative);--plasma-avatar-extra-badge-color-transparent:var(--text-negative);--plasma-avatar-extra-badge-background-transparent:var(--surface-transparent-negative);--plasma-avatar-extra-badge-color-clear:var(--text-negative);--plasma-avatar-extra-badge-background-clear:var(--surface-clear);}
54
+ .Avatar_config_1buqzeq_d4vpurz__1b050186{--plasma-avatar-extra-badge-color:var(--on-dark-text-primary);--plasma-avatar-extra-badge-background:var(--on-light-surface-solid-default);--plasma-avatar-extra-badge-color-transparent:var(--on-dark-text-primary);--plasma-avatar-extra-badge-background-transparent:var(--on-light-surface-transparent-deep);--plasma-avatar-extra-badge-color-clear:var(--on-light-text-primary);--plasma-avatar-extra-badge-background-clear:var(--surface-clear);}
55
+ .Avatar_config_1buqzeq_lh713v8__1b050186{--plasma-avatar-extra-badge-color:var(--on-light-text-primary);--plasma-avatar-extra-badge-background:var(--on-dark-surface-solid-default);--plasma-avatar-extra-badge-color-transparent:var(--on-dark-text-primary);--plasma-avatar-extra-badge-background-transparent:var(--on-dark-surface-transparent-card);--plasma-avatar-extra-badge-color-clear:var(--on-dark-text-primary);--plasma-avatar-extra-badge-background-clear:var(--surface-clear);}
56
+ .Avatar_config_1buqzeq_d18xlm4d__1b050186{--plasma-avatar-extra-counter-color:var(--inverse-text-primary);--plasma-avatar-extra-counter-background:var(--surface-solid-default);}
57
+ .Avatar_config_1buqzeq_a19kwqy5__1b050186{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary);--plasma-avatar-extra-counter-background:var(--surface-accent);}
58
+ .Avatar_config_1buqzeq_p1jpkhmc__1b050186{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary);--plasma-avatar-extra-counter-background:var(--surface-positive);}
59
+ .Avatar_config_1buqzeq_w1rt05zb__1b050186{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary);--plasma-avatar-extra-counter-background:var(--surface-warning);}
60
+ .Avatar_config_1buqzeq_n18uzb5o__1b050186{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary);--plasma-avatar-extra-counter-background:var(--surface-negative);}
61
+ .Avatar_config_1buqzeq_dwmydiz__1b050186{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary);--plasma-avatar-extra-counter-background:var(--on-light-surface-solid-default);}
62
+ .Avatar_config_1buqzeq_l84jq18__1b050186{--plasma-avatar-extra-counter-color:var(--on-light-text-primary);--plasma-avatar-extra-counter-background:var(--on-dark-surface-solid-default);}
49
63
 
50
64
  .Badge_config_j8iuvb_d1jjv431__b2cba502{--plasma-badge-color:var(--inverse-text-primary);--plasma-badge-background:var(--surface-solid-default);--plasma-badge-color-transparent:var(--text-primary);--plasma-badge-background-transparent:var(--surface-transparent-secondary);--plasma-badge-color-clear:var(--text-primary);}
51
65
  .Badge_config_j8iuvb_a19urrnd__b2cba502{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--surface-accent);--plasma-badge-color-transparent:var(--text-accent);--plasma-badge-background-transparent:var(--surface-transparent-accent);--plasma-badge-color-clear:var(--text-accent);}
@@ -1,4 +1,4 @@
1
- import './Avatar.config_weecw4.css';
1
+ import './Avatar.config_1buqzeq.css';
2
2
  var config = {
3
3
  defaults: {
4
4
  view: 'default',
@@ -18,6 +18,24 @@ var config = {
18
18
  },
19
19
  focused: {
20
20
  "true": "t12fbiph"
21
+ },
22
+ badgeView: {
23
+ "default": "d1v24dm1",
24
+ accent: "aklmhlm",
25
+ positive: "pts1qri",
26
+ warning: "wu8qekr",
27
+ negative: "nc00x8o",
28
+ dark: "d4vpurz",
29
+ light: "lh713v8"
30
+ },
31
+ counterView: {
32
+ "default": "d18xlm4d",
33
+ accent: "a19kwqy5",
34
+ positive: "p1jpkhmc",
35
+ warning: "w1rt05zb",
36
+ negative: "n18uzb5o",
37
+ dark: "dwmydiz",
38
+ light: "l84jq18"
21
39
  }
22
40
  }
23
41
  };
@@ -1 +1 @@
1
- {"version":3,"file":"Avatar.config.js","sources":["../../../../src-css/components/Avatar/Avatar.config.tsx"],"sourcesContent":["import { css, avatarTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'xxl',\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}: 6.25rem;\n ${tokens.fontSize}: 2rem;\n ${tokens.fontWeight}: 600;\n ${tokens.lineHeight}: 2rem;\n ${tokens.statusIconSize}: 0.75rem;\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 `,\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 `,\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 `,\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 focused: {\n true: css`\n ${tokens.outlineSize}: 0.1rem;\n ${tokens.outlineOffset}: -0.2rem;\n ${tokens.outlineColor}: var(--surface-accent);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","xxl","l","m","s","fit","focused","true"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,KAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;MACFG,SAAO,EAAA,UAAA;KAQV;AACDF,IAAAA,IAAI,EAAE;AACF;AACAG,MAAAA,GAAG,EAMF,UAAA;AACDC,MAAAA,CAAC,EAMA,SAAA;AACDC,MAAAA,CAAC,EAMA,UAAA;AACDC,MAAAA,CAAC,EAMA,UAAA;AACDC,MAAAA,GAAG,EAAA,SAAA;KAON;AACDC,IAAAA,OAAO,EAAE;MACLC,MAAI,EAAA,UAAA;AAKR,KAAA;AACJ,GAAA;AACJ;;;;"}
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';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'xxl',\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}: 6.25rem;\n ${tokens.fontSize}: 2rem;\n ${tokens.fontWeight}: 600;\n ${tokens.lineHeight}: 2rem;\n ${tokens.statusIconSize}: 0.75rem;\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\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\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\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 focused: {\n true: css`\n ${tokens.outlineSize}: 0.1rem;\n ${tokens.outlineOffset}: -0.2rem;\n ${tokens.outlineColor}: var(--surface-accent);\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","variations","default","xxl","l","m","s","fit","focused","true","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,KAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;MACFG,SAAO,EAAA,UAAA;KAQV;AACDF,IAAAA,IAAI,EAAE;AACF;AACAG,MAAAA,GAAG,EAmCF,UAAA;AACDC,MAAAA,CAAC,EAqCA,SAAA;AACDC,MAAAA,CAAC,EAqCA,UAAA;AACDC,MAAAA,CAAC,EAkBA,UAAA;AACDC,MAAAA,GAAG,EAAA,SAAA;KAON;AACDC,IAAAA,OAAO,EAAE;MACLC,MAAI,EAAA,UAAA;KAKP;AACDC,IAAAA,SAAS,EAAE;AACPR,MAAAA,SAAAA,EASC,UAAA;AACDS,MAAAA,MAAM,EASL,SAAA;AACDC,MAAAA,QAAQ,EASP,SAAA;AACDC,MAAAA,OAAO,EASN,SAAA;AACDC,MAAAA,QAAQ,EASP,SAAA;AACDC,MAAAA,IAAI,EASH,SAAA;AACDC,MAAAA,KAAK,EAAA,SAAA;KAUR;AACDC,IAAAA,WAAW,EAAE;AACTf,MAAAA,SAAAA,EAGC,UAAA;AACDS,MAAAA,MAAM,EAGL,UAAA;AACDC,MAAAA,QAAQ,EAGP,UAAA;AACDC,MAAAA,OAAO,EAGN,UAAA;AACDC,MAAAA,QAAQ,EAGP,UAAA;AACDC,MAAAA,IAAI,EAGH,SAAA;AACDC,MAAAA,KAAK,EAAA,SAAA;AAIT,KAAA;AACJ,GAAA;AACJ;;;;"}