npm - @salutejs/plasma-new-hope - Versions diffs - 0.344.0-canary.2392.20298160025.0 → 0.344.0-canary.2397.20456842500.0 - Mend

@salutejs/plasma-new-hope 0.344.0-canary.2392.20298160025.0 → 0.344.0-canary.2397.20456842500.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 (1403) hide show

package/dist/css/es/components/Range/variations/_disabled/base_1cgs2ed.css ADDED Viewed

@@ -0,0 +1 @@

+ .brz2a7[disabled]{opacity:var(--plasma-range-disabled-opacity);cursor:not-allowed;}.brz2a7[disabled] .s1k2erwt,.brz2a7[disabled] .s16kyj37{color:var(--plasma-textfield-content-slot-color);}.brz2a7[disabled] .s1k2erwt:hover,.brz2a7[disabled] .s16kyj37:hover,.brz2a7[disabled] .s1k2erwt:active,.brz2a7[disabled] .s16kyj37:active{color:var(--plasma-textfield-content-slot-color);}.brz2a7[disabled] .s16kyj37{pointer-events:none;}

package/dist/css/es/components/Range/variations/_hint-size/base.js ADDED Viewed

@@ -0,0 +1,5 @@
+import './base_x642ct.css';
+var base = "b164473w";
+export { base };
+//# sourceMappingURL=base.js.map

package/dist/css/es/components/Range/variations/_hint-size/base.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"base.js","sources":["../../../../../../../src/components/Range/variations/_hint-size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}

package/dist/css/es/components/Range/variations/_hint-size/base_x642ct.css ADDED Viewed

	@@ -0,0 +1 @@
1	+

package/dist/css/es/components/Range/variations/_hint-view/base.js ADDED Viewed

@@ -0,0 +1,5 @@
+import './base_x642ct.css';
+var base = "bhlnl60";
+export { base };
+//# sourceMappingURL=base.js.map

package/dist/css/es/components/Range/variations/_hint-view/base.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"base.js","sources":["../../../../../../../src/components/Range/variations/_hint-view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}

package/dist/css/es/components/Range/variations/_hint-view/base_x642ct.css ADDED Viewed

	@@ -0,0 +1 @@
1	+

package/dist/css/es/components/Range/variations/_readonly/base.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import './base_15u5q5r.css';
+import './base_18ua98l.css';
 var base = "b1l9fpln";
 export { base };

package/dist/css/es/components/Range/variations/_readonly/base.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"base.js","sources":["../../../../../../../src/components/Range/variations/_readonly/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../Range.tokens';\nimport {\n ContentWrapper~~,\n LeftHelper,\n~~ StyledContentLeft~~,\n~~ StyledContentRight~~,\n~~ StyledDivider~~,\n StyledLabel,\n~~} from '../../Range.styles';\n\nexport const base = css`\n &[readonly] {\n cursor: default;\n\n ${ContentWrapper} {\n position: relative;\n ~~box-shadow: none;\n~~ background: transparent;\n\n :before {\n position: absolute;\n content: '';\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border-radius: var(${tokens.borderRadius});\n box-shadow: inset 0 0 0 var(${tokens.borderWidth}, 1px) var(${tokens.borderColorReadOnly});\n background: var(${tokens.backgroundReadOnly});\n opacity: var(${tokens.readOnlyOpacity});\n z-index: -1;\n }\n }\n\n ${StyledLabel} {\n display: block;\n color: var(${tokens.labelColorReadOnly});\n }\n\n ${LeftHelper} {\n color: var(${tokens.leftHelperColorReadOnly});\n }\n\n ${StyledDivider} {\n color: var(${tokens.dividerColorReadOnly});\n opacity: var(${tokens.dividerOpacityReadOnly});\n }\n\n ${StyledContentLeft}, ${StyledContentRight} {\n color: var(${tokens.textFieldColorReadOnly});\n\n &:hover,\n &:active {\n color: var(${tokens.textFieldColorReadOnly});\n cursor: default;\n }\n }\n\n ${StyledContentRight} {\n opacity: var(${tokens.rightContentOpacityReadOnly});\n pointer-events: none;\n }\n }\n`;\n"],"names":["base"],"mappings":"~~AAYO~~,IAAMA,IAAI,~~GAqDhB~~;;;;"}
1	+ {"version":3,"file":"base.js","sources":["../../../../../../../src/components/Range/variations/_readonly/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../Range.tokens';\nimport { ContentWrapper, StyledContentLeft, StyledContentRight, StyledDivider } from '../../Range.styles';\n\nexport const base = css`\n &[readonly] {\n cursor: default;\n\n ${ContentWrapper} {\n position: relative;\n background: transparent;\n\n :before {\n position: absolute;\n content: '';\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border-radius: var(${tokens.borderRadius});\n box-shadow: inset 0 0 0 var(${tokens.borderWidth}, 1px) var(${tokens.borderColorReadOnly});\n background: var(${tokens.backgroundReadOnly});\n opacity: var(${tokens.readOnlyOpacity});\n z-index: -1;\n }\n }\n\n ${StyledDivider} {\n color: var(${tokens.dividerColorReadOnly});\n opacity: var(${tokens.dividerOpacityReadOnly});\n }\n\n ${StyledContentLeft}, ${StyledContentRight} {\n color: var(${tokens.textFieldColorReadOnly});\n\n &:hover,\n &:active {\n color: var(${tokens.textFieldColorReadOnly});\n cursor: default;\n }\n }\n\n ${StyledContentRight} {\n opacity: var(${tokens.rightContentOpacityReadOnly});\n pointer-events: none;\n }\n }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GA2ChB;;;;"}

package/dist/css/es/components/Range/variations/_readonly/base_18ua98l.css ADDED Viewed

@@ -0,0 +1 @@

+ .b1l9fpln[readonly]{cursor:default;}.b1l9fpln[readonly] .czi0aji{position:relative;background:transparent;}.b1l9fpln[readonly] .czi0aji:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-range-border-radius);box-shadow:inset 0 0 0 var(--plasma-range-border-width,1px) var(--plasma-range-border-color-readonly);background:var(--plasma-range-background-readonly);opacity:var(--plasma-range-readonly-opacity);z-index:-1;}.b1l9fpln[readonly] .s1e6rwfy{color:var(--plasma-range__divider-color-readonly);opacity:var(--plasma-range__divider-opacity-readonly);}.b1l9fpln[readonly] .s1k2erwt,.b1l9fpln[readonly] .s16kyj37{color:var(--plasma-range-textfield-color-readonly);}.b1l9fpln[readonly] .s1k2erwt:hover,.b1l9fpln[readonly] .s16kyj37:hover,.b1l9fpln[readonly] .s1k2erwt:active,.b1l9fpln[readonly] .s16kyj37:active{color:var(--plasma-range-textfield-color-readonly);cursor:default;}.b1l9fpln[readonly] .s16kyj37{opacity:var(--plasma-range__right-content-opacity-readonly);pointer-events:none;}

package/dist/css/es/components/Range/variations/_size/base.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import './base_13h9f8f.css';
+import './base_1u545tb.css';
 var base = "bc2if5b";
 export { base };

package/dist/css/es/components/Range/variations/_size/base.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"base.js","sources":["../../../../../../../src/components/Range/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../Range.tokens';\nimport {\n ~~StyledLabel,\n LeftHelper,\n~~ StyledContentLeft,\n StyledContentRight,\n StyledDivider,\n ContentWrapper,\n ~~StyledIndicator~~,\n} from '../../Range.styles';\n\nexport const base = css`\n ${ContentWrapper} {\n width: inherit;\n border-radius: var(${tokens.borderRadius});\n\n &:before {\n border-radius: var(${tokens.borderRadius});\n box-shadow: var(${tokens.shadow});\n }\n }\n\n ${StyledDivider} {\n padding: var(${tokens.dividerPadding});\n font-family: var(${tokens.dividerFontFamily});\n font-size: var(${tokens.dividerFontSize});\n font-style: var(${tokens.dividerFontStyle});\n font-weight: var(${tokens.dividerFontWeight});\n letter-spacing: var(${tokens.dividerLetterSpacing});\n line-height: var(${tokens.dividerLineHeight});\n }\n\n ${~~StyledLabel~~} {\n margin~~-bottom~~: var(${tokens.~~labelOffset~~});\n ~~font-family: var(${tokens.labelFontFamily~~}~~);\~~n ~~font-size: var(${tokens.labelFontSize});\~~n ~~font-style: var(~~${~~tokens.labelFontStyle~~}~~);\n font-weight:~~ ~~var($~~{~~tokens.labelFontWeight});\~~n ~~letter-spacing~~: var(${tokens.~~labelLetterSpacing~~});\n ~~line-height: var(${tokens.labelLineHeight});\n~~ }\n\n ${~~StyledIndicator~~} {\n ~~width: var($~~{~~tokens~~.~~indicatorSize~~}~~);\n height:~~ ~~var($~~{~~tokens.indicatorSize});\~~n ~~inset~~: var(${tokens.~~indicatorPlacement~~});\n\n ~~&.${classes.requiredAlignRight~~} {\n ~~inset: var(${tokens.indicatorPlacementRight~~}~~);\n }~~\n\n ~~&.$~~{classes.~~requiredOuterPlacement~~} {\n ~~width: var(~~${~~tokens~~.~~indicatorSizeOuter~~}~~);\n height~~: var(${tokens.~~indicatorSizeOuter~~});\n ~~inset: var(${tokens.indicatorOuterPlacement~~}~~);\~~n\n &.${classes.~~requiredAlignRight~~} {~~\n inset: var(${tokens~~.~~indicatorOuterPlacementRight~~}~~);\n }\n }\n }\n\n ${StyledContentLeft}~~ {\n ~~margin: var(~~${~~tokens.leftContentMargin~~}~~);\n }\n\n~~ ${~~StyledContentRight~~} {\n ~~margin~~: ~~var~~(~~${tokens.rightContentMargin});\n }\n\n ${LeftHelper}~~ ~~{\n margin:~~ var(${tokens.~~leftHelperOffset~~});\n\n ~~font-family~~: ~~var~~(~~${tokens.leftHelperFontFamily});\n font-size:~~ var(~~${tokens.leftHelperFontSize});\n font~~-~~style: var(${tokens.leftHelperFontStyle});\n font~~-~~weight: var(${tokens.leftHelperFontWeight});\n letter~~-~~spacing: var(${tokens.leftHelperLetterSpacing}~~);\n ~~line-height: var(${tokens.leftHelperLineHeight~~}~~);\~~n }\n`;\n"],"names":["base"],"mappings":"~~AAaO~~,IAAMA,IAAI,~~GAqEhB~~;;;;"}
1	+ {"version":3,"file":"base.js","sources":["../../../../../../../src/components/Range/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { popoverClasses } from 'src/components/Popover';\nimport { informationWrapperTokens } from 'src/components/InformationWrapper';\nimport { Indicator } from 'src/components/InformationWrapper/InformationWrapper.styles';\n\nimport { classes, tokens } from '../../Range.tokens';\nimport {\n StyledContentLeft,\n StyledContentRight,\n StyledDivider,\n ContentWrapper,\n StyledContentRightWrapper,\n} from '../../Range.styles';\nimport { InformationWrapperUI } from '../../ui';\n\nexport const base = css`\n ${ContentWrapper} {\n width: inherit;\n border-radius: var(${tokens.borderRadius});\n\n &:before {\n border-radius: var(${tokens.borderRadius});\n box-shadow: var(${tokens.shadow});\n }\n }\n\n ${StyledDivider} {\n padding: var(${tokens.dividerPadding});\n font-family: var(${tokens.dividerFontFamily});\n font-size: var(${tokens.dividerFontSize});\n font-style: var(${tokens.dividerFontStyle});\n font-weight: var(${tokens.dividerFontWeight});\n letter-spacing: var(${tokens.dividerLetterSpacing});\n line-height: var(${tokens.dividerLineHeight});\n }\n\n ${StyledContentLeft} {\n margin: var(${tokens.leftContentMargin});\n }\n\n ${StyledContentRight} {\n margin: var(${tokens.rightContentMargin});\n }\n\n ${StyledContentRightWrapper} {\n .${popoverClasses.wrapper} {\n margin: var(${tokens.hintPlacementInnerMargin});\n }\n }\n\n ${InformationWrapperUI}.${classes.clearHasOuterHint} {\n ${informationWrapperTokens.indicatorWithoutLabelInner}: var(${tokens.indicatorWithoutLabelOuterHint});\n }\n\n &.${classes.clear}.${classes.noCaptionAndLabel} {\n ${InformationWrapperUI} ${Indicator} {\n --plasma_private-translateY-without-title-caption: calc(-1 * var(${tokens.titleCaptionLineHeight}));\n\n transform: translateY(var(--plasma_private-translateY-without-title-caption));\n }\n }\n`;\n"],"names":["base"],"mappings":"AAeO,IAAMA,IAAI,GA8ChB;;;;"}

