@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
@@ -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;;;;"}
|
@@ -0,0 +1,21 @@
|
|
1
|
+
.d1wlf450{--plasma-avatar-color:var(--text-accent-gradient);--plasma-avatar-background:linear-gradient(94deg,rgba(62,121,240,0.2) 6.49%,rgba(39,198,229,0.2) 93.51%);--plasma-avatar-status-online-background:var(--surface-positive);--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);}
|
2
|
+
.x1ntw407{--plasma-avatar-size:6.25rem;--plasma-avatar-font-size:2rem;--plasma-avatar-font-weight:600;--plasma-avatar-line-height:2rem;--plasma-status-icon-size:0.75rem;--plasma-avatar-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);}
|
3
|
+
.l3mxzec{--plasma-avatar-size:3rem;--plasma-avatar-font-size:1.25rem;--plasma-avatar-font-weight:600;--plasma-avatar-line-height:1.25rem;--plasma-status-icon-size:0.5rem;--plasma-avatar-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);}
|
4
|
+
.m1tqy9r4{--plasma-avatar-size:2.25rem;--plasma-avatar-font-size:0.875rem;--plasma-avatar-font-weight:600;--plasma-avatar-line-height:0.875rem;--plasma-status-icon-size:0.5rem;--plasma-avatar-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);}
|
5
|
+
.s110gq94{--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);}
|
6
|
+
.f3cx8li{--plasma-avatar-size:100%;--plasma-avatar-font-size:0;--plasma-avatar-font-weight:0;--plasma-avatar-line-height:0;--plasma-status-icon-size:0;}
|
7
|
+
.t12fbiph{--plasma-avatar-outline-size:0.1rem;--plasma-avatar-outline-offset:-0.2rem;--plasma-avatar-outline-color:var(--surface-accent);}
|
8
|
+
.d1v24dm1{--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);}
|
9
|
+
.aklmhlm{--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);}
|
10
|
+
.pts1qri{--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);}
|
11
|
+
.wu8qekr{--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);}
|
12
|
+
.nc00x8o{--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);}
|
13
|
+
.d4vpurz{--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);}
|
14
|
+
.lh713v8{--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);}
|
15
|
+
.d18xlm4d{--plasma-avatar-extra-counter-color:var(--inverse-text-primary);--plasma-avatar-extra-counter-background:var(--surface-solid-default);}
|
16
|
+
.a19kwqy5{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary);--plasma-avatar-extra-counter-background:var(--surface-accent);}
|
17
|
+
.p1jpkhmc{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary);--plasma-avatar-extra-counter-background:var(--surface-positive);}
|
18
|
+
.w1rt05zb{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary);--plasma-avatar-extra-counter-background:var(--surface-warning);}
|
19
|
+
.n18uzb5o{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary);--plasma-avatar-extra-counter-background:var(--surface-negative);}
|
20
|
+
.dwmydiz{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary);--plasma-avatar-extra-counter-background:var(--on-light-surface-solid-default);}
|
21
|
+
.l84jq18{--plasma-avatar-extra-counter-color:var(--on-light-text-primary);--plasma-avatar-extra-counter-background:var(--on-dark-surface-solid-default);}
|
@@ -1,7 +1,21 @@
|
|
1
|
-
.
|
2
|
-
.
|
3
|
-
.
|
4
|
-
.
|
5
|
-
.
|
6
|
-
.
|
7
|
-
.
|
1
|
+
.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);}
|
2
|
+
.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);}
|
3
|
+
.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);}
|
4
|
+
.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);}
|
5
|
+
.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);}
|
6
|
+
.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;}
|
7
|
+
.Avatar_config_1buqzeq_t12fbiph__1b050186{--plasma-avatar-outline-size:0.1rem;--plasma-avatar-outline-offset:-0.2rem;--plasma-avatar-outline-color:var(--surface-accent);}
|
8
|
+
.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);}
|
9
|
+
.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);}
|
10
|
+
.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);}
|
11
|
+
.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);}
|
12
|
+
.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);}
|
13
|
+
.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);}
|
14
|
+
.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);}
|
15
|
+
.Avatar_config_1buqzeq_d18xlm4d__1b050186{--plasma-avatar-extra-counter-color:var(--inverse-text-primary);--plasma-avatar-extra-counter-background:var(--surface-solid-default);}
|
16
|
+
.Avatar_config_1buqzeq_a19kwqy5__1b050186{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary);--plasma-avatar-extra-counter-background:var(--surface-accent);}
|
17
|
+
.Avatar_config_1buqzeq_p1jpkhmc__1b050186{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary);--plasma-avatar-extra-counter-background:var(--surface-positive);}
|
18
|
+
.Avatar_config_1buqzeq_w1rt05zb__1b050186{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary);--plasma-avatar-extra-counter-background:var(--surface-warning);}
|
19
|
+
.Avatar_config_1buqzeq_n18uzb5o__1b050186{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary);--plasma-avatar-extra-counter-background:var(--surface-negative);}
|
20
|
+
.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);}
|
21
|
+
.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);}
|
@@ -8,19 +8,15 @@ var React = require('react');
|
|
8
8
|
var Combobox_config = require('./Combobox.config.js');
|
9
9
|
var Combobox$1 = require('./Legacy/Combobox.js');
|
10
10
|
|
11
|
-
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
12
|
-
|
13
|
-
var React__default = /*#__PURE__*/_interopDefault(React);
|
14
|
-
|
15
11
|
var mergedConfig = /*#__PURE__*/plasmaNewHope.mergeConfig(plasmaNewHope.comboboxNewConfig, Combobox_config.config);
|
16
12
|
var ComboboxNew = /*#__PURE__*/plasmaNewHope.component(mergedConfig);
|
17
13
|
var ComboboxComponent = function ComboboxComponent(props, ref) {
|
18
14
|
if (props.items) {
|
19
|
-
return /*#__PURE__*/
|
15
|
+
return /*#__PURE__*/React.createElement(ComboboxNew, _rollupPluginBabelHelpers.extends({
|
20
16
|
ref: ref
|
21
17
|
}, props));
|
22
18
|
}
|
23
|
-
return /*#__PURE__*/
|
19
|
+
return /*#__PURE__*/React.createElement(Combobox$1.Combobox, _rollupPluginBabelHelpers.extends({
|
24
20
|
ref: ref
|
25
21
|
}, props));
|
26
22
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Combobox.js","sources":["../../../../src-css/components/Combobox/Combobox.tsx"],"sourcesContent":["import {\n comboboxNewConfig,\n component,\n mergeConfig,\n fixedForwardRef,\n} from '@salutejs/plasma-new-hope';\nimport type { ComponentProps } from 'react';\nimport type { ItemOption, ComboboxProps, DistributiveOmit, DistributivePick } from '@salutejs/plasma-new-hope';\nimport React from 'react';\n\nimport { config } from './Combobox.config';\nimport { Combobox as ComboboxOld } from './Legacy';\n\nconst mergedConfig = mergeConfig(comboboxNewConfig, config);\nconst ComboboxNew = component(mergedConfig);\n\ntype PropsFromConfig = keyof typeof config['variations'];\n\ntype PropsOld = ComponentProps<typeof ComboboxOld> & { items?: never };\n\ntype PropsNew<T extends ItemOption> = DistributiveOmit<ComboboxProps<T>, PropsFromConfig> &\n DistributivePick<ComponentProps<typeof ComboboxNew>, PropsFromConfig>;\n\ntype CommonProps<T extends ItemOption> = PropsOld | PropsNew<T>;\n\nconst ComboboxComponent = <T extends ItemOption>(props: CommonProps<T>, ref: React.ForwardedRef<HTMLInputElement>) => {\n if (props.items) {\n return <ComboboxNew ref={ref} {...(props as any)} />;\n }\n\n return <ComboboxOld ref={ref} {...props} />;\n};\n\nconst Combobox = fixedForwardRef(ComboboxComponent);\n\nexport { Combobox };\n"],"names":["mergedConfig","mergeConfig","comboboxNewConfig","config","ComboboxNew","component","ComboboxComponent","props","ref","items","React","createElement","_extends","ComboboxOld","Combobox","fixedForwardRef"],"mappings":"
|
1
|
+
{"version":3,"file":"Combobox.js","sources":["../../../../src-css/components/Combobox/Combobox.tsx"],"sourcesContent":["import {\n comboboxNewConfig,\n component,\n mergeConfig,\n fixedForwardRef,\n} from '@salutejs/plasma-new-hope';\nimport type { ComponentProps } from 'react';\nimport type { ItemOption, ComboboxProps, DistributiveOmit, DistributivePick } from '@salutejs/plasma-new-hope';\nimport React from 'react';\n\nimport { config } from './Combobox.config';\nimport { Combobox as ComboboxOld } from './Legacy';\n\nconst mergedConfig = mergeConfig(comboboxNewConfig, config);\nconst ComboboxNew = component(mergedConfig);\n\ntype PropsFromConfig = keyof typeof config['variations'];\n\ntype PropsOld = ComponentProps<typeof ComboboxOld> & { items?: never };\n\ntype PropsNew<T extends ItemOption> = DistributiveOmit<ComboboxProps<T>, PropsFromConfig> &\n DistributivePick<ComponentProps<typeof ComboboxNew>, PropsFromConfig>;\n\ntype CommonProps<T extends ItemOption> = PropsOld | PropsNew<T>;\n\nconst ComboboxComponent = <T extends ItemOption>(props: CommonProps<T>, ref: React.ForwardedRef<HTMLInputElement>) => {\n if (props.items) {\n return <ComboboxNew ref={ref} {...(props as any)} />;\n }\n\n return <ComboboxOld ref={ref} {...props} />;\n};\n\nconst Combobox = fixedForwardRef(ComboboxComponent);\n\nexport { Combobox };\n"],"names":["mergedConfig","mergeConfig","comboboxNewConfig","config","ComboboxNew","component","ComboboxComponent","props","ref","items","React","createElement","_extends","ComboboxOld","Combobox","fixedForwardRef"],"mappings":";;;;;;;;;;AAaA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,+BAAiB,EAAEC,sBAAM,CAAC,CAAA;AAC3D,IAAMC,WAAW,gBAAGC,uBAAS,CAACL,YAAY,CAAC,CAAA;AAW3C,IAAMM,iBAAiB,GAAG,SAApBA,iBAAiBA,CAA0BC,KAAqB,EAAEC,GAAyC,EAAK;EAClH,IAAID,KAAK,CAACE,KAAK,EAAE;AACb,IAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACP,WAAW,EAAAQ,iCAAA,CAAA;AAACJ,MAAAA,GAAG,EAAEA,GAAAA;KAAUD,EAAAA,KAAK,CAAW,CAAC,CAAA;AACxD,GAAA;AAEA,EAAA,oBAAOG,KAAA,CAAAC,aAAA,CAACE,mBAAW,EAAAD,iCAAA,CAAA;AAACJ,IAAAA,GAAG,EAAEA,GAAAA;GAASD,EAAAA,KAAK,CAAG,CAAC,CAAA;AAC/C,CAAC,CAAA;AAED,IAAMO,QAAQ,gBAAGC,6BAAe,CAACT,iBAAiB;;;;"}
|
@@ -7,14 +7,10 @@ var plasmaNewHope = require('@salutejs/plasma-new-hope');
|
|
7
7
|
var React = require('react');
|
8
8
|
var Dropdown_config = require('./Dropdown.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.dropdownConfig, Dropdown_config.config);
|
15
11
|
var DropdownNewHope = /*#__PURE__*/plasmaNewHope.component(mergedConfig);
|
16
12
|
var DropdownComponent = function DropdownComponent(props, ref) {
|
17
|
-
return /*#__PURE__*/
|
13
|
+
return /*#__PURE__*/React.createElement(DropdownNewHope, _rollupPluginBabelHelpers.extends({
|
18
14
|
ref: ref
|
19
15
|
}, props));
|
20
16
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Dropdown.js","sources":["../../../../src-css/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import { dropdownConfig, component, mergeConfig, fixedForwardRef } from '@salutejs/plasma-new-hope';\nimport type { DropdownItemOption, DropdownNewProps } from '@salutejs/plasma-new-hope';\nimport React, { ComponentProps, ForwardedRef } from 'react';\n\nimport { config } from './Dropdown.config';\n\nconst mergedConfig = mergeConfig(dropdownConfig, config);\nconst DropdownNewHope = component(mergedConfig);\n\ntype DropdownProps<T extends DropdownItemOption> = Omit<DropdownNewProps<T>, 'size' | 'view'> &\n Pick<ComponentProps<typeof DropdownNewHope>, 'size' | 'view'>;\n\nconst DropdownComponent = <T extends DropdownItemOption>(\n props: DropdownProps<T>,\n ref: ForwardedRef<HTMLButtonElement>,\n) => {\n return <DropdownNewHope ref={ref} {...(props as any)} />;\n};\n\nconst Dropdown = fixedForwardRef(DropdownComponent);\n\nexport { Dropdown };\n"],"names":["mergedConfig","mergeConfig","dropdownConfig","config","DropdownNewHope","component","DropdownComponent","props","ref","React","createElement","_extends","Dropdown","fixedForwardRef"],"mappings":"
|
1
|
+
{"version":3,"file":"Dropdown.js","sources":["../../../../src-css/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import { dropdownConfig, component, mergeConfig, fixedForwardRef } from '@salutejs/plasma-new-hope';\nimport type { DropdownItemOption, DropdownNewProps } from '@salutejs/plasma-new-hope';\nimport React, { ComponentProps, ForwardedRef } from 'react';\n\nimport { config } from './Dropdown.config';\n\nconst mergedConfig = mergeConfig(dropdownConfig, config);\nconst DropdownNewHope = component(mergedConfig);\n\ntype DropdownProps<T extends DropdownItemOption> = Omit<DropdownNewProps<T>, 'size' | 'view'> &\n Pick<ComponentProps<typeof DropdownNewHope>, 'size' | 'view'>;\n\nconst DropdownComponent = <T extends DropdownItemOption>(\n props: DropdownProps<T>,\n ref: ForwardedRef<HTMLButtonElement>,\n) => {\n return <DropdownNewHope ref={ref} {...(props as any)} />;\n};\n\nconst Dropdown = fixedForwardRef(DropdownComponent);\n\nexport { Dropdown };\n"],"names":["mergedConfig","mergeConfig","dropdownConfig","config","DropdownNewHope","component","DropdownComponent","props","ref","React","createElement","_extends","Dropdown","fixedForwardRef"],"mappings":";;;;;;;;;AAMA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,4BAAc,EAAEC,sBAAM,CAAC,CAAA;AACxD,IAAMC,eAAe,gBAAGC,uBAAS,CAACL,YAAY,CAAC,CAAA;AAK/C,IAAMM,iBAAiB,GAAG,SAApBA,iBAAiBA,CACnBC,KAAuB,EACvBC,GAAoC,EACnC;AACD,EAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACN,eAAe,EAAAO,iCAAA,CAAA;AAACH,IAAAA,GAAG,EAAEA,GAAAA;GAAUD,EAAAA,KAAK,CAAW,CAAC,CAAA;AAC5D,CAAC,CAAA;AAED,IAAMK,QAAQ,gBAAGC,6BAAe,CAACP,iBAAiB;;;;"}
|
@@ -9,16 +9,11 @@ var styled = require('styled-components');
|
|
9
9
|
var plasmaIcons = require('@salutejs/plasma-icons');
|
10
10
|
var plasmaCore = require('@salutejs/plasma-core');
|
11
11
|
|
12
|
-
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
13
|
-
|
14
|
-
var React__default = /*#__PURE__*/_interopDefault(React);
|
15
|
-
var styled__default = /*#__PURE__*/_interopDefault(styled);
|
16
|
-
|
17
12
|
var _StyledCheck;
|
18
13
|
var _excluded = ["value", "label", "color", "contentLeft", "isActive", "isHovered", "index", "onClick", "onHover", "onFocus", "items", "isDisabled", "style"];
|
19
14
|
var mergedItemConfig = /*#__PURE__*/plasmaNewHope.mergeConfig(plasmaNewHope.dropdownItemOldConfig);
|
20
15
|
var DropdownNewHopeItem = /*#__PURE__*/plasmaNewHope.component(mergedItemConfig);
|
21
|
-
var StyledCheck = /*#__PURE__*/
|
16
|
+
var StyledCheck = /*#__PURE__*/styled(plasmaIcons.IconDone).withConfig({
|
22
17
|
componentId: "plasma-web__sc-1kwedk5-0"
|
23
18
|
})(["margin-left:auto;pointer-events:none;margin-right:-0.5rem;"]);
|
24
19
|
var DropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
@@ -49,7 +44,7 @@ var DropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
49
44
|
onHover(index);
|
50
45
|
}
|
51
46
|
};
|
52
|
-
return /*#__PURE__*/
|
47
|
+
return /*#__PURE__*/React.createElement(DropdownNewHopeItem, _rollupPluginBabelHelpers.extends({}, rest, {
|
53
48
|
value: value,
|
54
49
|
text: label,
|
55
50
|
ref: ref,
|
@@ -57,7 +52,7 @@ var DropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
57
52
|
color: color
|
58
53
|
}),
|
59
54
|
contentLeft: contentLeft,
|
60
|
-
contentRight: isActive ? _StyledCheck || (_StyledCheck = /*#__PURE__*/
|
55
|
+
contentRight: isActive ? _StyledCheck || (_StyledCheck = /*#__PURE__*/React.createElement(StyledCheck, {
|
61
56
|
size: "s",
|
62
57
|
color: plasmaCore.accent
|
63
58
|
})) : undefined,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"DropdownItem.js","sources":["../../../../../src-css/components/Dropdown/components/DropdownItem.tsx"],"sourcesContent":["import React, { forwardRef, SyntheticEvent } from 'react';\nimport { DropdownItemProps } from '@salutejs/plasma-hope';\nimport { component, dropdownItemOldConfig, mergeConfig } from '@salutejs/plasma-new-hope';\nimport styled from 'styled-components';\nimport { IconDone } from '@salutejs/plasma-icons';\nimport { accent } from '@salutejs/plasma-core';\n\nconst mergedItemConfig = mergeConfig(dropdownItemOldConfig);\nexport const DropdownNewHopeItem = component(mergedItemConfig);\n\nconst StyledCheck = styled(IconDone)`\n margin-left: auto;\n pointer-events: none;\n margin-right: -0.5rem;\n`;\n\nexport const DropdownItem = forwardRef<HTMLDivElement, DropdownItemProps>((props, ref) => {\n const {\n value,\n label,\n color,\n contentLeft,\n isActive,\n isHovered,\n index,\n onClick,\n onHover,\n onFocus,\n items,\n isDisabled,\n style,\n ...rest\n } = props;\n\n const handleClick = (e: SyntheticEvent<Element, Event>) => {\n if (onClick) {\n onClick({ value, label, color, contentLeft }, e);\n }\n };\n\n const handleHover = () => {\n if (onHover) {\n onHover(index);\n }\n };\n\n return (\n <DropdownNewHopeItem\n {...(rest as any)}\n value={value}\n text={label}\n ref={ref}\n style={{ ...style, color }}\n contentLeft={contentLeft}\n contentRight={isActive ? <StyledCheck size=\"s\" color={accent} /> : undefined}\n onClick={handleClick}\n onMouseOver={handleHover}\n onFocus={onFocus}\n disabled={isDisabled}\n />\n );\n});\n"],"names":["mergedItemConfig","mergeConfig","dropdownItemOldConfig","DropdownNewHopeItem","component","StyledCheck","styled","IconDone","withConfig","componentId","DropdownItem","forwardRef","props","ref","value","label","color","contentLeft","isActive","index","onClick","onHover","onFocus","isDisabled","style","rest","_objectWithoutProperties","_excluded","handleClick","e","handleHover","React","createElement","_extends","text","_objectSpread","contentRight","_StyledCheck","size","accent","undefined","onMouseOver","disabled"],"mappings":"
|
1
|
+
{"version":3,"file":"DropdownItem.js","sources":["../../../../../src-css/components/Dropdown/components/DropdownItem.tsx"],"sourcesContent":["import React, { forwardRef, SyntheticEvent } from 'react';\nimport { DropdownItemProps } from '@salutejs/plasma-hope';\nimport { component, dropdownItemOldConfig, mergeConfig } from '@salutejs/plasma-new-hope';\nimport styled from 'styled-components';\nimport { IconDone } from '@salutejs/plasma-icons';\nimport { accent } from '@salutejs/plasma-core';\n\nconst mergedItemConfig = mergeConfig(dropdownItemOldConfig);\nexport const DropdownNewHopeItem = component(mergedItemConfig);\n\nconst StyledCheck = styled(IconDone)`\n margin-left: auto;\n pointer-events: none;\n margin-right: -0.5rem;\n`;\n\nexport const DropdownItem = forwardRef<HTMLDivElement, DropdownItemProps>((props, ref) => {\n const {\n value,\n label,\n color,\n contentLeft,\n isActive,\n isHovered,\n index,\n onClick,\n onHover,\n onFocus,\n items,\n isDisabled,\n style,\n ...rest\n } = props;\n\n const handleClick = (e: SyntheticEvent<Element, Event>) => {\n if (onClick) {\n onClick({ value, label, color, contentLeft }, e);\n }\n };\n\n const handleHover = () => {\n if (onHover) {\n onHover(index);\n }\n };\n\n return (\n <DropdownNewHopeItem\n {...(rest as any)}\n value={value}\n text={label}\n ref={ref}\n style={{ ...style, color }}\n contentLeft={contentLeft}\n contentRight={isActive ? <StyledCheck size=\"s\" color={accent} /> : undefined}\n onClick={handleClick}\n onMouseOver={handleHover}\n onFocus={onFocus}\n disabled={isDisabled}\n />\n );\n});\n"],"names":["mergedItemConfig","mergeConfig","dropdownItemOldConfig","DropdownNewHopeItem","component","StyledCheck","styled","IconDone","withConfig","componentId","DropdownItem","forwardRef","props","ref","value","label","color","contentLeft","isActive","index","onClick","onHover","onFocus","isDisabled","style","rest","_objectWithoutProperties","_excluded","handleClick","e","handleHover","React","createElement","_extends","text","_objectSpread","contentRight","_StyledCheck","size","accent","undefined","onMouseOver","disabled"],"mappings":";;;;;;;;;;;;;AAOA,IAAMA,gBAAgB,gBAAGC,yBAAW,CAACC,mCAAqB,CAAC,CAAA;IAC9CC,mBAAmB,gBAAGC,uBAAS,CAACJ,gBAAgB,EAAC;AAE9D,IAAMK,WAAW,gBAAGC,MAAM,CAACC,oBAAQ,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,0BAAA;AAAA,CAInC,CAAA,CAAA,CAAA,4DAAA,CAAA,CAAA,CAAA;AAEM,IAAMC,YAAY,gBAAGC,gBAAU,CAAoC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACtF,EAAA,IACIC,KAAK,GAcLF,KAAK,CAdLE,KAAK,CAAA;IACLC,KAAK,GAaLH,KAAK,CAbLG,KAAK,CAAA;IACLC,KAAK,GAYLJ,KAAK,CAZLI,KAAK,CAAA;IACLC,WAAW,GAWXL,KAAK,CAXLK,WAAW,CAAA;IACXC,QAAQ,GAURN,KAAK,CAVLM,QAAQ,CAAA;IAERC,KAAK,GAQLP,KAAK,CARLO,KAAK,CAAA;IACLC,OAAO,GAOPR,KAAK,CAPLQ,OAAO,CAAA;IACPC,OAAO,GAMPT,KAAK,CANLS,OAAO,CAAA;IACPC,OAAO,GAKPV,KAAK,CALLU,OAAO,CAAA;IAEPC,UAAU,GAGVX,KAAK,CAHLW,UAAU,CAAA;IACVC,KAAK,GAELZ,KAAK,CAFLY,KAAK,CAAA;AACFC,IAAAA,IAAI,GAAAC,iDAAA,CACPd,KAAK,EAAAe,SAAA,EAAA;AAET,EAAA,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAIC,CAAiC,EAAK;AACvD,IAAA,IAAIT,OAAO,EAAE;AACTA,MAAAA,OAAO,CAAC;AAAEN,QAAAA,KAAK,EAALA,KAAK;AAAEC,QAAAA,KAAK,EAALA,KAAK;AAAEC,QAAAA,KAAK,EAALA,KAAK;AAAEC,QAAAA,WAAW,EAAXA,WAAAA;OAAa,EAAEY,CAAC,CAAC,CAAA;AACpD,KAAA;GACH,CAAA;AAED,EAAA,IAAMC,WAAW,GAAG,SAAdA,WAAWA,GAAS;AACtB,IAAA,IAAIT,OAAO,EAAE;MACTA,OAAO,CAACF,KAAK,CAAC,CAAA;AAClB,KAAA;GACH,CAAA;EAED,oBACIY,KAAA,CAAAC,aAAA,CAAC7B,mBAAmB,EAAA8B,iCAAA,KACXR,IAAI,EAAA;AACTX,IAAAA,KAAK,EAAEA,KAAM;AACboB,IAAAA,IAAI,EAAEnB,KAAM;AACZF,IAAAA,GAAG,EAAEA,GAAI;AACTW,IAAAA,KAAK,EAAAW,uCAAA,CAAAA,uCAAA,KAAOX,KAAK,CAAA,EAAA,EAAA,EAAA;AAAER,MAAAA,KAAK,EAALA,KAAAA;KAAQ,CAAA;AAC3BC,IAAAA,WAAW,EAAEA,WAAY;IACzBmB,YAAY,EAAElB,QAAQ,GAAAmB,YAAA,KAAAA,YAAA,gBAAGN,KAAA,CAAAC,aAAA,CAAC3B,WAAW,EAAA;AAACiC,MAAAA,IAAI,EAAC,GAAG;AAACtB,MAAAA,KAAK,EAAEuB,iBAAAA;KAAS,CAAC,IAAGC,SAAU;AAC7EpB,IAAAA,OAAO,EAAEQ,WAAY;AACrBa,IAAAA,WAAW,EAAEX,WAAY;AACzBR,IAAAA,OAAO,EAAEA,OAAQ;AACjBoB,IAAAA,QAAQ,EAAEnB,UAAAA;AAAW,GAAA,CACxB,CAAC,CAAA;AAEV,CAAC;;;;;"}
|
@@ -4,11 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
5
5
|
var styled = require('styled-components');
|
6
6
|
|
7
|
-
|
8
|
-
|
9
|
-
var styled__default = /*#__PURE__*/_interopDefault(styled);
|
10
|
-
|
11
|
-
var DropdownList = /*#__PURE__*/styled__default.default.ul.withConfig({
|
7
|
+
var DropdownList = /*#__PURE__*/styled.ul.withConfig({
|
12
8
|
componentId: "plasma-web__sc-1t9hxh8-0"
|
13
9
|
})(["margin:0;padding:0;"]);
|
14
10
|
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"DropdownList.js","sources":["../../../../../src-css/components/Dropdown/components/DropdownList.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const DropdownList = styled.ul`\n margin: 0;\n padding: 0;\n`;\n"],"names":["DropdownList","styled","ul","withConfig","componentId"],"mappings":"
|
1
|
+
{"version":3,"file":"DropdownList.js","sources":["../../../../../src-css/components/Dropdown/components/DropdownList.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const DropdownList = styled.ul`\n margin: 0;\n padding: 0;\n`;\n"],"names":["DropdownList","styled","ul","withConfig","componentId"],"mappings":";;;;;;IAEaA,YAAY,gBAAGC,MAAM,CAACC,EAAE,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,0BAAA;AAAA,CAGpC,CAAA,CAAA,CAAA,qBAAA,CAAA;;;;"}
|
@@ -7,10 +7,6 @@ var React = require('react');
|
|
7
7
|
var plasmaNewHope = require('@salutejs/plasma-new-hope');
|
8
8
|
var DropdownOld_config = require('./DropdownOld.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 = ["trigger", "children", "opened", "isOpen", "disclosure", "onToggle", "placement", "offsetTop"];
|
15
11
|
var mergedConfig = /*#__PURE__*/plasmaNewHope.mergeConfig(plasmaNewHope.dropdownOldConfig, DropdownOld_config.config);
|
16
12
|
var DropdownNewHope = /*#__PURE__*/plasmaNewHope.component(mergedConfig);
|
@@ -25,7 +21,7 @@ var DropdownPopup = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
25
21
|
offsetTop = props.offsetTop,
|
26
22
|
rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
|
27
23
|
var offsetAtTop = typeof offsetTop === 'number' ? offsetTop : 0;
|
28
|
-
return /*#__PURE__*/
|
24
|
+
return /*#__PURE__*/React.createElement(DropdownNewHope, _rollupPluginBabelHelpers.extends({}, rest, {
|
29
25
|
ref: ref,
|
30
26
|
onToggle: onToggle,
|
31
27
|
target: disclosure,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"DropdownPopup.js","sources":["../../../../../src-css/components/Dropdown/components/DropdownPopup.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DropdownPopupProps } from '@salutejs/plasma-hope';\nimport { component, dropdownOldConfig, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './DropdownOld.config';\n\nconst mergedConfig = mergeConfig(dropdownOldConfig, config);\nconst DropdownNewHope = component(mergedConfig);\n\nexport const DropdownPopup = forwardRef<HTMLDivElement, DropdownPopupProps>((props, ref) => {\n const { trigger, children, opened, isOpen, disclosure, onToggle, placement, offsetTop, ...rest } = props;\n\n const offsetAtTop = typeof offsetTop === 'number' ? offsetTop : 0;\n\n return (\n <DropdownNewHope\n {...rest}\n ref={ref}\n onToggle={onToggle}\n target={disclosure}\n opened={opened}\n isOpen={isOpen}\n trigger={trigger}\n placement={placement}\n offset={[offsetAtTop, 0]}\n >\n {children}\n </DropdownNewHope>\n );\n});\n"],"names":["mergedConfig","mergeConfig","dropdownOldConfig","config","DropdownNewHope","component","DropdownPopup","forwardRef","props","ref","trigger","children","opened","isOpen","disclosure","onToggle","placement","offsetTop","rest","_objectWithoutProperties","_excluded","offsetAtTop","React","createElement","_extends","target","offset"],"mappings":"
|
1
|
+
{"version":3,"file":"DropdownPopup.js","sources":["../../../../../src-css/components/Dropdown/components/DropdownPopup.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DropdownPopupProps } from '@salutejs/plasma-hope';\nimport { component, dropdownOldConfig, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './DropdownOld.config';\n\nconst mergedConfig = mergeConfig(dropdownOldConfig, config);\nconst DropdownNewHope = component(mergedConfig);\n\nexport const DropdownPopup = forwardRef<HTMLDivElement, DropdownPopupProps>((props, ref) => {\n const { trigger, children, opened, isOpen, disclosure, onToggle, placement, offsetTop, ...rest } = props;\n\n const offsetAtTop = typeof offsetTop === 'number' ? offsetTop : 0;\n\n return (\n <DropdownNewHope\n {...rest}\n ref={ref}\n onToggle={onToggle}\n target={disclosure}\n opened={opened}\n isOpen={isOpen}\n trigger={trigger}\n placement={placement}\n offset={[offsetAtTop, 0]}\n >\n {children}\n </DropdownNewHope>\n );\n});\n"],"names":["mergedConfig","mergeConfig","dropdownOldConfig","config","DropdownNewHope","component","DropdownPopup","forwardRef","props","ref","trigger","children","opened","isOpen","disclosure","onToggle","placement","offsetTop","rest","_objectWithoutProperties","_excluded","offsetAtTop","React","createElement","_extends","target","offset"],"mappings":";;;;;;;;;;AAMA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,+BAAiB,EAAEC,yBAAM,CAAC,CAAA;AAC3D,IAAMC,eAAe,gBAAGC,uBAAS,CAACL,YAAY,CAAC,CAAA;AAExC,IAAMM,aAAa,gBAAGC,gBAAU,CAAqC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACxF,EAAA,IAAQC,OAAO,GAAoFF,KAAK,CAAhGE,OAAO;IAAEC,QAAQ,GAA0EH,KAAK,CAAvFG,QAAQ;IAAEC,MAAM,GAAkEJ,KAAK,CAA7EI,MAAM;IAAEC,MAAM,GAA0DL,KAAK,CAArEK,MAAM;IAAEC,UAAU,GAA8CN,KAAK,CAA7DM,UAAU;IAAEC,QAAQ,GAAoCP,KAAK,CAAjDO,QAAQ;IAAEC,SAAS,GAAyBR,KAAK,CAAvCQ,SAAS;IAAEC,SAAS,GAAcT,KAAK,CAA5BS,SAAS;AAAKC,IAAAA,IAAI,GAAAC,iDAAA,CAAKX,KAAK,EAAAY,SAAA,CAAA,CAAA;EAExG,IAAMC,WAAW,GAAG,OAAOJ,SAAS,KAAK,QAAQ,GAAGA,SAAS,GAAG,CAAC,CAAA;EAEjE,oBACIK,KAAA,CAAAC,aAAA,CAACnB,eAAe,EAAAoB,iCAAA,KACRN,IAAI,EAAA;AACRT,IAAAA,GAAG,EAAEA,GAAI;AACTM,IAAAA,QAAQ,EAAEA,QAAS;AACnBU,IAAAA,MAAM,EAAEX,UAAW;AACnBF,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,MAAM,EAAEA,MAAO;AACfH,IAAAA,OAAO,EAAEA,OAAQ;AACjBM,IAAAA,SAAS,EAAEA,SAAU;AACrBU,IAAAA,MAAM,EAAE,CAACL,WAAW,EAAE,CAAC,CAAA;AAAE,GAAA,CAAA,EAExBV,QACY,CAAC,CAAA;AAE1B,CAAC;;;;"}
|
@@ -6,10 +6,6 @@ var React = require('react');
|
|
6
6
|
var plasmaNewHope = require('@salutejs/plasma-new-hope');
|
7
7
|
var Notification_config = require('./Notification.config.js');
|
8
8
|
|
9
|
-
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
10
|
-
|
11
|
-
var React__default = /*#__PURE__*/_interopDefault(React);
|
12
|
-
|
13
9
|
var mergedConfig = /*#__PURE__*/plasmaNewHope.mergeConfig(plasmaNewHope.notificationConfig, Notification_config.config);
|
14
10
|
var Notification = /*#__PURE__*/plasmaNewHope.component(mergedConfig);
|
15
11
|
var NotificationsProvider = function NotificationsProvider(_ref) {
|
@@ -17,7 +13,7 @@ var NotificationsProvider = function NotificationsProvider(_ref) {
|
|
17
13
|
_ref$frame = _ref.frame,
|
18
14
|
frame = _ref$frame === void 0 ? 'document' : _ref$frame,
|
19
15
|
placement = _ref.placement;
|
20
|
-
return /*#__PURE__*/
|
16
|
+
return /*#__PURE__*/React.createElement(plasmaNewHope.NotificationsProvider, {
|
21
17
|
config: mergedConfig,
|
22
18
|
frame: frame,
|
23
19
|
placement: placement
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Notification.js","sources":["../../../../src-css/components/Notification/Notification.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport {\n NotificationPlacement,\n notificationConfig,\n NotificationsProvider as Provider,\n component,\n mergeConfig,\n} from '@salutejs/plasma-new-hope';\n\nimport { config } from './Notification.config';\n\nexport type { NotificationPlacement };\n\nconst mergedConfig = mergeConfig(notificationConfig, config);\n\nexport const Notification = component(mergedConfig);\n\nexport const NotificationsProvider: React.FC<{\n children: ReactNode;\n frame?: string;\n placement?: NotificationPlacement;\n}> = ({ children, frame = 'document', placement }) => {\n return (\n <Provider config={mergedConfig} frame={frame} placement={placement}>\n {children}\n </Provider>\n );\n};\n"],"names":["mergedConfig","mergeConfig","notificationConfig","config","Notification","component","NotificationsProvider","_ref","children","_ref$frame","frame","placement","React","createElement","Provider"],"mappings":"
|
1
|
+
{"version":3,"file":"Notification.js","sources":["../../../../src-css/components/Notification/Notification.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport {\n NotificationPlacement,\n notificationConfig,\n NotificationsProvider as Provider,\n component,\n mergeConfig,\n} from '@salutejs/plasma-new-hope';\n\nimport { config } from './Notification.config';\n\nexport type { NotificationPlacement };\n\nconst mergedConfig = mergeConfig(notificationConfig, config);\n\nexport const Notification = component(mergedConfig);\n\nexport const NotificationsProvider: React.FC<{\n children: ReactNode;\n frame?: string;\n placement?: NotificationPlacement;\n}> = ({ children, frame = 'document', placement }) => {\n return (\n <Provider config={mergedConfig} frame={frame} placement={placement}>\n {children}\n </Provider>\n );\n};\n"],"names":["mergedConfig","mergeConfig","notificationConfig","config","Notification","component","NotificationsProvider","_ref","children","_ref$frame","frame","placement","React","createElement","Provider"],"mappings":";;;;;;;;AAaA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,gCAAkB,EAAEC,0BAAM,CAAC,CAAA;IAE/CC,YAAY,gBAAGC,uBAAS,CAACL,YAAY,EAAC;IAEtCM,qBAIX,GAAG,SAJQA,qBAIXA,CAAAC,IAAA,EAAoD;AAAA,EAAA,IAA9CC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAAC,UAAA,GAAAF,IAAA,CAAEG,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,UAAU,GAAAA,UAAA;IAAEE,SAAS,GAAAJ,IAAA,CAATI,SAAS,CAAA;AAC3C,EAAA,oBACIC,KAAA,CAAAC,aAAA,CAACC,mCAAQ,EAAA;AAACX,IAAAA,MAAM,EAAEH,YAAa;AAACU,IAAAA,KAAK,EAAEA,KAAM;AAACC,IAAAA,SAAS,EAAEA,SAAAA;AAAU,GAAA,EAC9DH,QACK,CAAC,CAAA;AAEnB;;;;;"}
|