npm - @salutejs/plasma-new-hope - Versions diffs - 0.236.1-canary.1675.12514887207.0 → 0.236.1-canary.1675.12515510338.0 - Mend

@salutejs/plasma-new-hope 0.236.1-canary.1675.12514887207.0 → 0.236.1-canary.1675.12515510338.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.

Files changed (29) hide show

package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import './Item.styles_1xjg3pv.css';
 import { styled } from '@linaria/react';
 import { tokens } from '../../../../Combobox.tokens.js';
-import { IconDisclosureDownCentered } from '../../../../../../_Icon/Icons/IconDisclosureDownCentered.js';
+import { IconDisclosureRightCentered } from '../../../../../../_Icon/Icons/IconDisclosureRightCentered.js';
 import { IconDone } from '../../../../../../_Icon/Icons/IconDone.js';
 import { component, mergeConfig } from '../../../../../../../engines/common.js';
 import { checkboxConfig } from '../../../../../../Checkbox/Checkbox.js';
@@ -44,7 +44,7 @@ var StyledIndicator = /*#__PURE__*/styled(_exp41())({
   propsAsIs: true
 });
 var _exp46 = function _exp46() {
-  return IconDisclosureDownCentered;
+  return IconDisclosureRightCentered;
 };
 var _exp48 = function _exp48() {
   return function (_ref) {

package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Item.styles.js","sources":["../../../../../../../../src/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens, constants } from '../../../../Combobox.tokens';\nimport { addFocus, applyEllipsis } from '../../../../../../../mixins';\nimport { component, mergeConfig } from '../../../../../../../engines';\nimport { checkboxConfig, checkboxTokens } from '../../../../../../Checkbox';\nimport { indicatorConfig, indicatorTokens } from '../../../../../../Indicator';\nimport { cellConfig, cellTokens } from '../../../../../../Cell';\nimport type { ComboboxProps } from '../../../../Combobox.types';\nimport { IconDisclosureDownCentered, IconDone } from '../../../../../../_Icon';\n\nconst mergedCheckboxConfig = mergeConfig(checkboxConfig);\nconst Checkbox = component(mergedCheckboxConfig);\n\nconst mergedCellConfig = mergeConfig(cellConfig);\nconst Cell = component(mergedCellConfig);\n\nexport const StyledWrapper = 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 StyledCheckbox = styled(Checkbox)`\n ${checkboxTokens.triggerSize}: var(${tokens.checkboxTriggerSize});\n ${checkboxTokens.triggerBorderRadius}: var(${tokens.checkboxTriggerBorderRadius});\n ${checkboxTokens.fillColor}: var(${tokens.checkboxFillColor});\n ${checkboxTokens.iconColor}: var(${tokens.checkboxIconColor});\n ${checkboxTokens.triggerBorderColor}: var(${tokens.checkboxTriggerBorderColor});\n`;\n\nconst mergedIndicatorConfig = mergeConfig(indicatorConfig);\nconst Indicator = component(mergedIndicatorConfig);\n\nexport const StyledIndicator = styled(Indicator)`\n ${indicatorTokens.size}: var(${tokens.indicatorSize});\n ${indicatorTokens.color}: var(${tokens.checkboxFillColor});\n`;\n\n// TODO: Удалить после поддержки JS переменных в конфиге компонент\nexport const sizeMap: Record<string, string> = {\n xs: '1rem',\n s: '1.5rem',\n};\n\nexport const StyledArrow = styled(IconDisclosureDownCentered)`\n width: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n height: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n`;\n\nexport const StyledIconDone = styled(IconDone)`\n width: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n height: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n`;\n\nexport const StyledContentLeft = styled.div`\n display: inline-flex;\n`;\n\nexport const StyledContentRight = styled.div`\n margin-left: auto;\n display: inline-flex;\n`;\n\nexport const DisclosureIconWrapper = styled.div`\n line-height: 0;\n color: var(${tokens.disclosureIconColor});\n\n &:hover {\n color: var(${tokens.disclosureIconColorHover});\n }\n`;\n\nexport const IconWrapper = styled.div<{ variant: ComboboxProps['variant'] }>`\n display: flex;\n align-items: center;\n justify-content: center;\n flex: none;\n width: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemIconSizeTight : tokens.itemIconSize})`};\n height: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemIconSizeTight : tokens.itemIconSize})`};\n margin: var(${tokens.itemIconMargin});\n line-height: 0;\n color: var(${tokens.checkboxFillColor});\n`;\n\nexport const StyledText = styled.div`\n ${applyEllipsis()};\n flex: 1;\n`;\n\nexport const Wrapper = styled.li<{ variant: ComboboxProps['variant'] }>`\n display: flex;\n align-items: center;\n min-height: var(${tokens.itemHeight});\n margin: 0;\n box-sizing: content-box;\n padding: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemPaddingTight : tokens.itemPadding})`};\n font-family: var(${tokens.fontFamily});\n font-size: var(${tokens.fontSize});\n font-style: var(${tokens.fontStyle});\n font-weight: var(${tokens.fontWeight});\n letter-spacing: var(${tokens.fontLetterSpacing});\n line-height: var(${tokens.fontLineHeight});\n background-color: var(${constants.itemBackground});\n color: var(--text-primary);\n border-radius: var(${tokens.borderRadius});\n user-select: none;\n border-right: 2px solid transparent;\n border-left: 2px solid transparent;\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 StyledCheckboxWrapper = styled.span``;\n"],"names":["mergedCheckboxConfig","mergeConfig","checkboxConfig","Checkbox","component","mergedCellConfig","cellConfig","Cell","StyledWrapper","styled","name","class","propsAsIs","_exp29","StyledCell","_exp30","StyledCheckbox","mergedIndicatorConfig","indicatorConfig","Indicator","_exp41","StyledIndicator","_exp46","IconDisclosureDownCentered","_exp48","_ref","_ref$size","size","concat","tokens","disclosureIconSize","xs","s","StyledArrow","vars","_exp49","IconDone","_exp51","_ref2","_ref2$size","StyledIconDone","DisclosureIconWrapper","_exp55","_ref3","variant","itemIconSizeTight","itemIconSize","IconWrapper","StyledText","_exp60","_ref4","itemPaddingTight","itemPadding","Wrapper","StyledCheckboxWrapper"],"mappings":"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"}
1	+ {"version":3,"file":"Item.styles.js","sources":["../../../../../../../../src/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens, constants } from '../../../../Combobox.tokens';\nimport { addFocus, applyEllipsis } from '../../../../../../../mixins';\nimport { component, mergeConfig } from '../../../../../../../engines';\nimport { checkboxConfig, checkboxTokens } from '../../../../../../Checkbox';\nimport { indicatorConfig, indicatorTokens } from '../../../../../../Indicator';\nimport { cellConfig, cellTokens } from '../../../../../../Cell';\nimport type { ComboboxProps } from '../../../../Combobox.types';\nimport { IconDisclosureRightCentered, IconDone } from '../../../../../../_Icon';\n\nconst mergedCheckboxConfig = mergeConfig(checkboxConfig);\nconst Checkbox = component(mergedCheckboxConfig);\n\nconst mergedCellConfig = mergeConfig(cellConfig);\nconst Cell = component(mergedCellConfig);\n\nexport const StyledWrapper = 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 StyledCheckbox = styled(Checkbox)`\n ${checkboxTokens.triggerSize}: var(${tokens.checkboxTriggerSize});\n ${checkboxTokens.triggerBorderRadius}: var(${tokens.checkboxTriggerBorderRadius});\n ${checkboxTokens.fillColor}: var(${tokens.checkboxFillColor});\n ${checkboxTokens.iconColor}: var(${tokens.checkboxIconColor});\n ${checkboxTokens.triggerBorderColor}: var(${tokens.checkboxTriggerBorderColor});\n`;\n\nconst mergedIndicatorConfig = mergeConfig(indicatorConfig);\nconst Indicator = component(mergedIndicatorConfig);\n\nexport const StyledIndicator = styled(Indicator)`\n ${indicatorTokens.size}: var(${tokens.indicatorSize});\n ${indicatorTokens.color}: var(${tokens.checkboxFillColor});\n`;\n\n// TODO: Удалить после поддержки JS переменных в конфиге компонент\nexport const sizeMap: Record<string, string> = {\n xs: '1rem',\n s: '1.5rem',\n};\n\nexport const StyledArrow = styled(IconDisclosureRightCentered)`\n width: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n height: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n`;\n\nexport const StyledIconDone = styled(IconDone)`\n width: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n height: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n`;\n\nexport const StyledContentLeft = styled.div`\n display: inline-flex;\n`;\n\nexport const StyledContentRight = styled.div`\n margin-left: auto;\n display: inline-flex;\n`;\n\nexport const DisclosureIconWrapper = styled.div`\n line-height: 0;\n color: var(${tokens.disclosureIconColor});\n\n &:hover {\n color: var(${tokens.disclosureIconColorHover});\n }\n`;\n\nexport const IconWrapper = styled.div<{ variant: ComboboxProps['variant'] }>`\n display: flex;\n align-items: center;\n justify-content: center;\n flex: none;\n width: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemIconSizeTight : tokens.itemIconSize})`};\n height: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemIconSizeTight : tokens.itemIconSize})`};\n margin: var(${tokens.itemIconMargin});\n line-height: 0;\n color: var(${tokens.checkboxFillColor});\n`;\n\nexport const StyledText = styled.div`\n ${applyEllipsis()};\n flex: 1;\n`;\n\nexport const Wrapper = styled.li<{ variant: ComboboxProps['variant'] }>`\n display: flex;\n align-items: center;\n min-height: var(${tokens.itemHeight});\n margin: 0;\n box-sizing: content-box;\n padding: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemPaddingTight : tokens.itemPadding})`};\n font-family: var(${tokens.fontFamily});\n font-size: var(${tokens.fontSize});\n font-style: var(${tokens.fontStyle});\n font-weight: var(${tokens.fontWeight});\n letter-spacing: var(${tokens.fontLetterSpacing});\n line-height: var(${tokens.fontLineHeight});\n background-color: var(${constants.itemBackground});\n color: var(--text-primary);\n border-radius: var(${tokens.borderRadius});\n user-select: none;\n border-right: 2px solid transparent;\n border-left: 2px solid transparent;\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 StyledCheckboxWrapper = styled.span``;\n"],"names":["mergedCheckboxConfig","mergeConfig","checkboxConfig","Checkbox","component","mergedCellConfig","cellConfig","Cell","StyledWrapper","styled","name","class","propsAsIs","_exp29","StyledCell","_exp30","StyledCheckbox","mergedIndicatorConfig","indicatorConfig","Indicator","_exp41","StyledIndicator","_exp46","IconDisclosureRightCentered","_exp48","_ref","_ref$size","size","concat","tokens","disclosureIconSize","xs","s","StyledArrow","vars","_exp49","IconDone","_exp51","_ref2","_ref2$size","StyledIconDone","DisclosureIconWrapper","_exp55","_ref3","variant","itemIconSizeTight","itemIconSize","IconWrapper","StyledText","_exp60","_ref4","itemPaddingTight","itemPadding","Wrapper","StyledCheckboxWrapper"],"mappings":"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"}

package/es/components/Select/ui/Inner/ui/Item/Item.styles.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import './Item.styles_l7hqc1.css';
 import { styled } from '@linaria/react';
 import { tokens } from '../../../../Select.tokens.js';
-import { IconDisclosureDownCentered } from '../../../../../_Icon/Icons/IconDisclosureDownCentered.js';
+import { IconDisclosureRightCentered } from '../../../../../_Icon/Icons/IconDisclosureRightCentered.js';
 import { IconDone } from '../../../../../_Icon/Icons/IconDone.js';
 import { component, mergeConfig } from '../../../../../../engines/common.js';
 import { checkboxConfig } from '../../../../../Checkbox/Checkbox.js';
@@ -44,7 +44,7 @@ var StyledIndicator = /*#__PURE__*/styled(_exp41())({
   propsAsIs: true
 });
 var _exp46 = function _exp46() {
-  return IconDisclosureDownCentered;
+  return IconDisclosureRightCentered;
 };
 var _exp48 = function _exp48() {
   return function (_ref) {

package/es/components/Select/ui/Inner/ui/Item/Item.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Item.styles.js","sources":["../../../../../../../src/components/Select/ui/Inner/ui/Item/Item.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens, constants } from '../../../../Select.tokens';\nimport { addFocus, applyEllipsis } from '../../../../../../mixins';\nimport { component, mergeConfig } from '../../../../../../engines';\nimport { checkboxConfig, checkboxTokens } from '../../../../../Checkbox';\nimport { cellConfig, cellTokens } from '../../../../../Cell';\nimport { indicatorConfig, indicatorTokens } from '../../../../../Indicator';\nimport type { SelectProps } from '../../../../Select.types';\nimport { IconDisclosureDownCentered, IconDone } from '../../../../../_Icon';\n\nconst mergedCheckboxConfig = mergeConfig(checkboxConfig);\nconst Checkbox = component(mergedCheckboxConfig);\n\nconst mergedCellConfig = mergeConfig(cellConfig);\nconst Cell = component(mergedCellConfig);\n\nconst mergedIndicatorConfig = mergeConfig(indicatorConfig);\nconst Indicator = component(mergedIndicatorConfig);\n\nexport const StyledWrapper = 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 // TODO: #1548\n & div.cell-content, & div.cell-textbox {\n flex: 1;\n }\n & div.cell-textbox-title {\n position: relative;\n }\n & div.cell-textbox-title:before {\n content: ' ';\n visibility: hidden;\n }\n & div.cell-textbox-title span {\n position: absolute;\n left: 0;\n right: 0;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n`;\n\nexport const StyledCell = styled(Cell)``;\n\nexport const StyledCheckbox = styled(Checkbox)`\n ${checkboxTokens.triggerSize}: var(${tokens.checkboxTriggerSize});\n ${checkboxTokens.triggerBorderRadius}: var(${tokens.checkboxTriggerBorderRadius});\n ${checkboxTokens.fillColor}: var(${tokens.checkboxFillColor});\n ${checkboxTokens.iconColor}: var(${tokens.checkboxIconColor});\n ${checkboxTokens.triggerBorderColor}: var(${tokens.checkboxTriggerBorderColor});\n`;\n\nexport const StyledIndicator = styled(Indicator)`\n ${indicatorTokens.size}: var(${tokens.indicatorSize});\n ${indicatorTokens.color}: var(${tokens.checkboxFillColor});\n`;\n\n// TODO: Удалить после поддержки JS переменных в конфиге компонент\nexport const sizeMap: Record<string, string> = {\n xs: '1rem',\n s: '1.5rem',\n};\n\nexport const StyledArrow = styled(IconDisclosureDownCentered)`\n width: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n height: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n`;\n\nexport const StyledIconDone = styled(IconDone)`\n width: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n height: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n`;\n\nexport const DisclosureIconWrapper = styled.div`\n line-height: 0;\n color: var(${tokens.disclosureIconColor});\n\n &:hover {\n color: var(${tokens.disclosureIconColorHover});\n }\n`;\n\nexport const IconWrapper = styled.div<{ variant: SelectProps['variant'] }>`\n display: flex;\n align-items: center;\n justify-content: center;\n flex: none;\n width: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemIconSizeTight : tokens.itemIconSize})`};\n height: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemIconSizeTight : tokens.itemIconSize})`};\n margin: var(${tokens.itemIconMargin});\n line-height: 0;\n color: var(${tokens.checkboxFillColor});\n`;\n\nexport const StyledText = styled.div<{ color?: string }>`\n ${applyEllipsis()};\n flex: 1;\n`;\n\nexport const Wrapper = styled.li<{ variant: SelectProps['variant'] }>`\n display: flex;\n align-items: center;\n min-height: var(${tokens.itemHeight});\n margin: 0 calc(0.125rem + var(${tokens.dropdownBorderWidth}, 0rem));\n box-sizing: content-box;\n padding: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemPaddingTight : tokens.itemPadding})`};\n font-family: var(${tokens.fontFamily});\n font-size: var(${tokens.fontSize});\n font-style: var(${tokens.fontStyle});\n font-weight: var(${tokens.fontWeight});\n letter-spacing: var(${tokens.fontLetterSpacing});\n line-height: var(${tokens.fontLineHeight});\n background-color: var(${constants.itemBackground});\n color: var(--text-primary);\n border-radius: calc(var(${tokens.borderRadius}) - 0.125rem - var(${tokens.dropdownBorderWidth}, 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: `calc(var(${tokens.borderRadius}) - 0.125rem - var(${tokens.dropdownBorderWidth}, 0rem))`,\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 StyledCheckboxWrapper = styled.span``;\n"],"names":["mergedCheckboxConfig","mergeConfig","checkboxConfig","Checkbox","component","mergedCellConfig","cellConfig","Cell","mergedIndicatorConfig","indicatorConfig","Indicator","StyledWrapper","styled","name","class","propsAsIs","_exp29","StyledCell","_exp30","StyledCheckbox","_exp41","StyledIndicator","_exp46","IconDisclosureDownCentered","_exp48","_ref","_ref$size","size","concat","tokens","disclosureIconSize","xs","s","StyledArrow","vars","_exp49","IconDone","_exp51","_ref2","_ref2$size","StyledIconDone","DisclosureIconWrapper","_exp55","_ref3","variant","itemIconSizeTight","itemIconSize","IconWrapper","StyledText","_exp61","_ref4","itemPaddingTight","itemPadding","Wrapper","StyledCheckboxWrapper"],"mappings":"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"}
1	+ {"version":3,"file":"Item.styles.js","sources":["../../../../../../../src/components/Select/ui/Inner/ui/Item/Item.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens, constants } from '../../../../Select.tokens';\nimport { addFocus, applyEllipsis } from '../../../../../../mixins';\nimport { component, mergeConfig } from '../../../../../../engines';\nimport { checkboxConfig, checkboxTokens } from '../../../../../Checkbox';\nimport { cellConfig, cellTokens } from '../../../../../Cell';\nimport { indicatorConfig, indicatorTokens } from '../../../../../Indicator';\nimport type { SelectProps } from '../../../../Select.types';\nimport { IconDisclosureRightCentered, IconDone } from '../../../../../_Icon';\n\nconst mergedCheckboxConfig = mergeConfig(checkboxConfig);\nconst Checkbox = component(mergedCheckboxConfig);\n\nconst mergedCellConfig = mergeConfig(cellConfig);\nconst Cell = component(mergedCellConfig);\n\nconst mergedIndicatorConfig = mergeConfig(indicatorConfig);\nconst Indicator = component(mergedIndicatorConfig);\n\nexport const StyledWrapper = 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 // TODO: #1548\n & div.cell-content, & div.cell-textbox {\n flex: 1;\n }\n & div.cell-textbox-title {\n position: relative;\n }\n & div.cell-textbox-title:before {\n content: ' ';\n visibility: hidden;\n }\n & div.cell-textbox-title span {\n position: absolute;\n left: 0;\n right: 0;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n`;\n\nexport const StyledCell = styled(Cell)``;\n\nexport const StyledCheckbox = styled(Checkbox)`\n ${checkboxTokens.triggerSize}: var(${tokens.checkboxTriggerSize});\n ${checkboxTokens.triggerBorderRadius}: var(${tokens.checkboxTriggerBorderRadius});\n ${checkboxTokens.fillColor}: var(${tokens.checkboxFillColor});\n ${checkboxTokens.iconColor}: var(${tokens.checkboxIconColor});\n ${checkboxTokens.triggerBorderColor}: var(${tokens.checkboxTriggerBorderColor});\n`;\n\nexport const StyledIndicator = styled(Indicator)`\n ${indicatorTokens.size}: var(${tokens.indicatorSize});\n ${indicatorTokens.color}: var(${tokens.checkboxFillColor});\n`;\n\n// TODO: Удалить после поддержки JS переменных в конфиге компонент\nexport const sizeMap: Record<string, string> = {\n xs: '1rem',\n s: '1.5rem',\n};\n\nexport const StyledArrow = styled(IconDisclosureRightCentered)`\n width: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n height: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n`;\n\nexport const StyledIconDone = styled(IconDone)`\n width: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n height: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n`;\n\nexport const DisclosureIconWrapper = styled.div`\n line-height: 0;\n color: var(${tokens.disclosureIconColor});\n\n &:hover {\n color: var(${tokens.disclosureIconColorHover});\n }\n`;\n\nexport const IconWrapper = styled.div<{ variant: SelectProps['variant'] }>`\n display: flex;\n align-items: center;\n justify-content: center;\n flex: none;\n width: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemIconSizeTight : tokens.itemIconSize})`};\n height: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemIconSizeTight : tokens.itemIconSize})`};\n margin: var(${tokens.itemIconMargin});\n line-height: 0;\n color: var(${tokens.checkboxFillColor});\n`;\n\nexport const StyledText = styled.div<{ color?: string }>`\n ${applyEllipsis()};\n flex: 1;\n`;\n\nexport const Wrapper = styled.li<{ variant: SelectProps['variant'] }>`\n display: flex;\n align-items: center;\n min-height: var(${tokens.itemHeight});\n margin: 0 calc(0.125rem + var(${tokens.dropdownBorderWidth}, 0rem));\n box-sizing: content-box;\n padding: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemPaddingTight : tokens.itemPadding})`};\n font-family: var(${tokens.fontFamily});\n font-size: var(${tokens.fontSize});\n font-style: var(${tokens.fontStyle});\n font-weight: var(${tokens.fontWeight});\n letter-spacing: var(${tokens.fontLetterSpacing});\n line-height: var(${tokens.fontLineHeight});\n background-color: var(${constants.itemBackground});\n color: var(--text-primary);\n border-radius: calc(var(${tokens.borderRadius}) - 0.125rem - var(${tokens.dropdownBorderWidth}, 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: `calc(var(${tokens.borderRadius}) - 0.125rem - var(${tokens.dropdownBorderWidth}, 0rem))`,\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 StyledCheckboxWrapper = styled.span``;\n"],"names":["mergedCheckboxConfig","mergeConfig","checkboxConfig","Checkbox","component","mergedCellConfig","cellConfig","Cell","mergedIndicatorConfig","indicatorConfig","Indicator","StyledWrapper","styled","name","class","propsAsIs","_exp29","StyledCell","_exp30","StyledCheckbox","_exp41","StyledIndicator","_exp46","IconDisclosureRightCentered","_exp48","_ref","_ref$size","size","concat","tokens","disclosureIconSize","xs","s","StyledArrow","vars","_exp49","IconDone","_exp51","_ref2","_ref2$size","StyledIconDone","DisclosureIconWrapper","_exp55","_ref3","variant","itemIconSizeTight","itemIconSize","IconWrapper","StyledText","_exp61","_ref4","itemPaddingTight","itemPadding","Wrapper","StyledCheckboxWrapper"],"mappings":"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"}

package/es/components/_Icon/Icons/IconDisclosureRightCentered.js CHANGED Viewed

@@ -1,18 +1,21 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React from 'react';
 import { DisclosureRightCentered } from '../Icon.assets/DisclosureRightCentered.js';
 import { IconRoot } from '../IconRoot.js';
+var _excluded = ["size", "color", "className"];
 var IconDisclosureRightCentered = function IconDisclosureRightCentered(_ref) {
   var _ref$size = _ref.size,
     size = _ref$size === void 0 ? 's' : _ref$size,
     color = _ref.color,
-    className = _ref.className;
-  return /*#__PURE__*/React.createElement(IconRoot, {
+    className = _ref.className,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(IconRoot, _extends({
     className: className,
     size: size,
     color: color,
     icon: DisclosureRightCentered
-  });
+  }, rest));
 };
 export { IconDisclosureRightCentered };

package/es/components/_Icon/Icons/IconDisclosureRightCentered.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IconDisclosureRightCentered.js","sources":["../../../../src/components/_Icon/Icons/IconDisclosureRightCentered.tsx"],"sourcesContent":["import React from 'react';\n\nimport { DisclosureRightCentered } from '../Icon.assets/DisclosureRightCentered';\nimport { IconRoot, IconProps } from '../IconRoot';\n\nexport const IconDisclosureRightCentered: React.FC<IconProps> = ({ size = 's', color, className }) => {\n return <IconRoot className={className} size={size} color={color} icon={DisclosureRightCentered} />;\n};\n"],"names":["IconDisclosureRightCentered","_ref","_ref$size","size","color","className","React","createElement","IconRoot","icon","DisclosureRightCentered"],"mappings":"~~;;;;~~IAKaA,~~2BAAgD~~,GAAG,~~SAAnDA~~,~~2BAAgDA~~,CAAAC,IAAA,~~EAAyC~~;AAAA,EAAA,IAAAC,SAAA,GAAAD,IAAA,~~CAAnCE~~,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,GAAG,GAAAA,SAAA;~~IAAEE~~,KAAK,GAAAH,IAAA,CAALG,KAAK;~~IAAEC~~,SAAS,GAAAJ,IAAA,CAATI,SAAS,CAAA;~~AAC3F~~,EAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACC,QAAQ,~~EAAA~~;~~AAACH~~,IAAAA,SAAS,EAAEA,SAAU;AAACF,IAAAA,IAAI,EAAEA,IAAK;AAACC,IAAAA,KAAK,EAAEA,KAAM;~~AAACK~~,IAAAA,IAAI,EAAEC,uBAAAA;~~AAAwB~~,~~GAAE~~,CAAC,CAAA;~~AACtG~~;;;;"}
1	+ {"version":3,"file":"IconDisclosureRightCentered.js","sources":["../../../../src/components/_Icon/Icons/IconDisclosureRightCentered.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport { DisclosureRightCentered } from '../Icon.assets/DisclosureRightCentered';\nimport { IconRoot, IconProps } from '../IconRoot';\n\nexport const IconDisclosureRightCentered: React.FC<IconProps & HTMLAttributes<HTMLDivElement>> = ({\n size = 's',\n color,\n className,\n ...rest\n}) => {\n return <IconRoot className={className} size={size} color={color} icon={DisclosureRightCentered} {...rest} />;\n};\n"],"names":["IconDisclosureRightCentered","_ref","_ref$size","size","color","className","rest","_objectWithoutProperties","_excluded","React","createElement","IconRoot","_extends","icon","DisclosureRightCentered"],"mappings":";;;;;;IAKaA,2BAAiF,GAAG,SAApFA,2BAAiFA,CAAAC,IAAA,EAKxF;AAAA,EAAA,IAAAC,SAAA,GAAAD,IAAA,CAJFE,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,GAAG,GAAAA,SAAA;IACVE,KAAK,GAAAH,IAAA,CAALG,KAAK;IACLC,SAAS,GAAAJ,IAAA,CAATI,SAAS;AACNC,IAAAA,IAAI,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA,CAAA,CAAA;AAEP,EAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACC,QAAQ,EAAAC,QAAA,CAAA;AAACP,IAAAA,SAAS,EAAEA,SAAU;AAACF,IAAAA,IAAI,EAAEA,IAAK;AAACC,IAAAA,KAAK,EAAEA,KAAM;AAACS,IAAAA,IAAI,EAAEC,uBAAAA;GAA6BR,EAAAA,IAAI,CAAG,CAAC,CAAA;AAChH;;;;"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.236.1-canary.1675.12514887207.0",
+  "version": "0.236.1-canary.1675.12515510338.0",
   "description": "Salute Design System blueprint",
   "main": "./cjs/index.js",
   "module": "./es/index.js",
@@ -146,5 +146,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "4ca952fd1c697ecc9230916a45c0f01d60445f63"
+  "gitHead": "7bb78e9f52d352a292e56f756005947f7fddcf87"
 }

package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js CHANGED Viewed

@@ -37,7 +37,7 @@ var sizeMap = exports.sizeMap = {
   xs: '1rem',
   s: '1.5rem'
 };
-var StyledArrow = exports.StyledArrow = /*#__PURE__*/(0, _styledComponents["default"])(_Icon.IconDisclosureDownCentered).withConfig({
+var StyledArrow = exports.StyledArrow = /*#__PURE__*/(0, _styledComponents["default"])(_Icon.IconDisclosureRightCentered).withConfig({
   componentId: "plasma-new-hope__sc-1n1xg1s-4"
 })(["width:", ";height:", ";"], function (_ref) {
   var _ref$size = _ref.size,

package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js CHANGED Viewed

@@ -37,7 +37,7 @@ var sizeMap = exports.sizeMap = {
   xs: '1rem',
   s: '1.5rem'
 };
-var StyledArrow = exports.StyledArrow = /*#__PURE__*/(0, _styledComponents["default"])(_Icon.IconDisclosureDownCentered).withConfig({
+var StyledArrow = exports.StyledArrow = /*#__PURE__*/(0, _styledComponents["default"])(_Icon.IconDisclosureRightCentered).withConfig({
   componentId: "plasma-new-hope__sc-fr2h0y-4"
 })(["width:", ";height:", ";"], function (_ref) {
   var _ref$size = _ref.size,

package/styled-components/cjs/components/_Icon/Icons/IconDisclosureRightCentered.js CHANGED Viewed

@@ -7,16 +7,21 @@ exports.IconDisclosureRightCentered = void 0;
 var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
 var _DisclosureRightCentered = /*#__PURE__*/require("../Icon.assets/DisclosureRightCentered");
 var _IconRoot = /*#__PURE__*/require("../IconRoot");
+var _excluded = ["size", "color", "className"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var IconDisclosureRightCentered = exports.IconDisclosureRightCentered = function IconDisclosureRightCentered(_ref) {
   var _ref$size = _ref.size,
     size = _ref$size === void 0 ? 's' : _ref$size,
     color = _ref.color,
-    className = _ref.className;
-  return /*#__PURE__*/_react["default"].createElement(_IconRoot.IconRoot, {
+    className = _ref.className,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react["default"].createElement(_IconRoot.IconRoot, _extends({
     className: className,
     size: size,
     color: color,
     icon: _DisclosureRightCentered.DisclosureRightCentered
-  });
+  }, rest));
 };

package/styled-components/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { component, mergeConfig } from '../../../../../../../engines';
 import { checkboxConfig, checkboxTokens } from '../../../../../../Checkbox';
 import { indicatorConfig, indicatorTokens } from '../../../../../../Indicator';
 import { cellConfig, cellTokens } from '../../../../../../Cell';
-import { IconDisclosureDownCentered, IconDone } from '../../../../../../_Icon';
+import { IconDisclosureRightCentered, IconDone } from '../../../../../../_Icon';
 var mergedCheckboxConfig = /*#__PURE__*/mergeConfig(checkboxConfig);
 var Checkbox = /*#__PURE__*/component(mergedCheckboxConfig);
 var mergedCellConfig = /*#__PURE__*/mergeConfig(cellConfig);
@@ -30,7 +30,7 @@ export var sizeMap = {
   xs: '1rem',
   s: '1.5rem'
 };
-export var StyledArrow = /*#__PURE__*/styled(IconDisclosureDownCentered).withConfig({
+export var StyledArrow = /*#__PURE__*/styled(IconDisclosureRightCentered).withConfig({
   componentId: "plasma-new-hope__sc-1n1xg1s-4"
 })(["width:", ";height:", ";"], function (_ref) {
   var _ref$size = _ref.size,

package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.styles.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { component, mergeConfig } from '../../../../../../engines';
 import { checkboxConfig, checkboxTokens } from '../../../../../Checkbox';
 import { cellConfig, cellTokens } from '../../../../../Cell';
 import { indicatorConfig, indicatorTokens } from '../../../../../Indicator';
-import { IconDisclosureDownCentered, IconDone } from '../../../../../_Icon';
+import { IconDisclosureRightCentered, IconDone } from '../../../../../_Icon';
 var mergedCheckboxConfig = /*#__PURE__*/mergeConfig(checkboxConfig);
 var Checkbox = /*#__PURE__*/component(mergedCheckboxConfig);
 var mergedCellConfig = /*#__PURE__*/mergeConfig(cellConfig);
@@ -30,7 +30,7 @@ export var sizeMap = {
   xs: '1rem',
   s: '1.5rem'
 };
-export var StyledArrow = /*#__PURE__*/styled(IconDisclosureDownCentered).withConfig({
+export var StyledArrow = /*#__PURE__*/styled(IconDisclosureRightCentered).withConfig({
   componentId: "plasma-new-hope__sc-fr2h0y-4"
 })(["width:", ";height:", ";"], function (_ref) {
   var _ref$size = _ref.size,

package/styled-components/es/components/_Icon/Icons/IconDisclosureRightCentered.js CHANGED Viewed

@@ -1,3 +1,7 @@
+var _excluded = ["size", "color", "className"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React from 'react';
 import { DisclosureRightCentered } from '../Icon.assets/DisclosureRightCentered';
 import { IconRoot } from '../IconRoot';
@@ -5,11 +9,12 @@ export var IconDisclosureRightCentered = function IconDisclosureRightCentered(_r
   var _ref$size = _ref.size,
     size = _ref$size === void 0 ? 's' : _ref$size,
     color = _ref.color,
-    className = _ref.className;
-  return /*#__PURE__*/React.createElement(IconRoot, {
+    className = _ref.className,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(IconRoot, _extends({
     className: className,
     size: size,
     color: color,
     icon: DisclosureRightCentered
-  });
+  }, rest));
 };

package/types/components/Tree/Tree.styles.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export declare const IconArrowWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const StyledArrow: import("@linaria/react").StyledMeta & import("react").FC<import("../_Icon/IconRoot").IconProps>;
+export declare const StyledArrow: import("@linaria/react").StyledMeta & import("react").FC<import("../_Icon/IconRoot").IconProps & import("react").HTMLAttributes<HTMLDivElement>>;
 export declare const IconFolderWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const StyledFolder: import("@linaria/react").StyledMeta & import("react").FC<import("../_Icon/IconRoot").IconProps>;
 export declare const base: import("@linaria/core").LinariaClassName;

package/types/components/Tree/Tree.styles.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tree.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Tree/Tree.styles.ts"],"names":[],"mappings":";AAQA,eAAO,MAAM,gBAAgB,qKAW5B,CAAC;AAEF,eAAO,MAAM,WAAW,~~iGAIvB~~,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAI7B,CAAC;AAEF,eAAO,MAAM,YAAY,iGAAuB,CAAC;AAEjD,eAAO,MAAM,IAAI,0CA2KhB,CAAC"}
1	+ {"version":3,"file":"Tree.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Tree/Tree.styles.ts"],"names":[],"mappings":";AAQA,eAAO,MAAM,gBAAgB,qKAW5B,CAAC;AAEF,eAAO,MAAM,WAAW,kJAIvB,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAI7B,CAAC;AAEF,eAAO,MAAM,YAAY,iGAAuB,CAAC;AAEjD,eAAO,MAAM,IAAI,0CA2KhB,CAAC"}

package/types/components/_Icon/Icons/IconDisclosureRightCentered.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { HTMLAttributes } from 'react';
 import { IconProps } from '../IconRoot';
-export declare const IconDisclosureRightCentered: React.FC<IconProps>;
+export declare const IconDisclosureRightCentered: React.FC<IconProps & HTMLAttributes<HTMLDivElement>>;
 //# sourceMappingURL=IconDisclosureRightCentered.d.ts.map

package/types/components/_Icon/Icons/IconDisclosureRightCentered.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IconDisclosureRightCentered.d.ts","sourceRoot":"","sources":["../../../../src/components/_Icon/Icons/IconDisclosureRightCentered.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;~~AAG1B~~,OAAO,EAAY,SAAS,EAAE,MAAM,aAAa,CAAC;AAElD,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,~~CAE3D~~,CAAC"}
1	+ {"version":3,"file":"IconDisclosureRightCentered.d.ts","sourceRoot":"","sources":["../../../../src/components/_Icon/Icons/IconDisclosureRightCentered.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG9C,OAAO,EAAY,SAAS,EAAE,MAAM,aAAa,CAAC;AAElD,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,GAAG,cAAc,CAAC,cAAc,CAAC,CAO5F,CAAC"}