package/dist/css/es/components/Range/variations/_size/base_1u545tb.css ADDED Viewed

@@ -0,0 +1 @@

+ .bc2if5b .czi0aji{width:inherit;border-radius:var(--plasma-range-border-radius);}.bc2if5b .czi0aji:before{border-radius:var(--plasma-range-border-radius);box-shadow:var(--plasma-range-shadow);}.bc2if5b .s1e6rwfy{padding:var(--plasma-range__divider-padding);font-family:var(--plasma-range__divider-font-family);font-size:var(--plasma-range__divider-font-size);font-style:var(--plasma-range__divider-font-style);font-weight:var(--plasma-range__divider-font-weight);-webkit-letter-spacing:var(--plasma-range__divider-letter-spacing);-moz-letter-spacing:var(--plasma-range__divider-letter-spacing);-ms-letter-spacing:var(--plasma-range__divider-letter-spacing);letter-spacing:var(--plasma-range__divider-letter-spacing);line-height:var(--plasma-range__divider-line-height);}.bc2if5b .s1k2erwt{margin:var(--plasma-range__left-content-margin);}.bc2if5b .s16kyj37{margin:var(--plasma-range__right-content-margin);}.bc2if5b .sfxtxl2 .popover-wrapper{margin:var(--plasma-range-info-wrapper-hint-placement-inner-offset);}.bc2if5b .ipu4dtt.range-clear-has-outer-hint{--plasma-info-wrapper-indicator-without-label-inner:var(--plasma-range-info-wrapper-indicator-without-label-outer-hint);}.bc2if5b.range-clear.range-no-caption-label .ipu4dtt .i1jayrnz{--plasma_private-translateY-without-title-caption:calc(-1 * var(--plasma-range-info-wrapper-title-caption-line-height));-webkit-transform:translateY(var(--plasma_private-translateY-without-title-caption));-ms-transform:translateY(var(--plasma_private-translateY-without-title-caption));transform:translateY(var(--plasma_private-translateY-without-title-caption));}

package/dist/css/es/components/Range/variations/_view/base.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import './base_ems82y.css';
+import './base_1s1elv3.css';
 var base = "bfrw0i0";
 export { base };

package/dist/css/es/components/Range/variations/_view/base.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"base.js","sources":["../../../../../../../src/components/Range/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../Range.tokens';\nimport {~~\n StyledLabel,\n LeftHelper,\n~~ StyledDivider~~,\n~~ ContentWrapper~~,\n StyledIndicator,\n~~ StyledInput~~,\n~~} from '../../Range.styles';\~~nimport { textFieldTokens } from '../../../TextField';\~~n\nexport const base = css`\n ${ContentWrapper} {\n background-color: var(${tokens.background});\n box-shadow: inset 0 0 0 var(${tokens.borderWidth}) var(${tokens.borderColor});\n\n &.${classes.rangeError} {\n background-color: var(${tokens.backgroundError});\n box-shadow: inset 0 0 0 var(${tokens.borderWidth}) var(${tokens.borderColorError});\n \n ${StyledInput} {\n ${textFieldTokens.color}: var(${tokens.textFieldColorError}, var(${tokens.textFieldColor}));\n }\n }\n\n &.${classes.rangeSuccess} {\n background-color: var(${tokens.backgroundSuccess});\n box-shadow: inset 0 0 0 var(${tokens.borderWidth}) var(${tokens.borderColorSuccess});\n \n ${StyledInput} {\n ${textFieldTokens.color}: var(${tokens.textFieldColorSuccess}, var(${tokens.textFieldColor}));\n }\n }\n\n &:before {\n box-shadow: var(${tokens.shadow});\n }\n }\n\n ${~~StyledDivider~~} {\n color: var(${tokens.~~dividerColor~~});\n }\n\n ${~~StyledLabel~~} {\n ~~display~~: ~~block~~;\n color: var(${tokens.~~labelColor~~});\n }\n\n ${~~StyledIndicator~~} {\n background~~-color~~: var(${tokens.~~indicatorColor~~});\n }\n\n ${~~LeftHelper~~} {\n color: var(${tokens.~~leftHelperColor~~});\n\n ~~&.$~~{classes.~~rangeError~~}, ~~&.$~~{classes.~~rangeValueError~~} {\n color: var(${tokens.~~leftHelperColorError~~});\n }\n\n ~~&.$~~{classes.~~rangeSuccess~~}, ~~&.$~~{classes.~~rangeValueSuccess~~} {\n color: var(${tokens.~~leftHelperColorSuccess~~});\n }\n }\n`;\n"],"names":["base"],"mappings":"~~AAaO~~,IAAMA,IAAI,~~GAoDhB~~;;;;"}
1	+ {"version":3,"file":"base.js","sources":["../../../../../../../src/components/Range/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { informationWrapperClasses } from 'src/components/InformationWrapper';\nimport { textFieldTokens } from 'src/components/TextField';\n\nimport { classes, tokens } from '../../Range.tokens';\nimport { StyledDivider, ContentWrapper, StyledInput, StyledContentLeft } from '../../Range.styles';\n\nexport const base = css`\n ${ContentWrapper} {\n background-color: var(${tokens.background});\n box-shadow: inset 0 0 0 var(${tokens.borderWidth}) var(${tokens.borderColor});\n\n &.${classes.rangeError} {\n background-color: var(${tokens.backgroundError});\n box-shadow: inset 0 0 0 var(${tokens.borderWidth}) var(${tokens.borderColorError});\n \n ${StyledInput} {\n ${textFieldTokens.color}: var(${tokens.textFieldColorError}, var(${tokens.textFieldColor}));\n }\n }\n\n &.${classes.rangeSuccess} {\n background-color: var(${tokens.backgroundSuccess});\n box-shadow: inset 0 0 0 var(${tokens.borderWidth}) var(${tokens.borderColorSuccess});\n \n ${StyledInput} {\n ${textFieldTokens.color}: var(${tokens.textFieldColorSuccess}, var(${tokens.textFieldColor}));\n }\n }\n\n &:before {\n box-shadow: var(${tokens.shadow});\n }\n }\n\n &.${classes.clear} {\n .${classes.rangeSuccess} {\n ${StyledContentLeft} {\n color: var(${tokens.contentSlotColorSuccess});\n\n &:hover {\n color: var(${tokens.contentSlotColorSuccessHover});\n }\n\n &:active {\n color: var(${tokens.contentSlotColorSuccessActive});\n }\n }\n\n ${ContentWrapper}:before {\n background: var(${tokens.textFieldDividerColorSuccess});\n }\n\n ${StyledInput} {\n ${textFieldTokens.contentSlotColor}: var(${tokens.contentSlotColorSuccess});\n ${textFieldTokens.contentSlotColorHover}: var(${tokens.contentSlotColorSuccessHover});\n ${textFieldTokens.contentSlotColorActive}: var(${tokens.contentSlotColorSuccessActive});\n \n ${textFieldTokens.dividerColor}: transparent;\n ${textFieldTokens.dividerColorHover}: transparent;\n ${textFieldTokens.dividerColorFocus}: transparent;\n }\n }\n\n ${StyledInput}.${classes.rangeValueSuccess} {\n ${textFieldTokens.contentSlotColor}: var(${tokens.contentSlotColorSuccess});\n ${textFieldTokens.contentSlotColorHover}: var(${tokens.contentSlotColorSuccessHover});\n ${textFieldTokens.contentSlotColorActive}: var(${tokens.contentSlotColorSuccessActive});\n \n ${textFieldTokens.dividerColor}: var(${tokens.textFieldDividerColorSuccess});\n ${textFieldTokens.dividerColorHover}: var(${tokens.textFieldDividerColorSuccess});\n ${textFieldTokens.dividerColorFocus}: var(${tokens.textFieldDividerColorSuccess});\n }\n\n .${classes.rangeError} {\n ${StyledContentLeft} {\n color: var(${tokens.contentSlotColorError});\n\n &:hover {\n color: var(${tokens.contentSlotColorErrorHover});\n }\n\n &:active {\n color: var(${tokens.contentSlotColorErrorActive});\n }\n }\n\n ${ContentWrapper}:before {\n background: var(${tokens.textFieldDividerColorError});\n }\n \n ${StyledInput} {\n ${textFieldTokens.contentSlotColor}: var(${tokens.contentSlotColorError});\n ${textFieldTokens.contentSlotColorHover}: var(${tokens.contentSlotColorErrorHover});\n ${textFieldTokens.contentSlotColorActive}: var(${tokens.contentSlotColorErrorActive});\n \n ${textFieldTokens.dividerColor}: transparent;\n ${textFieldTokens.dividerColorHover}: transparent;\n ${textFieldTokens.dividerColorFocus}: transparent;\n }\n }\n \n ${StyledInput}.${classes.rangeValueError} {\n ${textFieldTokens.contentSlotColor}: var(${tokens.contentSlotColorError});\n ${textFieldTokens.contentSlotColorHover}: var(${tokens.contentSlotColorErrorHover});\n ${textFieldTokens.contentSlotColorActive}: var(${tokens.contentSlotColorErrorActive});\n\n ${textFieldTokens.dividerColor}: var(${tokens.textFieldDividerColorError});\n ${textFieldTokens.dividerColorHover}: var(${tokens.textFieldDividerColorError});\n ${textFieldTokens.dividerColorFocus}: var(${tokens.textFieldDividerColorError});\n }\n }\n\n ${StyledDivider} {\n color: var(${tokens.dividerColor});\n }\n\n .${classes.rangeSuccess}, .${classes.rangeValueSuccess} {\n .${informationWrapperClasses.leftHelper} {\n color: var(${tokens.leftHelperColorSuccess});\n }\n }\n\n .${classes.rangeError}, .${classes.rangeValueError} {\n .${informationWrapperClasses.leftHelper} {\n color: var(${tokens.leftHelperColorError});\n }\n }\n`;\n"],"names":["base"],"mappings":"AAOO,IAAMA,IAAI,GAyHhB;;;;"}

