@salutejs/plasma-web 1.496.1-canary.1707.12823225023.0 → 1.497.0-dev.0
Sign up to get free protection for your applications and to get access to all the features.
- package/api/plasma-web.api.md +70 -57
- package/components/Avatar/Avatar.config.d.ts +18 -0
- package/components/Avatar/Avatar.config.js +23 -5
- package/components/Avatar/Avatar.d.ts +138 -6
- package/components/Badge/Badge.d.ts +8 -48
- package/components/Counter/Counter.d.ts +1 -6
- package/css/cjs/components/Accordion/Accordion.config.js +1 -1
- package/css/cjs/components/Attach/Attach.config.js +1 -1
- package/css/cjs/components/Autocomplete/Autocomplete.config.js +1 -1
- package/css/cjs/components/Avatar/Avatar.config.js +19 -1
- package/css/cjs/components/Avatar/Avatar.config.js.map +1 -1
- package/css/cjs/components/Avatar/Avatar.config_1buqzeq.css +21 -0
- package/css/cjs/components/Avatar/Avatar.css +21 -7
- package/css/cjs/components/Badge/Badge.config.js +1 -1
- package/css/cjs/components/Breadcrumbs/Breadcrumbs.config.js +1 -1
- package/css/cjs/components/Button/Button.config.js +1 -1
- package/css/cjs/components/ButtonGroup/ButtonGroup.config.js +1 -1
- package/css/cjs/components/Calendar/CalendarBase.config.js +1 -1
- package/css/cjs/components/Calendar/CalendarDouble.config.js +1 -1
- package/css/cjs/components/Cell/Cell.config.js +1 -1
- package/css/cjs/components/Checkbox/Checkbox.config.js +1 -1
- package/css/cjs/components/Chip/Chip.config.js +1 -1
- package/css/cjs/components/ChipGroup/ChipGroup.config.js +1 -1
- package/css/cjs/components/Combobox/Combobox.config.js +1 -1
- package/css/cjs/components/Combobox/Combobox.js +2 -6
- package/css/cjs/components/Combobox/Combobox.js.map +1 -1
- package/css/cjs/components/Combobox/Legacy/Combobox.config.js +1 -1
- package/css/cjs/components/Counter/Counter.config.js +1 -1
- package/css/cjs/components/DatePicker/DatePicker.config.js +1 -1
- package/css/cjs/components/Divider/Divider.config.js +1 -1
- package/css/cjs/components/Drawer/Drawer.config.js +1 -1
- package/css/cjs/components/Dropdown/Dropdown.config.js +1 -1
- package/css/cjs/components/Dropdown/Dropdown.js +1 -5
- package/css/cjs/components/Dropdown/Dropdown.js.map +1 -1
- package/css/cjs/components/Dropdown/components/DropdownItem.js +3 -8
- package/css/cjs/components/Dropdown/components/DropdownItem.js.map +1 -1
- package/css/cjs/components/Dropdown/components/DropdownList.js +1 -5
- package/css/cjs/components/Dropdown/components/DropdownList.js.map +1 -1
- package/css/cjs/components/Dropdown/components/DropdownOld.config.js +1 -1
- package/css/cjs/components/Dropdown/components/DropdownPopup.js +1 -5
- package/css/cjs/components/Dropdown/components/DropdownPopup.js.map +1 -1
- package/css/cjs/components/Dropzone/Dropzone.config.js +1 -1
- package/css/cjs/components/Editable/Editable.config.js +1 -1
- package/css/cjs/components/EmptyState/EmptyState.config.js +1 -1
- package/css/cjs/components/Grid/Grid.config.js +1 -1
- package/css/cjs/components/IconButton/IconButton.config.js +1 -1
- package/css/cjs/components/Indicator/Indicator.config.js +1 -1
- package/css/cjs/components/Link/Link.config.js +1 -1
- package/css/cjs/components/ModalBase/Modal.config.js +1 -1
- package/css/cjs/components/Note/Note.config.js +1 -1
- package/css/cjs/components/Notification/Notification.config.js +1 -1
- package/css/cjs/components/Notification/Notification.js +1 -5
- package/css/cjs/components/Notification/Notification.js.map +1 -1
- package/css/cjs/components/NumberInput/NumberInput.config.js +1 -1
- package/css/cjs/components/Pagination/Pagination.config.js +1 -1
- package/css/cjs/components/Popover/Popover.config.js +1 -1
- package/css/cjs/components/Progress/Progress.config.js +1 -1
- package/css/cjs/components/Radiobox/Radiobox.config.js +1 -1
- package/css/cjs/components/Range/Range.config.js +1 -1
- package/css/cjs/components/Rating/Rating.config.js +1 -1
- package/css/cjs/components/Segment/SegmentGroup.config.js +1 -1
- package/css/cjs/components/Segment/SegmentItem.config.js +1 -1
- package/css/cjs/components/Select/Select.config.js +1 -1
- package/css/cjs/components/Select/Select.js +1 -5
- package/css/cjs/components/Select/Select.js.map +1 -1
- package/css/cjs/components/Sheet/Sheet.config.js +1 -1
- package/css/cjs/components/Skeleton/LineSkeleton.config.js +1 -1
- package/css/cjs/components/Slider/Slider.config.js +1 -1
- package/css/cjs/components/Spinner/Spinner.config.js +1 -1
- package/css/cjs/components/Steps/Steps.config.js +1 -1
- package/css/cjs/components/Switch/Switch.config.js +1 -1
- package/css/cjs/components/Tabs/TabItem.js +2 -6
- package/css/cjs/components/Tabs/TabItem.js.map +1 -1
- package/css/cjs/components/Tabs/Tabs.js +2 -6
- package/css/cjs/components/Tabs/Tabs.js.map +1 -1
- package/css/cjs/components/Tabs/horizontal/HorizontalTabItem.config.js +1 -1
- package/css/cjs/components/Tabs/horizontal/HorizontalTabs.config.js +1 -1
- package/css/cjs/components/Tabs/vertical/VerticalTabItem.config.js +1 -1
- package/css/cjs/components/Tabs/vertical/VerticalTabs.config.js +1 -1
- package/css/cjs/components/TextArea/TextArea.config.js +1 -1
- package/css/cjs/components/TextField/TextField.config.js +1 -1
- package/css/cjs/components/TextField/TextField.js +2 -6
- package/css/cjs/components/TextField/TextField.js.map +1 -1
- package/css/cjs/components/TextFieldGroup/TextFieldGroup.config.js +1 -1
- package/css/cjs/components/Toast/Toast.config.js +1 -1
- package/css/cjs/components/Toolbar/Toolbar.config.js +1 -1
- package/css/cjs/components/Tooltip/Tooltip.config.js +1 -1
- package/css/cjs/components/Tree/Tree.config.js +1 -1
- package/css/cjs/components/Typography/Body.config.js +1 -1
- package/css/cjs/components/Typography/Dspl.config.js +1 -1
- package/css/cjs/components/Typography/Heading.config.js +1 -1
- package/css/cjs/components/Typography/Old/Body.config.js +1 -1
- package/css/cjs/components/Typography/Old/Button.config.js +1 -1
- package/css/cjs/components/Typography/Old/Caption.config.js +1 -1
- package/css/cjs/components/Typography/Old/Footnote.config.js +1 -1
- package/css/cjs/components/Typography/Old/Headline.config.js +1 -1
- package/css/cjs/components/Typography/Old/Paragraph.config.js +1 -1
- package/css/cjs/components/Typography/Old/ParagraphText.config.js +1 -1
- package/css/cjs/components/Typography/Old/Subtitle.config.js +1 -1
- package/css/cjs/components/Typography/Old/Underline.config.js +1 -1
- package/css/cjs/components/Typography/Text.config.js +1 -1
- package/css/cjs/index.css +21 -7
- package/css/es/components/Avatar/Avatar.config.js +19 -1
- package/css/es/components/Avatar/Avatar.config.js.map +1 -1
- package/css/es/components/Avatar/Avatar.config_1buqzeq.css +21 -0
- package/css/es/components/Avatar/Avatar.css +21 -7
- package/css/es/index.css +21 -7
- package/es/components/Avatar/Avatar.config.js +23 -5
- package/package.json +3 -3
- package/rollup.config.mjs +55 -68
- package/css/cjs/components/Avatar/Avatar.config_weecw4.css +0 -7
- package/css/es/components/Avatar/Avatar.config_weecw4.css +0 -7
- package/temp/plasma-web.api.md +0 -4533
@@ -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__*/
|
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":"
|
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;;;;"}
|
@@ -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__*/
|
22
|
+
return /*#__PURE__*/React.createElement(VerticalTabItem, props);
|
27
23
|
}
|
28
|
-
return /*#__PURE__*/
|
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":"
|
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__*/
|
22
|
+
return /*#__PURE__*/React.createElement(VerticalTabs, props);
|
27
23
|
}
|
28
|
-
return /*#__PURE__*/
|
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":"
|
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;;;;"}
|
@@ -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 = ["status", "label", "keepPlaceholder", "placeholder", "animatedHint", "helperText", "hintText", "enumerationType", "chips", "chipView", "chipValidator", "onSearch", "onChangeChips", "chipType", "size"];
|
15
11
|
var mergedConfig = /*#__PURE__*/plasmaNewHope.mergeConfig(plasmaNewHope.textFieldConfig, TextField_config.config);
|
16
12
|
var TextFieldComponent = /*#__PURE__*/plasmaNewHope.component(mergedConfig);
|
@@ -65,7 +61,7 @@ var TextField = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
65
61
|
keepPlaceholder: keepPlaceholder
|
66
62
|
};
|
67
63
|
if (enumerationType === 'chip') {
|
68
|
-
return /*#__PURE__*/
|
64
|
+
return /*#__PURE__*/React.createElement(TextFieldComponent, _rollupPluginBabelHelpers.extends({}, rest, labelProps, {
|
69
65
|
view: _view,
|
70
66
|
size: size,
|
71
67
|
placeholder: placeholder,
|
@@ -80,7 +76,7 @@ var TextField = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
80
76
|
chipType: chipType
|
81
77
|
}));
|
82
78
|
}
|
83
|
-
return /*#__PURE__*/
|
79
|
+
return /*#__PURE__*/React.createElement(TextFieldComponent, _rollupPluginBabelHelpers.extends({}, rest, labelProps, {
|
84
80
|
view: _view,
|
85
81
|
label: _label,
|
86
82
|
size: size,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"TextField.js","sources":["../../../../src-css/components/TextField/TextField.tsx"],"sourcesContent":["import React, { forwardRef, ReactNode } from 'react';\nimport type { TextFieldProps as TextFieldPropsOld } 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 = React.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\ntype TextFieldProps = Omit<TextFieldPropsOld, 'helperText'> & {\n /**\n * Подсказка для поля ввода.\n */\n helperText?: ReactNode;\n} & ClearProps &\n HintProps;\n\nexport type CustomTextFieldProps = TextFieldProps &\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\nconst statusToView: Record<NonNullable<TextFieldProps['status']>, NonNullable<newHopeTextFieldProps['view']>> = {\n success: 'positive',\n warning: 'warning',\n error: 'negative',\n};\nconst animatedHintToLabelPlacement: Record<\n NonNullable<TextFieldProps['animatedHint']>,\n NonNullable<newHopeTextFieldProps['labelPlacement']>\n> = {\n placeholder: 'outer',\n label: 'inner',\n};\n\n/**\n * Поле ввода текста.\n */\nexport const TextField = forwardRef<HTMLInputElement, CustomTextFieldProps>((props, ref) => {\n const {\n status,\n\n label,\n keepPlaceholder,\n placeholder,\n animatedHint,\n helperText,\n hintText,\n\n enumerationType,\n chips,\n chipView,\n chipValidator,\n onSearch,\n onChangeChips,\n chipType,\n\n size = 'l',\n\n ...rest\n } = props;\n\n /** TODO: #1064 Remove In plasma-2.0 */\n /* eslint-disable no-underscore-dangle */\n const _view = status ? statusToView[status] : 'default';\n let _labelPlacement = animatedHint ? animatedHintToLabelPlacement[animatedHint] : 'outer';\n let _label = label ? String(label) : undefined;\n\n if (size !== 'l' && _labelPlacement === 'inner' && !keepPlaceholder) {\n _label = undefined;\n _labelPlacement = 'outer';\n }\n\n if (size === 'l' && animatedHint === 'placeholder' && !label) {\n _label = placeholder;\n _labelPlacement = 'inner';\n }\n\n const labelProps = {\n label: _label,\n labelPlacement: _labelPlacement,\n keepPlaceholder,\n };\n\n if (enumerationType === 'chip') {\n return (\n <TextFieldComponent\n {...rest}\n {...labelProps}\n view={_view}\n size={size}\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 {...labelProps}\n view={_view}\n label={_label}\n size={size}\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","animatedHintToLabelPlacement","placeholder","label","TextField","forwardRef","props","ref","status","keepPlaceholder","animatedHint","helperText","hintText","enumerationType","chips","chipView","chipValidator","onSearch","onChangeChips","chipType","_props$size","size","rest","_objectWithoutProperties","_excluded","_view","_labelPlacement","_label","String","undefined","labelProps","labelPlacement","React","createElement","_extends","view","leftHelper"],"mappings":"
|
1
|
+
{"version":3,"file":"TextField.js","sources":["../../../../src-css/components/TextField/TextField.tsx"],"sourcesContent":["import React, { forwardRef, ReactNode } from 'react';\nimport type { TextFieldProps as TextFieldPropsOld } 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 = React.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\ntype TextFieldProps = Omit<TextFieldPropsOld, 'helperText'> & {\n /**\n * Подсказка для поля ввода.\n */\n helperText?: ReactNode;\n} & ClearProps &\n HintProps;\n\nexport type CustomTextFieldProps = TextFieldProps &\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\nconst statusToView: Record<NonNullable<TextFieldProps['status']>, NonNullable<newHopeTextFieldProps['view']>> = {\n success: 'positive',\n warning: 'warning',\n error: 'negative',\n};\nconst animatedHintToLabelPlacement: Record<\n NonNullable<TextFieldProps['animatedHint']>,\n NonNullable<newHopeTextFieldProps['labelPlacement']>\n> = {\n placeholder: 'outer',\n label: 'inner',\n};\n\n/**\n * Поле ввода текста.\n */\nexport const TextField = forwardRef<HTMLInputElement, CustomTextFieldProps>((props, ref) => {\n const {\n status,\n\n label,\n keepPlaceholder,\n placeholder,\n animatedHint,\n helperText,\n hintText,\n\n enumerationType,\n chips,\n chipView,\n chipValidator,\n onSearch,\n onChangeChips,\n chipType,\n\n size = 'l',\n\n ...rest\n } = props;\n\n /** TODO: #1064 Remove In plasma-2.0 */\n /* eslint-disable no-underscore-dangle */\n const _view = status ? statusToView[status] : 'default';\n let _labelPlacement = animatedHint ? animatedHintToLabelPlacement[animatedHint] : 'outer';\n let _label = label ? String(label) : undefined;\n\n if (size !== 'l' && _labelPlacement === 'inner' && !keepPlaceholder) {\n _label = undefined;\n _labelPlacement = 'outer';\n }\n\n if (size === 'l' && animatedHint === 'placeholder' && !label) {\n _label = placeholder;\n _labelPlacement = 'inner';\n }\n\n const labelProps = {\n label: _label,\n labelPlacement: _labelPlacement,\n keepPlaceholder,\n };\n\n if (enumerationType === 'chip') {\n return (\n <TextFieldComponent\n {...rest}\n {...labelProps}\n view={_view}\n size={size}\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 {...labelProps}\n view={_view}\n label={_label}\n size={size}\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","animatedHintToLabelPlacement","placeholder","label","TextField","forwardRef","props","ref","status","keepPlaceholder","animatedHint","helperText","hintText","enumerationType","chips","chipView","chipValidator","onSearch","onChangeChips","chipType","_props$size","size","rest","_objectWithoutProperties","_excluded","_view","_labelPlacement","_label","String","undefined","labelProps","labelPlacement","React","createElement","_extends","view","leftHelper"],"mappings":"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"}
|
package/css/cjs/index.css
CHANGED
@@ -39,13 +39,27 @@
|
|
39
39
|
.Autocomplete_config_kzk332_t1rats1y__ed281555{--plasma-autocomplete-textfield-disabled-opacity:0.4;}
|
40
40
|
.Autocomplete_config_kzk332_tzs7164__ed281555{--plasma-autocomplete-textfield-color-readonly:var(--text-primary);--plasma-autocomplete-textfield-bg-color-readonly:var(--surface-clear);--plasma-autocomplete-textfield-border-color-readonly:var(--surface-transparent-tertiary);--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
|
-
.
|
43
|
-
.
|
44
|
-
.
|
45
|
-
.
|
46
|
-
.
|
47
|
-
.
|
48
|
-
.
|
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_lt6hb3_d1jjv431__75183c76{--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_lt6hb3_p19urrnd__75183c76{--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);}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import './Avatar.
|
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;;;;"}
|