@salutejs/plasma-new-hope 0.240.1-canary.1705.12790178134.0 → 0.241.0-canary.1696.12814018283.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/components/Avatar/Avatar.js +40 -3
- package/cjs/components/Avatar/Avatar.js.map +1 -1
- package/cjs/components/Avatar/Avatar.styles.js +32 -1
- package/cjs/components/Avatar/Avatar.styles.js.map +1 -1
- package/cjs/components/Avatar/Avatar.styles_131qvfx.css +8 -0
- package/cjs/components/Avatar/Avatar.tokens.js +41 -2
- package/cjs/components/Avatar/Avatar.tokens.js.map +1 -1
- package/cjs/components/Avatar/utils/index.js +21 -0
- package/cjs/components/Avatar/utils/index.js.map +1 -0
- package/cjs/components/Combobox/ComboboxOld/Combobox.css +6 -6
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +6 -6
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +6 -6
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +6 -6
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +6 -6
- package/cjs/components/Dropdown/Dropdown.css +6 -6
- package/cjs/components/Dropdown/Dropdown.tokens.js +0 -1
- package/cjs/components/Dropdown/Dropdown.tokens.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.css +6 -6
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.css +6 -6
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +3 -3
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles_z6xd28.css +7 -0
- package/cjs/index.css +14 -11
- package/emotion/cjs/components/Avatar/Avatar.js +40 -4
- package/emotion/cjs/components/Avatar/Avatar.styles.js +29 -10
- package/emotion/cjs/components/Avatar/Avatar.template-doc.mdx +54 -0
- package/emotion/cjs/components/Avatar/Avatar.tokens.js +41 -2
- package/emotion/cjs/components/Avatar/utils/index.js +15 -1
- package/emotion/cjs/components/Dropdown/Dropdown.tokens.js +0 -1
- package/emotion/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +8 -8
- package/emotion/cjs/examples/plasma_b2c/components/Avatar/Avatar.config.js +25 -7
- package/emotion/cjs/examples/plasma_b2c/components/Avatar/Avatar.stories.tsx +134 -1
- package/emotion/cjs/examples/plasma_web/components/Avatar/Avatar.config.js +25 -7
- package/emotion/cjs/examples/plasma_web/components/Avatar/Avatar.stories.tsx +134 -1
- package/emotion/es/components/Avatar/Avatar.js +42 -6
- package/emotion/es/components/Avatar/Avatar.styles.js +29 -10
- package/emotion/es/components/Avatar/Avatar.template-doc.mdx +54 -0
- package/emotion/es/components/Avatar/Avatar.tokens.js +41 -2
- package/emotion/es/components/Avatar/utils/index.js +14 -1
- package/emotion/es/components/Dropdown/Dropdown.tokens.js +0 -1
- package/emotion/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +8 -8
- package/emotion/es/examples/plasma_b2c/components/Avatar/Avatar.config.js +25 -7
- package/emotion/es/examples/plasma_b2c/components/Avatar/Avatar.stories.tsx +134 -1
- package/emotion/es/examples/plasma_web/components/Avatar/Avatar.config.js +25 -7
- package/emotion/es/examples/plasma_web/components/Avatar/Avatar.stories.tsx +134 -1
- package/es/components/Avatar/Avatar.js +41 -4
- package/es/components/Avatar/Avatar.js.map +1 -1
- package/es/components/Avatar/Avatar.styles.js +30 -2
- package/es/components/Avatar/Avatar.styles.js.map +1 -1
- package/es/components/Avatar/Avatar.styles_131qvfx.css +8 -0
- package/es/components/Avatar/Avatar.tokens.js +41 -2
- package/es/components/Avatar/Avatar.tokens.js.map +1 -1
- package/es/components/Avatar/utils/index.js +17 -0
- package/es/components/Avatar/utils/index.js.map +1 -0
- package/es/components/Combobox/ComboboxOld/Combobox.css +6 -6
- package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +6 -6
- package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +6 -6
- package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +6 -6
- package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +6 -6
- package/es/components/Dropdown/Dropdown.css +6 -6
- package/es/components/Dropdown/Dropdown.tokens.js +0 -1
- package/es/components/Dropdown/Dropdown.tokens.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownInner/DropdownInner.css +6 -6
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.css +6 -6
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +3 -3
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles_z6xd28.css +7 -0
- package/es/index.css +14 -11
- package/package.json +5 -22
- package/styled-components/cjs/components/Avatar/Avatar.js +39 -3
- package/styled-components/cjs/components/Avatar/Avatar.styles.js +18 -2
- package/styled-components/cjs/components/Avatar/Avatar.template-doc.mdx +54 -0
- package/styled-components/cjs/components/Avatar/Avatar.tokens.js +41 -2
- package/styled-components/cjs/components/Avatar/utils/index.js +15 -1
- package/styled-components/cjs/components/Dropdown/Dropdown.tokens.js +0 -1
- package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +2 -2
- package/styled-components/cjs/examples/plasma_b2c/components/Avatar/Avatar.config.js +22 -4
- package/styled-components/cjs/examples/plasma_b2c/components/Avatar/Avatar.stories.tsx +134 -1
- package/styled-components/cjs/examples/plasma_web/components/Avatar/Avatar.config.js +22 -4
- package/styled-components/cjs/examples/plasma_web/components/Avatar/Avatar.stories.tsx +134 -1
- package/styled-components/es/components/Avatar/Avatar.js +41 -5
- package/styled-components/es/components/Avatar/Avatar.styles.js +18 -2
- package/styled-components/es/components/Avatar/Avatar.template-doc.mdx +54 -0
- package/styled-components/es/components/Avatar/Avatar.tokens.js +41 -2
- package/styled-components/es/components/Avatar/utils/index.js +14 -1
- package/styled-components/es/components/Dropdown/Dropdown.tokens.js +0 -1
- package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +2 -2
- package/styled-components/es/examples/plasma_b2c/components/Avatar/Avatar.config.js +22 -4
- package/styled-components/es/examples/plasma_b2c/components/Avatar/Avatar.stories.tsx +134 -1
- package/styled-components/es/examples/plasma_web/components/Avatar/Avatar.config.js +22 -4
- package/styled-components/es/examples/plasma_web/components/Avatar/Avatar.stories.tsx +134 -1
- package/types/components/Avatar/Avatar.d.ts +3 -21
- package/types/components/Avatar/Avatar.d.ts.map +1 -1
- package/types/components/Avatar/Avatar.styles.d.ts +59 -0
- package/types/components/Avatar/Avatar.styles.d.ts.map +1 -1
- package/types/components/Avatar/Avatar.tokens.d.ts +37 -0
- package/types/components/Avatar/Avatar.tokens.d.ts.map +1 -1
- package/types/components/Avatar/Avatar.types.d.ts +47 -2
- package/types/components/Avatar/Avatar.types.d.ts.map +1 -1
- package/types/components/Avatar/utils/index.d.ts +1 -0
- package/types/components/Avatar/utils/index.d.ts.map +1 -1
- package/types/components/Badge/Badge.types.d.ts +8 -21
- package/types/components/Badge/Badge.types.d.ts.map +1 -1
- package/types/components/Counter/Counter.d.ts +2 -12
- package/types/components/Counter/Counter.d.ts.map +1 -1
- package/types/components/Counter/Counter.types.d.ts +1 -2
- package/types/components/Counter/Counter.types.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.tokens.d.ts +0 -1
- package/types/components/Dropdown/Dropdown.tokens.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Avatar/Avatar.config.d.ts +18 -0
- package/types/examples/plasma_b2c/components/Avatar/Avatar.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Avatar/Avatar.d.ts +138 -6
- package/types/examples/plasma_b2c/components/Avatar/Avatar.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Badge/Badge.d.ts +8 -48
- package/types/examples/plasma_b2c/components/Badge/Badge.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Counter/Counter.d.ts +1 -6
- package/types/examples/plasma_b2c/components/Counter/Counter.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Avatar/Avatar.config.d.ts +18 -0
- package/types/examples/plasma_web/components/Avatar/Avatar.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Avatar/Avatar.d.ts +138 -6
- package/types/examples/plasma_web/components/Avatar/Avatar.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Badge/Badge.d.ts +8 -48
- package/types/examples/plasma_web/components/Badge/Badge.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Counter/Counter.d.ts +1 -6
- package/types/examples/plasma_web/components/Counter/Counter.d.ts.map +1 -1
- package/cjs/components/Avatar/Avatar.styles_1gd252x.css +0 -5
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles_vp2tis.css +0 -7
- package/es/components/Avatar/Avatar.styles_1gd252x.css +0 -5
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles_vp2tis.css +0 -7
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.tokens.js","sources":["../../../src/components/Dropdown/Dropdown.tokens.ts"],"sourcesContent":["export const classes = {\n dropdownRoot: 'dropdown-root',\n dropdownItemIsFocused: 'dropdown-item-is-focused',\n dropdownItemIsDisabled: 'dropdown-item-is-disabled',\n dropdownItemIsActive: 'dropdown-item-is-active',\n dropdownItemIsSelected: 'dropdown-item-is-selected',\n};\n\nexport const tokens = {\n background: '--plasma-dropdown-background',\n boxShadow: '--plasma-dropdown-box-shadow',\n width: '--plasma-dropdown-width',\n borderRadius: '--plasma-dropdown-border-radius',\n padding: '--plasma-dropdown-padding',\n disclosureIconColor: '--plasma-dropdown-disclosure-icon-color',\n disabledOpacity: '--plasma-dropdown-disabled-opacity',\n borderColor: '--plasma-dropdown-border-color',\n borderWidth: '--plasma-dropdown-border-width',\n focusColor: '--plasma-dropdown-focus-color', // Old\n\n dividerColor: '--plasma-dropdown-divider-color',\n dividerMarginTop: '--plasma-dropdown-divider-margin-top',\n dividerMarginTopTight: '--plasma-dropdown-divider-margin-top-tight',\n dividerMarginRight: '--plasma-dropdown-divider-margin-right',\n dividerMarginBottom: '--plasma-dropdown-divider-margin-bottom',\n dividerMarginBottomTight: '--plasma-dropdown-divider-margin-bottom-tight',\n dividerMarginLeft: '--plasma-dropdown-divider-margin-left',\n\n itemBackground: '--plasma-dropdown-item-background',\n itemBackgroundHover: '--plasma-dropdown-item-background-hover',\n itemBackgroundSelected: '--plasma-dropdown-item-background-selected', // Old\n itemBackgroundSelectedHover: '--plasma-dropdown-item-background-selected-hover', // Old\n itemColor: '--plasma-dropdown-item-color', // Old\n itemColorSelected: '--plasma-dropdown-item-color-selected', // Old\n itemColorSelectedHover: '--plasma-dropdown-item-color-selected-hover', // Old\n itemBorderRadius: '--plasma-dropdown-item-border-radius',\n itemWidth: '--plasma-dropdown-item-width', // Old\n itemHeight: '--plasma-dropdown-item-height', // Old\n itemMarginTop: '--plasma-dropdown-item-margin-top', // Old\n itemMarginRight: '--plasma-dropdown-item-margin-right', // Old\n itemMarginBottom: '--plasma-dropdown-item-margin-bottom', // Old\n itemMarginLeft: '--plasma-dropdown-item-margin-left', // Old\n itemPaddingTop: '--plasma-dropdown-item-padding-top', // Old\n itemPaddingTopTight: '--plasma-dropdown-item-padding-top-tight', // Old\n itemPaddingRight: '--plasma-dropdown-item-padding-right', // Old\n itemPaddingBottom: '--plasma-dropdown-item-padding-bottom', // Old\n itemPaddingBottomTight: '--plasma-dropdown-item-padding-bottom-tight', // Old\n itemPaddingLeft: '--plasma-dropdown-item-padding-left', // Old\n itemContentLeftWidth: '--plasma-dropdown-item-content-left-width', // Old\n itemContentLeftColor: '--plasma-dropdown-item-content-left-color', // Old\n itemContentRightWidth: '--plasma-dropdown-item-content-right-width', // Old\n itemContentRightColor: '--plasma-dropdown-item-content-right-color', // Old\n itemFontFamily: '--plasma-dropdown-item-font-family',\n itemFontSize: '--plasma-dropdown-item-font-size',\n itemFontStyle: '--plasma-dropdown-item-font-style',\n itemFontWeightBold: '--plasma-dropdown-item-letter-spacing',\n itemFontLetterSpacing: '--plasma-dropdown-item-line-height',\n itemFontLineHeight: '--plasma-dropdown-item-font-weight',\n itemMargin: '--plasma-dropdown-item-margin',\n itemPadding: '--plasma-dropdown-item-padding',\n itemPaddingTight: '--plasma-dropdown-item-padding-tight',\n itemGap: '--plasma-dropdown-item-gap',\n itemGapTight: '--plasma-dropdown-item-gap-tight',\n itemDisclosureIconSize: '--plasma-dropdown-item-disclosure-icon-size',\n\n cellPadding: '--plasma-dropdown-cell-padding',\n cellPaddingLeftContent: '--plasma-dropdown-cell-padding-left-content',\n cellPaddingContent: '--plasma-dropdown-cell-padding-content',\n cellPaddingRightContent: '--plasma-dropdown-cell-padding-right-content',\n cellTextboxGap: '--plasma-dropdown-cell-textbox-gap',\n cellGap: '--plasma-dropdown-cell-gap',\n cellTitleFontFamily: '--plasma-dropdown-cell-title-font-family',\n cellTitleFontSize: '--plasma-dropdown-cell-title-font-size',\n cellTitleFontStyle: '--plasma-dropdown-cell-title-font-style',\n cellTitleFontWeight: '--plasma-dropdown-cell-title-font-weight',\n cellTitleLetterSpacing: '--plasma-dropdown-cell-title-letter-spacing',\n cellTitleLineHeight: '--plasma-dropdown-cell-title-line-height',\n\n // TODO: Remove below tokens as soon as they are no longer needed\n footerBackground: '--plasma-dropdown-footer-background',\n footerWidth: '--plasma-dropdown-footer-width',\n footerHeight: '--plasma-dropdown-footer-height',\n footerPaddingTop: '--plasma-dropdown-footer-padding-top',\n footerPaddingRight: '--plasma-dropdown-footer-padding-right',\n footerPaddingBottom: '--plasma-dropdown-footer-padding-bottom',\n footerPaddingLeft: '--plasma-dropdown-footer-padding-left',\n footerMarginTop: '--plasma-dropdown-footer-margin-top',\n footerMarginRight: '--plasma-dropdown-footer-margin-right',\n footerMarginBottom: '--plasma-dropdown-footer-margin-bottom',\n footerMarginLeft: '--plasma-dropdown-footer-margin-left',\n footerFontFamily: '--plasma-dropdown-footer-font-family',\n footerFontSize: '--plasma-dropdown-footer-font-size',\n footerFontStyle: '--plasma-dropdown-footer-font-style',\n footerFontWeightBold: '--plasma-dropdown-footer-letter-spacing',\n footerFontLetterSpacing: '--plasma-dropdown-footer-line-height',\n footerFontLineHeight: '--plasma-dropdown-footer-font-weight',\n\n headerBackground: '--plasma-dropdown-header-background',\n headerWidth: '--plasma-dropdown-header-width',\n headerHeight: '--plasma-dropdown-header-height',\n headerPaddingTop: '--plasma-dropdown-header-padding-top',\n headerPaddingRight: '--plasma-dropdown-header-padding-right',\n headerPaddingBottom: '--plasma-dropdown-header-padding-bottom',\n headerPaddingLeft: '--plasma-dropdown-header-padding-left',\n headerMarginTop: '--plasma-dropdown-header-margin-top',\n headerMarginRight: '--plasma-dropdown-header-margin-right',\n headerMarginBottom: '--plasma-dropdown-header-margin-bottom',\n headerMarginLeft: '--plasma-dropdown-header-margin-left',\n headerFontFamily: '--plasma-dropdown-header-font-family',\n headerFontSize: '--plasma-dropdown-header-font-size',\n headerFontStyle: '--plasma-dropdown-header-font-style',\n headerFontWeightBold: '--plasma-dropdown-header-letter-spacing',\n headerFontLetterSpacing: '--plasma-dropdown-header-line-height',\n headerFontLineHeight: '--plasma-dropdown-header-font-weight',\n\n dividerWidth: '--plasma-dropdown-divider-width',\n dividerHeight: '--plasma-dropdown-divider-height',\n\n groupBackground: '--plasma-dropdown-group-background',\n groupWidth: '--plasma-dropdown-group-width',\n groupHeight: '--plasma-dropdown-group-height',\n groupPaddingTop: '--plasma-dropdown-group-padding-top',\n groupPaddingRight: '--plasma-dropdown-group-padding-right',\n groupPaddingBottom: '--plasma-dropdown-group-padding-bottom',\n groupPaddingLeft: '--plasma-dropdown-group-padding-left',\n groupMarginTop: '--plasma-dropdown-group-margin-top',\n groupMarginRight: '--plasma-dropdown-group-margin-right',\n groupMarginBottom: '--plasma-dropdown-group-margin-bottom',\n groupMarginLeft: '--plasma-dropdown-group-margin-left',\n groupLabelColor: '--plasma-dropdown-group-label-color',\n groupLabelFontFamily: '--plasma-dropdown-group-label-font-family',\n groupLabelFontSize: '--plasma-dropdown-group-label-font-size',\n groupLabelFontStyle: '--plasma-dropdown-group-label-font-style',\n groupLabelFontWeight: '--plasma-dropdown-group-label-font-weight',\n groupLabelLetterSpacing: '--plasma-dropdown-group-label-letter-spacing',\n groupLabelLineHeight: '--plasma-dropdown-group-label-line-height',\n groupLabelPaddingTop: '--plasma-dropdown-group-label-padding-top',\n groupLabelPaddingRight: '--plasma-dropdown-group-label-padding-right',\n groupLabelPaddingBottom: '--plasma-dropdown-group-label-padding-bottom',\n groupLabelPaddingLeft: '--plasma-dropdown-group-label-padding-left',\n groupLabelMarginTop: '--plasma-dropdown-group-label-margin-top',\n groupLabelMarginRight: '--plasma-dropdown-group-label-margin-right',\n groupLabelMarginBottom: '--plasma-dropdown-group-label-margin-bottom',\n groupLabelMarginLeft: '--plasma-dropdown-group-label-margin-left',\n};\n\nexport const constants = {\n focusColor: '--surface-accent',\n background: '--surface-solid-card-brightness',\n boxShadow: '0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04)',\n disclosureIconColor: '--text-secondary',\n itemBackground: '--plasma-colors-transparent',\n opacity: '0.4',\n cellTitleColor: '--text-primary',\n cellBackgroundColor: '--plasma-colors-transparent',\n};\n"],"names":["classes","dropdownRoot","dropdownItemIsFocused","dropdownItemIsDisabled","dropdownItemIsActive","dropdownItemIsSelected","tokens","background","boxShadow","width","borderRadius","padding","disclosureIconColor","disabledOpacity","borderColor","borderWidth","focusColor","dividerColor","dividerMarginTop","dividerMarginTopTight","dividerMarginRight","dividerMarginBottom","dividerMarginBottomTight","dividerMarginLeft","itemBackground","itemBackgroundHover","itemBackgroundSelected","itemBackgroundSelectedHover","itemColor","itemColorSelected","itemColorSelectedHover","itemBorderRadius","itemWidth","itemHeight","itemMarginTop","itemMarginRight","itemMarginBottom","itemMarginLeft","itemPaddingTop","itemPaddingTopTight","itemPaddingRight","itemPaddingBottom","itemPaddingBottomTight","itemPaddingLeft","itemContentLeftWidth","itemContentLeftColor","itemContentRightWidth","itemContentRightColor","itemFontFamily","itemFontSize","itemFontStyle","itemFontWeightBold","itemFontLetterSpacing","itemFontLineHeight","itemMargin","itemPadding","itemPaddingTight","itemGap","itemGapTight","itemDisclosureIconSize","cellPadding","cellPaddingLeftContent","cellPaddingContent","cellPaddingRightContent","cellTextboxGap","cellGap","cellTitleFontFamily","cellTitleFontSize","cellTitleFontStyle","cellTitleFontWeight","cellTitleLetterSpacing","cellTitleLineHeight","footerBackground","footerWidth","footerHeight","footerPaddingTop","footerPaddingRight","footerPaddingBottom","footerPaddingLeft","footerMarginTop","footerMarginRight","footerMarginBottom","footerMarginLeft","footerFontFamily","footerFontSize","footerFontStyle","footerFontWeightBold","footerFontLetterSpacing","footerFontLineHeight","headerBackground","headerWidth","headerHeight","headerPaddingTop","headerPaddingRight","headerPaddingBottom","headerPaddingLeft","headerMarginTop","headerMarginRight","headerMarginBottom","headerMarginLeft","headerFontFamily","headerFontSize","headerFontStyle","headerFontWeightBold","headerFontLetterSpacing","headerFontLineHeight","dividerWidth","dividerHeight","groupBackground","groupWidth","groupHeight","groupPaddingTop","groupPaddingRight","groupPaddingBottom","groupPaddingLeft","groupMarginTop","groupMarginRight","groupMarginBottom","groupMarginLeft","groupLabelColor","groupLabelFontFamily","groupLabelFontSize","groupLabelFontStyle","groupLabelFontWeight","groupLabelLetterSpacing","groupLabelLineHeight","groupLabelPaddingTop","groupLabelPaddingRight","groupLabelPaddingBottom","groupLabelPaddingLeft","groupLabelMarginTop","groupLabelMarginRight","groupLabelMarginBottom","groupLabelMarginLeft"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Dropdown.tokens.js","sources":["../../../src/components/Dropdown/Dropdown.tokens.ts"],"sourcesContent":["export const classes = {\n dropdownRoot: 'dropdown-root',\n dropdownItemIsFocused: 'dropdown-item-is-focused',\n dropdownItemIsDisabled: 'dropdown-item-is-disabled',\n dropdownItemIsActive: 'dropdown-item-is-active',\n dropdownItemIsSelected: 'dropdown-item-is-selected',\n};\n\nexport const tokens = {\n background: '--plasma-dropdown-background',\n boxShadow: '--plasma-dropdown-box-shadow',\n width: '--plasma-dropdown-width',\n borderRadius: '--plasma-dropdown-border-radius',\n padding: '--plasma-dropdown-padding',\n disclosureIconColor: '--plasma-dropdown-disclosure-icon-color',\n disabledOpacity: '--plasma-dropdown-disabled-opacity',\n borderColor: '--plasma-dropdown-border-color',\n borderWidth: '--plasma-dropdown-border-width',\n focusColor: '--plasma-dropdown-focus-color', // Old\n\n dividerColor: '--plasma-dropdown-divider-color',\n dividerMarginTop: '--plasma-dropdown-divider-margin-top',\n dividerMarginTopTight: '--plasma-dropdown-divider-margin-top-tight',\n dividerMarginRight: '--plasma-dropdown-divider-margin-right',\n dividerMarginBottom: '--plasma-dropdown-divider-margin-bottom',\n dividerMarginBottomTight: '--plasma-dropdown-divider-margin-bottom-tight',\n dividerMarginLeft: '--plasma-dropdown-divider-margin-left',\n\n itemBackground: '--plasma-dropdown-item-background',\n itemBackgroundHover: '--plasma-dropdown-item-background-hover',\n itemBackgroundSelected: '--plasma-dropdown-item-background-selected', // Old\n itemBackgroundSelectedHover: '--plasma-dropdown-item-background-selected-hover', // Old\n itemColor: '--plasma-dropdown-item-color', // Old\n itemColorSelected: '--plasma-dropdown-item-color-selected', // Old\n itemColorSelectedHover: '--plasma-dropdown-item-color-selected-hover', // Old\n itemBorderRadius: '--plasma-dropdown-item-border-radius',\n itemWidth: '--plasma-dropdown-item-width', // Old\n itemHeight: '--plasma-dropdown-item-height', // Old\n itemMarginTop: '--plasma-dropdown-item-margin-top', // Old\n itemMarginRight: '--plasma-dropdown-item-margin-right', // Old\n itemMarginBottom: '--plasma-dropdown-item-margin-bottom', // Old\n itemMarginLeft: '--plasma-dropdown-item-margin-left', // Old\n itemPaddingTop: '--plasma-dropdown-item-padding-top', // Old\n itemPaddingTopTight: '--plasma-dropdown-item-padding-top-tight', // Old\n itemPaddingRight: '--plasma-dropdown-item-padding-right', // Old\n itemPaddingBottom: '--plasma-dropdown-item-padding-bottom', // Old\n itemPaddingBottomTight: '--plasma-dropdown-item-padding-bottom-tight', // Old\n itemPaddingLeft: '--plasma-dropdown-item-padding-left', // Old\n itemContentLeftWidth: '--plasma-dropdown-item-content-left-width', // Old\n itemContentLeftColor: '--plasma-dropdown-item-content-left-color', // Old\n itemContentRightWidth: '--plasma-dropdown-item-content-right-width', // Old\n itemContentRightColor: '--plasma-dropdown-item-content-right-color', // Old\n itemFontFamily: '--plasma-dropdown-item-font-family',\n itemFontSize: '--plasma-dropdown-item-font-size',\n itemFontStyle: '--plasma-dropdown-item-font-style',\n itemFontWeightBold: '--plasma-dropdown-item-letter-spacing',\n itemFontLetterSpacing: '--plasma-dropdown-item-line-height',\n itemFontLineHeight: '--plasma-dropdown-item-font-weight',\n itemPadding: '--plasma-dropdown-item-padding',\n itemPaddingTight: '--plasma-dropdown-item-padding-tight',\n itemGap: '--plasma-dropdown-item-gap',\n itemGapTight: '--plasma-dropdown-item-gap-tight',\n itemDisclosureIconSize: '--plasma-dropdown-item-disclosure-icon-size',\n\n cellPadding: '--plasma-dropdown-cell-padding',\n cellPaddingLeftContent: '--plasma-dropdown-cell-padding-left-content',\n cellPaddingContent: '--plasma-dropdown-cell-padding-content',\n cellPaddingRightContent: '--plasma-dropdown-cell-padding-right-content',\n cellTextboxGap: '--plasma-dropdown-cell-textbox-gap',\n cellGap: '--plasma-dropdown-cell-gap',\n cellTitleFontFamily: '--plasma-dropdown-cell-title-font-family',\n cellTitleFontSize: '--plasma-dropdown-cell-title-font-size',\n cellTitleFontStyle: '--plasma-dropdown-cell-title-font-style',\n cellTitleFontWeight: '--plasma-dropdown-cell-title-font-weight',\n cellTitleLetterSpacing: '--plasma-dropdown-cell-title-letter-spacing',\n cellTitleLineHeight: '--plasma-dropdown-cell-title-line-height',\n\n // TODO: Remove below tokens as soon as they are no longer needed\n footerBackground: '--plasma-dropdown-footer-background',\n footerWidth: '--plasma-dropdown-footer-width',\n footerHeight: '--plasma-dropdown-footer-height',\n footerPaddingTop: '--plasma-dropdown-footer-padding-top',\n footerPaddingRight: '--plasma-dropdown-footer-padding-right',\n footerPaddingBottom: '--plasma-dropdown-footer-padding-bottom',\n footerPaddingLeft: '--plasma-dropdown-footer-padding-left',\n footerMarginTop: '--plasma-dropdown-footer-margin-top',\n footerMarginRight: '--plasma-dropdown-footer-margin-right',\n footerMarginBottom: '--plasma-dropdown-footer-margin-bottom',\n footerMarginLeft: '--plasma-dropdown-footer-margin-left',\n footerFontFamily: '--plasma-dropdown-footer-font-family',\n footerFontSize: '--plasma-dropdown-footer-font-size',\n footerFontStyle: '--plasma-dropdown-footer-font-style',\n footerFontWeightBold: '--plasma-dropdown-footer-letter-spacing',\n footerFontLetterSpacing: '--plasma-dropdown-footer-line-height',\n footerFontLineHeight: '--plasma-dropdown-footer-font-weight',\n\n headerBackground: '--plasma-dropdown-header-background',\n headerWidth: '--plasma-dropdown-header-width',\n headerHeight: '--plasma-dropdown-header-height',\n headerPaddingTop: '--plasma-dropdown-header-padding-top',\n headerPaddingRight: '--plasma-dropdown-header-padding-right',\n headerPaddingBottom: '--plasma-dropdown-header-padding-bottom',\n headerPaddingLeft: '--plasma-dropdown-header-padding-left',\n headerMarginTop: '--plasma-dropdown-header-margin-top',\n headerMarginRight: '--plasma-dropdown-header-margin-right',\n headerMarginBottom: '--plasma-dropdown-header-margin-bottom',\n headerMarginLeft: '--plasma-dropdown-header-margin-left',\n headerFontFamily: '--plasma-dropdown-header-font-family',\n headerFontSize: '--plasma-dropdown-header-font-size',\n headerFontStyle: '--plasma-dropdown-header-font-style',\n headerFontWeightBold: '--plasma-dropdown-header-letter-spacing',\n headerFontLetterSpacing: '--plasma-dropdown-header-line-height',\n headerFontLineHeight: '--plasma-dropdown-header-font-weight',\n\n dividerWidth: '--plasma-dropdown-divider-width',\n dividerHeight: '--plasma-dropdown-divider-height',\n\n groupBackground: '--plasma-dropdown-group-background',\n groupWidth: '--plasma-dropdown-group-width',\n groupHeight: '--plasma-dropdown-group-height',\n groupPaddingTop: '--plasma-dropdown-group-padding-top',\n groupPaddingRight: '--plasma-dropdown-group-padding-right',\n groupPaddingBottom: '--plasma-dropdown-group-padding-bottom',\n groupPaddingLeft: '--plasma-dropdown-group-padding-left',\n groupMarginTop: '--plasma-dropdown-group-margin-top',\n groupMarginRight: '--plasma-dropdown-group-margin-right',\n groupMarginBottom: '--plasma-dropdown-group-margin-bottom',\n groupMarginLeft: '--plasma-dropdown-group-margin-left',\n groupLabelColor: '--plasma-dropdown-group-label-color',\n groupLabelFontFamily: '--plasma-dropdown-group-label-font-family',\n groupLabelFontSize: '--plasma-dropdown-group-label-font-size',\n groupLabelFontStyle: '--plasma-dropdown-group-label-font-style',\n groupLabelFontWeight: '--plasma-dropdown-group-label-font-weight',\n groupLabelLetterSpacing: '--plasma-dropdown-group-label-letter-spacing',\n groupLabelLineHeight: '--plasma-dropdown-group-label-line-height',\n groupLabelPaddingTop: '--plasma-dropdown-group-label-padding-top',\n groupLabelPaddingRight: '--plasma-dropdown-group-label-padding-right',\n groupLabelPaddingBottom: '--plasma-dropdown-group-label-padding-bottom',\n groupLabelPaddingLeft: '--plasma-dropdown-group-label-padding-left',\n groupLabelMarginTop: '--plasma-dropdown-group-label-margin-top',\n groupLabelMarginRight: '--plasma-dropdown-group-label-margin-right',\n groupLabelMarginBottom: '--plasma-dropdown-group-label-margin-bottom',\n groupLabelMarginLeft: '--plasma-dropdown-group-label-margin-left',\n};\n\nexport const constants = {\n focusColor: '--surface-accent',\n background: '--surface-solid-card-brightness',\n boxShadow: '0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04)',\n disclosureIconColor: '--text-secondary',\n itemBackground: '--plasma-colors-transparent',\n opacity: '0.4',\n cellTitleColor: '--text-primary',\n cellBackgroundColor: '--plasma-colors-transparent',\n};\n"],"names":["classes","dropdownRoot","dropdownItemIsFocused","dropdownItemIsDisabled","dropdownItemIsActive","dropdownItemIsSelected","tokens","background","boxShadow","width","borderRadius","padding","disclosureIconColor","disabledOpacity","borderColor","borderWidth","focusColor","dividerColor","dividerMarginTop","dividerMarginTopTight","dividerMarginRight","dividerMarginBottom","dividerMarginBottomTight","dividerMarginLeft","itemBackground","itemBackgroundHover","itemBackgroundSelected","itemBackgroundSelectedHover","itemColor","itemColorSelected","itemColorSelectedHover","itemBorderRadius","itemWidth","itemHeight","itemMarginTop","itemMarginRight","itemMarginBottom","itemMarginLeft","itemPaddingTop","itemPaddingTopTight","itemPaddingRight","itemPaddingBottom","itemPaddingBottomTight","itemPaddingLeft","itemContentLeftWidth","itemContentLeftColor","itemContentRightWidth","itemContentRightColor","itemFontFamily","itemFontSize","itemFontStyle","itemFontWeightBold","itemFontLetterSpacing","itemFontLineHeight","itemPadding","itemPaddingTight","itemGap","itemGapTight","itemDisclosureIconSize","cellPadding","cellPaddingLeftContent","cellPaddingContent","cellPaddingRightContent","cellTextboxGap","cellGap","cellTitleFontFamily","cellTitleFontSize","cellTitleFontStyle","cellTitleFontWeight","cellTitleLetterSpacing","cellTitleLineHeight","footerBackground","footerWidth","footerHeight","footerPaddingTop","footerPaddingRight","footerPaddingBottom","footerPaddingLeft","footerMarginTop","footerMarginRight","footerMarginBottom","footerMarginLeft","footerFontFamily","footerFontSize","footerFontStyle","footerFontWeightBold","footerFontLetterSpacing","footerFontLineHeight","headerBackground","headerWidth","headerHeight","headerPaddingTop","headerPaddingRight","headerPaddingBottom","headerPaddingLeft","headerMarginTop","headerMarginRight","headerMarginBottom","headerMarginLeft","headerFontFamily","headerFontSize","headerFontStyle","headerFontWeightBold","headerFontLetterSpacing","headerFontLineHeight","dividerWidth","dividerHeight","groupBackground","groupWidth","groupHeight","groupPaddingTop","groupPaddingRight","groupPaddingBottom","groupPaddingLeft","groupMarginTop","groupMarginRight","groupMarginBottom","groupMarginLeft","groupLabelColor","groupLabelFontFamily","groupLabelFontSize","groupLabelFontStyle","groupLabelFontWeight","groupLabelLetterSpacing","groupLabelLineHeight","groupLabelPaddingTop","groupLabelPaddingRight","groupLabelPaddingBottom","groupLabelPaddingLeft","groupLabelMarginTop","groupLabelMarginRight","groupLabelMarginBottom","groupLabelMarginLeft"],"mappings":"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"}
|
|
@@ -16,13 +16,13 @@
|
|
|
16
16
|
|
|
17
17
|
.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
|
|
18
18
|
|
|
19
|
-
.
|
|
19
|
+
.DropdownItem_styles_z6xd28_c1gkzlls__90ad11ce{--plasma-cell-title-color:var(--text-primary);--plasma-cell-background-color:var(--plasma-colors-transparent);--plasma-cell-padding:var(--plasma-dropdown-cell-padding);--plasma-cell-padding-left-content:var(--plasma-dropdown-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-dropdown-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-dropdown-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-dropdown-cell-textbox-gap);--plasma-cell-gap:var(--plasma-dropdown-cell-gap);--plasma-cell-title-font-family:var(--plasma-dropdown-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-dropdown-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-dropdown-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-dropdown-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-dropdown-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-dropdown-cell-title-line-height);width:100%;}
|
|
20
20
|
|
|
21
|
-
.
|
|
22
|
-
.
|
|
23
|
-
.
|
|
24
|
-
.
|
|
25
|
-
.
|
|
21
|
+
.DropdownItem_styles_z6xd28_d1m97l2m__90ad11ce{line-height:0;color:var(--text-secondary);}
|
|
22
|
+
.DropdownItem_styles_z6xd28_soib72h__90ad11ce{width:var(--soib72h-0);height:var(--soib72h-0);}
|
|
23
|
+
.DropdownItem_styles_z6xd28_d6l2f0g__90ad11ce{height:1px;margin-top:var(--d6l2f0g-0);margin-right:var(--plasma-dropdown-divider-margin-right);margin-bottom:var(--d6l2f0g-1);margin-left:var(--plasma-dropdown-divider-margin-left);background:var(--plasma-dropdown-divider-color);}
|
|
24
|
+
.DropdownItem_styles_z6xd28_w1jav4ek__90ad11ce{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--w1jav4ek-0);min-height:var(--plasma-dropdown-item-height);margin:0 calc(0.125rem + var(--plasma-dropdown-border-width,0rem));box-sizing:content-box;padding:var(--w1jav4ek-1);font-family:var(--plasma-dropdown-item-font-family);font-size:var(--plasma-dropdown-item-font-size);font-style:var(--plasma-dropdown-item-font-style);font-weight:var(--plasma-dropdown-item-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-item-line-height);-moz-letter-spacing:var(--plasma-dropdown-item-line-height);-ms-letter-spacing:var(--plasma-dropdown-item-line-height);letter-spacing:var(--plasma-dropdown-item-line-height);line-height:var(--plasma-dropdown-item-font-weight);background-color:var(--plasma-colors-transparent);border-radius:calc(var(--plasma-dropdown-border-radius) - 0.125rem - var(--plasma-dropdown-border-width,0rem));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-clip:padding-box;position:relative;}.DropdownItem_styles_z6xd28_w1jav4ek__90ad11ce:hover:not(.DropdownItem_styles_z6xd28_dropdownItemIsDisabled__90ad11ce){cursor:pointer;background-color:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_z6xd28_w1jav4ek__90ad11ce.DropdownItem_styles_z6xd28_dropdownItemIsActive__90ad11ce{background-color:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_z6xd28_w1jav4ek__90ad11ce.DropdownItem_styles_z6xd28_dropdownItemIsDisabled__90ad11ce{opacity:0.4;cursor:not-allowed;}.DropdownItem_styles_z6xd28_w1jav4ek__90ad11ce:focus{outline:none;}.DropdownItem_styles_z6xd28_w1jav4ek__90ad11ce::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-dropdown-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.DropdownItem_styles_z6xd28_w1jav4ek__90ad11ce.DropdownItem_styles_z6xd28_dropdownItemIsFocused__90ad11ce:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
|
|
25
|
+
.DropdownItem_styles_z6xd28_r1fqtjio__90ad11ce{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
|
|
26
26
|
|
|
27
27
|
.Dropdown_styles_1ljmphy_un7uamp__8526f7b0{box-sizing:border-box;width:var(--un7uamp-0);max-height:var(--un7uamp-1);margin:var(--un7uamp-2);padding:var(--plasma-dropdown-padding) 0;overflow:var(--un7uamp-3);background:var(--surface-solid-card-brightness);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);border-radius:var(--plasma-dropdown-border-radius);border:var(--plasma-dropdown-border-width) solid var(--plasma-dropdown-border-color);}
|
|
28
28
|
|
|
@@ -16,10 +16,10 @@
|
|
|
16
16
|
|
|
17
17
|
.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
|
|
18
18
|
|
|
19
|
-
.
|
|
19
|
+
.DropdownItem_styles_z6xd28_c1gkzlls__90ad11ce{--plasma-cell-title-color:var(--text-primary);--plasma-cell-background-color:var(--plasma-colors-transparent);--plasma-cell-padding:var(--plasma-dropdown-cell-padding);--plasma-cell-padding-left-content:var(--plasma-dropdown-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-dropdown-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-dropdown-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-dropdown-cell-textbox-gap);--plasma-cell-gap:var(--plasma-dropdown-cell-gap);--plasma-cell-title-font-family:var(--plasma-dropdown-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-dropdown-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-dropdown-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-dropdown-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-dropdown-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-dropdown-cell-title-line-height);width:100%;}
|
|
20
20
|
|
|
21
|
-
.
|
|
22
|
-
.
|
|
23
|
-
.
|
|
24
|
-
.
|
|
25
|
-
.
|
|
21
|
+
.DropdownItem_styles_z6xd28_d1m97l2m__90ad11ce{line-height:0;color:var(--text-secondary);}
|
|
22
|
+
.DropdownItem_styles_z6xd28_soib72h__90ad11ce{width:var(--soib72h-0);height:var(--soib72h-0);}
|
|
23
|
+
.DropdownItem_styles_z6xd28_d6l2f0g__90ad11ce{height:1px;margin-top:var(--d6l2f0g-0);margin-right:var(--plasma-dropdown-divider-margin-right);margin-bottom:var(--d6l2f0g-1);margin-left:var(--plasma-dropdown-divider-margin-left);background:var(--plasma-dropdown-divider-color);}
|
|
24
|
+
.DropdownItem_styles_z6xd28_w1jav4ek__90ad11ce{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--w1jav4ek-0);min-height:var(--plasma-dropdown-item-height);margin:0 calc(0.125rem + var(--plasma-dropdown-border-width,0rem));box-sizing:content-box;padding:var(--w1jav4ek-1);font-family:var(--plasma-dropdown-item-font-family);font-size:var(--plasma-dropdown-item-font-size);font-style:var(--plasma-dropdown-item-font-style);font-weight:var(--plasma-dropdown-item-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-item-line-height);-moz-letter-spacing:var(--plasma-dropdown-item-line-height);-ms-letter-spacing:var(--plasma-dropdown-item-line-height);letter-spacing:var(--plasma-dropdown-item-line-height);line-height:var(--plasma-dropdown-item-font-weight);background-color:var(--plasma-colors-transparent);border-radius:calc(var(--plasma-dropdown-border-radius) - 0.125rem - var(--plasma-dropdown-border-width,0rem));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-clip:padding-box;position:relative;}.DropdownItem_styles_z6xd28_w1jav4ek__90ad11ce:hover:not(.DropdownItem_styles_z6xd28_dropdownItemIsDisabled__90ad11ce){cursor:pointer;background-color:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_z6xd28_w1jav4ek__90ad11ce.DropdownItem_styles_z6xd28_dropdownItemIsActive__90ad11ce{background-color:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_z6xd28_w1jav4ek__90ad11ce.DropdownItem_styles_z6xd28_dropdownItemIsDisabled__90ad11ce{opacity:0.4;cursor:not-allowed;}.DropdownItem_styles_z6xd28_w1jav4ek__90ad11ce:focus{outline:none;}.DropdownItem_styles_z6xd28_w1jav4ek__90ad11ce::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-dropdown-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.DropdownItem_styles_z6xd28_w1jav4ek__90ad11ce.DropdownItem_styles_z6xd28_dropdownItemIsFocused__90ad11ce:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
|
|
25
|
+
.DropdownItem_styles_z6xd28_r1fqtjio__90ad11ce{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import './DropdownItem.
|
|
1
|
+
import './DropdownItem.styles_z6xd28.css';
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
@@ -78,7 +78,7 @@ var _exp39 = function _exp39() {
|
|
|
78
78
|
return "var(".concat(variant === 'tight' ? Dropdown_tokens.tokens.itemGapTight : Dropdown_tokens.tokens.itemGap, ")");
|
|
79
79
|
};
|
|
80
80
|
};
|
|
81
|
-
var
|
|
81
|
+
var _exp42 = function _exp42() {
|
|
82
82
|
return function (_ref5) {
|
|
83
83
|
var variant = _ref5.variant;
|
|
84
84
|
return "var(".concat(variant === 'tight' ? Dropdown_tokens.tokens.itemPaddingTight : Dropdown_tokens.tokens.itemPadding, ")");
|
|
@@ -90,7 +90,7 @@ var Wrapper = /*#__PURE__*/react.styled('li')({
|
|
|
90
90
|
propsAsIs: false,
|
|
91
91
|
vars: {
|
|
92
92
|
"w1jav4ek-0": [/*#__PURE__*/_exp39()],
|
|
93
|
-
"w1jav4ek-1": [/*#__PURE__*/
|
|
93
|
+
"w1jav4ek-1": [/*#__PURE__*/_exp42()]
|
|
94
94
|
}
|
|
95
95
|
});
|
|
96
96
|
var RenderItemWrapper = /*#__PURE__*/react.styled('div')({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownItem.styles.js","sources":["../../../../../src/components/Dropdown/ui/DropdownItem/DropdownItem.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens, constants } from '../../Dropdown.tokens';\nimport { addFocus, applyEllipsis } from '../../../../mixins';\nimport { DropdownProps } from '../../Dropdown.types';\nimport { cellConfig, cellTokens } from '../../../Cell';\nimport { component, mergeConfig } from '../../../../engines';\nimport { IconDisclosureRight } from '../../../_Icon';\n\nconst mergedCellConfig = mergeConfig(cellConfig);\nconst Cell = component(mergedCellConfig);\n\nexport const CellWrapper = styled.div`\n ${cellTokens.cellTitleColor}: var(${constants.cellTitleColor});\n ${cellTokens.cellBackgroundColor}: var(${constants.cellBackgroundColor});\n ${cellTokens.cellPadding}: var(${tokens.cellPadding});\n ${cellTokens.cellPaddingLeftContent}: var(${tokens.cellPaddingLeftContent});\n ${cellTokens.cellPaddingContent}: var(${tokens.cellPaddingContent});\n ${cellTokens.cellPaddingRightContent}: var(${tokens.cellPaddingRightContent});\n ${cellTokens.cellTextboxGap}: var(${tokens.cellTextboxGap});\n ${cellTokens.cellGap}: var(${tokens.cellGap});\n ${cellTokens.cellTitleFontFamily}: var(${tokens.cellTitleFontFamily});\n ${cellTokens.cellTitleFontSize}: var(${tokens.cellTitleFontSize});\n ${cellTokens.cellTitleFontStyle}: var(${tokens.cellTitleFontStyle});\n ${cellTokens.cellTitleFontWeight}: var(${tokens.cellTitleFontWeight});\n ${cellTokens.cellTitleLetterSpacing}: var(${tokens.cellTitleLetterSpacing});\n ${cellTokens.cellTitleLineHeight}: var(${tokens.cellTitleLineHeight});\n width: 100%;\n`;\n\nexport const StyledCell = styled(Cell)``;\n\nexport const DisclosureIconWrapper = styled.div`\n line-height: 0;\n color: var(${constants.disclosureIconColor});\n`;\n\n// TODO: Удалить после поддержки JS переменных в конфиге компонент\nexport const sizeMap: Record<string, string> = {\n xs: '1rem',\n s: '1.5rem',\n m: '2rem',\n};\n\nexport const StyledIconDisclosureRight = styled(IconDisclosureRight)`\n width: ${({ size = 'xs' }) => `var(${tokens.itemDisclosureIconSize}, ${sizeMap[size]})`};\n height: ${({ size = 'xs' }) => `var(${tokens.itemDisclosureIconSize}, ${sizeMap[size]})`};\n`;\n\nexport const Divider = styled.div<{ variant: DropdownProps['variant'] }>`\n height: 1px;\n margin-top: ${({ variant }) =>\n `var(${variant === 'tight' ? tokens.dividerMarginTopTight : tokens.dividerMarginTop})`};\n margin-right: var(${tokens.dividerMarginRight});\n margin-bottom: ${({ variant }) =>\n `var(${variant === 'tight' ? tokens.dividerMarginBottomTight : tokens.dividerMarginBottom})`};\n margin-left: var(${tokens.dividerMarginLeft});\n background: var(${tokens.dividerColor});\n`;\n\nexport const Wrapper = styled.li<{ variant: DropdownProps['variant'] }>`\n display: flex;\n align-items: center;\n gap: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemGapTight : tokens.itemGap})`};\n min-height: var(${tokens.itemHeight});\n margin:
|
|
1
|
+
{"version":3,"file":"DropdownItem.styles.js","sources":["../../../../../src/components/Dropdown/ui/DropdownItem/DropdownItem.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens, constants } from '../../Dropdown.tokens';\nimport { addFocus, applyEllipsis } from '../../../../mixins';\nimport { DropdownProps } from '../../Dropdown.types';\nimport { cellConfig, cellTokens } from '../../../Cell';\nimport { component, mergeConfig } from '../../../../engines';\nimport { IconDisclosureRight } from '../../../_Icon';\n\nconst mergedCellConfig = mergeConfig(cellConfig);\nconst Cell = component(mergedCellConfig);\n\nexport const CellWrapper = styled.div`\n ${cellTokens.cellTitleColor}: var(${constants.cellTitleColor});\n ${cellTokens.cellBackgroundColor}: var(${constants.cellBackgroundColor});\n ${cellTokens.cellPadding}: var(${tokens.cellPadding});\n ${cellTokens.cellPaddingLeftContent}: var(${tokens.cellPaddingLeftContent});\n ${cellTokens.cellPaddingContent}: var(${tokens.cellPaddingContent});\n ${cellTokens.cellPaddingRightContent}: var(${tokens.cellPaddingRightContent});\n ${cellTokens.cellTextboxGap}: var(${tokens.cellTextboxGap});\n ${cellTokens.cellGap}: var(${tokens.cellGap});\n ${cellTokens.cellTitleFontFamily}: var(${tokens.cellTitleFontFamily});\n ${cellTokens.cellTitleFontSize}: var(${tokens.cellTitleFontSize});\n ${cellTokens.cellTitleFontStyle}: var(${tokens.cellTitleFontStyle});\n ${cellTokens.cellTitleFontWeight}: var(${tokens.cellTitleFontWeight});\n ${cellTokens.cellTitleLetterSpacing}: var(${tokens.cellTitleLetterSpacing});\n ${cellTokens.cellTitleLineHeight}: var(${tokens.cellTitleLineHeight});\n width: 100%;\n`;\n\nexport const StyledCell = styled(Cell)``;\n\nexport const DisclosureIconWrapper = styled.div`\n line-height: 0;\n color: var(${constants.disclosureIconColor});\n`;\n\n// TODO: Удалить после поддержки JS переменных в конфиге компонент\nexport const sizeMap: Record<string, string> = {\n xs: '1rem',\n s: '1.5rem',\n m: '2rem',\n};\n\nexport const StyledIconDisclosureRight = styled(IconDisclosureRight)`\n width: ${({ size = 'xs' }) => `var(${tokens.itemDisclosureIconSize}, ${sizeMap[size]})`};\n height: ${({ size = 'xs' }) => `var(${tokens.itemDisclosureIconSize}, ${sizeMap[size]})`};\n`;\n\nexport const Divider = styled.div<{ variant: DropdownProps['variant'] }>`\n height: 1px;\n margin-top: ${({ variant }) =>\n `var(${variant === 'tight' ? tokens.dividerMarginTopTight : tokens.dividerMarginTop})`};\n margin-right: var(${tokens.dividerMarginRight});\n margin-bottom: ${({ variant }) =>\n `var(${variant === 'tight' ? tokens.dividerMarginBottomTight : tokens.dividerMarginBottom})`};\n margin-left: var(${tokens.dividerMarginLeft});\n background: var(${tokens.dividerColor});\n`;\n\nexport const Wrapper = styled.li<{ variant: DropdownProps['variant'] }>`\n display: flex;\n align-items: center;\n gap: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemGapTight : tokens.itemGap})`};\n min-height: var(${tokens.itemHeight});\n margin: 0 calc(0.125rem + var(${tokens.borderWidth}, 0rem));\n box-sizing: content-box;\n padding: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemPaddingTight : tokens.itemPadding})`};\n font-family: var(${tokens.itemFontFamily});\n font-size: var(${tokens.itemFontSize});\n font-style: var(${tokens.itemFontStyle});\n font-weight: var(${tokens.itemFontWeightBold});\n letter-spacing: var(${tokens.itemFontLetterSpacing});\n line-height: var(${tokens.itemFontLineHeight});\n background-color: var(${constants.itemBackground});\n border-radius: calc(var(${tokens.borderRadius}) - 0.125rem - var(${tokens.borderWidth}, 0rem));\n user-select: none;\n background-clip: padding-box;\n\n &:hover:not(.${classes.dropdownItemIsDisabled}) {\n cursor: pointer;\n background-color: var(${tokens.itemBackgroundHover});\n }\n\n &.${classes.dropdownItemIsActive} {\n background-color: var(${tokens.itemBackgroundHover});\n }\n\n &.${classes.dropdownItemIsDisabled} {\n opacity: ${constants.opacity};\n cursor: not-allowed;\n }\n\n :focus {\n outline: none;\n }\n\n ${addFocus({\n outlineSize: '0.0625rem',\n outlineOffset: '0',\n outlineColor: `var(${constants.focusColor})`,\n outlineRadius: `var(${tokens.itemBorderRadius})`,\n hasTransition: false,\n customFocusRules: `\n &.${classes.dropdownItemIsFocused}:before {\n outline: none;\n box-shadow: 0 0 0 0.0625rem var(${constants.focusColor});\n }\n `,\n })};\n`;\n\nexport const RenderItemWrapper = styled.div`\n ${applyEllipsis()};\n flex: 1;\n`;\n"],"names":["mergedCellConfig","mergeConfig","cellConfig","Cell","component","CellWrapper","styled","name","class","propsAsIs","_exp29","StyledCell","DisclosureIconWrapper","_exp31","IconDisclosureRight","_exp33","_ref","_ref$size","size","concat","tokens","itemDisclosureIconSize","xs","s","m","StyledIconDisclosureRight","vars","_exp34","_ref2","variant","dividerMarginTopTight","dividerMarginTop","_exp36","_ref3","dividerMarginBottomTight","dividerMarginBottom","Divider","_exp39","_ref4","itemGapTight","itemGap","_exp42","_ref5","itemPaddingTight","itemPadding","Wrapper","RenderItemWrapper"],"mappings":"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"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
.c1gkzlls{--plasma-cell-title-color:var(--text-primary);--plasma-cell-background-color:var(--plasma-colors-transparent);--plasma-cell-padding:var(--plasma-dropdown-cell-padding);--plasma-cell-padding-left-content:var(--plasma-dropdown-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-dropdown-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-dropdown-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-dropdown-cell-textbox-gap);--plasma-cell-gap:var(--plasma-dropdown-cell-gap);--plasma-cell-title-font-family:var(--plasma-dropdown-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-dropdown-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-dropdown-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-dropdown-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-dropdown-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-dropdown-cell-title-line-height);width:100%;}
|
|
2
|
+
|
|
3
|
+
.d1m97l2m{line-height:0;color:var(--text-secondary);}
|
|
4
|
+
.soib72h{width:var(--soib72h-0);height:var(--soib72h-0);}
|
|
5
|
+
.d6l2f0g{height:1px;margin-top:var(--d6l2f0g-0);margin-right:var(--plasma-dropdown-divider-margin-right);margin-bottom:var(--d6l2f0g-1);margin-left:var(--plasma-dropdown-divider-margin-left);background:var(--plasma-dropdown-divider-color);}
|
|
6
|
+
.w1jav4ek{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--w1jav4ek-0);min-height:var(--plasma-dropdown-item-height);margin:0 calc(0.125rem + var(--plasma-dropdown-border-width,0rem));box-sizing:content-box;padding:var(--w1jav4ek-1);font-family:var(--plasma-dropdown-item-font-family);font-size:var(--plasma-dropdown-item-font-size);font-style:var(--plasma-dropdown-item-font-style);font-weight:var(--plasma-dropdown-item-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-item-line-height);-moz-letter-spacing:var(--plasma-dropdown-item-line-height);-ms-letter-spacing:var(--plasma-dropdown-item-line-height);letter-spacing:var(--plasma-dropdown-item-line-height);line-height:var(--plasma-dropdown-item-font-weight);background-color:var(--plasma-colors-transparent);border-radius:calc(var(--plasma-dropdown-border-radius) - 0.125rem - var(--plasma-dropdown-border-width,0rem));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-clip:padding-box;position:relative;}.w1jav4ek:hover:not(.dropdown-item-is-disabled){cursor:pointer;background-color:var(--plasma-dropdown-item-background-hover);}.w1jav4ek.dropdown-item-is-active{background-color:var(--plasma-dropdown-item-background-hover);}.w1jav4ek.dropdown-item-is-disabled{opacity:0.4;cursor:not-allowed;}.w1jav4ek:focus{outline:none;}.w1jav4ek::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-dropdown-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.w1jav4ek.dropdown-item-is-focused:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
|
|
7
|
+
.r1fqtjio{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
|
package/cjs/index.css
CHANGED
|
@@ -403,13 +403,13 @@
|
|
|
403
403
|
|
|
404
404
|
.DropdownHeader_styles_196gwgm_s133b1g2__3510806e{background:var(--plasma-dropdown-header-background);font-family:var(--plasma-dropdown-header-font-family);font-size:var(--plasma-dropdown-header-font-size);font-style:var(--plasma-dropdown-header-font-style);font-weight:var(--plasma-dropdown-header-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-header-line-height);-moz-letter-spacing:var(--plasma-dropdown-header-line-height);-ms-letter-spacing:var(--plasma-dropdown-header-line-height);letter-spacing:var(--plasma-dropdown-header-line-height);line-height:var(--plasma-dropdown-header-font-weight);width:var(--plasma-dropdown-header-width);height:var(--plasma-dropdown-header-height);padding:var(--plasma-dropdown-header-padding-top) var(--plasma-dropdown-header-padding-right) var(--plasma-dropdown-header-padding-bottom) var(--plasma-dropdown-header-padding-left);margin:var(--plasma-dropdown-header-margin-top) var(--plasma-dropdown-header-margin-right) var(--plasma-dropdown-header-margin-bottom) var(--plasma-dropdown-header-margin-left);}
|
|
405
405
|
|
|
406
|
-
.
|
|
406
|
+
.DropdownItem_styles_z6xd28_c1gkzlls__90ad11ce{--plasma-cell-title-color:var(--text-primary);--plasma-cell-background-color:var(--plasma-colors-transparent);--plasma-cell-padding:var(--plasma-dropdown-cell-padding);--plasma-cell-padding-left-content:var(--plasma-dropdown-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-dropdown-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-dropdown-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-dropdown-cell-textbox-gap);--plasma-cell-gap:var(--plasma-dropdown-cell-gap);--plasma-cell-title-font-family:var(--plasma-dropdown-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-dropdown-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-dropdown-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-dropdown-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-dropdown-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-dropdown-cell-title-line-height);width:100%;}
|
|
407
407
|
|
|
408
|
-
.
|
|
409
|
-
.
|
|
410
|
-
.
|
|
411
|
-
.
|
|
412
|
-
.
|
|
408
|
+
.DropdownItem_styles_z6xd28_d1m97l2m__90ad11ce{line-height:0;color:var(--text-secondary);}
|
|
409
|
+
.DropdownItem_styles_z6xd28_soib72h__90ad11ce{width:var(--soib72h-0);height:var(--soib72h-0);}
|
|
410
|
+
.DropdownItem_styles_z6xd28_d6l2f0g__90ad11ce{height:1px;margin-top:var(--d6l2f0g-0);margin-right:var(--plasma-dropdown-divider-margin-right);margin-bottom:var(--d6l2f0g-1);margin-left:var(--plasma-dropdown-divider-margin-left);background:var(--plasma-dropdown-divider-color);}
|
|
411
|
+
.DropdownItem_styles_z6xd28_w1jav4ek__90ad11ce{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--w1jav4ek-0);min-height:var(--plasma-dropdown-item-height);margin:0 calc(0.125rem + var(--plasma-dropdown-border-width,0rem));box-sizing:content-box;padding:var(--w1jav4ek-1);font-family:var(--plasma-dropdown-item-font-family);font-size:var(--plasma-dropdown-item-font-size);font-style:var(--plasma-dropdown-item-font-style);font-weight:var(--plasma-dropdown-item-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-item-line-height);-moz-letter-spacing:var(--plasma-dropdown-item-line-height);-ms-letter-spacing:var(--plasma-dropdown-item-line-height);letter-spacing:var(--plasma-dropdown-item-line-height);line-height:var(--plasma-dropdown-item-font-weight);background-color:var(--plasma-colors-transparent);border-radius:calc(var(--plasma-dropdown-border-radius) - 0.125rem - var(--plasma-dropdown-border-width,0rem));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-clip:padding-box;position:relative;}.DropdownItem_styles_z6xd28_w1jav4ek__90ad11ce:hover:not(.DropdownItem_styles_z6xd28_dropdownItemIsDisabled__90ad11ce){cursor:pointer;background-color:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_z6xd28_w1jav4ek__90ad11ce.DropdownItem_styles_z6xd28_dropdownItemIsActive__90ad11ce{background-color:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_z6xd28_w1jav4ek__90ad11ce.DropdownItem_styles_z6xd28_dropdownItemIsDisabled__90ad11ce{opacity:0.4;cursor:not-allowed;}.DropdownItem_styles_z6xd28_w1jav4ek__90ad11ce:focus{outline:none;}.DropdownItem_styles_z6xd28_w1jav4ek__90ad11ce::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-dropdown-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.DropdownItem_styles_z6xd28_w1jav4ek__90ad11ce.DropdownItem_styles_z6xd28_dropdownItemIsFocused__90ad11ce:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
|
|
412
|
+
.DropdownItem_styles_z6xd28_r1fqtjio__90ad11ce{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
|
|
413
413
|
|
|
414
414
|
.DropdownItem_styles_1lyg81y_s1iqs5in__b17ea060{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:var(--plasma-dropdown-item-content-left-width);color:var(--plasma-dropdown-item-content-left-color);}
|
|
415
415
|
.DropdownItem_styles_1lyg81y_sfg3dyd__b17ea060{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:var(--plasma-dropdown-item-content-right-width);color:var(--plasma-dropdown-item-content-right-color);}
|
|
@@ -496,11 +496,14 @@
|
|
|
496
496
|
|
|
497
497
|
.Counter_styles_1uue90v_b1dqw7l5__00d0b847{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:-webkit-max-content;width:-moz-max-content;width:max-content;}
|
|
498
498
|
|
|
499
|
-
.
|
|
500
|
-
.
|
|
501
|
-
.
|
|
502
|
-
.
|
|
503
|
-
.
|
|
499
|
+
.Avatar_styles_131qvfx_b1d1rtx8__45209762{position:relative;}
|
|
500
|
+
.Avatar_styles_131qvfx_wxwn3we__45209762{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;border-radius:50%;background:var(--plasma-avatar-background);overflow:hidden;}.Avatar_styles_131qvfx_wxwn3we__45209762:hover{scale:var(--wxwn3we-0);cursor:var(--wxwn3we-1);}
|
|
501
|
+
.Avatar_styles_131qvfx_sf2jhi1__45209762{position:absolute;top:calc(1.02 * 0.85 * var(--plasma-avatar-size) - var(--plasma-status-icon-size) / 2);left:calc(1.02 * 0.85 * var(--plasma-avatar-size) - var(--plasma-status-icon-size) / 2);}
|
|
502
|
+
.Avatar_styles_131qvfx_igq6ihg__45209762{width:100%;height:100%;border-radius:50%;}
|
|
503
|
+
.Avatar_styles_131qvfx_t1kfsxcq__45209762{font-size:var(--plasma-avatar-font-size);font-family:var(--plasma-avatar-font-family);font-weight:var(--plasma-avatar-font-weight);line-height:var(--plasma-avatar-line-height);background-image:var(--plasma-avatar-color);background-color:var(--plasma-avatar-color);background-size:100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
|
|
504
|
+
.Avatar_styles_131qvfx_e1i3umn2__45209762{max-width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;z-index:2;}.Avatar_styles_131qvfx_e1i3umn2__45209762.Avatar_styles_131qvfx_avatarExtraPlacementTopLeft__45209762{top:calc(-0.063rem * var(--plasma-avatar-extra-placement-factor,0));left:calc(-0.063rem * var(--plasma-avatar-extra-placement-factor,0));}.Avatar_styles_131qvfx_e1i3umn2__45209762.Avatar_styles_131qvfx_avatarExtraPlacementTopRight__45209762{top:calc(-0.063rem * var(--plasma-avatar-extra-placement-factor,0));right:calc(-0.063rem * var(--plasma-avatar-extra-placement-factor,0));}.Avatar_styles_131qvfx_e1i3umn2__45209762.Avatar_styles_131qvfx_avatarExtraPlacementBottomRight__45209762{bottom:calc(-0.063rem * var(--plasma-avatar-extra-placement-factor,0));right:calc(-0.063rem * var(--plasma-avatar-extra-placement-factor,0));}.Avatar_styles_131qvfx_e1i3umn2__45209762.Avatar_styles_131qvfx_avatarExtraPlacementBottomLeft__45209762{bottom:calc(-0.063rem * var(--plasma-avatar-extra-placement-factor,0));left:calc(-0.063rem * var(--plasma-avatar-extra-placement-factor,0));}
|
|
505
|
+
.Avatar_styles_131qvfx_eqy70yy__45209762{--plasma-badge-background:var(--plasma-avatar-extra-badge-background);--plasma-badge-color:var(--plasma-avatar-extra-badge-color);--plasma-badge-background-transparent:var(--plasma-avatar-extra-badge-background-transparent);--plasma-badge-color-transparent:var(--plasma-avatar-extra-badge-color-transparent);--plasma-badge-color-clear:var(--plasma-avatar-extra-badge-color-clear);--plasma-badge-background-clear:var(--plasma-avatar-extra-badge-background-clear);--plasma-badge-border-radius:var(--plasma-avatar-extra-badge-border-radius);--plasma-badge-pilled-border-radius:var(--plasma-avatar-extra-badge-pilled-border-radius);--plasma-badge-height:var(--plasma-avatar-extra-badge-height);--plasma-badge-padding:var(--plasma-avatar-extra-badge-padding);--plasma-badge-padding-icon-only:var(--plasma-avatar-extra-badge-padding-icon-only);--plasma-badge-font-family:var(--plasma-avatar-extra-badge-font-family);--plasma-badge-font-size:var(--plasma-avatar-extra-badge-font-size);--plasma-badge-font-style:var(--plasma-avatar-extra-badge-font-style);--plasma-badge-font-weight:var(--plasma-avatar-extra-badge-font-weight);--plasma-badge-letter-spacing:var(--plasma-avatar-extra-badge-letter-spacing);--plasma-badge-lineheight:var(--plasma-avatar-extra-badge-lineheight);--plasma-badge-left-content-margin-left:var(--plasma-avatar-extra-badge-left-content-margin-left);--plasma-badge-left-content-margin-right:var(--plasma-avatar-extra-badge-left-content-margin-right);--plasma-badge-right-content-margin-left:var(--plasma-avatar-extra-badge-right-content-margin-left);--plasma-badge-right-content-margin-right:var(--plasma-avatar-extra-badge-right-content-margin-right);}
|
|
506
|
+
.Avatar_styles_131qvfx_e4nvvok__45209762{--plasma-counter-background:var(--plasma-avatar-extra-counter-background);--plasma-counter-color:var(--plasma-avatar-extra-counter-color);--plasma-counter-border-radius:var(--plasma-avatar-extra-counter-border-radius);--plasma-counter-height:var(--plasma-avatar-extra-counter-height);--plasma-counter-padding:var(--plasma-avatar-extra-counter-padding);--plasma-counter-font-family:var(--plasma-avatar-extra-counter-font-family);--plasma-counter-font-size:var(--plasma-avatar-extra-counter-font-size);--plasma-counter-font-style:var(--plasma-avatar-extra-counter-font-style);--plasma-counter-font-weight:var(--plasma-avatar-extra-counter-font-weight);--plasma-counter-letter-spacing:var(--plasma-avatar-extra-counter-letter-spacing);--plasma-counter-lineheight:var(--plasma-avatar-extra-counter-lineheight);}
|
|
504
507
|
|
|
505
508
|
.base_1vhlhpd_bf4ss7k__c5337153{width:var(--plasma-avatar-size);height:var(--plasma-avatar-size);}
|
|
506
509
|
|
|
@@ -15,7 +15,7 @@ var _Avatar2 = /*#__PURE__*/require("./Avatar.styles");
|
|
|
15
15
|
var _base2 = /*#__PURE__*/require("./variations/_size/base");
|
|
16
16
|
var _base3 = /*#__PURE__*/require("./variations/_focused/base");
|
|
17
17
|
var _utils2 = /*#__PURE__*/require("./utils");
|
|
18
|
-
var _excluded = ["size", "name", "url", "customText", "status", "className", "focused", "isScalable", "statusLabels"];
|
|
18
|
+
var _excluded = ["size", "name", "url", "customText", "status", "className", "focused", "isScalable", "statusLabels", "hasExtra", "extraPlacement", "type", "counterView", "count", "maxCount", "badgeView", "text", "customColor", "customBackgroundColor", "contentLeft", "contentRight", "pilled"];
|
|
19
19
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
20
20
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
21
21
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
@@ -69,7 +69,7 @@ var StyledIndicator = /*#__PURE__*/(0, _base["default"])(Indicator, {
|
|
|
69
69
|
})(_Indicator.indicatorTokens.size, ":var(", _Avatar.tokens.statusIconSize, ");", _Indicator.indicatorTokens.color, ":", function (_ref3) {
|
|
70
70
|
var status = _ref3.status;
|
|
71
71
|
return status === 'active' ? "var(".concat(_Avatar.tokens.statusOnlineColor, ")") : "var(".concat(_Avatar.tokens.statusOfflineColor, ")");
|
|
72
|
-
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
72
|
+
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQXZhdGFyL0F2YXRhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkR5QyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0F2YXRhci9BdmF0YXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYsIHVzZU1lbW8sIFJlYWN0RWxlbWVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgUm9vdFByb3BzLCBjb21wb25lbnQsIG1lcmdlQ29uZmlnIH0gZnJvbSAnLi4vLi4vZW5naW5lcyc7XG5pbXBvcnQgeyBjeCB9IGZyb20gJy4uLy4uL3V0aWxzJztcbmltcG9ydCB7IGluZGljYXRvckNvbmZpZywgaW5kaWNhdG9yVG9rZW5zIH0gZnJvbSAnLi4vSW5kaWNhdG9yJztcblxuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi9BdmF0YXIudG9rZW5zJztcbmltcG9ydCB7IGJhc2UsIFdyYXBwZXIsIEltYWdlLCBTdGF0dXNJY29uLCBUZXh0LCBFeHRyYUNvbnRlbnQsIEV4dHJhQ291bnRlciwgRXh0cmFCYWRnZSB9IGZyb20gJy4vQXZhdGFyLnN0eWxlcyc7XG5pbXBvcnQgeyBiYXNlIGFzIHZpZXdDU1MgfSBmcm9tICcuL3ZhcmlhdGlvbnMvX3NpemUvYmFzZSc7XG5pbXBvcnQgeyBiYXNlIGFzIGZvY3VzZWRDU1MgfSBmcm9tICcuL3ZhcmlhdGlvbnMvX2ZvY3VzZWQvYmFzZSc7XG5pbXBvcnQgeyBleHRyYVBsYWNlbWVudE1hcCwgZ2V0SW5pdGlhbHNGb3JOYW1lIH0gZnJvbSAnLi91dGlscyc7XG5pbXBvcnQgdHlwZSB7IEF2YXRhclByb3BzLCBTdGF0dXNMYWJlbHMgfSBmcm9tICcuL0F2YXRhci50eXBlcyc7XG5cbmNvbnN0IFN0YXR1c0xhYmVsc0RlZmF1bHQ6IFN0YXR1c0xhYmVscyA9IHtcbiAgICBhY3RpdmU6ICfQkNC60YLQuNCy0LXQvScsXG4gICAgaW5hY3RpdmU6ICfQndC10LDQutGC0LjQstC10L0nLFxufTtcblxuY29uc3QgZ2V0QXZhdGFyQ29udGVudCA9ICh7XG4gICAgY3VzdG9tVGV4dCxcbiAgICB1cmwsXG4gICAgaW5pdGlhbHMsXG4gICAgbmFtZSxcbn06IE9taXQ8QXZhdGFyUHJvcHMsICdzaXplJz4gJiB7IGluaXRpYWxzPzogc3RyaW5nIH0pOiBSZWFjdEVsZW1lbnQgPT4ge1xuICAgIGlmIChjdXN0b21UZXh0KSB7XG4gICAgICAgIHJldHVybiA8VGV4dD57Y3VzdG9tVGV4dH08L1RleHQ+O1xuICAgIH1cblxuICAgIGlmICh1cmwpIHtcbiAgICAgICAgcmV0dXJuIDxJbWFnZSBzcmM9e3VybH0gYWx0PXtuYW1lfSAvPjtcbiAgICB9XG5cbiAgICByZXR1cm4gPFRleHQ+e2luaXRpYWxzfTwvVGV4dD47XG59O1xuXG5jb25zdCBnZXRBcmlhTGFiZWwgPSAoe1xuICAgIHVybCxcbiAgICBuYW1lLFxuICAgIHN0YXR1cyxcbiAgICAnYXJpYS1sYWJlbCc6IGFyaWFMYWJlbFByb3AsXG4gICAgc3RhdHVzTGFiZWxzLFxufTogUGljazxBdmF0YXJQcm9wcywgJ3VybCcgfCAnc3RhdHVzJyB8ICduYW1lJyB8ICdhcmlhLWxhYmVsJz4gJiB7XG4gICAgc3RhdHVzTGFiZWxzOiBTdGF0dXNMYWJlbHM7XG59KSA9PiB7XG4gICAgaWYgKCF1cmwpIHtcbiAgICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIC8vIElORk86INCy0LrQu9GO0YfQsNC10LwgYXJpYS1sYWJlbCDRh9GC0L7QsdGLINC+0LfQstGD0YfQuNGC0Ywg0YfRgtC+INC90LAg0LjQt9C+0LHRgNCw0LbQtdC90LjQuFxuICAgIGNvbnN0IGFyaWFMYWJlbCA9ICFhcmlhTGFiZWxQcm9wIHx8IGFyaWFMYWJlbFByb3AudHJpbSgpID09PSAnJyA/IG5hbWUgOiBhcmlhTGFiZWxQcm9wO1xuXG4gICAgcmV0dXJuIHN0YXR1cyA/IGAke2FyaWFMYWJlbH0uICR7c3RhdHVzTGFiZWxzW3N0YXR1c119YCA6IGFyaWFMYWJlbDtcbn07XG5cbmNvbnN0IG1lcmdlZENvbmZpZyA9IG1lcmdlQ29uZmlnKGluZGljYXRvckNvbmZpZyk7XG5cbmNvbnN0IEluZGljYXRvcjogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8XG4gICAgUmVhY3QuSFRNTEF0dHJpYnV0ZXM8SFRNTERpdkVsZW1lbnQ+ICYgeyBzdGF0dXM6IEF2YXRhclByb3BzWydzdGF0dXMnXSB9XG4+ID0gY29tcG9uZW50KG1lcmdlZENvbmZpZykgYXMgbmV2ZXI7XG5cbmNvbnN0IFN0eWxlZEluZGljYXRvciA9IHN0eWxlZChJbmRpY2F0b3IpYFxuICAgICR7aW5kaWNhdG9yVG9rZW5zLnNpemV9OiB2YXIoJHt0b2tlbnMuc3RhdHVzSWNvblNpemV9KTtcbiAgICAke2luZGljYXRvclRva2Vucy5jb2xvcn06ICR7KHsgc3RhdHVzIH0pID0+XG4gICAgc3RhdHVzID09PSAnYWN0aXZlJyA/IGB2YXIoJHt0b2tlbnMuc3RhdHVzT25saW5lQ29sb3J9KWAgOiBgdmFyKCR7dG9rZW5zLnN0YXR1c09mZmxpbmVDb2xvcn0pYH1cbmA7XG5cbmV4cG9ydCBjb25zdCBhdmF0YXJSb290ID0gKFJvb3Q6IFJvb3RQcm9wczxIVE1MRGl2RWxlbWVudCwgQXZhdGFyUHJvcHM+KSA9PiB7XG4gICAgcmV0dXJuIGZvcndhcmRSZWY8SFRNTERpdkVsZW1lbnQsIEF2YXRhclByb3BzPigocHJvcHMsIHJlZikgPT4ge1xuICAgICAgICBjb25zdCB7XG4gICAgICAgICAgICBzaXplOiBhdmF0YXJTaXplLFxuICAgICAgICAgICAgbmFtZSxcbiAgICAgICAgICAgIHVybCxcbiAgICAgICAgICAgIGN1c3RvbVRleHQsXG4gICAgICAgICAgICBzdGF0dXMsXG4gICAgICAgICAgICBjbGFzc05hbWUsXG4gICAgICAgICAgICBmb2N1c2VkID0gdHJ1ZSxcbiAgICAgICAgICAgIGlzU2NhbGFibGUsXG4gICAgICAgICAgICBzdGF0dXNMYWJlbHMgPSBTdGF0dXNMYWJlbHNEZWZhdWx0LFxuICAgICAgICAgICAgaGFzRXh0cmEsXG4gICAgICAgICAgICBleHRyYVBsYWNlbWVudCxcblxuICAgICAgICAgICAgdHlwZSxcblxuICAgICAgICAgICAgY291bnRlclZpZXcsXG4gICAgICAgICAgICBjb3VudCxcbiAgICAgICAgICAgIG1heENvdW50LFxuXG4gICAgICAgICAgICBiYWRnZVZpZXcsXG4gICAgICAgICAgICB0ZXh0LFxuICAgICAgICAgICAgY3VzdG9tQ29sb3IsXG4gICAgICAgICAgICBjdXN0b21CYWNrZ3JvdW5kQ29sb3IsXG4gICAgICAgICAgICBjb250ZW50TGVmdCxcbiAgICAgICAgICAgIGNvbnRlbnRSaWdodCxcbiAgICAgICAgICAgIHBpbGxlZCxcblxuICAgICAgICAgICAgLi4ucmVzdFxuICAgICAgICB9ID0gcHJvcHM7XG5cbiAgICAgICAgY29uc3QgY291bnRlclZhbHVlID0gY291bnQgfHwgMTtcbiAgICAgICAgY29uc3QgaW5pdGlhbHMgPSB1c2VNZW1vKCgpID0+IGdldEluaXRpYWxzRm9yTmFtZShuYW1lKSwgW25hbWVdKTtcbiAgICAgICAgY29uc3QgYXJpYUxhYmVsID0gZ2V0QXJpYUxhYmVsKHtcbiAgICAgICAgICAgIC4uLnByb3BzLFxuICAgICAgICAgICAgc3RhdHVzTGFiZWxzLFxuICAgICAgICB9KTtcblxuICAgICAgICBjb25zdCBleHRyYVZpZXdQcm9wID0gdHlwZSA9PT0gJ2JhZGdlJyA/IHsgYmFkZ2VWaWV3IH0gOiB7IGNvdW50ZXJWaWV3IH07XG5cbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDxSb290XG4gICAgICAgICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgICAgICAgc2l6ZT17YXZhdGFyU2l6ZX1cbiAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2N4KGNsYXNzZXMuYXZhdGFySXRlbSwgY2xhc3NOYW1lKX1cbiAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPXthcmlhTGFiZWx9XG4gICAgICAgICAgICAgICAgZm9jdXNlZD17Zm9jdXNlZH1cbiAgICAgICAgICAgICAgICB7Li4uZXh0cmFWaWV3UHJvcH1cbiAgICAgICAgICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8V3JhcHBlciBpc1NjYWxhYmxlPXtpc1NjYWxhYmxlfT57Z2V0QXZhdGFyQ29udGVudCh7IGN1c3RvbVRleHQsIHVybCwgaW5pdGlhbHMsIG5hbWUgfSl9PC9XcmFwcGVyPlxuXG4gICAgICAgICAgICAgICAge3N0YXR1cyAmJiAoXG4gICAgICAgICAgICAgICAgICAgIDxTdGF0dXNJY29uPlxuICAgICAgICAgICAgICAgICAgICAgICAgPFN0eWxlZEluZGljYXRvciBhcmlhLWxhYmVsPXtzdGF0dXNMYWJlbHNbc3RhdHVzXX0gc3RhdHVzPXtzdGF0dXN9IC8+XG4gICAgICAgICAgICAgICAgICAgIDwvU3RhdHVzSWNvbj5cbiAgICAgICAgICAgICAgICApfVxuXG4gICAgICAgICAgICAgICAge2hhc0V4dHJhICYmIGF2YXRhclNpemUgIT09ICdmaXQnICYmIChcbiAgICAgICAgICAgICAgICAgICAgPEV4dHJhQ29udGVudCBjbGFzc05hbWU9e2V4dHJhUGxhY2VtZW50TWFwKGV4dHJhUGxhY2VtZW50KX0+XG4gICAgICAgICAgICAgICAgICAgICAgICB7dHlwZSA9PT0gJ2NvdW50ZXInID8gKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxFeHRyYUNvdW50ZXIgdmlldz17Y291bnRlclZpZXd9IGNvdW50PXtjb3VudGVyVmFsdWV9IG1heENvdW50PXttYXhDb3VudH0gLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgYXZhdGFyU2l6ZSAhPT0gJ3MnICYmIChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEV4dHJhQmFkZ2VcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHZpZXc9e2JhZGdlVmlld31cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRleHQ9e3RleHR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjdXN0b21Db2xvcj17Y3VzdG9tQ29sb3J9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjdXN0b21CYWNrZ3JvdW5kQ29sb3I9e2N1c3RvbUJhY2tncm91bmRDb2xvcn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHBpbGxlZD17cGlsbGVkfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbWF4V2lkdGg9XCIxMDAlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHsuLi4oY29udGVudExlZnQgPyB7IGNvbnRlbnRMZWZ0IH0gOiB7IGNvbnRlbnRSaWdodCB9KX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICApXG4gICAgICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgICA8L0V4dHJhQ29udGVudD5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgPC9Sb290PlxuICAgICAgICApO1xuICAgIH0pO1xufTtcblxuZXhwb3J0IGNvbnN0IGF2YXRhckNvbmZpZyA9IHtcbiAgICBuYW1lOiAnQXZhdGFyJyxcbiAgICB0YWc6ICdkaXYnLFxuICAgIGxheW91dDogYXZhdGFyUm9vdCxcbiAgICBiYXNlLFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgc2l6ZToge1xuICAgICAgICAgICAgY3NzOiB2aWV3Q1NTLFxuICAgICAgICB9LFxuICAgICAgICBmb2N1c2VkOiB7XG4gICAgICAgICAgICBjc3M6IGZvY3VzZWRDU1MsXG4gICAgICAgIH0sXG4gICAgfSxcbiAgICBkZWZhdWx0czoge1xuICAgICAgICBzaXplOiAnbScsXG4gICAgfSxcbn07XG4iXX0= */"));
|
|
73
73
|
var avatarRoot = exports.avatarRoot = function avatarRoot(Root) {
|
|
74
74
|
return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
75
75
|
var avatarSize = props.size,
|
|
@@ -83,20 +83,39 @@ var avatarRoot = exports.avatarRoot = function avatarRoot(Root) {
|
|
|
83
83
|
isScalable = props.isScalable,
|
|
84
84
|
_props$statusLabels = props.statusLabels,
|
|
85
85
|
statusLabels = _props$statusLabels === void 0 ? StatusLabelsDefault : _props$statusLabels,
|
|
86
|
+
hasExtra = props.hasExtra,
|
|
87
|
+
extraPlacement = props.extraPlacement,
|
|
88
|
+
type = props.type,
|
|
89
|
+
counterView = props.counterView,
|
|
90
|
+
count = props.count,
|
|
91
|
+
maxCount = props.maxCount,
|
|
92
|
+
badgeView = props.badgeView,
|
|
93
|
+
text = props.text,
|
|
94
|
+
customColor = props.customColor,
|
|
95
|
+
customBackgroundColor = props.customBackgroundColor,
|
|
96
|
+
contentLeft = props.contentLeft,
|
|
97
|
+
contentRight = props.contentRight,
|
|
98
|
+
pilled = props.pilled,
|
|
86
99
|
rest = _objectWithoutProperties(props, _excluded);
|
|
100
|
+
var counterValue = count || 1;
|
|
87
101
|
var initials = (0, _react.useMemo)(function () {
|
|
88
102
|
return (0, _utils2.getInitialsForName)(name);
|
|
89
103
|
}, [name]);
|
|
90
104
|
var ariaLabel = getAriaLabel(_objectSpread(_objectSpread({}, props), {}, {
|
|
91
105
|
statusLabels: statusLabels
|
|
92
106
|
}));
|
|
107
|
+
var extraViewProp = type === 'badge' ? {
|
|
108
|
+
badgeView: badgeView
|
|
109
|
+
} : {
|
|
110
|
+
counterView: counterView
|
|
111
|
+
};
|
|
93
112
|
return /*#__PURE__*/_react["default"].createElement(Root, _extends({
|
|
94
113
|
ref: ref,
|
|
95
114
|
size: avatarSize,
|
|
96
115
|
className: (0, _utils.cx)(_Avatar.classes.avatarItem, className),
|
|
97
116
|
"aria-label": ariaLabel,
|
|
98
117
|
focused: focused
|
|
99
|
-
}, rest), /*#__PURE__*/_react["default"].createElement(_Avatar2.Wrapper, {
|
|
118
|
+
}, extraViewProp, rest), /*#__PURE__*/_react["default"].createElement(_Avatar2.Wrapper, {
|
|
100
119
|
isScalable: isScalable
|
|
101
120
|
}, getAvatarContent({
|
|
102
121
|
customText: customText,
|
|
@@ -106,7 +125,24 @@ var avatarRoot = exports.avatarRoot = function avatarRoot(Root) {
|
|
|
106
125
|
})), status && /*#__PURE__*/_react["default"].createElement(_Avatar2.StatusIcon, null, /*#__PURE__*/_react["default"].createElement(StyledIndicator, {
|
|
107
126
|
"aria-label": statusLabels[status],
|
|
108
127
|
status: status
|
|
109
|
-
}))
|
|
128
|
+
})), hasExtra && avatarSize !== 'fit' && /*#__PURE__*/_react["default"].createElement(_Avatar2.ExtraContent, {
|
|
129
|
+
className: (0, _utils2.extraPlacementMap)(extraPlacement)
|
|
130
|
+
}, type === 'counter' ? /*#__PURE__*/_react["default"].createElement(_Avatar2.ExtraCounter, {
|
|
131
|
+
view: counterView,
|
|
132
|
+
count: counterValue,
|
|
133
|
+
maxCount: maxCount
|
|
134
|
+
}) : avatarSize !== 's' && /*#__PURE__*/_react["default"].createElement(_Avatar2.ExtraBadge, _extends({
|
|
135
|
+
view: badgeView,
|
|
136
|
+
text: text,
|
|
137
|
+
customColor: customColor,
|
|
138
|
+
customBackgroundColor: customBackgroundColor,
|
|
139
|
+
pilled: pilled,
|
|
140
|
+
maxWidth: "100%"
|
|
141
|
+
}, contentLeft ? {
|
|
142
|
+
contentLeft: contentLeft
|
|
143
|
+
} : {
|
|
144
|
+
contentRight: contentRight
|
|
145
|
+
}))));
|
|
110
146
|
});
|
|
111
147
|
};
|
|
112
148
|
var avatarConfig = exports.avatarConfig = {
|