@salutejs/plasma-new-hope 0.326.1-canary.2043.15852251108.0 → 0.327.0-canary.1741.15775036215.0

package/cjs/components/Range/utils/index.js

@@ -2,21 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var getChangeHandler = function getChangeHandler(changeHandler, disabled, readOnly) {
-  return function (event) {
-    if (disabled || readOnly) {
-      return;
-    }
-    changeHandler === null || changeHandler === void 0 || changeHandler(event, event.target.value);
-  };
+const getChangeHandler = (changeHandler, disabled, readOnly) => event => {
+  if (disabled || readOnly) {
+    return;
+  }
+  changeHandler?.(event, event.target.value);
 };
-var getSearchHandler = function getSearchHandler(searchHandler, disabled, readOnly) {
-  return function (value, event) {
-    if (disabled || readOnly) {
-      return;
-    }
-    searchHandler === null || searchHandler === void 0 || searchHandler(event, value);
-  };
+const getSearchHandler = (searchHandler, disabled, readOnly) => (value, event) => {
+  if (disabled || readOnly) {
+    return;
+  }
+  searchHandler?.(event, value);
 };
 
 exports.getChangeHandler = getChangeHandler;

package/cjs/components/Range/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Range/utils/index.ts"],"sourcesContent":["import type { ChangeEvent, KeyboardEvent } from 'react';\n\nimport type { BaseCallbackChangeInstance, BaseCallbackKeyboardInstance } from '../Range.types';\n\nexport const getChangeHandler = (\n    changeHandler?: BaseCallbackChangeInstance,\n    disabled?: boolean,\n    readOnly?: boolean,\n) => (event: ChangeEvent<HTMLInputElement>) => {\n    if (disabled || readOnly) {\n        return;\n    }\n\n    changeHandler?.(event, event.target.value);\n};\n\nexport const getSearchHandler = (\n    searchHandler?: BaseCallbackKeyboardInstance,\n    disabled?: boolean,\n    readOnly?: boolean,\n) => (value: string, event?: KeyboardEvent<HTMLInputElement>) => {\n    if (disabled || readOnly) {\n        return;\n    }\n\n    searchHandler?.(event as KeyboardEvent<HTMLInputElement>, value);\n};\n"],"names":["getChangeHandler","changeHandler","disabled","readOnly","event","target","value","getSearchHandler","searchHandler"],"mappings":";;;;AAIO,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CACzBC,aAA0C,EAC1CC,QAAkB,EAClBC,QAAkB,EAAA;EAAA,OACjB,UAACC,KAAoC,EAAK;IAC3C,IAAIF,QAAQ,IAAIC,QAAQ,EAAE;AACtB,MAAA,OAAA;AACJ,KAAA;AAEAF,IAAAA,aAAa,KAAbA,IAAAA,IAAAA,aAAa,KAAbA,KAAAA,CAAAA,IAAAA,aAAa,CAAGG,KAAK,EAAEA,KAAK,CAACC,MAAM,CAACC,KAAK,CAAC,CAAA;GAC7C,CAAA;AAAA,EAAA;AAEM,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CACzBC,aAA4C,EAC5CN,QAAkB,EAClBC,QAAkB,EAAA;AAAA,EAAA,OACjB,UAACG,KAAa,EAAEF,KAAuC,EAAK;IAC7D,IAAIF,QAAQ,IAAIC,QAAQ,EAAE;AACtB,MAAA,OAAA;AACJ,KAAA;IAEAK,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAbA,KAAAA,CAAAA,IAAAA,aAAa,CAAGJ,KAAK,EAAqCE,KAAK,CAAC,CAAA;GACnE,CAAA;AAAA;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Range/utils/index.ts"],"sourcesContent":["import type { ChangeEvent, KeyboardEvent } from 'react';\n\nimport type { BaseCallbackChangeInstance, BaseCallbackKeyboardInstance } from '../Range.types';\n\nexport const getChangeHandler = (\n    changeHandler?: BaseCallbackChangeInstance,\n    disabled?: boolean,\n    readOnly?: boolean,\n) => (event: ChangeEvent<HTMLInputElement>) => {\n    if (disabled || readOnly) {\n        return;\n    }\n\n    changeHandler?.(event, event.target.value);\n};\n\nexport const getSearchHandler = (\n    searchHandler?: BaseCallbackKeyboardInstance,\n    disabled?: boolean,\n    readOnly?: boolean,\n) => (value: string, event?: KeyboardEvent<HTMLInputElement>) => {\n    if (disabled || readOnly) {\n        return;\n    }\n\n    searchHandler?.(event as KeyboardEvent<HTMLInputElement>, value);\n};\n"],"names":["getChangeHandler","changeHandler","disabled","readOnly","event","target","value","getSearchHandler","searchHandler"],"mappings":";;;;AAIO,MAAMA,gBAAgB,GAAGA,CAC5BC,aAA0C,EAC1CC,QAAkB,EAClBC,QAAkB,KAChBC,KAAoC,IAAK;EAC3C,IAAIF,QAAQ,IAAIC,QAAQ,EAAE;AACtB,IAAA,OAAA;AACJ,GAAA;EAEAF,aAAa,GAAGG,KAAK,EAAEA,KAAK,CAACC,MAAM,CAACC,KAAK,CAAC,CAAA;AAC9C,EAAC;AAEYC,MAAAA,gBAAgB,GAAGA,CAC5BC,aAA4C,EAC5CN,QAAkB,EAClBC,QAAkB,KACjB,CAACG,KAAa,EAAEF,KAAuC,KAAK;EAC7D,IAAIF,QAAQ,IAAIC,QAAQ,EAAE;AACtB,IAAA,OAAA;AACJ,GAAA;AAEAK,EAAAA,aAAa,GAAGJ,KAAK,EAAqCE,KAAK,CAAC,CAAA;AACpE;;;;;"}

package/cjs/components/Range/variations/_disabled/base.js

@@ -3,7 +3,7 @@ require('./base_1ufizo4.css');
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var base = "brz2a7";
+const base = "brz2a7";
 
 exports.base = base;
 //# sourceMappingURL=base.js.map

package/cjs/components/Range/variations/_disabled/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/Range/variations/_disabled/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../Range.tokens';\n\nexport const base = css`\n    &[disabled] {\n        opacity: var(${tokens.disabledOpacity});\n        cursor: not-allowed;\n    }\n`;\n"],"names":["base"],"mappings":";;;;AAIO,IAAMA,IAAI,GAKhB;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../src/components/Range/variations/_disabled/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../Range.tokens';\n\nexport const base = css`\n    &[disabled] {\n        opacity: var(${tokens.disabledOpacity});\n        cursor: not-allowed;\n    }\n`;\n"],"names":["base"],"mappings":";;;;AAIO,MAAMA,IAAI,GAKhB;;;;"}

package/cjs/components/Range/variations/_readonly/base.js

@@ -3,7 +3,7 @@ require('./base_1kd2tb.css');
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var base = "b1l9fpln";
+const base = "b1l9fpln";
 
 exports.base = base;
 //# sourceMappingURL=base.js.map

package/cjs/components/Range/variations/_readonly/base.js.map

@@ -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\n        ${StyledContentRight} {\n            opacity: var(${tokens.rightContentOpacityReadOnly});\n        }\n    }\n`;\n"],"names":["base"],"mappings":";;;;AAYO,IAAMA,IAAI,GA8ChB;;;;"}
+{"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\n        ${StyledContentRight} {\n            opacity: var(${tokens.rightContentOpacityReadOnly});\n        }\n    }\n`;\n"],"names":["base"],"mappings":";;;;AAYO,MAAMA,IAAI,GA8ChB;;;;"}

package/cjs/components/Range/variations/_size/base.js

@@ -3,7 +3,7 @@ require('./base_13h9f8f.css');
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var base = "bc2if5b";
+const base = "bc2if5b";
 
 exports.base = base;
 //# sourceMappingURL=base.js.map

package/cjs/components/Range/variations/_size/base.js.map

@@ -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;;;;"}
+{"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,MAAMA,IAAI,GAqEhB;;;;"}

package/cjs/components/Range/variations/_view/base.js

@@ -3,7 +3,7 @@ require('./base_ems82y.css');
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var base = "bfrw0i0";
+const base = "bfrw0i0";
 
 exports.base = base;
 //# sourceMappingURL=base.js.map

package/cjs/components/Range/variations/_view/base.js.map

@@ -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;;;;"}
+{"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,MAAMA,IAAI,GAoDhB;;;;"}

package/cjs/components/Rating/Rating.css

@@ -1,10 +1,10 @@
-.Rating_styles_dg76kk_b1s2z5a7__2d85726b{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
+.Rating_styles_hi5qwl_b1s2z5a7__fbb4c466{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
 
-.Rating_styles_dg76kk_w2w5s5q__2d85726b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
-.Rating_styles_dg76kk_cq35jd4__2d85726b{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;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
-.Rating_styles_dg76kk_si7qyrs__2d85726b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
-.Rating_styles_dg76kk_s1qyefgr__2d85726b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
-.Rating_styles_dg76kk_h1v9l89e__2d85726b{word-break:break-word;}
+.Rating_styles_hi5qwl_w2w5s5q__fbb4c466{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
+.Rating_styles_hi5qwl_cq35jd4__fbb4c466{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;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
+.Rating_styles_hi5qwl_si7qyrs__fbb4c466{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
+.Rating_styles_hi5qwl_s1qyefgr__fbb4c466{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
+.Rating_styles_hi5qwl_h1v9l89e__fbb4c466{word-break:break-word;}
 
 .base_ifpbjw_b10gf48d__de0b9df0 .base_ifpbjw_smcag5a__de0b9df0{color:var(--plasma-rating-color);}.base_ifpbjw_b10gf48d__de0b9df0 .base_ifpbjw_h1v9l89e__de0b9df0{color:var(--plasma-rating_helper-text_color);}.base_ifpbjw_b10gf48d__de0b9df0 .base_ifpbjw_s1qyefgr__de0b9df0{color:var(--plasma-rating_icon_color);fill:var(--plasma-rating_icon_color);}.base_ifpbjw_b10gf48d__de0b9df0 .base_ifpbjw_s1qyefgr__de0b9df0.base_ifpbjw_ratingIconOutline__de0b9df0{color:unset;}.base_ifpbjw_b10gf48d__de0b9df0 .base_ifpbjw_s1qyefgr__de0b9df0.base_ifpbjw_ratingIconOutline__de0b9df0 path{fill:var(--plasma-rating_outline-icon_color);}
 

package/cjs/components/Rating/Rating.js

@@ -16,97 +16,87 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var _excluded = ["value", "hasValue", "precision", "valuePlacement", "iconSlot", "iconSlotOutline", "iconSlotHalf", "hasIcons", "iconQuantity", "helperText", "helperTextStretching", "size", "view"];
-var ratingRoot = function ratingRoot(Root) {
-  return /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-    var value = _ref.value,
-      _ref$hasValue = _ref.hasValue,
-      hasValue = _ref$hasValue === void 0 ? true : _ref$hasValue,
-      _ref$precision = _ref.precision,
-      precision = _ref$precision === void 0 ? 1 : _ref$precision,
-      valuePlacement = _ref.valuePlacement,
-      iconSlot = _ref.iconSlot,
-      iconSlotOutline = _ref.iconSlotOutline,
-      iconSlotHalf = _ref.iconSlotHalf,
-      _ref$hasIcons = _ref.hasIcons,
-      hasIcons = _ref$hasIcons === void 0 ? true : _ref$hasIcons,
-      _ref$iconQuantity = _ref.iconQuantity,
-      iconQuantity = _ref$iconQuantity === void 0 ? 5 : _ref$iconQuantity,
-      helperText = _ref.helperText,
-      _ref$helperTextStretc = _ref.helperTextStretching,
-      helperTextStretching = _ref$helperTextStretc === void 0 ? 'filled' : _ref$helperTextStretc,
-      size = _ref.size,
-      view = _ref.view,
-      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-    var innerValue = index.getInnerValue(value, precision, iconQuantity);
-    var contentRef = React.useRef(null);
-    var starsWrapperRef = React.useRef(null);
-    var _useState = React.useState('unset'),
-      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-      helperTextMaxWidth = _useState2[0],
-      setHelperTextMaxWidth = _useState2[1];
-    React.useEffect(function () {
-      if (!hasValue && !hasIcons) {
-        // eslint-disable-next-line no-console
-        console.error("Rating should have at least one of 'hasValue' or 'hasIcons' props");
-      }
-    }, [hasValue, hasIcons]);
-    React.useEffect(function () {
-      if (helperTextStretching === 'filled') {
+const ratingRoot = Root => /*#__PURE__*/React.forwardRef(({
+  value,
+  hasValue = true,
+  precision = 1,
+  valuePlacement,
+  iconSlot,
+  iconSlotOutline,
+  iconSlotHalf,
+  hasIcons = true,
+  iconQuantity = 5,
+  helperText,
+  helperTextStretching = 'filled',
+  size,
+  view,
+  ...rest
+}, ref) => {
+  const innerValue = index.getInnerValue(value, precision, iconQuantity);
+  const contentRef = React.useRef(null);
+  const starsWrapperRef = React.useRef(null);
+  const [helperTextMaxWidth, setHelperTextMaxWidth] = React.useState('unset');
+  React.useEffect(() => {
+    if (!hasValue && !hasIcons) {
+      // eslint-disable-next-line no-console
+      console.error("Rating should have at least one of 'hasValue' or 'hasIcons' props");
+    }
+  }, [hasValue, hasIcons]);
+  React.useEffect(() => {
+    if (helperTextStretching === 'filled') {
+      setHelperTextMaxWidth('unset');
+      return;
+    }
+    const helpertextPlacement = index.getHelperTextPlacement(value, size, hasIcons, iconQuantity);
+    if (helpertextPlacement === index.helperTextPlacements.inner) {
+      if (!starsWrapperRef?.current) {
         setHelperTextMaxWidth('unset');
         return;
       }
-      var helpertextPlacement = index.getHelperTextPlacement(value, size, hasIcons, iconQuantity);
-      if (helpertextPlacement === index.helperTextPlacements.inner) {
-        if (!(starsWrapperRef !== null && starsWrapperRef !== void 0 && starsWrapperRef.current)) {
-          setHelperTextMaxWidth('unset');
-          return;
-        }
-        var starsWrapperWidth = starsWrapperRef.current.offsetWidth;
-        setHelperTextMaxWidth("".concat(starsWrapperWidth, "px"));
-      } else if (helpertextPlacement === index.helperTextPlacements.outer) {
-        if (!(contentRef !== null && contentRef !== void 0 && contentRef.current)) {
-          setHelperTextMaxWidth('unset');
-          return;
-        }
-        var _starsWrapperWidth = contentRef.current.offsetWidth;
-        setHelperTextMaxWidth("".concat(_starsWrapperWidth, "px"));
+      const starsWrapperWidth = starsWrapperRef.current.offsetWidth;
+      setHelperTextMaxWidth(`${starsWrapperWidth}px`);
+    } else if (helpertextPlacement === index.helperTextPlacements.outer) {
+      if (!contentRef?.current) {
+        setHelperTextMaxWidth('unset');
+        return;
       }
-    }, [helperTextStretching, helperText, hasValue, hasIcons, precision, value, iconQuantity]);
+      const starsWrapperWidth = contentRef.current.offsetWidth;
+      setHelperTextMaxWidth(`${starsWrapperWidth}px`);
+    }
+  }, [helperTextStretching, helperText, hasValue, hasIcons, precision, value, iconQuantity]);
 
-    // INFO: Если выключено отображение иконок и значения, нет смысла показывать только helperText
-    if (!hasValue && !hasIcons) {
-      return null;
+  // INFO: Если выключено отображение иконок и значения, нет смысла показывать только helperText
+  if (!hasValue && !hasIcons) {
+    return null;
+  }
+  return /*#__PURE__*/React__default.default.createElement(Root, _rollupPluginBabelHelpers.extends({
+    ref: ref,
+    view: view,
+    size: size
+  }, rest), /*#__PURE__*/React__default.default.createElement(Rating_styles.Content, {
+    ref: contentRef,
+    className: index$1.cx(valuePlacement === 'after' && Rating_tokens.classes.valueAfter, iconQuantity === 1 && Rating_tokens.classes.singleIconContent)
+  }, hasValue && innerValue && /*#__PURE__*/React__default.default.createElement(Rating_styles.Score, null, innerValue), hasIcons && /*#__PURE__*/React__default.default.createElement(Rating_styles.Wrapper, null, /*#__PURE__*/React__default.default.createElement(Rating_styles.StarsWrapper, {
+    ref: starsWrapperRef
+  }, getIcons.getIcons({
+    innerValue,
+    size,
+    iconQuantity,
+    iconSlot,
+    iconSlotOutline,
+    iconSlotHalf
+  })), helperText && index.getHelperTextPlacement(value, size, hasIcons, iconQuantity) === index.helperTextPlacements.inner && /*#__PURE__*/React__default.default.createElement(Rating_styles.HelperText, {
+    style: {
+      maxWidth: helperTextMaxWidth
     }
-    return /*#__PURE__*/React__default.default.createElement(Root, _rollupPluginBabelHelpers.extends({
-      ref: ref,
-      view: view,
-      size: size
-    }, rest), /*#__PURE__*/React__default.default.createElement(Rating_styles.Content, {
-      ref: contentRef,
-      className: index$1.cx(valuePlacement === 'after' && Rating_tokens.classes.valueAfter, iconQuantity === 1 && Rating_tokens.classes.singleIconContent)
-    }, hasValue && innerValue && /*#__PURE__*/React__default.default.createElement(Rating_styles.Score, null, innerValue), hasIcons && /*#__PURE__*/React__default.default.createElement(Rating_styles.Wrapper, null, /*#__PURE__*/React__default.default.createElement(Rating_styles.StarsWrapper, {
-      ref: starsWrapperRef
-    }, getIcons.getIcons({
-      innerValue: innerValue,
-      size: size,
-      iconQuantity: iconQuantity,
-      iconSlot: iconSlot,
-      iconSlotOutline: iconSlotOutline,
-      iconSlotHalf: iconSlotHalf
-    })), helperText && index.getHelperTextPlacement(value, size, hasIcons, iconQuantity) === index.helperTextPlacements.inner && /*#__PURE__*/React__default.default.createElement(Rating_styles.HelperText, {
-      style: {
-        maxWidth: helperTextMaxWidth
-      }
-    }, helperText))), helperText && index.getHelperTextPlacement(value, size, hasIcons, iconQuantity) === index.helperTextPlacements.outer && /*#__PURE__*/React__default.default.createElement(Rating_styles.HelperText, {
-      className: Rating_tokens.classes.helperTextOuter,
-      style: {
-        maxWidth: helperTextMaxWidth
-      }
-    }, helperText));
-  });
-};
-var ratingConfig = {
+  }, helperText))), helperText && index.getHelperTextPlacement(value, size, hasIcons, iconQuantity) === index.helperTextPlacements.outer && /*#__PURE__*/React__default.default.createElement(Rating_styles.HelperText, {
+    className: Rating_tokens.classes.helperTextOuter,
+    style: {
+      maxWidth: helperTextMaxWidth
+    }
+  }, helperText));
+});
+const ratingConfig = {
   name: 'Rating',
   tag: 'div',
   layout: ratingRoot,

package/cjs/components/Rating/Rating.js.map

@@ -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":"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"}
+{"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","value","hasValue","precision","valuePlacement","iconSlot","iconSlotOutline","iconSlotHalf","hasIcons","iconQuantity","helperText","helperTextStretching","size","view","rest","ref","innerValue","getInnerValue","contentRef","useRef","starsWrapperRef","helperTextMaxWidth","setHelperTextMaxWidth","useState","useEffect","console","error","helpertextPlacement","getHelperTextPlacement","helperTextPlacements","inner","current","starsWrapperWidth","offsetWidth","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/cjs/components/Rating/Rating.styles.js

@@ -1,39 +1,39 @@
-require('./Rating.styles_dg76kk.css');
+require('./Rating.styles_hi5qwl.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var react = require('@linaria/react');
 
-var base = "b1s2z5a7";
-var Score = /*#__PURE__*/react.styled('div')({
+const base = "b1s2z5a7";
+const Score = /*#__PURE__*/react.styled('div')({
   name: "Score",
-  "class": "smcag5a",
+  class: "smcag5a",
   propsAsIs: false
 });
-var Wrapper = /*#__PURE__*/react.styled('div')({
+const Wrapper = /*#__PURE__*/react.styled('div')({
   name: "Wrapper",
-  "class": "w2w5s5q",
+  class: "w2w5s5q",
   propsAsIs: false
 });
-var Content = /*#__PURE__*/react.styled('div')({
+const Content = /*#__PURE__*/react.styled('div')({
   name: "Content",
-  "class": "cq35jd4",
+  class: "cq35jd4",
   propsAsIs: false
 });
-var StarsWrapper = /*#__PURE__*/react.styled('div')({
+const StarsWrapper = /*#__PURE__*/react.styled('div')({
   name: "StarsWrapper",
-  "class": "si7qyrs",
+  class: "si7qyrs",
   propsAsIs: false
 });
-var Star = /*#__PURE__*/react.styled('div')({
+const Star = /*#__PURE__*/react.styled('div')({
   name: "Star",
-  "class": "s1qyefgr",
+  class: "s1qyefgr",
   propsAsIs: false
 });
-var HelperText = /*#__PURE__*/react.styled('span')({
+const HelperText = /*#__PURE__*/react.styled('span')({
   name: "HelperText",
-  "class": "h1v9l89e",
+  class: "h1v9l89e",
   propsAsIs: false
 });
 

package/cjs/components/Rating/Rating.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Rating.styles.js","sources":["../../../src/components/Rating/Rating.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nexport const base = css`\n    display: inline-flex;\n    flex-direction: column;\n`;\n\nexport const Score = styled.div``;\n\nexport const Wrapper = styled.div`\n    display: flex;\n    align-items: flex-start;\n    flex-direction: column;\n`;\n\nexport const Content = styled.div`\n    display: flex;\n    align-items: center;\n    width: fit-content;\n`;\n\nexport const StarsWrapper = styled.div`\n    display: flex;\n`;\n\nexport const Star = styled.div`\n    display: flex;\n`;\n\nexport const HelperText = styled.span`\n    word-break: break-word;\n`;\n"],"names":["base","Score","styled","name","class","propsAsIs","Wrapper","Content","StarsWrapper","Star","HelperText"],"mappings":";;;;;;AAGO,IAAMA,IAAI,GAGhB,WAAA;AAEM,IAAMC,KAAK,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAE1B,IAAMC,OAAO,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,SAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAI5B,EAAA;AAEM,IAAME,OAAO,gBAAGL,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,SAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAI5B,EAAA;AAEM,IAAMG,YAAY,gBAAGN,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAEjC,EAAA;AAEM,IAAMI,IAAI,gBAAGP,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,MAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAEzB,EAAA;AAEM,IAAMK,UAAU,gBAAGR,YAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE/B;;;;;;;;;;"}
+{"version":3,"file":"Rating.styles.js","sources":["../../../src/components/Rating/Rating.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nexport const base = css`\n    display: inline-flex;\n    flex-direction: column;\n`;\n\nexport const Score = styled.div``;\n\nexport const Wrapper = styled.div`\n    display: flex;\n    align-items: start;\n    flex-direction: column;\n`;\n\nexport const Content = styled.div`\n    display: flex;\n    align-items: center;\n    width: fit-content;\n`;\n\nexport const StarsWrapper = styled.div`\n    display: flex;\n`;\n\nexport const Star = styled.div`\n    display: flex;\n`;\n\nexport const HelperText = styled.span`\n    word-break: break-word;\n`;\n"],"names":["base","Score","styled","name","class","propsAsIs","Wrapper","Content","StarsWrapper","Star","HelperText"],"mappings":";;;;;;AAGO,MAAMA,IAAI,GAGhB,WAAA;AAEM,MAAMC,KAAK,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,KAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAE1B,MAAMC,OAAO,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,SAAA;AAAAC,EAAAA,KAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAI5B,EAAA;AAEM,MAAME,OAAO,gBAAGL,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,SAAA;AAAAC,EAAAA,KAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAI5B,EAAA;AAEM,MAAMG,YAAY,gBAAGN,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,KAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAEjC,EAAA;AAEM,MAAMI,IAAI,gBAAGP,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,MAAA;AAAAC,EAAAA,KAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAEzB,EAAA;AAEM,MAAMK,UAAU,gBAAGR,YAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,KAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE/B;;;;;;;;;;"}

package/{es/components/Rating/Rating.styles_dg76kk.css → cjs/components/Rating/Rating.styles_hi5qwl.css}

@@ -1,6 +1,6 @@
 .b1s2z5a7{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
 
-.w2w5s5q{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
+.w2w5s5q{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
 .cq35jd4{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;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
 .si7qyrs{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
 .s1qyefgr{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}

package/cjs/components/Rating/Rating.tokens.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var classes = {
+const classes = {
   valueAfter: 'rating-score-value-after',
   helperTextOuter: 'rating-helper-text-outer',
   singleIconContent: 'rating-single-icon-content',
@@ -10,14 +10,14 @@ var classes = {
   iconOutline: 'rating-icon-outline',
   customIconSizing: 'rating-custom-icon-sizing'
 };
-var privateTokens = {
+const privateTokens = {
   iconSize: '--plasma_private-rating_icon-size'
 };
-var iconSizePrefixes = {
+const iconSizePrefixes = {
   multiple: '--plasma-rating_icon-size',
   single: '--plasma-rating_single-icon-size'
 };
-var tokens = {
+const tokens = {
   color: '--plasma-rating-color',
   helperTextColor: '--plasma-rating_helper-text_color',
   iconColor: '--plasma-rating_icon_color',
@@ -43,15 +43,15 @@ var tokens = {
   iconMarginBottom: '--plasma-rating_icon-margin-bottom',
   iconSize: '--plasma-rating_icon-size',
   actualIconSize: '--plasma-rating_icon-size_actual',
-  iconSizeSmall: /*#__PURE__*/"".concat(iconSizePrefixes.multiple, "_small-screen"),
-  iconSizeMedium: /*#__PURE__*/"".concat(iconSizePrefixes.multiple, "_medium-screen"),
-  iconSizeLarge: /*#__PURE__*/"".concat(iconSizePrefixes.multiple, "_large-screen"),
+  iconSizeSmall: `${iconSizePrefixes.multiple}_small-screen`,
+  iconSizeMedium: `${iconSizePrefixes.multiple}_medium-screen`,
+  iconSizeLarge: `${iconSizePrefixes.multiple}_large-screen`,
   singleIconMarginBottom: '--plasma-rating_single-icon_margin-bottom',
   singleIconSize: '--plasma-rating_single-icon-size',
   actualSingleIconSize: '--plasma-rating_single-icon-size_actual',
-  singleIconSizeSmall: /*#__PURE__*/"".concat(iconSizePrefixes.single, "_small-screen"),
-  singleIconSizeMedium: /*#__PURE__*/"".concat(iconSizePrefixes.single, "_medium-screen"),
-  singleIconSizeLarge: /*#__PURE__*/"".concat(iconSizePrefixes.single, "_large-screen")
+  singleIconSizeSmall: `${iconSizePrefixes.single}_small-screen`,
+  singleIconSizeMedium: `${iconSizePrefixes.single}_medium-screen`,
+  singleIconSizeLarge: `${iconSizePrefixes.single}_large-screen`
 };
 
 exports.classes = classes;

package/cjs/components/Rating/Rating.tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"Rating.tokens.js","sources":["../../../src/components/Rating/Rating.tokens.ts"],"sourcesContent":["export const classes = {\n    valueAfter: 'rating-score-value-after',\n    helperTextOuter: 'rating-helper-text-outer',\n    singleIconContent: 'rating-single-icon-content',\n    singleIcon: 'rating-single-icon',\n    iconOutline: 'rating-icon-outline',\n    customIconSizing: 'rating-custom-icon-sizing',\n};\n\nexport const privateTokens = {\n    iconSize: '--plasma_private-rating_icon-size',\n};\n\nexport const iconSizePrefixes = {\n    multiple: '--plasma-rating_icon-size',\n    single: '--plasma-rating_single-icon-size',\n};\n\nexport const tokens = {\n    color: '--plasma-rating-color',\n    helperTextColor: '--plasma-rating_helper-text_color',\n\n    iconColor: '--plasma-rating_icon_color',\n    outlineIconColor: '--plasma-rating_outline-icon_color',\n\n    gap: '--plasma-rating-gap',\n\n    fontFamily: '--plasma-rating-font-family',\n    fontStyle: '--plasma-rating-font-style',\n    fontSize: '--plasma-rating-font-size',\n    fontWeight: '--plasma-rating-font-weight',\n    letterSpacing: '--plasma-rating-letter-spacing',\n    lineHeight: '--plasma-rating-line-height',\n\n    helperTextFontFamily: '--plasma-rating_helper-text_font-family',\n    helperTextFontStyle: '--plasma-rating_helper-text_font-style',\n    helperTextFontSize: '--plasma-rating_helper-text_font-size',\n    helperTextFontWeight: '--plasma-rating_helper-text_font-weight',\n    helperTextLetterSpacing: '--plasma-rating_helper-text_letter-spacing',\n    helperTextLineHeight: '--plasma-rating_helper-text_line-height',\n\n    contentGap: '--plasma-rating_content_gap',\n    singleIconContentGap: '--plasma-rating_single-icon_content_gap',\n    wrapperGap: '--plasma-rating_wrapper_gap',\n    starsWrapperGap: '--plasma-rating_stars-wrapper_gap',\n\n    scaleFactor: '--plasma-rating_icon-size_scale-factor',\n\n    iconMarginBottom: '--plasma-rating_icon-margin-bottom',\n    iconSize: '--plasma-rating_icon-size',\n    actualIconSize: '--plasma-rating_icon-size_actual',\n    iconSizeSmall: `${iconSizePrefixes.multiple}_small-screen`,\n    iconSizeMedium: `${iconSizePrefixes.multiple}_medium-screen`,\n    iconSizeLarge: `${iconSizePrefixes.multiple}_large-screen`,\n\n    singleIconMarginBottom: '--plasma-rating_single-icon_margin-bottom',\n    singleIconSize: '--plasma-rating_single-icon-size',\n    actualSingleIconSize: '--plasma-rating_single-icon-size_actual',\n    singleIconSizeSmall: `${iconSizePrefixes.single}_small-screen`,\n    singleIconSizeMedium: `${iconSizePrefixes.single}_medium-screen`,\n    singleIconSizeLarge: `${iconSizePrefixes.single}_large-screen`,\n};\n"],"names":["classes","valueAfter","helperTextOuter","singleIconContent","singleIcon","iconOutline","customIconSizing","privateTokens","iconSize","iconSizePrefixes","multiple","single","tokens","color","helperTextColor","iconColor","outlineIconColor","gap","fontFamily","fontStyle","fontSize","fontWeight","letterSpacing","lineHeight","helperTextFontFamily","helperTextFontStyle","helperTextFontSize","helperTextFontWeight","helperTextLetterSpacing","helperTextLineHeight","contentGap","singleIconContentGap","wrapperGap","starsWrapperGap","scaleFactor","iconMarginBottom","actualIconSize","iconSizeSmall","concat","iconSizeMedium","iconSizeLarge","singleIconMarginBottom","singleIconSize","actualSingleIconSize","singleIconSizeSmall","singleIconSizeMedium","singleIconSizeLarge"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,UAAU,EAAE,0BAA0B;AACtCC,EAAAA,eAAe,EAAE,0BAA0B;AAC3CC,EAAAA,iBAAiB,EAAE,4BAA4B;AAC/CC,EAAAA,UAAU,EAAE,oBAAoB;AAChCC,EAAAA,WAAW,EAAE,qBAAqB;AAClCC,EAAAA,gBAAgB,EAAE,2BAAA;AACtB,EAAC;AAEM,IAAMC,aAAa,GAAG;AACzBC,EAAAA,QAAQ,EAAE,mCAAA;AACd,EAAC;AAEM,IAAMC,gBAAgB,GAAG;AAC5BC,EAAAA,QAAQ,EAAE,2BAA2B;AACrCC,EAAAA,MAAM,EAAE,kCAAA;AACZ,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,KAAK,EAAE,uBAAuB;AAC9BC,EAAAA,eAAe,EAAE,mCAAmC;AAEpDC,EAAAA,SAAS,EAAE,4BAA4B;AACvCC,EAAAA,gBAAgB,EAAE,oCAAoC;AAEtDC,EAAAA,GAAG,EAAE,qBAAqB;AAE1BC,EAAAA,UAAU,EAAE,6BAA6B;AACzCC,EAAAA,SAAS,EAAE,4BAA4B;AACvCC,EAAAA,QAAQ,EAAE,2BAA2B;AACrCC,EAAAA,UAAU,EAAE,6BAA6B;AACzCC,EAAAA,aAAa,EAAE,gCAAgC;AAC/CC,EAAAA,UAAU,EAAE,6BAA6B;AAEzCC,EAAAA,oBAAoB,EAAE,yCAAyC;AAC/DC,EAAAA,mBAAmB,EAAE,wCAAwC;AAC7DC,EAAAA,kBAAkB,EAAE,uCAAuC;AAC3DC,EAAAA,oBAAoB,EAAE,yCAAyC;AAC/DC,EAAAA,uBAAuB,EAAE,4CAA4C;AACrEC,EAAAA,oBAAoB,EAAE,yCAAyC;AAE/DC,EAAAA,UAAU,EAAE,6BAA6B;AACzCC,EAAAA,oBAAoB,EAAE,yCAAyC;AAC/DC,EAAAA,UAAU,EAAE,6BAA6B;AACzCC,EAAAA,eAAe,EAAE,mCAAmC;AAEpDC,EAAAA,WAAW,EAAE,wCAAwC;AAErDC,EAAAA,gBAAgB,EAAE,oCAAoC;AACtD3B,EAAAA,QAAQ,EAAE,2BAA2B;AACrC4B,EAAAA,cAAc,EAAE,kCAAkC;AAClDC,EAAAA,aAAa,kBAAAC,MAAA,CAAK7B,gBAAgB,CAACC,QAAQ,EAAe,eAAA,CAAA;AAC1D6B,EAAAA,cAAc,kBAAAD,MAAA,CAAK7B,gBAAgB,CAACC,QAAQ,EAAgB,gBAAA,CAAA;AAC5D8B,EAAAA,aAAa,kBAAAF,MAAA,CAAK7B,gBAAgB,CAACC,QAAQ,EAAe,eAAA,CAAA;AAE1D+B,EAAAA,sBAAsB,EAAE,2CAA2C;AACnEC,EAAAA,cAAc,EAAE,kCAAkC;AAClDC,EAAAA,oBAAoB,EAAE,yCAAyC;AAC/DC,EAAAA,mBAAmB,kBAAAN,MAAA,CAAK7B,gBAAgB,CAACE,MAAM,EAAe,eAAA,CAAA;AAC9DkC,EAAAA,oBAAoB,kBAAAP,MAAA,CAAK7B,gBAAgB,CAACE,MAAM,EAAgB,gBAAA,CAAA;AAChEmC,EAAAA,mBAAmB,eAAAR,EAAAA,CAAAA,MAAA,CAAK7B,gBAAgB,CAACE,MAAM,EAAA,eAAA,CAAA;AACnD;;;;;;;"}
+{"version":3,"file":"Rating.tokens.js","sources":["../../../src/components/Rating/Rating.tokens.ts"],"sourcesContent":["export const classes = {\n    valueAfter: 'rating-score-value-after',\n    helperTextOuter: 'rating-helper-text-outer',\n    singleIconContent: 'rating-single-icon-content',\n    singleIcon: 'rating-single-icon',\n    iconOutline: 'rating-icon-outline',\n    customIconSizing: 'rating-custom-icon-sizing',\n};\n\nexport const privateTokens = {\n    iconSize: '--plasma_private-rating_icon-size',\n};\n\nexport const iconSizePrefixes = {\n    multiple: '--plasma-rating_icon-size',\n    single: '--plasma-rating_single-icon-size',\n};\n\nexport const tokens = {\n    color: '--plasma-rating-color',\n    helperTextColor: '--plasma-rating_helper-text_color',\n\n    iconColor: '--plasma-rating_icon_color',\n    outlineIconColor: '--plasma-rating_outline-icon_color',\n\n    gap: '--plasma-rating-gap',\n\n    fontFamily: '--plasma-rating-font-family',\n    fontStyle: '--plasma-rating-font-style',\n    fontSize: '--plasma-rating-font-size',\n    fontWeight: '--plasma-rating-font-weight',\n    letterSpacing: '--plasma-rating-letter-spacing',\n    lineHeight: '--plasma-rating-line-height',\n\n    helperTextFontFamily: '--plasma-rating_helper-text_font-family',\n    helperTextFontStyle: '--plasma-rating_helper-text_font-style',\n    helperTextFontSize: '--plasma-rating_helper-text_font-size',\n    helperTextFontWeight: '--plasma-rating_helper-text_font-weight',\n    helperTextLetterSpacing: '--plasma-rating_helper-text_letter-spacing',\n    helperTextLineHeight: '--plasma-rating_helper-text_line-height',\n\n    contentGap: '--plasma-rating_content_gap',\n    singleIconContentGap: '--plasma-rating_single-icon_content_gap',\n    wrapperGap: '--plasma-rating_wrapper_gap',\n    starsWrapperGap: '--plasma-rating_stars-wrapper_gap',\n\n    scaleFactor: '--plasma-rating_icon-size_scale-factor',\n\n    iconMarginBottom: '--plasma-rating_icon-margin-bottom',\n    iconSize: '--plasma-rating_icon-size',\n    actualIconSize: '--plasma-rating_icon-size_actual',\n    iconSizeSmall: `${iconSizePrefixes.multiple}_small-screen`,\n    iconSizeMedium: `${iconSizePrefixes.multiple}_medium-screen`,\n    iconSizeLarge: `${iconSizePrefixes.multiple}_large-screen`,\n\n    singleIconMarginBottom: '--plasma-rating_single-icon_margin-bottom',\n    singleIconSize: '--plasma-rating_single-icon-size',\n    actualSingleIconSize: '--plasma-rating_single-icon-size_actual',\n    singleIconSizeSmall: `${iconSizePrefixes.single}_small-screen`,\n    singleIconSizeMedium: `${iconSizePrefixes.single}_medium-screen`,\n    singleIconSizeLarge: `${iconSizePrefixes.single}_large-screen`,\n};\n"],"names":["classes","valueAfter","helperTextOuter","singleIconContent","singleIcon","iconOutline","customIconSizing","privateTokens","iconSize","iconSizePrefixes","multiple","single","tokens","color","helperTextColor","iconColor","outlineIconColor","gap","fontFamily","fontStyle","fontSize","fontWeight","letterSpacing","lineHeight","helperTextFontFamily","helperTextFontStyle","helperTextFontSize","helperTextFontWeight","helperTextLetterSpacing","helperTextLineHeight","contentGap","singleIconContentGap","wrapperGap","starsWrapperGap","scaleFactor","iconMarginBottom","actualIconSize","iconSizeSmall","iconSizeMedium","iconSizeLarge","singleIconMarginBottom","singleIconSize","actualSingleIconSize","singleIconSizeSmall","singleIconSizeMedium","singleIconSizeLarge"],"mappings":";;;;AAAO,MAAMA,OAAO,GAAG;AACnBC,EAAAA,UAAU,EAAE,0BAA0B;AACtCC,EAAAA,eAAe,EAAE,0BAA0B;AAC3CC,EAAAA,iBAAiB,EAAE,4BAA4B;AAC/CC,EAAAA,UAAU,EAAE,oBAAoB;AAChCC,EAAAA,WAAW,EAAE,qBAAqB;AAClCC,EAAAA,gBAAgB,EAAE,2BAAA;AACtB,EAAC;AAEM,MAAMC,aAAa,GAAG;AACzBC,EAAAA,QAAQ,EAAE,mCAAA;AACd,EAAC;AAEM,MAAMC,gBAAgB,GAAG;AAC5BC,EAAAA,QAAQ,EAAE,2BAA2B;AACrCC,EAAAA,MAAM,EAAE,kCAAA;AACZ,EAAC;AAEM,MAAMC,MAAM,GAAG;AAClBC,EAAAA,KAAK,EAAE,uBAAuB;AAC9BC,EAAAA,eAAe,EAAE,mCAAmC;AAEpDC,EAAAA,SAAS,EAAE,4BAA4B;AACvCC,EAAAA,gBAAgB,EAAE,oCAAoC;AAEtDC,EAAAA,GAAG,EAAE,qBAAqB;AAE1BC,EAAAA,UAAU,EAAE,6BAA6B;AACzCC,EAAAA,SAAS,EAAE,4BAA4B;AACvCC,EAAAA,QAAQ,EAAE,2BAA2B;AACrCC,EAAAA,UAAU,EAAE,6BAA6B;AACzCC,EAAAA,aAAa,EAAE,gCAAgC;AAC/CC,EAAAA,UAAU,EAAE,6BAA6B;AAEzCC,EAAAA,oBAAoB,EAAE,yCAAyC;AAC/DC,EAAAA,mBAAmB,EAAE,wCAAwC;AAC7DC,EAAAA,kBAAkB,EAAE,uCAAuC;AAC3DC,EAAAA,oBAAoB,EAAE,yCAAyC;AAC/DC,EAAAA,uBAAuB,EAAE,4CAA4C;AACrEC,EAAAA,oBAAoB,EAAE,yCAAyC;AAE/DC,EAAAA,UAAU,EAAE,6BAA6B;AACzCC,EAAAA,oBAAoB,EAAE,yCAAyC;AAC/DC,EAAAA,UAAU,EAAE,6BAA6B;AACzCC,EAAAA,eAAe,EAAE,mCAAmC;AAEpDC,EAAAA,WAAW,EAAE,wCAAwC;AAErDC,EAAAA,gBAAgB,EAAE,oCAAoC;AACtD3B,EAAAA,QAAQ,EAAE,2BAA2B;AACrC4B,EAAAA,cAAc,EAAE,kCAAkC;AAClDC,EAAAA,aAAa,EAAE,CAAA,EAAG5B,gBAAgB,CAACC,QAAQ,CAAe,aAAA,CAAA;AAC1D4B,EAAAA,cAAc,EAAE,CAAA,EAAG7B,gBAAgB,CAACC,QAAQ,CAAgB,cAAA,CAAA;AAC5D6B,EAAAA,aAAa,EAAE,CAAA,EAAG9B,gBAAgB,CAACC,QAAQ,CAAe,aAAA,CAAA;AAE1D8B,EAAAA,sBAAsB,EAAE,2CAA2C;AACnEC,EAAAA,cAAc,EAAE,kCAAkC;AAClDC,EAAAA,oBAAoB,EAAE,yCAAyC;AAC/DC,EAAAA,mBAAmB,EAAE,CAAA,EAAGlC,gBAAgB,CAACE,MAAM,CAAe,aAAA,CAAA;AAC9DiC,EAAAA,oBAAoB,EAAE,CAAA,EAAGnC,gBAAgB,CAACE,MAAM,CAAgB,cAAA,CAAA;AAChEkC,EAAAA,mBAAmB,EAAE,CAAA,EAAGpC,gBAAgB,CAACE,MAAM,CAAA,aAAA,CAAA;AACnD;;;;;;;"}

package/cjs/components/Rating/utils/getIcons.css

@@ -1,9 +1,9 @@
 .IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
 
-.Rating_styles_dg76kk_b1s2z5a7__2d85726b{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
+.Rating_styles_hi5qwl_b1s2z5a7__fbb4c466{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
 
-.Rating_styles_dg76kk_w2w5s5q__2d85726b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
-.Rating_styles_dg76kk_cq35jd4__2d85726b{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;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
-.Rating_styles_dg76kk_si7qyrs__2d85726b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
-.Rating_styles_dg76kk_s1qyefgr__2d85726b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
-.Rating_styles_dg76kk_h1v9l89e__2d85726b{word-break:break-word;}
+.Rating_styles_hi5qwl_w2w5s5q__fbb4c466{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
+.Rating_styles_hi5qwl_cq35jd4__fbb4c466{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;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
+.Rating_styles_hi5qwl_si7qyrs__fbb4c466{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
+.Rating_styles_hi5qwl_s1qyefgr__fbb4c466{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
+.Rating_styles_hi5qwl_h1v9l89e__fbb4c466{word-break:break-word;}