package/dist/css/es/components/Range/variations/_view/base_1s1elv3.css ADDED Viewed

@@ -0,0 +1 @@

+ .bfrw0i0 .czi0aji{background-color:var(--plasma-range-background);box-shadow:inset 0 0 0 var(--plasma-range-border-width) var(--plasma-range-border-color);}.bfrw0i0 .czi0aji.range-error{background-color:var(--plasma-range-background-error);box-shadow:inset 0 0 0 var(--plasma-range-border-width) var(--plasma-range-border-color-error);}.bfrw0i0 .czi0aji.range-error .s14q3826{--plasma-textfield-color:var(--plasma-range-textfield-color-error,var(--plasma-range-textfield-color));}.bfrw0i0 .czi0aji.range-success{background-color:var(--plasma-range-background-success);box-shadow:inset 0 0 0 var(--plasma-range-border-width) var(--plasma-range-border-color-success);}.bfrw0i0 .czi0aji.range-success .s14q3826{--plasma-textfield-color:var(--plasma-range-textfield-color-success,var(--plasma-range-textfield-color));}.bfrw0i0 .czi0aji:before{box-shadow:var(--plasma-range-shadow);}.bfrw0i0.range-clear .range-success .s1k2erwt{color:var(--plasma-textfield-content-slot-color-success);}.bfrw0i0.range-clear .range-success .s1k2erwt:hover{color:var(--plasma-textfield-content-slot-color-success-hover);}.bfrw0i0.range-clear .range-success .s1k2erwt:active{color:var(--plasma-textfield-content-slot-color-success-active);}.bfrw0i0.range-clear .range-success .czi0aji:before{background:var(--plasma-range-textfield__divider-color-success);}.bfrw0i0.range-clear .range-success .s14q3826{--plasma-textfield-content-slot-color:var(--plasma-textfield-content-slot-color-success);--plasma-textfield-content-slot-color-hover:var(--plasma-textfield-content-slot-color-success-hover);--plasma-textfield-content-slot-color-active:var(--plasma-textfield-content-slot-color-success-active);--plasma-textfield-divider-color:transparent;--plasma-textfield-divider-color-hover:transparent;--plasma-textfield-divider-color-focus:transparent;}.bfrw0i0.range-clear .s14q3826.range-value-success{--plasma-textfield-content-slot-color:var(--plasma-textfield-content-slot-color-success);--plasma-textfield-content-slot-color-hover:var(--plasma-textfield-content-slot-color-success-hover);--plasma-textfield-content-slot-color-active:var(--plasma-textfield-content-slot-color-success-active);--plasma-textfield-divider-color:var(--plasma-range-textfield__divider-color-success);--plasma-textfield-divider-color-hover:var(--plasma-range-textfield__divider-color-success);--plasma-textfield-divider-color-focus:var(--plasma-range-textfield__divider-color-success);}.bfrw0i0.range-clear .range-error .s1k2erwt{color:var(--plasma-textfield-content-slot-color-error);}.bfrw0i0.range-clear .range-error .s1k2erwt:hover{color:var(--plasma-textfield-content-slot-color-error-hover);}.bfrw0i0.range-clear .range-error .s1k2erwt:active{color:var(--plasma-textfield-content-slot-color-error-active);}.bfrw0i0.range-clear .range-error .czi0aji:before{background:var(--plasma-range-textfield__divider-color-error);}.bfrw0i0.range-clear .range-error .s14q3826{--plasma-textfield-content-slot-color:var(--plasma-textfield-content-slot-color-error);--plasma-textfield-content-slot-color-hover:var(--plasma-textfield-content-slot-color-error-hover);--plasma-textfield-content-slot-color-active:var(--plasma-textfield-content-slot-color-error-active);--plasma-textfield-divider-color:transparent;--plasma-textfield-divider-color-hover:transparent;--plasma-textfield-divider-color-focus:transparent;}.bfrw0i0.range-clear .s14q3826.range-value-error{--plasma-textfield-content-slot-color:var(--plasma-textfield-content-slot-color-error);--plasma-textfield-content-slot-color-hover:var(--plasma-textfield-content-slot-color-error-hover);--plasma-textfield-content-slot-color-active:var(--plasma-textfield-content-slot-color-error-active);--plasma-textfield-divider-color:var(--plasma-range-textfield__divider-color-error);--plasma-textfield-divider-color-hover:var(--plasma-range-textfield__divider-color-error);--plasma-textfield-divider-color-focus:var(--plasma-range-textfield__divider-color-error);}.bfrw0i0 .s1e6rwfy{color:var(--plasma-range__divider-color);}.bfrw0i0 .range-success .info-wrapper-left-helper,.bfrw0i0 .range-value-success .info-wrapper-left-helper{color:var(--plasma-range-info-wrapper-left-helper--success);}.bfrw0i0 .range-error .info-wrapper-left-helper,.bfrw0i0 .range-value-error .info-wrapper-left-helper{color:var(--plasma-range-info-wrapper-left-helper--error);}

package/dist/css/es/components/Rating/Rating.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef, useRef, useState, useEffect } from 'react';
+import React__default, { forwardRef, useRef, useState, useEffect } from 'react';
 import { cx } from '../../utils/index.js';
 import { Content, Score, Wrapper, StarsWrapper, HelperText, base } from './Rating.styles.js';
 import { base as base$1 } from './variations/_view/base.js';
