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

@salutejs/plasma-new-hope 0.236.1-canary.1675.12514887207.0 → 0.237.0-canary.1681.12515137471.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 (344) hide show

package/{es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles_1xjg3pv.css → cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles_1kzr84z.css} RENAMED Viewed

@@ -2,12 +2,10 @@
 .sabntqz{--plasma-checkbox-trigger-size:var(--plasma-combobox-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-combobox-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-combobox-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-combobox-checkbox-icon-color);--plasma-checkbox-trigger-border-color:var(--plasma-combobox-checkbox-trigger-border-color);}
 .sbva27s{--plasma-indicator-size:var(--plasma-combobox-indicator-size);--plasma-indicator-color:var(--plasma-combobox-checkbox-fill-color);}
-.s198ssfl{width:var(--s198ssfl-0);height:var(--s198ssfl-0);}
-.sq42uro{width:var(--sq42uro-0);height:var(--sq42uro-0);}
-.s96nkq{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
-.s170raop{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
-.d1bsz3m1{line-height:0;color:var(--plasma-combobox-disclosure-icon-color);}.d1bsz3m1:hover{color:var(--plasma-combobox-disclosure-icon-color-hover);}
-.iwurntn{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;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex:none;-ms-flex:none;flex:none;width:var(--iwurntn-0);height:var(--iwurntn-0);margin:var(--plasma-combobox-item-icon-margin);line-height:0;color:var(--plasma-combobox-checkbox-fill-color);}
-.s1pzdaox{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
-.wm3n62u{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;min-height:var(--plasma-combobox-item-height);margin:0;box-sizing:content-box;padding:var(--wm3n62u-0);font-family:var(--plasma-combobox-font-family);font-size:var(--plasma-combobox-font-size);font-style:var(--plasma-combobox-font-style);font-weight:var(--plasma-combobox-font-weight);-webkit-letter-spacing:var(--plasma-combobox-font-letter-spacing);-moz-letter-spacing:var(--plasma-combobox-font-letter-spacing);-ms-letter-spacing:var(--plasma-combobox-font-letter-spacing);letter-spacing:var(--plasma-combobox-font-letter-spacing);line-height:var(--plasma-combobox-font-line-height);background-color:var(--plasma-colors-transparent);color:var(--text-primary);border-radius:var(--plasma-combobox-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-right:2px solid transparent;border-left:2px solid transparent;background-clip:padding-box;position:relative;}.wm3n62u:hover:not(.dropdown-item-is-disabled){cursor:pointer;background-color:var(--plasma-combobox-item-background-hover);}.wm3n62u.dropdown-item-is-active{background-color:var(--plasma-combobox-item-background-hover);}.wm3n62u.dropdown-item-is-disabled{opacity:0.4;cursor:not-allowed;}.wm3n62u:focus{outline:none;}.wm3n62u::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-combobox-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.wm3n62u.dropdown-item-is-focused:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
+.s198ssfl{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
+.sq42uro{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
+.d96nkq{line-height:0;color:var(--plasma-combobox-disclosure-icon-color);}.d96nkq:hover{color:var(--plasma-combobox-disclosure-icon-color-hover);}
+.i170raop{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;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex:none;-ms-flex:none;flex:none;width:var(--i170raop-0);height:var(--i170raop-0);margin:var(--plasma-combobox-item-icon-margin);line-height:0;color:var(--plasma-combobox-checkbox-fill-color);}
+.s1bsz3m1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
+.wwurntn{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;min-height:var(--plasma-combobox-item-height);margin:0;box-sizing:content-box;padding:var(--wwurntn-0);font-family:var(--plasma-combobox-font-family);font-size:var(--plasma-combobox-font-size);font-style:var(--plasma-combobox-font-style);font-weight:var(--plasma-combobox-font-weight);-webkit-letter-spacing:var(--plasma-combobox-font-letter-spacing);-moz-letter-spacing:var(--plasma-combobox-font-letter-spacing);-ms-letter-spacing:var(--plasma-combobox-font-letter-spacing);letter-spacing:var(--plasma-combobox-font-letter-spacing);line-height:var(--plasma-combobox-font-line-height);background-color:var(--plasma-colors-transparent);color:var(--text-primary);border-radius:var(--plasma-combobox-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-right:2px solid transparent;border-left:2px solid transparent;background-clip:padding-box;position:relative;}.wwurntn:hover:not(.dropdown-item-is-disabled){cursor:pointer;background-color:var(--plasma-combobox-item-background-hover);}.wwurntn.dropdown-item-is-active{background-color:var(--plasma-combobox-item-background-hover);}.wwurntn.dropdown-item-is-disabled{opacity:0.4;cursor:not-allowed;}.wwurntn:focus{outline:none;}.wwurntn::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-combobox-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.wwurntn.dropdown-item-is-focused:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}

package/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import './Target.styles_1l1jobd.css';
+import './Target.styles_2m210q.css';
 'use strict';
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Target.styles.js","sources":["../../../../../../src/components/Combobox/ComboboxNew/ui/Target/Target.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { textFieldConfig, textFieldTokens } from '../../../../TextField';\nimport { component, mergeConfig } from '../../../../../engines';\nimport { tokens as comboboxTokens } from '../../Combobox.tokens';\n\nconst mergedConfig = mergeConfig(textFieldConfig);\nconst TextField = component(mergedConfig);\n\nexport const StyledTextField = styled(TextField)`\n ${textFieldTokens.color}: var(${comboboxTokens.textFieldColor});\n ${textFieldTokens.clearColor}: var(${comboboxTokens.textFieldColor});\n\n ${textFieldTokens.backgroundColor}: var(${comboboxTokens.textFieldBackgroundColor});\n ${textFieldTokens.backgroundColorHover}: var(${comboboxTokens.textFieldBackgroundColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${comboboxTokens.textFieldBackgroundColorFocus});\n\n ${textFieldTokens.borderColor}: var(${comboboxTokens.textFieldBorderColor});\n ${textFieldTokens.borderColorHover}: var(${comboboxTokens.textFieldBorderColorHover});\n ${textFieldTokens.borderColorFocus}: var(${comboboxTokens.textFieldBorderColorFocus});\n\n ${textFieldTokens.colorReadOnly}: var(${comboboxTokens.textFieldColorReadOnly});\n ${textFieldTokens.backgroundColorReadOnly}: var(${comboboxTokens.textFieldBackgroundColorReadOnly});\n ${textFieldTokens.borderColorReadOnly}: var(${comboboxTokens.textFieldBorderColorReadOnly});\n ${textFieldTokens.placeholderColorReadOnly}: var(${comboboxTokens.textFieldPlaceholderColorReadOnly});\n\n ${textFieldTokens.caretColor}: var(${comboboxTokens.textFieldCaretColor});\n ${textFieldTokens.placeholderColor}: var(${comboboxTokens.textFieldPlaceholderColor});\n ${textFieldTokens.placeholderColorFocus}: var(${comboboxTokens.textFieldPlaceholderColorFocus});\n ${textFieldTokens.clearPlaceholderColor}: var(${comboboxTokens.textFieldClearPlaceholderColor});\n ${textFieldTokens.clearPlaceholderColorFocus}: var(${comboboxTokens.textFieldClearPlaceholderColorFocus});\n ${textFieldTokens.optionalColor}: var(${comboboxTokens.textFieldOptionalColor});\n\n ${textFieldTokens.height}: var(${comboboxTokens.textFieldHeight});\n ${textFieldTokens.borderWidth}: var(${comboboxTokens.textFieldBorderWidth});\n ${textFieldTokens.borderRadius}: var(${comboboxTokens.textFieldBorderRadius});\n\n ${textFieldTokens.padding}: var(${comboboxTokens.textFieldPadding});\n ${textFieldTokens.paddingWithChips}: var(${comboboxTokens.textFieldPaddingWithChips});\n\n ${textFieldTokens.leftContentMargin}: var(${comboboxTokens.textFieldLeftContentMargin});\n ${textFieldTokens.rightContentMargin}: var(${comboboxTokens.textFieldRightContentMargin});\n\n ${textFieldTokens.fontFamily}: var(${comboboxTokens.textFieldFontFamily});\n ${textFieldTokens.fontStyle}: var(${comboboxTokens.textFieldFontStyle});\n ${textFieldTokens.fontSize}: var(${comboboxTokens.textFieldFontSize});\n ${textFieldTokens.fontWeight}: var(${comboboxTokens.textFieldFontWeight});\n ${textFieldTokens.letterSpacing}: var(${comboboxTokens.textFieldLetterSpacing});\n ${textFieldTokens.lineHeight}: var(${comboboxTokens.textFieldLineHeight});\n\n ${textFieldTokens.contentSlotColor}: var(${comboboxTokens.textFieldContentSlotColor});\n ${textFieldTokens.contentSlotColorHover}: var(${comboboxTokens.textFieldContentSlotColorHover});\n ${textFieldTokens.contentSlotColorActive}: var(${comboboxTokens.textFieldContentSlotColorActive});\n\n ${textFieldTokens.contentSlotRightColor}: var(${comboboxTokens.textFieldContentSlotRightColor});\n ${textFieldTokens.contentSlotRightColorHover}: var(${comboboxTokens.textFieldContentSlotRightColorHover});\n ${textFieldTokens.contentSlotRightColorActive}: var(${comboboxTokens.textFieldContentSlotRightColorActive});\n\n ${textFieldTokens.labelColor}: var(${comboboxTokens.textFieldLabelColor});\n ${textFieldTokens.labelColorReadOnly}: var(${comboboxTokens.textFieldLabelColorReadOnly});\n ${textFieldTokens.labelOffset}: var(${comboboxTokens.textFieldLabelOffset});\n ${textFieldTokens.clearLabelOffset}: var(${comboboxTokens.textFieldClearLabelOffset});\n\n ${textFieldTokens.labelFontFamily}: var(${comboboxTokens.textFieldLabelFontFamily});\n ${textFieldTokens.labelFontStyle}: var(${comboboxTokens.textFieldLabelFontStyle});\n ${textFieldTokens.labelFontSize}: var(${comboboxTokens.textFieldLabelFontSize});\n ${textFieldTokens.labelFontWeight}: var(${comboboxTokens.textFieldLabelFontWeight});\n ${textFieldTokens.labelLetterSpacing}: var(${comboboxTokens.textFieldLabelLetterSpacing});\n ${textFieldTokens.labelLineHeight}: var(${comboboxTokens.textFieldLabelLineHeight});\n\n ${textFieldTokens.labelInnerFontFamily}: var(${comboboxTokens.textFieldLabelInnerFontFamily});\n ${textFieldTokens.labelInnerFontStyle}: var(${comboboxTokens.textFieldLabelInnerFontStyle});\n ${textFieldTokens.labelInnerFontSize}: var(${comboboxTokens.textFieldLabelInnerFontSize});\n ${textFieldTokens.labelInnerFontWeight}: var(${comboboxTokens.textFieldLabelInnerFontWeight});\n ${textFieldTokens.labelInnerLetterSpacing}: var(${comboboxTokens.textFieldLabelInnerLetterSpacing});\n ${textFieldTokens.labelInnerLineHeight}: var(${comboboxTokens.textFieldLabelInnerLineHeight});\n\n ${textFieldTokens.labelInnerPadding}: var(${comboboxTokens.textFieldLabelInnerPadding});\n ${textFieldTokens.contentLabelInnerPadding}: var(${comboboxTokens.textFieldContentLabelInnerPadding});\n\n ${textFieldTokens.titleCaptionColor}: var(${comboboxTokens.textFieldTitleCaptionColor});\n ${textFieldTokens.titleCaptionColorReadOnly}: var(${comboboxTokens.textFieldTitleCaptionColorReadOnly});\n ${textFieldTokens.titleCaptionInnerLabelOffset}: var(${comboboxTokens.textFieldTitleCaptionInnerLabelOffset});\n\n ${textFieldTokens.titleCaptionFontFamily}: var(${comboboxTokens.textFieldTitleCaptionFontFamily});\n ${textFieldTokens.titleCaptionFontStyle}: var(${comboboxTokens.textFieldTitleCaptionFontStyle});\n ${textFieldTokens.titleCaptionFontSize}: var(${comboboxTokens.textFieldTitleCaptionFontSize});\n ${textFieldTokens.titleCaptionFontWeight}: var(${comboboxTokens.textFieldTitleCaptionFontWeight});\n ${textFieldTokens.titleCaptionLetterSpacing}: var(${comboboxTokens.textFieldTitleCaptionLetterSpacing});\n ${textFieldTokens.titleCaptionLineHeight}: var(${comboboxTokens.textFieldTitleCaptionLineHeight});\n\n ${textFieldTokens.leftHelperColor}: var(${comboboxTokens.textFieldLeftHelperColor});\n ${textFieldTokens.leftHelperColorReadOnly}: var(${comboboxTokens.textFieldLeftHelperColorReadOnly});\n ${textFieldTokens.leftHelperOffset}: var(${comboboxTokens.textFieldLeftHelperOffset});\n\n ${textFieldTokens.leftHelperFontFamily}: var(${comboboxTokens.textFieldLeftHelperFontFamily});\n ${textFieldTokens.leftHelperFontStyle}: var(${comboboxTokens.textFieldLeftHelperFontStyle});\n ${textFieldTokens.leftHelperFontSize}: var(${comboboxTokens.textFieldLeftHelperFontSize});\n ${textFieldTokens.leftHelperFontWeight}: var(${comboboxTokens.textFieldLeftHelperFontWeight});\n ${textFieldTokens.leftHelperLetterSpacing}: var(${comboboxTokens.textFieldLeftHelperLetterSpacing});\n ${textFieldTokens.leftHelperLineHeight}: var(${comboboxTokens.textFieldLeftHelperLineHeight});\n\n ${textFieldTokens.textBeforeColor}: var(${comboboxTokens.textFieldTextBeforeColor});\n ${textFieldTokens.textAfterColor}: var(${comboboxTokens.textFieldTextAfterColor});\n ${textFieldTokens.textBeforeMargin}: var(${comboboxTokens.textFieldTextBeforeMargin});\n ${textFieldTokens.textAfterMargin}: var(${comboboxTokens.textFieldTextAfterMargin});\n\n ${textFieldTokens.disabledOpacity}: var(${comboboxTokens.textFieldDisabledOpacity});\n\n ${textFieldTokens.chipHeight}: var(${comboboxTokens.textFieldChipHeight});\n ${textFieldTokens.chipBorderRadius}: var(${comboboxTokens.textFieldChipBorderRadius});\n ${textFieldTokens.chipGap}: var(${comboboxTokens.textFieldChipGap});\n ${textFieldTokens.chipBackground}: var(${comboboxTokens.textFieldChipBackground});\n ${textFieldTokens.chipColor}: var(${comboboxTokens.textFieldChipColor});\n ${textFieldTokens.chipBackgroundHover}: var(${comboboxTokens.textFieldChipBackgroundHover});\n ${textFieldTokens.chipColorHover}: var(${comboboxTokens.textFieldChipColorHover});\n ${textFieldTokens.chipScaleHover}: var(${comboboxTokens.textFieldChipScaleHover});\n ${textFieldTokens.chipBackgroundReadOnly}: var(${comboboxTokens.textFieldChipBackgroundReadOnly});\n ${textFieldTokens.chipColorReadOnly}: var(${comboboxTokens.textFieldChipColorReadOnly});\n ${textFieldTokens.chipBackgroundReadOnlyHover}: var(${comboboxTokens.textFieldChipBackgroundReadOnlyHover});\n ${textFieldTokens.chipColorReadOnlyHover}: var(${comboboxTokens.textFieldChipColorReadOnlyHover});\n ${textFieldTokens.chipBackgroundActive}: var(${comboboxTokens.textFieldChipBackgroundActive});\n ${textFieldTokens.chipColorActive}: var(${comboboxTokens.textFieldChipColorActive});\n ${textFieldTokens.chipScaleActive}: var(${comboboxTokens.textFieldChipScaleActive});\n ${textFieldTokens.chipCloseIconColor}: var(${comboboxTokens.textFieldChipCloseIconColor});\n ${textFieldTokens.chipOutlineSize}: var(${comboboxTokens.textFieldChipOutlineSize});\n ${textFieldTokens.chipWidth}: var(${comboboxTokens.textFieldChipWidth});\n ${textFieldTokens.chipPadding}: var(${comboboxTokens.textFieldChipPadding});\n ${textFieldTokens.chipCloseIconSize}: var(${comboboxTokens.textFieldChipCloseIconSize});\n ${textFieldTokens.chipFontFamily}: var(${comboboxTokens.textFieldChipFontFamily});\n ${textFieldTokens.chipFontSize}: var(${comboboxTokens.textFieldChipFontSize});\n ${textFieldTokens.chipFontStyle}: var(${comboboxTokens.textFieldChipFontStyle});\n ${textFieldTokens.chipFontWeight}: var(${comboboxTokens.textFieldChipFontWeight});\n ${textFieldTokens.chipLetterSpacing}: var(${comboboxTokens.textFieldChipLetterSpacing});\n ${textFieldTokens.chipLineHeight}: var(${comboboxTokens.textFieldChipLineHeight});\n ${textFieldTokens.chipClearContentMarginLeft}: var(${comboboxTokens.textFieldChipClearContentMarginLeft});\n ${textFieldTokens.chipClearContentMarginRight}: var(${comboboxTokens.textFieldChipClearContentMarginRight});\n ${textFieldTokens.chipOpacityReadonly}: var(${comboboxTokens.textFieldChipOpacityReadonly});\n\n ${textFieldTokens.focusColor}: var(${comboboxTokens.textFieldFocusColor});\n\n ${textFieldTokens.indicatorColor}: var(${comboboxTokens.textFieldIndicatorColor});\n ${textFieldTokens.indicatorSizeInner}: var(${comboboxTokens.textFieldIndicatorSizeInner});\n ${textFieldTokens.indicatorSizeOuter}: var(${comboboxTokens.textFieldIndicatorSizeOuter});\n ${textFieldTokens.indicatorLabelPlacementInner}: var(${comboboxTokens.textFieldIndicatorLabelPlacementInner});\n ${textFieldTokens.indicatorLabelPlacementOuter}: var(${comboboxTokens.textFieldIndicatorLabelPlacementOuter});\n ${textFieldTokens.indicatorLabelPlacementInnerRight}: var(${comboboxTokens.textFieldIndicatorLabelPlacementInnerRight});\n ${textFieldTokens.indicatorLabelPlacementOuterRight}: var(${comboboxTokens.textFieldIndicatorLabelPlacementOuterRight});\n ${textFieldTokens.clearIndicatorLabelPlacementInner}: var(${comboboxTokens.textFieldClearIndicatorLabelPlacementInner});\n ${textFieldTokens.clearIndicatorLabelPlacementInnerRight}: var(${comboboxTokens.textFieldClearIndicatorLabelPlacementInnerRight});\n ${textFieldTokens.clearIndicatorHintInnerRight}: var(${comboboxTokens.textFieldClearIndicatorHintInnerRight});\n ${textFieldTokens.boxShadow}: var(${comboboxTokens.textFieldBoxShadow});\n`;\n"],"names":["mergedConfig","mergeConfig","textFieldConfig","TextField","component","_exp","StyledTextField","styled","name","class","propsAsIs"],"mappings":";;;;;;;;AAMA,IAAMA,YAAY,gBAAGC,kBAAW,CAACC,2BAAe,CAAC,CAAA;AACjD,IAAMC,SAAS,gBAAGC,gBAAS,CAACJ,YAAY,CAAC,CAAA;AAAC,IAAAK,IAAA,GANxBA,SAMwBA,IAAAA,GAAA;AAAA,EAAA,OAEJF,SAAS,CAAA;AAAA,CAAA,CAAA;AAAxC,IAAMG,eAAe,gBAAGC,YAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CA+IpC;;;;"}
1	+ {"version":3,"file":"Target.styles.js","sources":["../../../../../../src/components/Combobox/ComboboxNew/ui/Target/Target.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { textFieldConfig, textFieldTokens } from '../../../../TextField';\nimport { component, mergeConfig } from '../../../../../engines';\nimport { tokens as comboboxTokens } from '../../Combobox.tokens';\n\nconst mergedConfig = mergeConfig(textFieldConfig);\nconst TextField = component(mergedConfig);\n\nexport const StyledTextField = styled(TextField)`\n ${textFieldTokens.color}: var(${comboboxTokens.textFieldColor});\n ${textFieldTokens.clearColor}: var(${comboboxTokens.textFieldColor});\n\n ${textFieldTokens.backgroundColor}: var(${comboboxTokens.textFieldBackgroundColor});\n ${textFieldTokens.backgroundColorHover}: var(${comboboxTokens.textFieldBackgroundColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${comboboxTokens.textFieldBackgroundColorFocus});\n\n ${textFieldTokens.borderColor}: var(${comboboxTokens.textFieldBorderColor});\n ${textFieldTokens.borderColorHover}: var(${comboboxTokens.textFieldBorderColorHover});\n ${textFieldTokens.borderColorFocus}: var(${comboboxTokens.textFieldBorderColorFocus});\n\n ${textFieldTokens.colorReadOnly}: var(${comboboxTokens.textFieldColorReadOnly});\n ${textFieldTokens.backgroundColorReadOnly}: var(${comboboxTokens.textFieldBackgroundColorReadOnly});\n ${textFieldTokens.borderColorReadOnly}: var(${comboboxTokens.textFieldBorderColorReadOnly});\n ${textFieldTokens.placeholderColorReadOnly}: var(${comboboxTokens.textFieldPlaceholderColorReadOnly});\n\n ${textFieldTokens.caretColor}: var(${comboboxTokens.textFieldCaretColor});\n ${textFieldTokens.placeholderColor}: var(${comboboxTokens.textFieldPlaceholderColor});\n ${textFieldTokens.placeholderColorFocus}: var(${comboboxTokens.textFieldPlaceholderColorFocus});\n ${textFieldTokens.clearPlaceholderColor}: var(${comboboxTokens.textFieldClearPlaceholderColor});\n ${textFieldTokens.clearPlaceholderColorFocus}: var(${comboboxTokens.textFieldClearPlaceholderColorFocus});\n ${textFieldTokens.optionalColor}: var(${comboboxTokens.textFieldOptionalColor});\n\n ${textFieldTokens.height}: var(${comboboxTokens.textFieldHeight});\n ${textFieldTokens.borderWidth}: var(${comboboxTokens.textFieldBorderWidth});\n ${textFieldTokens.borderRadius}: var(${comboboxTokens.textFieldBorderRadius});\n\n ${textFieldTokens.padding}: var(${comboboxTokens.textFieldPadding});\n ${textFieldTokens.paddingWithChips}: var(${comboboxTokens.textFieldPaddingWithChips});\n\n ${textFieldTokens.leftContentMargin}: var(${comboboxTokens.textFieldLeftContentMargin});\n ${textFieldTokens.rightContentMargin}: var(${comboboxTokens.textFieldRightContentMargin});\n\n ${textFieldTokens.fontFamily}: var(${comboboxTokens.textFieldFontFamily});\n ${textFieldTokens.fontStyle}: var(${comboboxTokens.textFieldFontStyle});\n ${textFieldTokens.fontSize}: var(${comboboxTokens.textFieldFontSize});\n ${textFieldTokens.fontWeight}: var(${comboboxTokens.textFieldFontWeight});\n ${textFieldTokens.letterSpacing}: var(${comboboxTokens.textFieldLetterSpacing});\n ${textFieldTokens.lineHeight}: var(${comboboxTokens.textFieldLineHeight});\n\n ${textFieldTokens.contentSlotColor}: var(${comboboxTokens.textFieldContentSlotColor});\n ${textFieldTokens.contentSlotColorHover}: var(${comboboxTokens.textFieldContentSlotColorHover});\n ${textFieldTokens.contentSlotColorActive}: var(${comboboxTokens.textFieldContentSlotColorActive});\n\n ${textFieldTokens.contentSlotRightColor}: var(${comboboxTokens.textFieldContentSlotRightColor});\n ${textFieldTokens.contentSlotRightColorHover}: var(${comboboxTokens.textFieldContentSlotRightColorHover});\n ${textFieldTokens.contentSlotRightColorActive}: var(${comboboxTokens.textFieldContentSlotRightColorActive});\n\n ${textFieldTokens.labelColor}: var(${comboboxTokens.textFieldLabelColor});\n ${textFieldTokens.labelColorReadOnly}: var(${comboboxTokens.textFieldLabelColorReadOnly});\n ${textFieldTokens.labelOffset}: var(${comboboxTokens.textFieldLabelOffset});\n ${textFieldTokens.clearLabelOffset}: var(${comboboxTokens.textFieldClearLabelOffset});\n\n ${textFieldTokens.labelFontFamily}: var(${comboboxTokens.textFieldLabelFontFamily});\n ${textFieldTokens.labelFontStyle}: var(${comboboxTokens.textFieldLabelFontStyle});\n ${textFieldTokens.labelFontSize}: var(${comboboxTokens.textFieldLabelFontSize});\n ${textFieldTokens.labelFontWeight}: var(${comboboxTokens.textFieldLabelFontWeight});\n ${textFieldTokens.labelLetterSpacing}: var(${comboboxTokens.textFieldLabelLetterSpacing});\n ${textFieldTokens.labelLineHeight}: var(${comboboxTokens.textFieldLabelLineHeight});\n\n ${textFieldTokens.labelInnerFontFamily}: var(${comboboxTokens.textFieldLabelInnerFontFamily});\n ${textFieldTokens.labelInnerFontStyle}: var(${comboboxTokens.textFieldLabelInnerFontStyle});\n ${textFieldTokens.labelInnerFontSize}: var(${comboboxTokens.textFieldLabelInnerFontSize});\n ${textFieldTokens.labelInnerFontWeight}: var(${comboboxTokens.textFieldLabelInnerFontWeight});\n ${textFieldTokens.labelInnerLetterSpacing}: var(${comboboxTokens.textFieldLabelInnerLetterSpacing});\n ${textFieldTokens.labelInnerLineHeight}: var(${comboboxTokens.textFieldLabelInnerLineHeight});\n\n ${textFieldTokens.labelInnerPadding}: var(${comboboxTokens.textFieldLabelInnerPadding});\n ${textFieldTokens.contentLabelInnerPadding}: var(${comboboxTokens.textFieldContentLabelInnerPadding});\n\n ${textFieldTokens.titleCaptionColor}: var(${comboboxTokens.textFieldTitleCaptionColor});\n ${textFieldTokens.titleCaptionColorReadOnly}: var(${comboboxTokens.textFieldTitleCaptionColorReadOnly});\n ${textFieldTokens.titleCaptionInnerLabelOffset}: var(${comboboxTokens.textFieldTitleCaptionInnerLabelOffset});\n\n ${textFieldTokens.titleCaptionFontFamily}: var(${comboboxTokens.textFieldTitleCaptionFontFamily});\n ${textFieldTokens.titleCaptionFontStyle}: var(${comboboxTokens.textFieldTitleCaptionFontStyle});\n ${textFieldTokens.titleCaptionFontSize}: var(${comboboxTokens.textFieldTitleCaptionFontSize});\n ${textFieldTokens.titleCaptionFontWeight}: var(${comboboxTokens.textFieldTitleCaptionFontWeight});\n ${textFieldTokens.titleCaptionLetterSpacing}: var(${comboboxTokens.textFieldTitleCaptionLetterSpacing});\n ${textFieldTokens.titleCaptionLineHeight}: var(${comboboxTokens.textFieldTitleCaptionLineHeight});\n\n ${textFieldTokens.leftHelperColor}: var(${comboboxTokens.textFieldLeftHelperColor});\n ${textFieldTokens.leftHelperColorReadOnly}: var(${comboboxTokens.textFieldLeftHelperColorReadOnly});\n ${textFieldTokens.leftHelperOffset}: var(${comboboxTokens.textFieldLeftHelperOffset});\n\n ${textFieldTokens.leftHelperFontFamily}: var(${comboboxTokens.textFieldLeftHelperFontFamily});\n ${textFieldTokens.leftHelperFontStyle}: var(${comboboxTokens.textFieldLeftHelperFontStyle});\n ${textFieldTokens.leftHelperFontSize}: var(${comboboxTokens.textFieldLeftHelperFontSize});\n ${textFieldTokens.leftHelperFontWeight}: var(${comboboxTokens.textFieldLeftHelperFontWeight});\n ${textFieldTokens.leftHelperLetterSpacing}: var(${comboboxTokens.textFieldLeftHelperLetterSpacing});\n ${textFieldTokens.leftHelperLineHeight}: var(${comboboxTokens.textFieldLeftHelperLineHeight});\n\n ${textFieldTokens.textBeforeColor}: var(${comboboxTokens.textFieldTextBeforeColor});\n ${textFieldTokens.textAfterColor}: var(${comboboxTokens.textFieldTextAfterColor});\n ${textFieldTokens.textBeforeMargin}: var(${comboboxTokens.textFieldTextBeforeMargin});\n ${textFieldTokens.textAfterMargin}: var(${comboboxTokens.textFieldTextAfterMargin});\n\n ${textFieldTokens.disabledOpacity}: var(${comboboxTokens.textFieldDisabledOpacity});\n\n ${textFieldTokens.chipHeight}: var(${comboboxTokens.textFieldChipHeight});\n ${textFieldTokens.chipBorderRadius}: var(${comboboxTokens.textFieldChipBorderRadius});\n ${textFieldTokens.chipGap}: var(${comboboxTokens.textFieldChipGap});\n ${textFieldTokens.chipBackground}: var(${comboboxTokens.textFieldChipBackground});\n ${textFieldTokens.chipColor}: var(${comboboxTokens.textFieldChipColor});\n ${textFieldTokens.chipBackgroundHover}: var(${comboboxTokens.textFieldChipBackgroundHover});\n ${textFieldTokens.chipColorHover}: var(${comboboxTokens.textFieldChipColorHover});\n ${textFieldTokens.chipScaleHover}: var(${comboboxTokens.textFieldChipScaleHover});\n ${textFieldTokens.chipBackgroundReadOnly}: var(${comboboxTokens.textFieldChipBackgroundReadOnly});\n ${textFieldTokens.chipColorReadOnly}: var(${comboboxTokens.textFieldChipColorReadOnly});\n ${textFieldTokens.chipBackgroundReadOnlyHover}: var(${comboboxTokens.textFieldChipBackgroundReadOnlyHover});\n ${textFieldTokens.chipColorReadOnlyHover}: var(${comboboxTokens.textFieldChipColorReadOnlyHover});\n ${textFieldTokens.chipBackgroundActive}: var(${comboboxTokens.textFieldChipBackgroundActive});\n ${textFieldTokens.chipColorActive}: var(${comboboxTokens.textFieldChipColorActive});\n ${textFieldTokens.chipScaleActive}: var(${comboboxTokens.textFieldChipScaleActive});\n ${textFieldTokens.chipCloseIconColor}: var(${comboboxTokens.textFieldChipCloseIconColor});\n ${textFieldTokens.chipOutlineSize}: var(${comboboxTokens.textFieldChipOutlineSize});\n ${textFieldTokens.chipWidth}: var(${comboboxTokens.textFieldChipWidth});\n ${textFieldTokens.chipPadding}: var(${comboboxTokens.textFieldChipPadding});\n ${textFieldTokens.chipCloseIconSize}: var(${comboboxTokens.textFieldChipCloseIconSize});\n ${textFieldTokens.chipFontFamily}: var(${comboboxTokens.textFieldChipFontFamily});\n ${textFieldTokens.chipFontSize}: var(${comboboxTokens.textFieldChipFontSize});\n ${textFieldTokens.chipFontStyle}: var(${comboboxTokens.textFieldChipFontStyle});\n ${textFieldTokens.chipFontWeight}: var(${comboboxTokens.textFieldChipFontWeight});\n ${textFieldTokens.chipLetterSpacing}: var(${comboboxTokens.textFieldChipLetterSpacing});\n ${textFieldTokens.chipLineHeight}: var(${comboboxTokens.textFieldChipLineHeight});\n ${textFieldTokens.chipClearContentMarginLeft}: var(${comboboxTokens.textFieldChipClearContentMarginLeft});\n ${textFieldTokens.chipClearContentMarginRight}: var(${comboboxTokens.textFieldChipClearContentMarginRight});\n ${textFieldTokens.chipOpacityReadonly}: var(${comboboxTokens.textFieldChipOpacityReadonly});\n\n ${textFieldTokens.focusColor}: var(${comboboxTokens.textFieldFocusColor});\n\n ${textFieldTokens.indicatorColor}: var(${comboboxTokens.textFieldIndicatorColor});\n ${textFieldTokens.indicatorSizeInner}: var(${comboboxTokens.textFieldIndicatorSizeInner});\n ${textFieldTokens.indicatorSizeOuter}: var(${comboboxTokens.textFieldIndicatorSizeOuter});\n ${textFieldTokens.indicatorLabelPlacementInner}: var(${comboboxTokens.textFieldIndicatorLabelPlacementInner});\n ${textFieldTokens.indicatorLabelPlacementOuter}: var(${comboboxTokens.textFieldIndicatorLabelPlacementOuter});\n ${textFieldTokens.indicatorLabelPlacementInnerRight}: var(${comboboxTokens.textFieldIndicatorLabelPlacementInnerRight});\n ${textFieldTokens.indicatorLabelPlacementOuterRight}: var(${comboboxTokens.textFieldIndicatorLabelPlacementOuterRight});\n ${textFieldTokens.clearIndicatorLabelPlacementInner}: var(${comboboxTokens.textFieldClearIndicatorLabelPlacementInner});\n ${textFieldTokens.clearIndicatorLabelPlacementInnerRight}: var(${comboboxTokens.textFieldClearIndicatorLabelPlacementInnerRight});\n ${textFieldTokens.clearIndicatorHintInnerRight}: var(${comboboxTokens.textFieldClearIndicatorHintInnerRight});\n`;\n"],"names":["mergedConfig","mergeConfig","textFieldConfig","TextField","component","_exp","StyledTextField","styled","name","class","propsAsIs"],"mappings":";;;;;;;;AAMA,IAAMA,YAAY,gBAAGC,kBAAW,CAACC,2BAAe,CAAC,CAAA;AACjD,IAAMC,SAAS,gBAAGC,gBAAS,CAACJ,YAAY,CAAC,CAAA;AAAC,IAAAK,IAAA,GANxBA,SAMwBA,IAAAA,GAAA;AAAA,EAAA,OAEJF,SAAS,CAAA;AAAA,CAAA,CAAA;AAAxC,IAAMG,eAAe,gBAAGC,YAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CA8IpC;;;;"}

package/cjs/components/Combobox/ComboboxNew/ui/Target/{Target.styles_1l1jobd.css → Target.styles_2m210q.css} RENAMED Viewed

	@@ -1 +1 @@
1	- .s1wiuml6{--plasma-textfield-color:var(--plasma-combobox-new-textfield-color);--plasma-textfield-clear-color:var(--plasma-combobox-new-textfield-color);--plasma-textfield-bg-color:var(--plasma-combobox-new-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-combobox-new-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-combobox-new-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-combobox-new-textfield-border-color);--plasma-textfield-border-color-hover:var(--plasma-combobox-new-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-combobox-new-textfield-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-combobox-new-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-combobox-new-textfield-bg-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-combobox-new-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-combobox-new-textfield-placeholder-color-readonly);--plasma-textfield__caret-color:var(--plasma-combobox-new-textfield-caret-color);--plasma-textfield__placeholder-color:var(--plasma-combobox-new-textfield-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--plasma-combobox-new-textfield-placeholder-color-focus);--plasma-textfield__clear-placeholder-color:var(--plasma-combobox-new-textfield-clear-placeholder-color);--plasma-textfield__clear-placeholder-color-focus:var(--plasma-combobox-new-textfield-clear-placeholder-color-focus);--plasma-textfield__optional-color:var(--plasma-combobox-new-textfield-optional-color);--plasma-textfield-height:var(--plasma-combobox-new-textfield-height);--plasma-textfield-border-width:var(--plasma-combobox-new-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-combobox-new-textfield-border-radius);--plasma-textfield-padding:var(--plasma-combobox-new-textfield-padding);--plasma-textfield-padding-with-chips:var(--plasma-combobox-new-textfield-padding-with-chips);--plasma-textfield__left-content-margin:var(--plasma-combobox-new-textfield-left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-combobox-new-textfield-right-content-margin);--plasma-textfield-font-family:var(--plasma-combobox-new-textfield-font-family);--plasma-textfield-font-style:var(--plasma-combobox-new-textfield-font-style);--plasma-textfield-font-size:var(--plasma-combobox-new-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-combobox-new-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-combobox-new-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-combobox-new-textfield-line-height);--plasma-textfield-content-slot-color:var(--plasma-combobox-new-textfield-content-slot-color);--plasma-textfield-content-slot-color-hover:var(--plasma-combobox-new-textfield-content-slot-color-hover);--plasma-textfield-content-slot-color-active:var(--plasma-combobox-new-textfield-content-slot-color-active);--plasma-textfield-content-right-slot-color:var(--plasma-combobox-new-textfield-content-right-slot-color);--plasma-textfield-content-right-slot-color-hover:var(--plasma-combobox-new-textfield-content-right-slot-color-hover);--plasma-textfield-content-right-slot-color-active:var(--plasma-combobox-new-textfield-content-right-slot-color-active);--plasma-textfield__label-color:var(--plasma-combobox-new-textfield-label-color);--plasma-textfield__label-color-readonly:var(--plasma-combobox-new-textfield-label-color-readonly);--plasma-textfield__label-offset:var(--plasma-combobox-new-textfield-label-offset);--plasma-textfield__clear-label-offset:var(--plasma-combobox-new-textfield-clear-label-offset);--plasma-textfield__label-font-family:var(--plasma-combobox-new-textfield-label-font-family);--plasma-textfield__label-font-style:var(--plasma-combobox-new-textfield-label-font-style);--plasma-textfield__label-font-size:var(--plasma-combobox-new-textfield-label-font-size);--plasma-textfield__label-font-weight:var(--plasma-combobox-new-textfield-label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-combobox-new-textfield-label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-combobox-new-textfield-label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-combobox-new-textfield-placement_inner-label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-combobox-new-textfield-placement_inner-label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-combobox-new-textfield-placement_inner-label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-combobox-new-textfield-placement_inner-label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-combobox-new-textfield-placement_inner-label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-combobox-new-textfield-placement_inner-label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-combobox-new-textfield-placement_inner-label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-combobox-new-textfield-placement_inner-content-padding);--plasma-textfield__title-caption-color:var(--plasma-combobox-new-textfield-title-caption-color);--plasma-textfield__title-caption-color-readonly:var(--plasma-combobox-new-textfield-title-caption-color-readonly);--plasma-textfield__title-caption-label-inner-offset:var(--plasma-combobox-new-textfield-title-caption-label-inner-offset);--plasma-textfield__title-caption-font-family:var(--plasma-combobox-new-textfield-title-caption-font-family);--plasma-textfield__title-caption-font-style:var(--plasma-combobox-new-textfield-title-caption-font-style);--plasma-textfield__title-caption-font-size:var(--plasma-combobox-new-textfield-title-caption-font-size);--plasma-textfield__title-caption-font-weight:var(--plasma-combobox-new-textfield-title-caption-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-combobox-new-textfield-title-caption-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-combobox-new-textfield-title-caption-line-height);--plasma-textfield__left-helper-color:var(--plasma-combobox-new-textfield-left-helper-color);--plasma-textfield__left-helper-color-readonly:var(--plasma-combobox-new-textfield-left-helper-color-readonly);--plasma-textfield__left-helper-offset:var(--plasma-combobox-new-textfield-left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-combobox-new-textfield-left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-combobox-new-textfield-left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-combobox-new-textfield-left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-combobox-new-textfield-left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-combobox-new-textfield-left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-combobox-new-textfield-left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-combobox-new-textfield-before-text-color);--plasma-textfield__after-text-color:var(--plasma-combobox-new-textfield-after-text-color);--plasma-textfield__before-text-margin:var(--plasma-combobox-new-textfield-before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-combobox-new-textfield-after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-combobox-new-textfield-disabled-opacity);--plasma-textfield__chip-height:var(--plasma-combobox-new-textfield-chip-height);--plasma-textfield__chip-border-radius:var(--plasma-combobox-new-textfield-chip-border-radius);--plasma-textfield__chip-gap:var(--plasma-combobox-new-textfield-chip-gap);--plasma-textfield__chip-background:var(--plasma-combobox-new-textfield--chip-background);--plasma-textfield__chip-color:var(--plasma-combobox-new-textfield-chip-color);--plasma-textfield__chip-background-hover:var(--plasma-combobox-new-textfield-chip-background-hover);--plasma-textfield__chip-color-hover:var(--plasma-combobox-new-textfield-chip-color-hover);--plasma-textfield__chip-scale-hover:var(--plasma-combobox-new-textfield-chip-scale-hover);--plasma-textfield__chip-background-readonly:var(--plasma-combobox-new-textfield-chip-background-read-only);--plasma-textfield__chip-color-readonly:var(--plasma-combobox-new-textfield-chip-color-read-only);--plasma-textfield__chip-background-readonly-hover:var(--plasma-combobox-new-textfield-chip-background-read-only-hover);--plasma-textfield__chip-color-readonly-hover:var(--plasma-combobox-new-textfield-chip-color-read-only-hover);--plasma-textfield__chip-background-active:var(--plasma-combobox-new-textfield-chip-background-active);--plasma-textfield__chip-color-active:var(--plasma-combobox-new-textfield-chip-color-active);--plasma-textfield__chip-scale-active:var(--plasma-combobox-new-textfield-chip-scale-active);--plasma-textfield__chip-close-icon-color:var(--plasma-combobox-new-textfield-chip-close-icons-color);--plasma-textfield__chip-outline-size:var(--plasma-combobox-new-textfield-chip-outline-size);--plasma-textfield__chip-width:var(--plasma-combobox-new-textfield-chip-width);--plasma-textfield__chip-padding:var(--plasma-combobox-new-textfield-chip-padding);--plasma-textfield__chip-close-icon-size:var(--plasma-combobox-new-textfield-chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-combobox-new-textfield-chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-combobox-new-textfield-chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-combobox-new-textfield-chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-combobox-new-textfield-chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-combobox-new-textfield-chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-combobox-new-textfield-chip-line-height);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-combobox-new-textfield-chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-combobox-new-textfield-chip-clear-content-margin-right);--plasma-textfield__chip-opacity-readonly:var(--plasma-combobox-new-textfield-chip-opacity-readonly);--plasma-textfield-focus-color:var(--plasma-combobox-new-textfield-focus-color);--plasma-textfield__indicator-color:var(--plasma-combobox-new-textfield-indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-combobox-new-textfield-indicator-size-inner);--plasma-textfield__indicator-size-outer:var(--plasma-combobox-new-textfield-indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-combobox-new-textfield-indicator-placement-inner);--plasma-textfield__indicator-placement-outer:var(--plasma-combobox-new-textfield-indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-combobox-new-textfield-indicator-placement-inner-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-combobox-new-textfield-indicator-placement-outer-right);--plasma-textfield__clear-indicator-placement-inner:var(--plasma-combobox-new-textfield-clear-indicator-placement-inner);--plasma-textfield__clear-indicator-placement-inner-right:var(--plasma-combobox-new-textfield-clear-indicator-placement-inner-right);--plasma-textfield__clear-indicator-hint-placement-inner-right:var(--plasma-combobox-new-textfield-clear-indicator-hint-placement-inner-right);--plasma-textfield-box-shadow:var(--plasma-select-textfield-box-shadow);}
1	+ .s1wiuml6{--plasma-textfield-color:var(--plasma-combobox-new-textfield-color);--plasma-textfield-clear-color:var(--plasma-combobox-new-textfield-color);--plasma-textfield-bg-color:var(--plasma-combobox-new-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-combobox-new-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-combobox-new-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-combobox-new-textfield-border-color);--plasma-textfield-border-color-hover:var(--plasma-combobox-new-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-combobox-new-textfield-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-combobox-new-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-combobox-new-textfield-bg-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-combobox-new-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-combobox-new-textfield-placeholder-color-readonly);--plasma-textfield__caret-color:var(--plasma-combobox-new-textfield-caret-color);--plasma-textfield__placeholder-color:var(--plasma-combobox-new-textfield-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--plasma-combobox-new-textfield-placeholder-color-focus);--plasma-textfield__clear-placeholder-color:var(--plasma-combobox-new-textfield-clear-placeholder-color);--plasma-textfield__clear-placeholder-color-focus:var(--plasma-combobox-new-textfield-clear-placeholder-color-focus);--plasma-textfield__optional-color:var(--plasma-combobox-new-textfield-optional-color);--plasma-textfield-height:var(--plasma-combobox-new-textfield-height);--plasma-textfield-border-width:var(--plasma-combobox-new-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-combobox-new-textfield-border-radius);--plasma-textfield-padding:var(--plasma-combobox-new-textfield-padding);--plasma-textfield-padding-with-chips:var(--plasma-combobox-new-textfield-padding-with-chips);--plasma-textfield__left-content-margin:var(--plasma-combobox-new-textfield-left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-combobox-new-textfield-right-content-margin);--plasma-textfield-font-family:var(--plasma-combobox-new-textfield-font-family);--plasma-textfield-font-style:var(--plasma-combobox-new-textfield-font-style);--plasma-textfield-font-size:var(--plasma-combobox-new-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-combobox-new-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-combobox-new-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-combobox-new-textfield-line-height);--plasma-textfield-content-slot-color:var(--plasma-combobox-new-textfield-content-slot-color);--plasma-textfield-content-slot-color-hover:var(--plasma-combobox-new-textfield-content-slot-color-hover);--plasma-textfield-content-slot-color-active:var(--plasma-combobox-new-textfield-content-slot-color-active);--plasma-textfield-content-right-slot-color:var(--plasma-combobox-new-textfield-content-right-slot-color);--plasma-textfield-content-right-slot-color-hover:var(--plasma-combobox-new-textfield-content-right-slot-color-hover);--plasma-textfield-content-right-slot-color-active:var(--plasma-combobox-new-textfield-content-right-slot-color-active);--plasma-textfield__label-color:var(--plasma-combobox-new-textfield-label-color);--plasma-textfield__label-color-readonly:var(--plasma-combobox-new-textfield-label-color-readonly);--plasma-textfield__label-offset:var(--plasma-combobox-new-textfield-label-offset);--plasma-textfield__clear-label-offset:var(--plasma-combobox-new-textfield-clear-label-offset);--plasma-textfield__label-font-family:var(--plasma-combobox-new-textfield-label-font-family);--plasma-textfield__label-font-style:var(--plasma-combobox-new-textfield-label-font-style);--plasma-textfield__label-font-size:var(--plasma-combobox-new-textfield-label-font-size);--plasma-textfield__label-font-weight:var(--plasma-combobox-new-textfield-label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-combobox-new-textfield-label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-combobox-new-textfield-label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-combobox-new-textfield-placement_inner-label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-combobox-new-textfield-placement_inner-label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-combobox-new-textfield-placement_inner-label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-combobox-new-textfield-placement_inner-label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-combobox-new-textfield-placement_inner-label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-combobox-new-textfield-placement_inner-label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-combobox-new-textfield-placement_inner-label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-combobox-new-textfield-placement_inner-content-padding);--plasma-textfield__title-caption-color:var(--plasma-combobox-new-textfield-title-caption-color);--plasma-textfield__title-caption-color-readonly:var(--plasma-combobox-new-textfield-title-caption-color-readonly);--plasma-textfield__title-caption-label-inner-offset:var(--plasma-combobox-new-textfield-title-caption-label-inner-offset);--plasma-textfield__title-caption-font-family:var(--plasma-combobox-new-textfield-title-caption-font-family);--plasma-textfield__title-caption-font-style:var(--plasma-combobox-new-textfield-title-caption-font-style);--plasma-textfield__title-caption-font-size:var(--plasma-combobox-new-textfield-title-caption-font-size);--plasma-textfield__title-caption-font-weight:var(--plasma-combobox-new-textfield-title-caption-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-combobox-new-textfield-title-caption-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-combobox-new-textfield-title-caption-line-height);--plasma-textfield__left-helper-color:var(--plasma-combobox-new-textfield-left-helper-color);--plasma-textfield__left-helper-color-readonly:var(--plasma-combobox-new-textfield-left-helper-color-readonly);--plasma-textfield__left-helper-offset:var(--plasma-combobox-new-textfield-left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-combobox-new-textfield-left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-combobox-new-textfield-left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-combobox-new-textfield-left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-combobox-new-textfield-left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-combobox-new-textfield-left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-combobox-new-textfield-left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-combobox-new-textfield-before-text-color);--plasma-textfield__after-text-color:var(--plasma-combobox-new-textfield-after-text-color);--plasma-textfield__before-text-margin:var(--plasma-combobox-new-textfield-before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-combobox-new-textfield-after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-combobox-new-textfield-disabled-opacity);--plasma-textfield__chip-height:var(--plasma-combobox-new-textfield-chip-height);--plasma-textfield__chip-border-radius:var(--plasma-combobox-new-textfield-chip-border-radius);--plasma-textfield__chip-gap:var(--plasma-combobox-new-textfield-chip-gap);--plasma-textfield__chip-background:var(--plasma-combobox-new-textfield--chip-background);--plasma-textfield__chip-color:var(--plasma-combobox-new-textfield-chip-color);--plasma-textfield__chip-background-hover:var(--plasma-combobox-new-textfield-chip-background-hover);--plasma-textfield__chip-color-hover:var(--plasma-combobox-new-textfield-chip-color-hover);--plasma-textfield__chip-scale-hover:var(--plasma-combobox-new-textfield-chip-scale-hover);--plasma-textfield__chip-background-readonly:var(--plasma-combobox-new-textfield-chip-background-read-only);--plasma-textfield__chip-color-readonly:var(--plasma-combobox-new-textfield-chip-color-read-only);--plasma-textfield__chip-background-readonly-hover:var(--plasma-combobox-new-textfield-chip-background-read-only-hover);--plasma-textfield__chip-color-readonly-hover:var(--plasma-combobox-new-textfield-chip-color-read-only-hover);--plasma-textfield__chip-background-active:var(--plasma-combobox-new-textfield-chip-background-active);--plasma-textfield__chip-color-active:var(--plasma-combobox-new-textfield-chip-color-active);--plasma-textfield__chip-scale-active:var(--plasma-combobox-new-textfield-chip-scale-active);--plasma-textfield__chip-close-icon-color:var(--plasma-combobox-new-textfield-chip-close-icons-color);--plasma-textfield__chip-outline-size:var(--plasma-combobox-new-textfield-chip-outline-size);--plasma-textfield__chip-width:var(--plasma-combobox-new-textfield-chip-width);--plasma-textfield__chip-padding:var(--plasma-combobox-new-textfield-chip-padding);--plasma-textfield__chip-close-icon-size:var(--plasma-combobox-new-textfield-chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-combobox-new-textfield-chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-combobox-new-textfield-chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-combobox-new-textfield-chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-combobox-new-textfield-chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-combobox-new-textfield-chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-combobox-new-textfield-chip-line-height);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-combobox-new-textfield-chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-combobox-new-textfield-chip-clear-content-margin-right);--plasma-textfield__chip-opacity-readonly:var(--plasma-combobox-new-textfield-chip-opacity-readonly);--plasma-textfield-focus-color:var(--plasma-combobox-new-textfield-focus-color);--plasma-textfield__indicator-color:var(--plasma-combobox-new-textfield-indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-combobox-new-textfield-indicator-size-inner);--plasma-textfield__indicator-size-outer:var(--plasma-combobox-new-textfield-indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-combobox-new-textfield-indicator-placement-inner);--plasma-textfield__indicator-placement-outer:var(--plasma-combobox-new-textfield-indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-combobox-new-textfield-indicator-placement-inner-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-combobox-new-textfield-indicator-placement-outer-right);--plasma-textfield__clear-indicator-placement-inner:var(--plasma-combobox-new-textfield-clear-indicator-placement-inner);--plasma-textfield__clear-indicator-placement-inner-right:var(--plasma-combobox-new-textfield-clear-indicator-placement-inner-right);--plasma-textfield__clear-indicator-hint-placement-inner-right:var(--plasma-combobox-new-textfield-clear-indicator-hint-placement-inner-right);}

package/cjs/components/Note/Note.css ADDED Viewed

@@ -0,0 +1,11 @@
+.base_pq323y_b1ygm22t__ed5da473{background:var(--plasma-note-background);color:var(--plasma-note-color);}.base_pq323y_b1ygm22t__ed5da473 .base_pq323y_c1i6bkpn__ed5da473{color:var(--plasma-note-content-before-color);fill:var(--plasma-note-content-before-color);}
+.base_14g19gh_bnp62xb__2fa012c5{padding:var(--plasma-note-padding);border-radius:var(--plasma-note-border-radius);height:var(--plasma_private-note-height);width:var(--plasma_private-note-width);gap:var(--plasma-note-gap);}.base_14g19gh_bnp62xb__2fa012c5.base_14g19gh_noteStretch__2fa012c5{width:100%;height:100%;}.base_14g19gh_bnp62xb__2fa012c5 .base_14g19gh_c1i6bkpn__2fa012c5{width:var(--plasma-note-fixed-content-before-width);height:var(--plasma-note-fixed-content-before-height);padding:var(--plasma-note-fixed-content-before-padding);box-sizing:border-box;}.base_14g19gh_bnp62xb__2fa012c5.base_14g19gh_noteContentAlignCenter__2fa012c5{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--plasma-note-padding-scalable);gap:var(--plasma-note-gap-scalable);}.base_14g19gh_bnp62xb__2fa012c5.base_14g19gh_noteContentAlignCenter__2fa012c5 .base_14g19gh_c1i6bkpn__2fa012c5{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:unset;}.base_14g19gh_bnp62xb__2fa012c5 .base_14g19gh_cendmch__2fa012c5{width:var(--plasma_private-note-content-width-with-offset);gap:var(--plasma-note-content-gap);}.base_14g19gh_bnp62xb__2fa012c5 .base_14g19gh_t1wkjxug__2fa012c5,.base_14g19gh_bnp62xb__2fa012c5 .base_14g19gh_te86upw__2fa012c5{width:100%;min-height:var(--plasma-note-title-line-height);font-family:var(--plasma-note-title-font-family);font-size:var(--plasma-note-title-font-size);font-style:var(--plasma-note-title-font-style);font-weight:var(--plasma-note-title-font-weight);-webkit-letter-spacing:var(--plasma-note-title-letter-spacing);-moz-letter-spacing:var(--plasma-note-title-letter-spacing);-ms-letter-spacing:var(--plasma-note-title-letter-spacing);letter-spacing:var(--plasma-note-title-letter-spacing);line-height:var(--plasma-note-title-line-height);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.base_14g19gh_bnp62xb__2fa012c5 .base_14g19gh_t1kp0wa7__2fa012c5,.base_14g19gh_bnp62xb__2fa012c5 .base_14g19gh_tf1lafs__2fa012c5{font-family:var(--plasma-note-text-font-family);font-size:var(--plasma-note-text-font-size);font-style:var(--plasma-note-text-font-style);font-weight:var(--plasma-note-text-font-weight);-webkit-letter-spacing:var(--plasma-note-text-letter-spacing);-moz-letter-spacing:var(--plasma-note-text-letter-spacing);-ms-letter-spacing:var(--plasma-note-text-letter-spacing);letter-spacing:var(--plasma-note-text-letter-spacing);line-height:var(--plasma-note-text-line-height);word-break:break-all;}
+.Note_styles_178qpj9_b1eqam57__381585e2{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
+.Note_styles_178qpj9_c1i6bkpn__381585e2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
+.Note_styles_178qpj9_cendmch__381585e2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;box-sizing:border-box;}
+.Note_styles_178qpj9_te86upw__381585e2{visibility:hidden;position:absolute;z-index:-9999;opacity:0;}
+.Note_styles_178qpj9_t1kp0wa7__381585e2{display:block;position:relative;}
+.Note_styles_178qpj9_tf1lafs__381585e2{visibility:hidden;position:absolute;z-index:-9999;opacity:0;top:0;left:0;}

package/cjs/components/Note/Note.js ADDED Viewed

@@ -0,0 +1,124 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var plasmaCore = require('@salutejs/plasma-core');
+var index = require('../../utils/index.js');
+var base = require('./variations/_view/base.js');
+var base$1 = require('./variations/_size/base.js');
+var Note_styles = require('./Note.styles.js');
+var Note_tokens = require('./Note.tokens.js');
+var getSizeValueFromProp = require('../../utils/getSizeValueFromProp.js');
+var canUseDOM = require('../../utils/canUseDOM.js');
+var _excluded = ["className", "style", "title", "text", "contentBefore", "contentBeforeSizing", "size", "view", "stretch", "width", "height"];
+var noteRoot = function noteRoot(Root) {
+  return /*#__PURE__*/React.forwardRef(function (_ref, outerRef) {
+    var className = _ref.className,
+      style = _ref.style,
+      title = _ref.title,
+      text = _ref.text,
+      contentBefore = _ref.contentBefore,
+      _ref$contentBeforeSiz = _ref.contentBeforeSizing,
+      contentBeforeSizing = _ref$contentBeforeSiz === void 0 ? 'fixed' : _ref$contentBeforeSiz,
+      size = _ref.size,
+      view = _ref.view,
+      stretch = _ref.stretch,
+      width = _ref.width,
+      height = _ref.height,
+      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+    var _useState = React.useState(text),
+      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+      innerText = _useState2[0],
+      setInnerText = _useState2[1];
+    var _useState3 = React.useState(contentBefore ? "var(".concat(Note_tokens.tokens.fixedContentBeforeWidth, ")") : '0'),
+      _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
+      contentBeforeWidth = _useState4[0],
+      setContentBeforeWidth = _useState4[1];
+    var contentWrapperRef = React.useRef(null);
+    var contentBeforeRef = React.useRef(null);
+    var titleHelperRef = React.useRef(null);
+    var textRenderHelperRef = React.useRef(null);
+    var innerWidth = width ? getSizeValueFromProp.getSizeValueFromProp(width) : 'fit-content';
+    var innerHeight = height ? getSizeValueFromProp.getSizeValueFromProp(height) : 'fit-content';
+    var contentGapToken = contentBeforeSizing === 'scalable' ? Note_tokens.tokens.gapScalable : Note_tokens.tokens.gap;
+    var contentWidthWithOffsetToken = contentBefore ? "calc(100% - ".concat(contentBeforeWidth, " - var(").concat(contentGapToken, "))") : '100%';
+    var setTruncatedText = function setTruncatedText() {
+      var _titleHelperRef$curre;
+      if (!canUseDOM.canUseDOM || !text || !(contentWrapperRef !== null && contentWrapperRef !== void 0 && contentWrapperRef.current) || !(textRenderHelperRef !== null && textRenderHelperRef !== void 0 && textRenderHelperRef.current) || !width && !height) {
+        return;
+      }
+      var contentHeight = contentWrapperRef.current.offsetHeight;
+      var titleHeight = ((_titleHelperRef$curre = titleHelperRef.current) === null || _titleHelperRef$curre === void 0 ? void 0 : _titleHelperRef$curre.offsetHeight) || 0;
+      var contentGap = Number(window.getComputedStyle(contentWrapperRef.current).rowGap.replace('px', ''));
+      var textAvailableHeight = contentHeight - titleHeight - contentGap;
+      textRenderHelperRef.current.textContent = text;
+      if (textRenderHelperRef.current.offsetHeight <= textAvailableHeight) {
+        setInnerText(text);
+        return;
+      }
+      var fullText = "".concat(text.slice(0, -3), "...");
+      for (var i = text.length - 1; i >= 0; i -= 1) {
+        textRenderHelperRef.current.textContent = fullText;
+        if (textRenderHelperRef.current.offsetHeight <= textAvailableHeight) {
+          break;
+        }
+        fullText = "".concat(fullText.slice(0, i), "...");
+      }
+      setInnerText(fullText);
+    };
+    plasmaCore.useResizeObserver(contentWrapperRef, setTruncatedText);
+    React.useLayoutEffect(function () {
+      setTruncatedText();
+    }, [text, contentBefore, contentBeforeSizing, stretch]);
+    React.useEffect(function () {
+      if (!(contentBeforeRef !== null && contentBeforeRef !== void 0 && contentBeforeRef.current)) {
+        return;
+      }
+      if (contentBeforeSizing === 'scalable') {
+        setContentBeforeWidth("".concat(contentBeforeRef.current.offsetWidth, "px"));
+        return;
+      }
+      setContentBeforeWidth("var(".concat(Note_tokens.tokens.fixedContentBeforeWidth, ")"));
+    }, [contentBefore, contentBeforeSizing]);
+    return /*#__PURE__*/React.createElement(Root, _rollupPluginBabelHelpers.extends({
+      ref: outerRef,
+      className: index.cx(className, stretch && Note_tokens.classes.stretch, contentBeforeSizing === 'scalable' && Note_tokens.classes.contentAlignCenter),
+      view: view,
+      size: size,
+      style: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, style), {}, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, Note_tokens.privateTokens.width, innerWidth), Note_tokens.privateTokens.height, innerHeight), Note_tokens.privateTokens.contentWidthWithOffset, contentWidthWithOffsetToken))
+    }, rest), contentBefore && /*#__PURE__*/React.createElement(Note_styles.ContentBefore, {
+      ref: contentBeforeRef
+    }, contentBefore), /*#__PURE__*/React.createElement(Note_styles.ContentWrapper, {
+      ref: contentWrapperRef
+    }, title && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Note_styles.Title, null, title), /*#__PURE__*/React.createElement(Note_styles.TitleHelper, {
+      ref: titleHelperRef
+    }, "C")), innerText && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Note_styles.Text, null, innerText, /*#__PURE__*/React.createElement(Note_styles.TextHelper, {
+      ref: textRenderHelperRef
+    }, "C")))));
+  });
+};
+var noteConfig = {
+  name: 'Note',
+  tag: 'div',
+  layout: noteRoot,
+  base: Note_styles.base,
+  variations: {
+    view: {
+      css: base.base
+    },
+    size: {
+      css: base$1.base
+    }
+  },
+  defaults: {
+    view: 'default',
+    size: 'm'
+  }
+};
+exports.noteConfig = noteConfig;
+exports.noteRoot = noteRoot;
+//# sourceMappingURL=Note.js.map