@@ -70,14 +70,14 @@ var ratingRoot = function ratingRoot(Root) {
     if (!hasValue && !hasIcons) {
       return null;
     }
-    return /*#__PURE__*/React.createElement(Root, _extends({
+    return /*#__PURE__*/React__default.createElement(Root, _extends({
       ref: ref,
       view: view,
       size: size
-    }, rest), /*#__PURE__*/React.createElement(Content, {
+    }, rest), /*#__PURE__*/React__default.createElement(Content, {
       ref: contentRef,
       className: cx(valuePlacement === 'after' && classes.valueAfter, iconQuantity === 1 && classes.singleIconContent)
-    }, hasValue && innerValue && /*#__PURE__*/React.createElement(Score, null, innerValue), hasIcons && /*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(StarsWrapper, {
+    }, hasValue && innerValue && /*#__PURE__*/React__default.createElement(Score, null, innerValue), hasIcons && /*#__PURE__*/React__default.createElement(Wrapper, null, /*#__PURE__*/React__default.createElement(StarsWrapper, {
       ref: starsWrapperRef
     }, getIcons({
       innerValue: innerValue,
@@ -86,11 +86,11 @@ var ratingRoot = function ratingRoot(Root) {
       iconSlot: iconSlot,
       iconSlotOutline: iconSlotOutline,
       iconSlotHalf: iconSlotHalf
-    })), helperText && getHelperTextPlacement(value, size, hasIcons, iconQuantity) === helperTextPlacements.inner && /*#__PURE__*/React.createElement(HelperText, {
+    })), helperText && getHelperTextPlacement(value, size, hasIcons, iconQuantity) === helperTextPlacements.inner && /*#__PURE__*/React__default.createElement(HelperText, {
       style: {
         maxWidth: helperTextMaxWidth
       }
-    }, helperText))), helperText && getHelperTextPlacement(value, size, hasIcons, iconQuantity) === helperTextPlacements.outer && /*#__PURE__*/React.createElement(HelperText, {
+    }, helperText))), helperText && getHelperTextPlacement(value, size, hasIcons, iconQuantity) === helperTextPlacements.outer && /*#__PURE__*/React__default.createElement(HelperText, {
       className: classes.helperTextOuter,
       style: {
         maxWidth: helperTextMaxWidth

package/dist/css/es/components/Rating/Rating.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Rating.js","sources":["../../../../../src/components/Rating/Rating.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { RatingProps } from './Rating.types';\nimport { base, Content, HelperText, Score, StarsWrapper, Wrapper } from './Rating.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { getHelperTextPlacement, getInnerValue, helperTextPlacements } from './utils';\nimport { classes } from './Rating.tokens';\nimport { getIcons } from './utils/getIcons';\n\nexport const ratingRoot = (Root: RootProps<HTMLDivElement, RatingProps>) =>\n forwardRef<HTMLInputElement, RatingProps>(\n (\n {\n value,\n hasValue = true,\n precision = 1,\n valuePlacement,\n\n iconSlot,\n iconSlotOutline,\n iconSlotHalf,\n hasIcons = true,\n iconQuantity = 5,\n\n helperText,\n helperTextStretching = 'filled',\n size,\n view,\n ...rest\n },\n ref,\n ) => {\n const innerValue = getInnerValue(value, precision, iconQuantity);\n\n const contentRef = useRef<HTMLDivElement>(null);\n const starsWrapperRef = useRef<HTMLDivElement>(null);\n\n const [helperTextMaxWidth, setHelperTextMaxWidth] = useState('unset');\n\n useEffect(() => {\n if (!hasValue && !hasIcons) {\n // eslint-disable-next-line no-console\n console.error(\"Rating should have at least one of 'hasValue' or 'hasIcons' props\");\n }\n }, [hasValue, hasIcons]);\n\n useEffect(() => {\n if (helperTextStretching === 'filled') {\n setHelperTextMaxWidth('unset');\n return;\n }\n\n const helpertextPlacement = getHelperTextPlacement(value, size, hasIcons, iconQuantity);\n\n if (helpertextPlacement === helperTextPlacements.inner) {\n if (!starsWrapperRef?.current) {\n setHelperTextMaxWidth('unset');\n return;\n }\n\n const starsWrapperWidth = starsWrapperRef.current.offsetWidth;\n setHelperTextMaxWidth(`${starsWrapperWidth}px`);\n } else if (helpertextPlacement === helperTextPlacements.outer) {\n if (!contentRef?.current) {\n setHelperTextMaxWidth('unset');\n return;\n }\n\n const starsWrapperWidth = contentRef.current.offsetWidth;\n setHelperTextMaxWidth(`${starsWrapperWidth}px`);\n }\n }, [helperTextStretching, helperText, hasValue, hasIcons, precision, value, iconQuantity]);\n\n // INFO: Если выключено отображение иконок и значения, нет смысла показывать только helperText\n if (!hasValue && !hasIcons) {\n return null;\n }\n\n return (\n <Root ref={ref} view={view} size={size} {...rest}>\n <Content\n ref={contentRef}\n className={cx(\n valuePlacement === 'after' && classes.valueAfter,\n iconQuantity === 1 && classes.singleIconContent,\n )}\n >\n {hasValue && innerValue && <Score>{innerValue}</Score>}\n {hasIcons && (\n <Wrapper>\n <StarsWrapper ref={starsWrapperRef}>\n {getIcons({\n innerValue,\n size,\n iconQuantity,\n iconSlot,\n iconSlotOutline,\n iconSlotHalf,\n })}\n </StarsWrapper>\n {helperText &&\n getHelperTextPlacement(value, size, hasIcons, iconQuantity) ===\n helperTextPlacements.inner && (\n <HelperText style={{ maxWidth: helperTextMaxWidth }}>{helperText}</HelperText>\n )}\n </Wrapper>\n )}\n </Content>\n\n {helperText &&\n getHelperTextPlacement(value, size, hasIcons, iconQuantity) === helperTextPlacements.outer && (\n <HelperText className={classes.helperTextOuter} style={{ maxWidth: helperTextMaxWidth }}>\n {helperText}\n </HelperText>\n )}\n </Root>\n );\n },\n );\n\nexport const ratingConfig = {\n name: 'Rating',\n tag: 'div',\n layout: ratingRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'l',\n },\n};\n"],"names":["ratingRoot","Root","forwardRef","_ref","ref","value","_ref$hasValue","hasValue","_ref$precision","precision","valuePlacement","iconSlot","iconSlotOutline","iconSlotHalf","_ref$hasIcons","hasIcons","_ref$iconQuantity","iconQuantity","helperText","_ref$helperTextStretc","helperTextStretching","size","view","rest","_objectWithoutProperties","_excluded","innerValue","getInnerValue","contentRef","useRef","starsWrapperRef","_useState","useState","_useState2","_slicedToArray","helperTextMaxWidth","setHelperTextMaxWidth","useEffect","console","error","helpertextPlacement","getHelperTextPlacement","helperTextPlacements","inner","current","starsWrapperWidth","offsetWidth","concat","outer","React","createElement","_extends","Content","className","cx","classes","valueAfter","singleIconContent","Score","Wrapper","StarsWrapper","getIcons","HelperText","style","maxWidth","helperTextOuter","ratingConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":";;;;;;;;;;;IAaaA,UAAU,GAAG,SAAbA,UAAUA,CAAIC,IAA4C,EAAA;AAAA,EAAA,oBACnEC,UAAU,CACN,UAAAC,IAAA,EAmBIC,GAAG,EACF;AAAA,IAAA,IAlBGC,KAAK,GAAAF,IAAA,CAALE,KAAK;MAAAC,aAAA,GAAAH,IAAA,CACLI,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,aAAA;MAAAE,cAAA,GAAAL,IAAA,CACfM,SAAS;AAATA,MAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,cAAA;MACbE,cAAc,GAAAP,IAAA,CAAdO,cAAc;MAEdC,QAAQ,GAAAR,IAAA,CAARQ,QAAQ;MACRC,eAAe,GAAAT,IAAA,CAAfS,eAAe;MACfC,YAAY,GAAAV,IAAA,CAAZU,YAAY;MAAAC,aAAA,GAAAX,IAAA,CACZY,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,aAAA;MAAAE,iBAAA,GAAAb,IAAA,CACfc,YAAY;AAAZA,MAAAA,YAAY,GAAAD,iBAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,iBAAA;MAEhBE,UAAU,GAAAf,IAAA,CAAVe,UAAU;MAAAC,qBAAA,GAAAhB,IAAA,CACViB,oBAAoB;AAApBA,MAAAA,oBAAoB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,qBAAA;MAC/BE,IAAI,GAAAlB,IAAA,CAAJkB,IAAI;MACJC,IAAI,GAAAnB,IAAA,CAAJmB,IAAI;AACDC,MAAAA,IAAI,GAAAC,wBAAA,CAAArB,IAAA,EAAAsB,SAAA,CAAA,CAAA;IAIX,IAAMC,UAAU,GAAGC,aAAa,CAACtB,KAAK,EAAEI,SAAS,EAAEQ,YAAY,CAAC,CAAA;AAEhE,IAAA,IAAMW,UAAU,GAAGC,MAAM,CAAiB,IAAI,CAAC,CAAA;AAC/C,IAAA,IAAMC,eAAe,GAAGD,MAAM,CAAiB,IAAI,CAAC,CAAA;AAEpD,IAAA,IAAAE,SAAA,GAAoDC,QAAQ,CAAC,OAAO,CAAC;MAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA9DI,MAAAA,kBAAkB,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,MAAAA,qBAAqB,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAEhDI,IAAAA,SAAS,CAAC,YAAM;AACZ,MAAA,IAAI,CAAC9B,QAAQ,IAAI,CAACQ,QAAQ,EAAE;AACxB;AACAuB,QAAAA,OAAO,CAACC,KAAK,CAAC,mEAAmE,CAAC,CAAA;AACtF,OAAA;AACJ,KAAC,EAAE,CAAChC,QAAQ,EAAEQ,QAAQ,CAAC,CAAC,CAAA;AAExBsB,IAAAA,SAAS,CAAC,YAAM;MACZ,IAAIjB,oBAAoB,KAAK,QAAQ,EAAE;QACnCgB,qBAAqB,CAAC,OAAO,CAAC,CAAA;AAC9B,QAAA,OAAA;AACJ,OAAA;MAEA,IAAMI,mBAAmB,GAAGC,sBAAsB,CAACpC,KAAK,EAAEgB,IAAI,EAAEN,QAAQ,EAAEE,YAAY,CAAC,CAAA;AAEvF,MAAA,IAAIuB,mBAAmB,KAAKE,oBAAoB,CAACC,KAAK,EAAE;QACpD,IAAI,EAACb,eAAe,KAAfA,IAAAA,IAAAA,eAAe,eAAfA,eAAe,CAAEc,OAAO,CAAE,EAAA;UAC3BR,qBAAqB,CAAC,OAAO,CAAC,CAAA;AAC9B,UAAA,OAAA;AACJ,SAAA;AAEA,QAAA,IAAMS,iBAAiB,GAAGf,eAAe,CAACc,OAAO,CAACE,WAAW,CAAA;AAC7DV,QAAAA,qBAAqB,CAAAW,EAAAA,CAAAA,MAAA,CAAIF,iBAAiB,OAAI,CAAC,CAAA;AACnD,OAAC,MAAM,IAAIL,mBAAmB,KAAKE,oBAAoB,CAACM,KAAK,EAAE;QAC3D,IAAI,EAACpB,UAAU,KAAVA,IAAAA,IAAAA,UAAU,eAAVA,UAAU,CAAEgB,OAAO,CAAE,EAAA;UACtBR,qBAAqB,CAAC,OAAO,CAAC,CAAA;AAC9B,UAAA,OAAA;AACJ,SAAA;AAEA,QAAA,IAAMS,kBAAiB,GAAGjB,UAAU,CAACgB,OAAO,CAACE,WAAW,CAAA;AACxDV,QAAAA,qBAAqB,CAAAW,EAAAA,CAAAA,MAAA,CAAIF,kBAAiB,OAAI,CAAC,CAAA;AACnD,OAAA;AACJ,KAAC,EAAE,CAACzB,oBAAoB,EAAEF,UAAU,EAAEX,QAAQ,EAAEQ,QAAQ,EAAEN,SAAS,EAAEJ,KAAK,EAAEY,YAAY,CAAC,CAAC,CAAA;;AAE1F;AACA,IAAA,IAAI,CAACV,QAAQ,IAAI,CAACQ,QAAQ,EAAE;AACxB,MAAA,OAAO,IAAI,CAAA;AACf,KAAA;AAEA,IAAA,oBACIkC,KAAA,CAAAC,aAAA,CAACjD,IAAI,EAAAkD,QAAA,CAAA;AAAC/C,MAAAA,GAAG,EAAEA,GAAI;AAACkB,MAAAA,IAAI,EAAEA,IAAK;AAACD,MAAAA,IAAI,EAAEA,IAAAA;AAAK,KAAA,EAAKE,IAAI,CAC5C0B,eAAAA,KAAA,CAAAC,aAAA,CAACE,OAAO,EAAA;AACJhD,MAAAA,GAAG,EAAEwB,UAAW;AAChByB,MAAAA,SAAS,EAAEC,EAAE,CACT5C,cAAc,KAAK,OAAO,IAAI6C,OAAO,CAACC,UAAU,EAChDvC,YAAY,KAAK,CAAC,IAAIsC,OAAO,CAACE,iBAClC,CAAA;KAEClD,EAAAA,QAAQ,IAAImB,UAAU,iBAAIuB,KAAA,CAAAC,aAAA,CAACQ,KAAK,EAAA,IAAA,EAAEhC,UAAkB,CAAC,EACrDX,QAAQ,iBACLkC,KAAA,CAAAC,aAAA,CAACS,OAAO,EAAA,IAAA,eACJV,KAAA,CAAAC,aAAA,CAACU,YAAY,EAAA;AAACxD,MAAAA,GAAG,EAAE0B,eAAAA;AAAgB,KAAA,EAC9B+B,QAAQ,CAAC;AACNnC,MAAAA,UAAU,EAAVA,UAAU;AACVL,MAAAA,IAAI,EAAJA,IAAI;AACJJ,MAAAA,YAAY,EAAZA,YAAY;AACZN,MAAAA,QAAQ,EAARA,QAAQ;AACRC,MAAAA,eAAe,EAAfA,eAAe;AACfC,MAAAA,YAAY,EAAZA,YAAAA;KACH,CACS,CAAC,EACdK,UAAU,IACPuB,sBAAsB,CAACpC,KAAK,EAAEgB,IAAI,EAAEN,QAAQ,EAAEE,YAAY,CAAC,KACvDyB,oBAAoB,CAACC,KAAK,iBAC1BM,KAAA,CAAAC,aAAA,CAACY,UAAU,EAAA;AAACC,MAAAA,KAAK,EAAE;AAAEC,QAAAA,QAAQ,EAAE7B,kBAAAA;AAAmB,OAAA;KAAIjB,EAAAA,UAAuB,CAEhF,CAER,CAAC,EAETA,UAAU,IACPuB,sBAAsB,CAACpC,KAAK,EAAEgB,IAAI,EAAEN,QAAQ,EAAEE,YAAY,CAAC,KAAKyB,oBAAoB,CAACM,KAAK,iBACtFC,KAAA,CAAAC,aAAA,CAACY,UAAU,EAAA;MAACT,SAAS,EAAEE,OAAO,CAACU,eAAgB;AAACF,MAAAA,KAAK,EAAE;AAAEC,QAAAA,QAAQ,EAAE7B,kBAAAA;AAAmB,OAAA;KACjFjB,EAAAA,UACO,CAElB,CAAC,CAAA;AAEf,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAMgD,YAAY,GAAG;AACxBC,EAAAA,IAAI,EAAE,QAAQ;AACdC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAErE,UAAU;AAClBsE,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRjD,IAAAA,IAAI,EAAE;AACFkD,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACDpD,IAAAA,IAAI,EAAE;AACFmD,MAAAA,GAAG,EAAEE,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNrD,IAAAA,IAAI,EAAE,SAAS;AACfD,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}
1	+ {"version":3,"file":"Rating.js","sources":["../../../../../src/components/Rating/Rating.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { RatingProps } from './Rating.types';\nimport { base, Content, HelperText, Score, StarsWrapper, Wrapper } from './Rating.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { getHelperTextPlacement, getInnerValue, helperTextPlacements } from './utils';\nimport { classes } from './Rating.tokens';\nimport { getIcons } from './utils/getIcons';\n\nexport const ratingRoot = (Root: RootProps<HTMLDivElement, RatingProps>) =>\n forwardRef<HTMLInputElement, RatingProps>(\n (\n {\n value,\n hasValue = true,\n precision = 1,\n valuePlacement,\n\n iconSlot,\n iconSlotOutline,\n iconSlotHalf,\n hasIcons = true,\n iconQuantity = 5,\n\n helperText,\n helperTextStretching = 'filled',\n size,\n view,\n ...rest\n },\n ref,\n ) => {\n const innerValue = getInnerValue(value, precision, iconQuantity);\n\n const contentRef = useRef<HTMLDivElement>(null);\n const starsWrapperRef = useRef<HTMLDivElement>(null);\n\n const [helperTextMaxWidth, setHelperTextMaxWidth] = useState('unset');\n\n useEffect(() => {\n if (!hasValue && !hasIcons) {\n // eslint-disable-next-line no-console\n console.error(\"Rating should have at least one of 'hasValue' or 'hasIcons' props\");\n }\n }, [hasValue, hasIcons]);\n\n useEffect(() => {\n if (helperTextStretching === 'filled') {\n setHelperTextMaxWidth('unset');\n return;\n }\n\n const helpertextPlacement = getHelperTextPlacement(value, size, hasIcons, iconQuantity);\n\n if (helpertextPlacement === helperTextPlacements.inner) {\n if (!starsWrapperRef?.current) {\n setHelperTextMaxWidth('unset');\n return;\n }\n\n const starsWrapperWidth = starsWrapperRef.current.offsetWidth;\n setHelperTextMaxWidth(`${starsWrapperWidth}px`);\n } else if (helpertextPlacement === helperTextPlacements.outer) {\n if (!contentRef?.current) {\n setHelperTextMaxWidth('unset');\n return;\n }\n\n const starsWrapperWidth = contentRef.current.offsetWidth;\n setHelperTextMaxWidth(`${starsWrapperWidth}px`);\n }\n }, [helperTextStretching, helperText, hasValue, hasIcons, precision, value, iconQuantity]);\n\n // INFO: Если выключено отображение иконок и значения, нет смысла показывать только helperText\n if (!hasValue && !hasIcons) {\n return null;\n }\n\n return (\n <Root ref={ref} view={view} size={size} {...rest}>\n <Content\n ref={contentRef}\n className={cx(\n valuePlacement === 'after' && classes.valueAfter,\n iconQuantity === 1 && classes.singleIconContent,\n )}\n >\n {hasValue && innerValue && <Score>{innerValue}</Score>}\n {hasIcons && (\n <Wrapper>\n <StarsWrapper ref={starsWrapperRef}>\n {getIcons({\n innerValue,\n size,\n iconQuantity,\n iconSlot,\n iconSlotOutline,\n iconSlotHalf,\n })}\n </StarsWrapper>\n {helperText &&\n getHelperTextPlacement(value, size, hasIcons, iconQuantity) ===\n helperTextPlacements.inner && (\n <HelperText style={{ maxWidth: helperTextMaxWidth }}>{helperText}</HelperText>\n )}\n </Wrapper>\n )}\n </Content>\n\n {helperText &&\n getHelperTextPlacement(value, size, hasIcons, iconQuantity) === helperTextPlacements.outer && (\n <HelperText className={classes.helperTextOuter} style={{ maxWidth: helperTextMaxWidth }}>\n {helperText}\n </HelperText>\n )}\n </Root>\n );\n },\n );\n\nexport const ratingConfig = {\n name: 'Rating',\n tag: 'div',\n layout: ratingRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'l',\n },\n};\n"],"names":["ratingRoot","Root","forwardRef","_ref","ref","value","_ref$hasValue","hasValue","_ref$precision","precision","valuePlacement","iconSlot","iconSlotOutline","iconSlotHalf","_ref$hasIcons","hasIcons","_ref$iconQuantity","iconQuantity","helperText","_ref$helperTextStretc","helperTextStretching","size","view","rest","_objectWithoutProperties","_excluded","innerValue","getInnerValue","contentRef","useRef","starsWrapperRef","_useState","useState","_useState2","_slicedToArray","helperTextMaxWidth","setHelperTextMaxWidth","useEffect","console","error","helpertextPlacement","getHelperTextPlacement","helperTextPlacements","inner","current","starsWrapperWidth","offsetWidth","concat","outer","React","createElement","_extends","Content","className","cx","classes","valueAfter","singleIconContent","Score","Wrapper","StarsWrapper","getIcons","HelperText","style","maxWidth","helperTextOuter","ratingConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}

package/dist/css/es/components/Rating/utils/getIcons.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { classes, privateTokens } from '../Rating.tokens.js';
 import { Star } from '../Rating.styles.js';
 import { IconStarFill24 } from '../../_Icon/Icons/Icon.24/IconStarFill.js';
@@ -23,9 +23,9 @@ var iconMap = function iconMap(componentSize) {
     case 'h1':
     case 'h2':
       return {
-        fill: /*#__PURE__*/React.createElement(IconStarFill36, iconProps),
-        halfFill: /*#__PURE__*/React.createElement(IconStarHalfFill36, iconProps),
-        outline: /*#__PURE__*/React.createElement(IconStarOutline36, iconProps)
+        fill: /*#__PURE__*/React__default.createElement(IconStarFill36, iconProps),
+        halfFill: /*#__PURE__*/React__default.createElement(IconStarHalfFill36, iconProps),
+        outline: /*#__PURE__*/React__default.createElement(IconStarOutline36, iconProps)
       };
     case 'h3':
     case 'h4':
@@ -33,23 +33,23 @@ var iconMap = function iconMap(componentSize) {
     case 'l':
     case 'm':
       return {
-        fill: /*#__PURE__*/React.createElement(IconStarFill24, iconProps),
-        halfFill: /*#__PURE__*/React.createElement(IconStarHalfFill24, iconProps),
-        outline: /*#__PURE__*/React.createElement(IconStarOutline24, iconProps)
+        fill: /*#__PURE__*/React__default.createElement(IconStarFill24, iconProps),
+        halfFill: /*#__PURE__*/React__default.createElement(IconStarHalfFill24, iconProps),
+        outline: /*#__PURE__*/React__default.createElement(IconStarOutline24, iconProps)
       };
     case 's':
     case 'xs':
     case 'xxs':
       return {
-        fill: /*#__PURE__*/React.createElement(IconStarFill16, iconProps),
-        halfFill: /*#__PURE__*/React.createElement(IconStarHalfFill16, iconProps),
-        outline: /*#__PURE__*/React.createElement(IconStarOutline16, iconProps)
+        fill: /*#__PURE__*/React__default.createElement(IconStarFill16, iconProps),
+        halfFill: /*#__PURE__*/React__default.createElement(IconStarHalfFill16, iconProps),
+        outline: /*#__PURE__*/React__default.createElement(IconStarOutline16, iconProps)
       };
     default:
       return {
-        fill: /*#__PURE__*/React.createElement(IconStarFill24, iconProps),
-        halfFill: /*#__PURE__*/React.createElement(IconStarHalfFill24, iconProps),
-        outline: /*#__PURE__*/React.createElement(IconStarOutline24, iconProps)
+        fill: /*#__PURE__*/React__default.createElement(IconStarFill24, iconProps),
+        halfFill: /*#__PURE__*/React__default.createElement(IconStarHalfFill24, iconProps),
+        outline: /*#__PURE__*/React__default.createElement(IconStarOutline24, iconProps)
       };
   }
 };
@@ -66,19 +66,19 @@ var getIcons = function getIcons(_ref) {
     halfFill = _iconMap.halfFill,
     outline = _iconMap.outline;
   if (iconQuantity === 1) {
-    return /*#__PURE__*/React.createElement(Star, {
+    return /*#__PURE__*/React__default.createElement(Star, {
       className: classes.singleIcon
     }, iconSlot || fill);
   }
   var filledIcons = Array.from({
     length: Math.floor(Number(innerValue))
   }, function (_, index) {
-    return /*#__PURE__*/React.createElement(Star, {
+    return /*#__PURE__*/React__default.createElement(Star, {
       key: "filled_".concat(index, "_").concat(innerValue)
     }, iconSlot || fill);
   });
   if (Number(innerValue) > 0 && !Number.isInteger(Number(innerValue))) {
-    filledIcons.push(/*#__PURE__*/React.createElement(Star, {
+    filledIcons.push(/*#__PURE__*/React__default.createElement(Star, {
       key: "half-fill"
     }, iconSlotHalf || halfFill));
   }
@@ -86,7 +86,7 @@ var getIcons = function getIcons(_ref) {
   var outlineIcons = Array.from({
     length: outlineIconsLength
   }, function (_, index) {
-    return /*#__PURE__*/React.createElement(Star, {
+    return /*#__PURE__*/React__default.createElement(Star, {
       key: "outline_".concat(index, "_").concat(innerValue),
       className: classes.iconOutline
     }, iconSlotOutline || outline);

package/dist/css/es/components/Rating/utils/getIcons.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"getIcons.js","sources":["../../../../../../src/components/Rating/utils/getIcons.tsx"],"sourcesContent":["import React from 'react';\n\nimport { classes, privateTokens } from '../Rating.tokens';\nimport {\n IconStarFill16,\n IconStarFill24,\n IconStarFill36,\n IconStarHalfFill16,\n IconStarHalfFill24,\n IconStarHalfFill36,\n IconStarOutline16,\n IconStarOutline24,\n IconStarOutline36,\n} from '../../_Icon';\nimport type { RatingProps } from '../Rating.types';\nimport { Star } from '../Rating.styles';\n\nconst iconMap = (componentSize?: string) => {\n const iconProps = {\n color: 'inherit',\n sizeCustomProperty: privateTokens.iconSize,\n };\n\n switch (componentSize) {\n case 'displayL':\n case 'displayM':\n case 'displayS':\n case 'h1':\n case 'h2':\n return {\n fill: <IconStarFill36 {...iconProps} />,\n halfFill: <IconStarHalfFill36 {...iconProps} />,\n outline: <IconStarOutline36 {...iconProps} />,\n };\n case 'h3':\n case 'h4':\n case 'h5':\n case 'l':\n case 'm':\n return {\n fill: <IconStarFill24 {...iconProps} />,\n halfFill: <IconStarHalfFill24 {...iconProps} />,\n outline: <IconStarOutline24 {...iconProps} />,\n };\n case 's':\n case 'xs':\n case 'xxs':\n return {\n fill: <IconStarFill16 {...iconProps} />,\n halfFill: <IconStarHalfFill16 {...iconProps} />,\n outline: <IconStarOutline16 {...iconProps} />,\n };\n default:\n return {\n fill: <IconStarFill24 {...iconProps} />,\n halfFill: <IconStarHalfFill24 {...iconProps} />,\n outline: <IconStarOutline24 {...iconProps} />,\n };\n }\n};\n\ntype GetIconsArgs = {\n innerValue: string;\n} & Pick<RatingProps, 'size' \| 'iconQuantity' \| 'iconSlot' \| 'iconSlotOutline' \| 'iconSlotHalf'>;\n\nexport const getIcons = ({\n innerValue,\n size,\n iconQuantity = 5,\n iconSlot,\n iconSlotOutline,\n iconSlotHalf,\n}: GetIconsArgs) => {\n const { fill, halfFill, outline } = iconMap(size);\n\n if (iconQuantity === 1) {\n return <Star className={classes.singleIcon}>{iconSlot \|\| fill}</Star>;\n }\n\n const filledIcons = Array.from({ length: Math.floor(Number(innerValue)) }, (_, index) => (\n <Star key={`filled_${index}_${innerValue}`}>{iconSlot \|\| fill}</Star>\n ));\n\n if (Number(innerValue) > 0 && !Number.isInteger(Number(innerValue))) {\n filledIcons.push(<Star key=\"half-fill\">{iconSlotHalf \|\| halfFill}</Star>);\n }\n\n const outlineIconsLength = iconQuantity - filledIcons.length;\n const outlineIcons = Array.from({ length: outlineIconsLength }, (_, index) => (\n <Star key={`outline_${index}_${innerValue}`} className={classes.iconOutline}>\n {iconSlotOutline \|\| outline}\n </Star>\n ));\n\n return [...filledIcons, ...outlineIcons];\n};\n"],"names":["iconMap","componentSize","iconProps","color","sizeCustomProperty","privateTokens","iconSize","fill","React","createElement","IconStarFill36","halfFill","IconStarHalfFill36","outline","IconStarOutline36","IconStarFill24","IconStarHalfFill24","IconStarOutline24","IconStarFill16","IconStarHalfFill16","IconStarOutline16","getIcons","_ref","innerValue","size","_ref$iconQuantity","iconQuantity","iconSlot","iconSlotOutline","iconSlotHalf","_iconMap","Star","className","classes","singleIcon","filledIcons","Array","from","length","Math","floor","Number","_","index","key","concat","isInteger","push","outlineIconsLength","outlineIcons","iconOutline"],"mappings":";;;;;;;;;;;;;AAiBA,IAAMA,OAAO,GAAG,SAAVA,OAAOA,CAAIC,aAAsB,EAAK;AACxC,EAAA,IAAMC,SAAS,GAAG;AACdC,IAAAA,KAAK,EAAE,SAAS;IAChBC,kBAAkB,EAAEC,aAAa,CAACC,QAAAA;GACrC,CAAA;AAED,EAAA,QAAQL,aAAa;AACjB,IAAA,KAAK,UAAU,CAAA;AACf,IAAA,KAAK,UAAU,CAAA;AACf,IAAA,KAAK,UAAU,CAAA;AACf,IAAA,KAAK,IAAI,CAAA;AACT,IAAA,KAAK,IAAI;MACL,OAAO;QACHM,IAAI,eAAEC,~~KAAA~~,CAAAC,aAAA,CAACC,cAAc,EAAKR,SAAY,CAAC;QACvCS,QAAQ,eAAEH,~~KAAA~~,CAAAC,aAAA,CAACG,kBAAkB,EAAKV,SAAY,CAAC;AAC/CW,QAAAA,OAAO,eAAEL,~~KAAA~~,CAAAC,aAAA,CAACK,iBAAiB,EAAKZ,SAAY,CAAA;OAC/C,CAAA;AACL,IAAA,KAAK,IAAI,CAAA;AACT,IAAA,KAAK,IAAI,CAAA;AACT,IAAA,KAAK,IAAI,CAAA;AACT,IAAA,KAAK,GAAG,CAAA;AACR,IAAA,KAAK,GAAG;MACJ,OAAO;QACHK,IAAI,eAAEC,~~KAAA~~,CAAAC,aAAA,CAACM,cAAc,EAAKb,SAAY,CAAC;QACvCS,QAAQ,eAAEH,~~KAAA~~,CAAAC,aAAA,CAACO,kBAAkB,EAAKd,SAAY,CAAC;AAC/CW,QAAAA,OAAO,eAAEL,~~KAAA~~,CAAAC,aAAA,CAACQ,iBAAiB,EAAKf,SAAY,CAAA;OAC/C,CAAA;AACL,IAAA,KAAK,GAAG,CAAA;AACR,IAAA,KAAK,IAAI,CAAA;AACT,IAAA,KAAK,KAAK;MACN,OAAO;QACHK,IAAI,eAAEC,~~KAAA~~,CAAAC,aAAA,CAACS,cAAc,EAAKhB,SAAY,CAAC;QACvCS,QAAQ,eAAEH,~~KAAA~~,CAAAC,aAAA,CAACU,kBAAkB,EAAKjB,SAAY,CAAC;AAC/CW,QAAAA,OAAO,eAAEL,~~KAAA~~,CAAAC,aAAA,CAACW,iBAAiB,EAAKlB,SAAY,CAAA;OAC/C,CAAA;AACL,IAAA;MACI,OAAO;QACHK,IAAI,eAAEC,~~KAAA~~,CAAAC,aAAA,CAACM,cAAc,EAAKb,SAAY,CAAC;QACvCS,QAAQ,eAAEH,~~KAAA~~,CAAAC,aAAA,CAACO,kBAAkB,EAAKd,SAAY,CAAC;AAC/CW,QAAAA,OAAO,eAAEL,~~KAAA~~,CAAAC,aAAA,CAACQ,iBAAiB,EAAKf,SAAY,CAAA;OAC/C,CAAA;AACT,GAAA;AACJ,CAAC,CAAA;IAMYmB,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAOD;AAAA,EAAA,IANhBC,UAAU,GAAAD,IAAA,CAAVC,UAAU;IACVC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAAC,iBAAA,GAAAH,IAAA,CACJI,YAAY;AAAZA,IAAAA,YAAY,GAAAD,iBAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,iBAAA;IAChBE,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IACRC,eAAe,GAAAN,IAAA,CAAfM,eAAe;IACfC,YAAY,GAAAP,IAAA,CAAZO,YAAY,CAAA;AAEZ,EAAA,IAAAC,QAAA,GAAoC9B,OAAO,CAACwB,IAAI,CAAC;IAAzCjB,IAAI,GAAAuB,QAAA,CAAJvB,IAAI;IAAEI,QAAQ,GAAAmB,QAAA,CAARnB,QAAQ;IAAEE,OAAO,GAAAiB,QAAA,CAAPjB,OAAO,CAAA;EAE/B,IAAIa,YAAY,KAAK,CAAC,EAAE;AACpB,IAAA,oBAAOlB,~~KAAA~~,CAAAC,aAAA,CAACsB,IAAI,EAAA;MAACC,SAAS,EAAEC,OAAO,CAACC,UAAAA;KAAaP,EAAAA,QAAQ,IAAIpB,IAAW,CAAC,CAAA;AACzE,GAAA;AAEA,EAAA,IAAM4B,WAAW,GAAGC,KAAK,CAACC,IAAI,CAAC;IAAEC,MAAM,EAAEC,IAAI,CAACC,KAAK,CAACC,MAAM,CAAClB,UAAU,CAAC,CAAA;AAAE,GAAC,EAAE,UAACmB,CAAC,EAAEC,KAAK,EAAA;AAAA,IAAA,oBAChFnC,~~KAAA~~,CAAAC,aAAA,CAACsB,IAAI,EAAA;AAACa,MAAAA,GAAG,YAAAC,MAAA,CAAYF,KAAK,EAAAE,GAAAA,CAAAA,CAAAA,MAAA,CAAItB,UAAU,CAAA;KAAKI,EAAAA,QAAQ,IAAIpB,IAAW,CAAC,CAAA;AAAA,GACxE,CAAC,CAAA;AAEF,EAAA,IAAIkC,MAAM,CAAClB,UAAU,CAAC,GAAG,CAAC,IAAI,CAACkB,MAAM,CAACK,SAAS,CAACL,MAAM,CAAClB,UAAU,CAAC,CAAC,EAAE;AACjEY,IAAAA,WAAW,CAACY,IAAI,cAACvC,~~KAAA~~,CAAAC,aAAA,CAACsB,IAAI,EAAA;AAACa,MAAAA,GAAG,EAAC,WAAA;AAAW,KAAA,EAAEf,YAAY,IAAIlB,QAAe,CAAC,CAAC,CAAA;AAC7E,GAAA;AAEA,EAAA,IAAMqC,kBAAkB,GAAGtB,YAAY,GAAGS,WAAW,CAACG,MAAM,CAAA;AAC5D,EAAA,IAAMW,YAAY,GAAGb,KAAK,CAACC,IAAI,CAAC;AAAEC,IAAAA,MAAM,EAAEU,kBAAAA;AAAmB,GAAC,EAAE,UAACN,CAAC,EAAEC,KAAK,EAAA;AAAA,IAAA,oBACrEnC,~~KAAA~~,CAAAC,aAAA,CAACsB,IAAI,EAAA;MAACa,GAAG,EAAA,UAAA,CAAAC,MAAA,CAAaF,KAAK,OAAAE,MAAA,CAAItB,UAAU,CAAG;MAACS,SAAS,EAAEC,OAAO,CAACiB,WAAAA;KAC3DtB,EAAAA,eAAe,IAAIf,OAClB,CAAC,CAAA;AAAA,GACV,CAAC,CAAA;AAEF,EAAA,OAAA,EAAA,CAAAgC,MAAA,CAAWV,WAAW,EAAKc,YAAY,CAAA,CAAA;AAC3C;;;;"}
1	+ {"version":3,"file":"getIcons.js","sources":["../../../../../../src/components/Rating/utils/getIcons.tsx"],"sourcesContent":["import React from 'react';\n\nimport { classes, privateTokens } from '../Rating.tokens';\nimport {\n IconStarFill16,\n IconStarFill24,\n IconStarFill36,\n IconStarHalfFill16,\n IconStarHalfFill24,\n IconStarHalfFill36,\n IconStarOutline16,\n IconStarOutline24,\n IconStarOutline36,\n} from '../../_Icon';\nimport type { RatingProps } from '../Rating.types';\nimport { Star } from '../Rating.styles';\n\nconst iconMap = (componentSize?: string) => {\n const iconProps = {\n color: 'inherit',\n sizeCustomProperty: privateTokens.iconSize,\n };\n\n switch (componentSize) {\n case 'displayL':\n case 'displayM':\n case 'displayS':\n case 'h1':\n case 'h2':\n return {\n fill: <IconStarFill36 {...iconProps} />,\n halfFill: <IconStarHalfFill36 {...iconProps} />,\n outline: <IconStarOutline36 {...iconProps} />,\n };\n case 'h3':\n case 'h4':\n case 'h5':\n case 'l':\n case 'm':\n return {\n fill: <IconStarFill24 {...iconProps} />,\n halfFill: <IconStarHalfFill24 {...iconProps} />,\n outline: <IconStarOutline24 {...iconProps} />,\n };\n case 's':\n case 'xs':\n case 'xxs':\n return {\n fill: <IconStarFill16 {...iconProps} />,\n halfFill: <IconStarHalfFill16 {...iconProps} />,\n outline: <IconStarOutline16 {...iconProps} />,\n };\n default:\n return {\n fill: <IconStarFill24 {...iconProps} />,\n halfFill: <IconStarHalfFill24 {...iconProps} />,\n outline: <IconStarOutline24 {...iconProps} />,\n };\n }\n};\n\ntype GetIconsArgs = {\n innerValue: string;\n} & Pick<RatingProps, 'size' \| 'iconQuantity' \| 'iconSlot' \| 'iconSlotOutline' \| 'iconSlotHalf'>;\n\nexport const getIcons = ({\n innerValue,\n size,\n iconQuantity = 5,\n iconSlot,\n iconSlotOutline,\n iconSlotHalf,\n}: GetIconsArgs) => {\n const { fill, halfFill, outline } = iconMap(size);\n\n if (iconQuantity === 1) {\n return <Star className={classes.singleIcon}>{iconSlot \|\| fill}</Star>;\n }\n\n const filledIcons = Array.from({ length: Math.floor(Number(innerValue)) }, (_, index) => (\n <Star key={`filled_${index}_${innerValue}`}>{iconSlot \|\| fill}</Star>\n ));\n\n if (Number(innerValue) > 0 && !Number.isInteger(Number(innerValue))) {\n filledIcons.push(<Star key=\"half-fill\">{iconSlotHalf \|\| halfFill}</Star>);\n }\n\n const outlineIconsLength = iconQuantity - filledIcons.length;\n const outlineIcons = Array.from({ length: outlineIconsLength }, (_, index) => (\n <Star key={`outline_${index}_${innerValue}`} className={classes.iconOutline}>\n {iconSlotOutline \|\| outline}\n </Star>\n ));\n\n return [...filledIcons, ...outlineIcons];\n};\n"],"names":["iconMap","componentSize","iconProps","color","sizeCustomProperty","privateTokens","iconSize","fill","React","createElement","IconStarFill36","halfFill","IconStarHalfFill36","outline","IconStarOutline36","IconStarFill24","IconStarHalfFill24","IconStarOutline24","IconStarFill16","IconStarHalfFill16","IconStarOutline16","getIcons","_ref","innerValue","size","_ref$iconQuantity","iconQuantity","iconSlot","iconSlotOutline","iconSlotHalf","_iconMap","Star","className","classes","singleIcon","filledIcons","Array","from","length","Math","floor","Number","_","index","key","concat","isInteger","push","outlineIconsLength","outlineIcons","iconOutline"],"mappings":"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"}

package/dist/css/es/components/SSRProvider/SSRProvider.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import React, { createContext } from 'react';
+import React__default, { createContext } from 'react';
 var SSRContext = /*#__PURE__*/createContext({
   uniqId: null
@@ -14,7 +14,7 @@ var SSRProvider = function SSRProvider(_ref) {
   var value = {
     uniqId: 0
   };
-  return /*#__PURE__*/React.createElement(SSRContext.Provider, {
+  return /*#__PURE__*/React__default.createElement(SSRContext.Provider, {
     value: value
   }, children);
 };

package/dist/css/es/components/SSRProvider/SSRProvider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SSRProvider.js","sources":["../../../../../src/components/SSRProvider/SSRProvider.tsx"],"sourcesContent":["import React, { createContext } from 'react';\nimport type { ReactNode } from 'react';\n\nexport const SSRContext = createContext<{ uniqId: number \| null }>({\n uniqId: null,\n});\n\n/*\n Провайдер обязателен для использования, необходимо обернуть в него все приложение.\n \n Используется для корректного озвучивания скринридерами Radiobox и Checkbox компонент.\n */\nexport const SSRProvider = ({ children }: { children: ReactNode }) => {\n const value = {\n uniqId: 0,\n };\n\n return <SSRContext.Provider value={value}>{children}</SSRContext.Provider>;\n};\n"],"names":["SSRContext","createContext","uniqId","SSRProvider","_ref","children","value","React","createElement","Provider"],"mappings":";;AAGaA,IAAAA,UAAU,gBAAGC,aAAa,CAA4B;AAC/DC,EAAAA,MAAM,EAAE,IAAA;AACZ,CAAC,EAAC;;AAEF;AACA;AACA;AACA;AACA;IACaC,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA,EAA8C;AAAA,EAAA,IAAxCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ,CAAA;AAClC,EAAA,IAAMC,KAAK,GAAG;AACVJ,IAAAA,MAAM,EAAE,CAAA;GACX,CAAA;AAED,EAAA,oBAAOK,~~KAAA~~,CAAAC,aAAA,CAACR,UAAU,CAACS,QAAQ,EAAA;AAACH,IAAAA,KAAK,EAAEA,KAAAA;AAAM,GAAA,EAAED,QAA8B,CAAC,CAAA;AAC9E;;;;"}
1	+ {"version":3,"file":"SSRProvider.js","sources":["../../../../../src/components/SSRProvider/SSRProvider.tsx"],"sourcesContent":["import React, { createContext } from 'react';\nimport type { ReactNode } from 'react';\n\nexport const SSRContext = createContext<{ uniqId: number \| null }>({\n uniqId: null,\n});\n\n/*\n Провайдер обязателен для использования, необходимо обернуть в него все приложение.\n \n Используется для корректного озвучивания скринридерами Radiobox и Checkbox компонент.\n */\nexport const SSRProvider = ({ children }: { children: ReactNode }) => {\n const value = {\n uniqId: 0,\n };\n\n return <SSRContext.Provider value={value}>{children}</SSRContext.Provider>;\n};\n"],"names":["SSRContext","createContext","uniqId","SSRProvider","_ref","children","value","React","createElement","Provider"],"mappings":";;AAGaA,IAAAA,UAAU,gBAAGC,aAAa,CAA4B;AAC/DC,EAAAA,MAAM,EAAE,IAAA;AACZ,CAAC,EAAC;;AAEF;AACA;AACA;AACA;AACA;IACaC,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA,EAA8C;AAAA,EAAA,IAAxCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ,CAAA;AAClC,EAAA,IAAMC,KAAK,GAAG;AACVJ,IAAAA,MAAM,EAAE,CAAA;GACX,CAAA;AAED,EAAA,oBAAOK,cAAA,CAAAC,aAAA,CAACR,UAAU,CAACS,QAAQ,EAAA;AAACH,IAAAA,KAAK,EAAEA,KAAAA;AAAM,GAAA,EAAED,QAA8B,CAAC,CAAA;AAC9E;;;;"}

package/dist/css/es/components/Segment/SegmentProvider/SegmentProvider.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { slicedToArray as _slicedToArray, toConsumableArray as _toConsumableArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { useState, createContext, useContext } from 'react';
+import React__default, { useState, createContext, useContext } from 'react';
 var SegmentContext = /*#__PURE__*/createContext(undefined);
 var useSegmentInner = function useSegmentInner() {
@@ -54,7 +54,7 @@ var SegmentProvider = function SegmentProvider(_ref) {
     disabledGroup: disabledGroup,
     setDisabledGroup: setDisabledGroup
   };
-  return /*#__PURE__*/React.createElement(SegmentContext.Provider, {
+  return /*#__PURE__*/React__default.createElement(SegmentContext.Provider, {
     value: contextValue
   }, children);
 };

package/dist/css/es/components/Segment/SegmentProvider/SegmentProvider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SegmentProvider.js","sources":["../../../../../../src/components/Segment/SegmentProvider/SegmentProvider.tsx"],"sourcesContent":["import React, { createContext, useContext, useState } from 'react';\nimport type { FC } from 'react';\n\nimport { SegmentContextType, SegmentProviderProps, SegmentSelectionMode } from './SegmentProvider.types';\n\nexport const SegmentContext = createContext<SegmentContextType \| undefined>(undefined);\n\nexport const useSegmentInner = () => {\n const context = useContext(SegmentContext);\n if (!context) {\n throw new Error('useSegment must be used within a SegmentProvider');\n }\n return context;\n};\n\nexport const useSegment = () => {\n const { selectedSegmentItems } = useSegmentInner();\n return { selectedSegmentItems };\n};\n\nexport const SegmentProvider: FC<SegmentProviderProps> = ({ children, defaultSelected, singleSelectedRequired }) => {\n const [selectedSegmentItems, setSelectedSegmentItems] = useState<string[]>(defaultSelected \|\| []);\n const [selectionMode, setSelectionMode] = useState<SegmentSelectionMode>('single');\n const [disabledGroup, setDisabledGroup] = useState(false);\n\n const handleSelect = (label: string) => {\n if (selectionMode !== 'multiple') {\n setSelectedSegmentItems((prevSelected) =>\n prevSelected.includes(label) && !singleSelectedRequired ? [] : [label],\n );\n\n return;\n }\n\n setSelectedSegmentItems((prevSelected) =>\n prevSelected.includes(label) && !singleSelectedRequired && prevSelected.length !== 1\n ? prevSelected.filter((item) => item !== label)\n : [...prevSelected, label],\n );\n };\n\n const contextValue: SegmentContextType = {\n selectedSegmentItems,\n setSelectedSegmentItems,\n handleSelect,\n selectionMode,\n setSelectionMode,\n disabledGroup,\n setDisabledGroup,\n };\n\n return <SegmentContext.Provider value={contextValue}>{children}</SegmentContext.Provider>;\n};\n"],"names":["SegmentContext","createContext","undefined","useSegmentInner","context","useContext","Error","useSegment","_useSegmentInner","selectedSegmentItems","SegmentProvider","_ref","children","defaultSelected","singleSelectedRequired","_useState","useState","_useState2","_slicedToArray","setSelectedSegmentItems","_useState3","_useState4","selectionMode","setSelectionMode","_useState5","_useState6","disabledGroup","setDisabledGroup","handleSelect","label","prevSelected","includes","length","filter","item","concat","_toConsumableArray","contextValue","React","createElement","Provider","value"],"mappings":"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~~KAAA~~,CAAAC,aAAA,CAACvC,cAAc,CAACwC,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEJ,YAAAA;AAAa,GAAA,EAAEzB,QAAkC,CAAC,CAAA;AAC7F;;;;"}
1	+ {"version":3,"file":"SegmentProvider.js","sources":["../../../../../../src/components/Segment/SegmentProvider/SegmentProvider.tsx"],"sourcesContent":["import React, { createContext, useContext, useState } from 'react';\nimport type { FC } from 'react';\n\nimport { SegmentContextType, SegmentProviderProps, SegmentSelectionMode } from './SegmentProvider.types';\n\nexport const SegmentContext = createContext<SegmentContextType \| undefined>(undefined);\n\nexport const useSegmentInner = () => {\n const context = useContext(SegmentContext);\n if (!context) {\n throw new Error('useSegment must be used within a SegmentProvider');\n }\n return context;\n};\n\nexport const useSegment = () => {\n const { selectedSegmentItems } = useSegmentInner();\n return { selectedSegmentItems };\n};\n\nexport const SegmentProvider: FC<SegmentProviderProps> = ({ children, defaultSelected, singleSelectedRequired }) => {\n const [selectedSegmentItems, setSelectedSegmentItems] = useState<string[]>(defaultSelected \|\| []);\n const [selectionMode, setSelectionMode] = useState<SegmentSelectionMode>('single');\n const [disabledGroup, setDisabledGroup] = useState(false);\n\n const handleSelect = (label: string) => {\n if (selectionMode !== 'multiple') {\n setSelectedSegmentItems((prevSelected) =>\n prevSelected.includes(label) && !singleSelectedRequired ? [] : [label],\n );\n\n return;\n }\n\n setSelectedSegmentItems((prevSelected) =>\n prevSelected.includes(label) && !singleSelectedRequired && prevSelected.length !== 1\n ? prevSelected.filter((item) => item !== label)\n : [...prevSelected, label],\n );\n };\n\n const contextValue: SegmentContextType = {\n selectedSegmentItems,\n setSelectedSegmentItems,\n handleSelect,\n selectionMode,\n setSelectionMode,\n disabledGroup,\n setDisabledGroup,\n };\n\n return <SegmentContext.Provider value={contextValue}>{children}</SegmentContext.Provider>;\n};\n"],"names":["SegmentContext","createContext","undefined","useSegmentInner","context","useContext","Error","useSegment","_useSegmentInner","selectedSegmentItems","SegmentProvider","_ref","children","defaultSelected","singleSelectedRequired","_useState","useState","_useState2","_slicedToArray","setSelectedSegmentItems","_useState3","_useState4","selectionMode","setSelectionMode","_useState5","_useState6","disabledGroup","setDisabledGroup","handleSelect","label","prevSelected","includes","length","filter","item","concat","_toConsumableArray","contextValue","React","createElement","Provider","value"],"mappings":"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"}

package/dist/css/es/components/Segment/ui/SegmentGroup/SegmentGroup.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef, useRef, useState, useCallback, useEffect, useMemo } from 'react';
+import React__default, { forwardRef, useRef, useState, useCallback, useEffect, useMemo } from 'react';
 import { cx } from '../../../../utils/index.js';
 import { tokens, classes } from '../../tokens.js';
 import { useSegmentInner } from '../../SegmentProvider/SegmentProvider.js';
@@ -196,31 +196,31 @@ var segmentGroupRoot = function segmentGroupRoot(Root) {
     }, [firstItemVisible, isVertical]);
     var PreviousButton = useMemo(function () {
       var ArrowNode = isVertical ? StyledTopArrow : StyledLeftArrow;
-      return /*#__PURE__*/React.createElement(ArrowNode, {
+      return /*#__PURE__*/React__default.createElement(ArrowNode, {
         type: "button",
         "aria-label": "\u041F\u0440\u0435\u0434\u044B\u0434\u0443\u0449\u0438\u0439 \u0441\u0435\u0433\u043C\u0435\u043D\u0442",
         onClick: onPrev,
         tabIndex: disabled ? -1 : 0,
         disabled: disabled
-      }, isVertical ? /*#__PURE__*/React.createElement(IconDisclosureUpWithOffset, {
+      }, isVertical ? /*#__PURE__*/React__default.createElement(IconDisclosureUpWithOffset, {
         color: "var(".concat(tokens.arrowColor, ")"),
         size: "s"
-      }) : /*#__PURE__*/React.createElement(IconDisclosureLeftWithOffset, {
+      }) : /*#__PURE__*/React__default.createElement(IconDisclosureLeftWithOffset, {
         color: "var(".concat(tokens.arrowColor, ")")
       }));
     }, [onPrev, isVertical]);
     var NextButton = useMemo(function () {
       var ArrowNode = isVertical ? StyledBottomArrow : StyledRightArrow;
-      return /*#__PURE__*/React.createElement(ArrowNode, {
+      return /*#__PURE__*/React__default.createElement(ArrowNode, {
         type: "button",
         "aria-label": "\u0421\u043B\u0435\u0434\u0443\u044E\u0449\u0438\u0439 \u0441\u0435\u0433\u043C\u0435\u043D\u0442",
         onClick: onNext,
         tabIndex: disabled ? -1 : 0,
         disabled: disabled
-      }, isVertical ? /*#__PURE__*/React.createElement(IconDisclosureDownWithOffset, {
+      }, isVertical ? /*#__PURE__*/React__default.createElement(IconDisclosureDownWithOffset, {
         color: "var(".concat(tokens.arrowColor, ")"),
         size: "s"
-      }) : /*#__PURE__*/React.createElement(IconDisclosureRightWithOffset, {
+      }) : /*#__PURE__*/React__default.createElement(IconDisclosureRightWithOffset, {
         color: "var(".concat(tokens.arrowColor, ")")
       }));
     }, [onNext, isVertical]);
@@ -228,7 +228,7 @@ var segmentGroupRoot = function segmentGroupRoot(Root) {
       selectionMode && setSelectionMode(selectionMode);
       setDisabledGroup(disabled);
     }, [selectionMode, disabled]);
-    return /*#__PURE__*/React.createElement(Root, _extends({
+    return /*#__PURE__*/React__default.createElement(Root, _extends({
       view: view,
       size: size,
       orientation: orientation,
@@ -239,11 +239,11 @@ var segmentGroupRoot = function segmentGroupRoot(Root) {
       pilled: pilledAttr,
       className: cx(pilledClass, filledClass, stretchClass, orientationClass),
       onKeyDown: onKeyDown
-    }, rest), !firstItemVisible && PreviousButton, /*#__PURE__*/React.createElement(StyledContentWrapper, {
+    }, rest), !firstItemVisible && PreviousButton, /*#__PURE__*/React__default.createElement(StyledContentWrapper, {
       className: cx(clipScrollClass),
       ref: scrollRef,
       onScroll: handleScroll
-    }, /*#__PURE__*/React.createElement(StyledContent, {
+    }, /*#__PURE__*/React__default.createElement(StyledContent, {
       ref: trackRef
     }, children)), !lastItemVisible && NextButton);
   });