package/cjs/components/Note/Note.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Note.js","sources":["../../../src/components/Note/Note.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useLayoutEffect, useRef, useState } from 'react';\nimport type { CSSProperties } from 'react';\nimport { useResizeObserver } from '@salutejs/plasma-core';\n\nimport { canUseDOM, cx, getSizeValueFromProp } from '../../utils';\nimport type { RootProps } from '../../engines';\n\nimport type { NoteProps } from './Note.types';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base, ContentBefore, ContentWrapper, Text, TextHelper, Title, TitleHelper } from './Note.styles';\nimport { classes, privateTokens, tokens } from './Note.tokens';\n\nexport const noteRoot = (Root: RootProps<HTMLDivElement, NoteProps>) =>\n forwardRef<HTMLDivElement, NoteProps>(\n (\n {\n className,\n style,\n title,\n text,\n contentBefore,\n contentBeforeSizing = 'fixed',\n size,\n view,\n stretch,\n width,\n height,\n ...rest\n },\n outerRef,\n ) => {\n const [innerText, setInnerText] = useState(text);\n const [contentBeforeWidth, setContentBeforeWidth] = useState(\n contentBefore ? `var(${tokens.fixedContentBeforeWidth})` : '0',\n );\n\n const contentWrapperRef = useRef<HTMLDivElement>(null);\n const contentBeforeRef = useRef<HTMLDivElement>(null);\n const titleHelperRef = useRef<HTMLDivElement>(null);\n const textRenderHelperRef = useRef<HTMLSpanElement>(null);\n\n const innerWidth = width ? getSizeValueFromProp(width) : 'fit-content';\n const innerHeight = height ? getSizeValueFromProp(height) : 'fit-content';\n\n const contentGapToken = contentBeforeSizing === 'scalable' ? tokens.gapScalable : tokens.gap;\n const contentWidthWithOffsetToken = contentBefore\n ? `calc(100% - ${contentBeforeWidth} - var(${contentGapToken}))`\n : '100%';\n\n const setTruncatedText = () => {\n if (\n !canUseDOM ||\n !text ||\n !contentWrapperRef?.current ||\n !textRenderHelperRef?.current ||\n (!width && !height)\n ) {\n return;\n }\n\n const contentHeight = contentWrapperRef.current.offsetHeight;\n const titleHeight = titleHelperRef.current?.offsetHeight || 0;\n\n const contentGap = Number(window.getComputedStyle(contentWrapperRef.current).rowGap.replace('px', ''));\n\n const textAvailableHeight = contentHeight - titleHeight - contentGap;\n\n textRenderHelperRef.current.textContent = text;\n\n if (textRenderHelperRef.current.offsetHeight <= textAvailableHeight) {\n setInnerText(text);\n return;\n }\n\n let fullText = `${text.slice(0, -3)}...`;\n\n for (let i = text.length - 1; i >= 0; i -= 1) {\n textRenderHelperRef.current.textContent = fullText;\n\n if (textRenderHelperRef.current.offsetHeight <= textAvailableHeight) {\n break;\n }\n\n fullText = `${fullText.slice(0, i)}...`;\n }\n\n setInnerText(fullText);\n };\n\n useResizeObserver(contentWrapperRef, setTruncatedText);\n\n useLayoutEffect(() => {\n setTruncatedText();\n }, [text, contentBefore, contentBeforeSizing, stretch]);\n\n useEffect(() => {\n if (!contentBeforeRef?.current) {\n return;\n }\n\n if (contentBeforeSizing === 'scalable') {\n setContentBeforeWidth(`${contentBeforeRef.current.offsetWidth}px`);\n return;\n }\n\n setContentBeforeWidth(`var(${tokens.fixedContentBeforeWidth})`);\n }, [contentBefore, contentBeforeSizing]);\n\n return (\n <Root\n ref={outerRef}\n className={cx(\n className,\n stretch && classes.stretch,\n contentBeforeSizing === 'scalable' && classes.contentAlignCenter,\n )}\n view={view}\n size={size}\n style={\n {\n ...style,\n [privateTokens.width]: innerWidth,\n [privateTokens.height]: innerHeight,\n [privateTokens.contentWidthWithOffset]: contentWidthWithOffsetToken,\n } as CSSProperties\n }\n {...rest}\n >\n {contentBefore && <ContentBefore ref={contentBeforeRef}>{contentBefore}</ContentBefore>}\n <ContentWrapper ref={contentWrapperRef}>\n {title && (\n <>\n <Title>{title}</Title>\n <TitleHelper ref={titleHelperRef}>C</TitleHelper>\n </>\n )}\n {innerText && (\n <>\n <Text>\n {innerText}\n <TextHelper ref={textRenderHelperRef}>C</TextHelper>\n </Text>\n </>\n )}\n </ContentWrapper>\n </Root>\n );\n },\n );\n\nexport const noteConfig = {\n name: 'Note',\n tag: 'div',\n layout: noteRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["noteRoot","Root","forwardRef","_ref","outerRef","className","style","title","text","contentBefore","_ref$contentBeforeSiz","contentBeforeSizing","size","view","stretch","width","height","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","innerText","setInnerText","_useState3","concat","tokens","fixedContentBeforeWidth","_useState4","contentBeforeWidth","setContentBeforeWidth","contentWrapperRef","useRef","contentBeforeRef","titleHelperRef","textRenderHelperRef","innerWidth","getSizeValueFromProp","innerHeight","contentGapToken","gapScalable","gap","contentWidthWithOffsetToken","setTruncatedText","_titleHelperRef$curre","canUseDOM","current","contentHeight","offsetHeight","titleHeight","contentGap","Number","window","getComputedStyle","rowGap","replace","textAvailableHeight","textContent","fullText","slice","i","length","useResizeObserver","useLayoutEffect","useEffect","offsetWidth","React","createElement","_extends","ref","cx","classes","contentAlignCenter","_objectSpread","_defineProperty","privateTokens","contentWidthWithOffset","ContentBefore","ContentWrapper","Fragment","Title","TitleHelper","Text","TextHelper","noteConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}

package/cjs/components/Note/Note.styles.js ADDED Viewed

@@ -0,0 +1,47 @@
+import './Note.styles_178qpj9.css';
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+var react = require('@linaria/react');
+var base = "b1eqam57";
+var ContentBefore = /*#__PURE__*/react.styled('div')({
+  name: "ContentBefore",
+  "class": "c1i6bkpn",
+  propsAsIs: false
+});
+var ContentWrapper = /*#__PURE__*/react.styled('div')({
+  name: "ContentWrapper",
+  "class": "cendmch",
+  propsAsIs: false
+});
+var Title = /*#__PURE__*/react.styled('div')({
+  name: "Title",
+  "class": "t1wkjxug",
+  propsAsIs: false
+});
+var TitleHelper = /*#__PURE__*/react.styled('div')({
+  name: "TitleHelper",
+  "class": "te86upw",
+  propsAsIs: false
+});
+var Text = /*#__PURE__*/react.styled('span')({
+  name: "Text",
+  "class": "t1kp0wa7",
+  propsAsIs: false
+});
+var TextHelper = /*#__PURE__*/react.styled('span')({
+  name: "TextHelper",
+  "class": "tf1lafs",
+  propsAsIs: false
+});
+exports.ContentBefore = ContentBefore;
+exports.ContentWrapper = ContentWrapper;
+exports.Text = Text;
+exports.TextHelper = TextHelper;
+exports.Title = Title;
+exports.TitleHelper = TitleHelper;
+exports.base = base;
+//# sourceMappingURL=Note.styles.js.map

package/cjs/components/Note/Note.styles.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Note.styles.js","sources":["../../../src/components/Note/Note.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nexport const base = css`\n position: relative;\n display: flex;\n box-sizing: border-box;\n`;\n\nexport const ContentBefore = styled.div`\n display: flex;\n`;\n\nexport const ContentWrapper = styled.div`\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n`;\n\nexport const Title = styled.div``;\nexport const TitleHelper = styled.div`\n visibility: hidden;\n position: absolute;\n z-index: -9999;\n opacity: 0;\n`;\n\nexport const Text = styled.span`\n display: block;\n position: relative;\n`;\nexport const TextHelper = styled.span`\n visibility: hidden;\n position: absolute;\n z-index: -9999;\n opacity: 0;\n top: 0;\n left: 0;\n`;\n"],"names":["base","ContentBefore","styled","name","class","propsAsIs","ContentWrapper","Title","TitleHelper","Text","TextHelper"],"mappings":";;;;;;AAGO,IAAMA,IAAI,GAIhB,WAAA;AAEM,IAAMC,aAAa,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAElC,EAAA;AAEM,IAAMC,cAAc,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAInC,EAAA;AAEM,IAAME,KAAK,gBAAGL,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAC1B,IAAMG,WAAW,gBAAGN,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKhC,EAAA;AAEM,IAAMI,IAAI,gBAAGP,YAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,MAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGzB,EAAA;AACM,IAAMK,UAAU,gBAAGR,YAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAO/B;;;;;;;;;;"}

package/cjs/components/Note/Note.styles_178qpj9.css ADDED Viewed

@@ -0,0 +1,7 @@
+.b1eqam57{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
+.c1i6bkpn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
+.cendmch{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;box-sizing:border-box;}
+.te86upw{visibility:hidden;position:absolute;z-index:-9999;opacity:0;}
+.t1kp0wa7{display:block;position:relative;}
+.tf1lafs{visibility:hidden;position:absolute;z-index:-9999;opacity:0;top:0;left:0;}

package/cjs/components/Note/Note.tokens.js ADDED Viewed

@@ -0,0 +1,44 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+var classes = {
+  stretch: 'note-stretch',
+  contentAlignCenter: 'note-content-align-center'
+};
+var privateTokens = {
+  width: '--plasma_private-note-width',
+  height: '--plasma_private-note-height',
+  contentWidthWithOffset: '--plasma_private-note-content-width-with-offset'
+};
+var tokens = {
+  background: '--plasma-note-background',
+  color: '--plasma-note-color',
+  contentBeforeColor: '--plasma-note-content-before-color',
+  padding: '--plasma-note-padding',
+  paddingScalable: '--plasma-note-padding-scalable',
+  borderRadius: '--plasma-note-border-radius',
+  gap: '--plasma-note-gap',
+  gapScalable: '--plasma-note-gap-scalable',
+  contentGap: '--plasma-note-content-gap',
+  fixedContentBeforeWidth: '--plasma-note-fixed-content-before-width',
+  fixedContentBeforeHeight: '--plasma-note-fixed-content-before-height',
+  fixedContentBeforePadding: '--plasma-note-fixed-content-before-padding',
+  titleFontFamily: '--plasma-note-title-font-family',
+  titleFontSize: '--plasma-note-title-font-size',
+  titleFontStyle: '--plasma-note-title-font-style',
+  titleFontWeight: '--plasma-note-title-font-weight',
+  titleLetterSpacing: '--plasma-note-title-letter-spacing',
+  titleLineHeight: '--plasma-note-title-line-height',
+  textFontFamily: '--plasma-note-text-font-family',
+  textFontSize: '--plasma-note-text-font-size',
+  textFontStyle: '--plasma-note-text-font-style',
+  textFontWeight: '--plasma-note-text-font-weight',
+  textLetterSpacing: '--plasma-note-text-letter-spacing',
+  textLineHeight: '--plasma-note-text-line-height'
+};
+exports.classes = classes;
+exports.privateTokens = privateTokens;
+exports.tokens = tokens;
+//# sourceMappingURL=Note.tokens.js.map

package/cjs/components/Note/Note.tokens.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Note.tokens.js","sources":["../../../src/components/Note/Note.tokens.ts"],"sourcesContent":["export const classes = {\n stretch: 'note-stretch',\n contentAlignCenter: 'note-content-align-center',\n};\n\nexport const privateTokens = {\n width: '--plasma_private-note-width',\n height: '--plasma_private-note-height',\n contentWidthWithOffset: '--plasma_private-note-content-width-with-offset',\n};\n\nexport const tokens = {\n background: '--plasma-note-background',\n color: '--plasma-note-color',\n contentBeforeColor: '--plasma-note-content-before-color',\n\n padding: '--plasma-note-padding',\n paddingScalable: '--plasma-note-padding-scalable',\n borderRadius: '--plasma-note-border-radius',\n gap: '--plasma-note-gap',\n gapScalable: '--plasma-note-gap-scalable',\n contentGap: '--plasma-note-content-gap',\n\n fixedContentBeforeWidth: '--plasma-note-fixed-content-before-width',\n fixedContentBeforeHeight: '--plasma-note-fixed-content-before-height',\n fixedContentBeforePadding: '--plasma-note-fixed-content-before-padding',\n\n titleFontFamily: '--plasma-note-title-font-family',\n titleFontSize: '--plasma-note-title-font-size',\n titleFontStyle: '--plasma-note-title-font-style',\n titleFontWeight: '--plasma-note-title-font-weight',\n titleLetterSpacing: '--plasma-note-title-letter-spacing',\n titleLineHeight: '--plasma-note-title-line-height',\n\n textFontFamily: '--plasma-note-text-font-family',\n textFontSize: '--plasma-note-text-font-size',\n textFontStyle: '--plasma-note-text-font-style',\n textFontWeight: '--plasma-note-text-font-weight',\n textLetterSpacing: '--plasma-note-text-letter-spacing',\n textLineHeight: '--plasma-note-text-line-height',\n};\n"],"names":["classes","stretch","contentAlignCenter","privateTokens","width","height","contentWidthWithOffset","tokens","background","color","contentBeforeColor","padding","paddingScalable","borderRadius","gap","gapScalable","contentGap","fixedContentBeforeWidth","fixedContentBeforeHeight","fixedContentBeforePadding","titleFontFamily","titleFontSize","titleFontStyle","titleFontWeight","titleLetterSpacing","titleLineHeight","textFontFamily","textFontSize","textFontStyle","textFontWeight","textLetterSpacing","textLineHeight"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,OAAO,EAAE,cAAc;AACvBC,EAAAA,kBAAkB,EAAE,2BAAA;AACxB,EAAC;AAEM,IAAMC,aAAa,GAAG;AACzBC,EAAAA,KAAK,EAAE,6BAA6B;AACpCC,EAAAA,MAAM,EAAE,8BAA8B;AACtCC,EAAAA,sBAAsB,EAAE,iDAAA;AAC5B,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,UAAU,EAAE,0BAA0B;AACtCC,EAAAA,KAAK,EAAE,qBAAqB;AAC5BC,EAAAA,kBAAkB,EAAE,oCAAoC;AAExDC,EAAAA,OAAO,EAAE,uBAAuB;AAChCC,EAAAA,eAAe,EAAE,gCAAgC;AACjDC,EAAAA,YAAY,EAAE,6BAA6B;AAC3CC,EAAAA,GAAG,EAAE,mBAAmB;AACxBC,EAAAA,WAAW,EAAE,4BAA4B;AACzCC,EAAAA,UAAU,EAAE,2BAA2B;AAEvCC,EAAAA,uBAAuB,EAAE,0CAA0C;AACnEC,EAAAA,wBAAwB,EAAE,2CAA2C;AACrEC,EAAAA,yBAAyB,EAAE,4CAA4C;AAEvEC,EAAAA,eAAe,EAAE,iCAAiC;AAClDC,EAAAA,aAAa,EAAE,+BAA+B;AAC9CC,EAAAA,cAAc,EAAE,gCAAgC;AAChDC,EAAAA,eAAe,EAAE,iCAAiC;AAClDC,EAAAA,kBAAkB,EAAE,oCAAoC;AACxDC,EAAAA,eAAe,EAAE,iCAAiC;AAElDC,EAAAA,cAAc,EAAE,gCAAgC;AAChDC,EAAAA,YAAY,EAAE,8BAA8B;AAC5CC,EAAAA,aAAa,EAAE,+BAA+B;AAC9CC,EAAAA,cAAc,EAAE,gCAAgC;AAChDC,EAAAA,iBAAiB,EAAE,mCAAmC;AACtDC,EAAAA,cAAc,EAAE,gCAAA;AACpB;;;;;;"}

package/cjs/components/Note/variations/_size/base.js ADDED Viewed

@@ -0,0 +1,9 @@
+import './base_14g19gh.css';
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+var base = "bnp62xb";
+exports.base = base;
+//# sourceMappingURL=base.js.map

package/cjs/components/Note/variations/_size/base.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"base.js","sources":["../../../../../src/components/Note/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, privateTokens, tokens } from '../../Note.tokens';\nimport { ContentBefore, ContentWrapper, Text, TextHelper, Title, TitleHelper } from '../../Note.styles';\nimport { applyEllipsis } from '../../../../mixins';\n\nexport const base = css`\n padding: var(${tokens.padding});\n border-radius: var(${tokens.borderRadius});\n height: var(${privateTokens.height});\n width: var(${privateTokens.width});\n gap: var(${tokens.gap});\n\n &.${classes.stretch} {\n width: 100%;\n height: 100%;\n }\n\n ${ContentBefore} {\n width: var(${tokens.fixedContentBeforeWidth});\n height: var(${tokens.fixedContentBeforeHeight});\n padding: var(${tokens.fixedContentBeforePadding});\n box-sizing: border-box;\n }\n\n &.${classes.contentAlignCenter} {\n align-items: center;\n padding: var(${tokens.paddingScalable});\n gap: var(${tokens.gapScalable});\n\n ${ContentBefore} {\n width: fit-content;\n height: fit-content;\n padding: unset;\n }\n }\n\n ${ContentWrapper} {\n width: var(${privateTokens.contentWidthWithOffset});\n gap: var(${tokens.contentGap});\n }\n\n ${Title}, ${TitleHelper} {\n width: 100%;\n min-height: var(${tokens.titleLineHeight});\n\n font-family: var(${tokens.titleFontFamily});\n font-size: var(${tokens.titleFontSize});\n font-style: var(${tokens.titleFontStyle});\n font-weight: var(${tokens.titleFontWeight});\n letter-spacing: var(${tokens.titleLetterSpacing});\n line-height: var(${tokens.titleLineHeight});\n\n ${applyEllipsis()}\n }\n\n ${Text}, ${TextHelper} {\n font-family: var(${tokens.textFontFamily});\n font-size: var(${tokens.textFontSize});\n font-style: var(${tokens.textFontStyle});\n font-weight: var(${tokens.textFontWeight});\n letter-spacing: var(${tokens.textLetterSpacing});\n line-height: var(${tokens.textLineHeight});\n\n word-break: break-all;\n }\n`;\n"],"names":["base"],"mappings":";;;;AAMO,IAAMA,IAAI,GA4DhB;;;;"}

package/cjs/components/Note/variations/_size/base_14g19gh.css ADDED Viewed

@@ -0,0 +1 @@

+ .bnp62xb{padding:var(--plasma-note-padding);border-radius:var(--plasma-note-border-radius);height:var(--plasma_private-note-height);width:var(--plasma_private-note-width);gap:var(--plasma-note-gap);}.bnp62xb.note-stretch{width:100%;height:100%;}.bnp62xb .c1i6bkpn{width:var(--plasma-note-fixed-content-before-width);height:var(--plasma-note-fixed-content-before-height);padding:var(--plasma-note-fixed-content-before-padding);box-sizing:border-box;}.bnp62xb.note-content-align-center{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--plasma-note-padding-scalable);gap:var(--plasma-note-gap-scalable);}.bnp62xb.note-content-align-center .c1i6bkpn{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:unset;}.bnp62xb .cendmch{width:var(--plasma_private-note-content-width-with-offset);gap:var(--plasma-note-content-gap);}.bnp62xb .t1wkjxug,.bnp62xb .te86upw{width:100%;min-height:var(--plasma-note-title-line-height);font-family:var(--plasma-note-title-font-family);font-size:var(--plasma-note-title-font-size);font-style:var(--plasma-note-title-font-style);font-weight:var(--plasma-note-title-font-weight);-webkit-letter-spacing:var(--plasma-note-title-letter-spacing);-moz-letter-spacing:var(--plasma-note-title-letter-spacing);-ms-letter-spacing:var(--plasma-note-title-letter-spacing);letter-spacing:var(--plasma-note-title-letter-spacing);line-height:var(--plasma-note-title-line-height);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.bnp62xb .t1kp0wa7,.bnp62xb .tf1lafs{font-family:var(--plasma-note-text-font-family);font-size:var(--plasma-note-text-font-size);font-style:var(--plasma-note-text-font-style);font-weight:var(--plasma-note-text-font-weight);-webkit-letter-spacing:var(--plasma-note-text-letter-spacing);-moz-letter-spacing:var(--plasma-note-text-letter-spacing);-ms-letter-spacing:var(--plasma-note-text-letter-spacing);letter-spacing:var(--plasma-note-text-letter-spacing);line-height:var(--plasma-note-text-line-height);word-break:break-all;}

package/cjs/components/Note/variations/_view/base.js ADDED Viewed

@@ -0,0 +1,9 @@
+import './base_pq323y.css';
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+var base = "b1ygm22t";
+exports.base = base;
+//# sourceMappingURL=base.js.map

package/cjs/components/Note/variations/_view/base.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"base.js","sources":["../../../../../src/components/Note/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../Note.tokens';\nimport { ContentBefore } from '../../Note.styles';\n\nexport const base = css`\n background: var(${tokens.background});\n color: var(${tokens.color});\n\n ${ContentBefore} {\n color: var(${tokens.contentBeforeColor});\n fill: var(${tokens.contentBeforeColor});\n }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GAQhB;;;;"}

package/cjs/components/Note/variations/_view/base_pq323y.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ .b1ygm22t{background:var(--plasma-note-background);color:var(--plasma-note-color);}.b1ygm22t .c1i6bkpn{color:var(--plasma-note-content-before-color);fill:var(--plasma-note-content-before-color);}