@salutejs/plasma-new-hope 0.343.0-canary.2380.20022462711.0 → 0.343.0-canary.2381.20024628262.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/components/TextArea/variations/_read-only/base.js +1 -1
- package/cjs/components/TextArea/variations/_read-only/base.js.map +1 -1
- package/cjs/components/TextArea/variations/_read-only/{base_y7i1fe.css → base_pgwr5c.css} +1 -1
- package/cjs/index.css +1 -1
- package/emotion/cjs/components/TextArea/variations/_read-only/base.js +1 -1
- package/emotion/es/components/TextArea/variations/_read-only/base.js +1 -1
- package/es/components/TextArea/variations/_read-only/base.js +1 -1
- package/es/components/TextArea/variations/_read-only/base.js.map +1 -1
- package/es/components/TextArea/variations/_read-only/{base_y7i1fe.css → base_pgwr5c.css} +1 -1
- package/es/index.css +1 -1
- package/package.json +5 -5
- package/styled-components/cjs/components/TextArea/variations/_read-only/base.js +2 -3
- package/styled-components/es/components/TextArea/variations/_read-only/base.js +2 -3
- package/styled-components/es/examples/components/Combobox/Combobox.js +0 -7
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../src/components/TextArea/variations/_read-only/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport {\n StyledContainer,\n StyledContent,\n StyledHelpers,\n StyledTextArea,\n StyledTextAreaWrapper,\n} from '../../TextArea.styles';\nimport { classes, tokens } from '../../TextArea.tokens';\n\nexport const base = css`\n &[readonly] {\n ${StyledTextArea} {\n color: var(${tokens.inputColorReadOnly});\n }\n\n ${StyledContent} {\n opacity: var(${tokens.contentSlotRightOpacityReadOnly});\n }\n\n &.${classes.clear} {\n ${StyledTextAreaWrapper} {\n &:before {\n background-color: var(${tokens.dividerColorReadOnly});\n }\n }\n }\n\n :not(&.${classes.clear}) {\n ${StyledTextAreaWrapper}, ${StyledHelpers} {\n background: transparent;\n }\n\n ${StyledTextAreaWrapper} {\n position: relative;\n box-shadow: none;\n\n :before {\n position: absolute;\n content: '';\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n box-shadow: inset 0 0 0 var(${tokens.borderSize}, 1px) var(${tokens.borderColorReadOnly});\n border-radius: var(${tokens.borderRadius});\n
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../src/components/TextArea/variations/_read-only/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport {\n StyledContainer,\n StyledContent,\n StyledHelpers,\n StyledTextArea,\n StyledTextAreaWrapper,\n} from '../../TextArea.styles';\nimport { classes, tokens } from '../../TextArea.tokens';\n\nexport const base = css`\n &[readonly] {\n ${StyledTextArea} {\n color: var(${tokens.inputColorReadOnly});\n }\n\n ${StyledContent} {\n opacity: var(${tokens.contentSlotRightOpacityReadOnly});\n }\n\n &.${classes.clear} {\n ${StyledTextAreaWrapper} {\n &:before {\n background-color: var(${tokens.dividerColorReadOnly});\n }\n }\n }\n\n :not(&.${classes.clear}) {\n ${StyledTextAreaWrapper}, ${StyledHelpers} {\n background: transparent;\n }\n\n ${StyledTextAreaWrapper} {\n position: relative;\n box-shadow: none;\n\n :before {\n position: absolute;\n content: '';\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n box-shadow: inset 0 0 0 var(${tokens.borderSize}, 1px) var(${tokens.borderColorReadOnly});\n border-radius: var(${tokens.borderRadius});\n z-index: -1;\n }\n }\n\n ${StyledContainer} {\n background: transparent;\n position: relative;\n\n :before {\n position: absolute;\n content: '';\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: var(${tokens.backgroundColorReadOnly});\n border-radius: var(${tokens.borderRadius});\n opacity: var(${tokens.readOnlyOpacity});\n\n z-index: -1;\n }\n\n :hover {\n background: transparent;\n }\n }\n }\n }\n`;\n"],"names":["base"],"mappings":";;;;AAWO,IAAMA,IAAI,GAgEhB;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.b1xxdrt2[readonly] .s7jal92{color:var(--plasma-textarea-input-color-read-only);}.b1xxdrt2[readonly] .salwx57{opacity:var(--plasma-textarea-right-content-opacity-readonly);}.b1xxdrt2[readonly].textarea-clear .s3wsw3p:before{background-color:var(--plasma-textarea-divider-color-readonly);}.b1xxdrt2[readonly]:not(.b1xxdrt2[readonly].textarea-clear) .s3wsw3p,.b1xxdrt2[readonly]:not(.b1xxdrt2[readonly].textarea-clear) .s14zw9ik{background:transparent;}.b1xxdrt2[readonly]:not(.b1xxdrt2[readonly].textarea-clear) .s3wsw3p{position:relative;box-shadow:none;}.b1xxdrt2[readonly]:not(.b1xxdrt2[readonly].textarea-clear) .s3wsw3p:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-border-color-readonly);border-radius:var(--plasma-textarea-border-radius);
|
|
1
|
+
.b1xxdrt2[readonly] .s7jal92{color:var(--plasma-textarea-input-color-read-only);}.b1xxdrt2[readonly] .salwx57{opacity:var(--plasma-textarea-right-content-opacity-readonly);}.b1xxdrt2[readonly].textarea-clear .s3wsw3p:before{background-color:var(--plasma-textarea-divider-color-readonly);}.b1xxdrt2[readonly]:not(.b1xxdrt2[readonly].textarea-clear) .s3wsw3p,.b1xxdrt2[readonly]:not(.b1xxdrt2[readonly].textarea-clear) .s14zw9ik{background:transparent;}.b1xxdrt2[readonly]:not(.b1xxdrt2[readonly].textarea-clear) .s3wsw3p{position:relative;box-shadow:none;}.b1xxdrt2[readonly]:not(.b1xxdrt2[readonly].textarea-clear) .s3wsw3p:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-border-color-readonly);border-radius:var(--plasma-textarea-border-radius);z-index:-1;}.b1xxdrt2[readonly]:not(.b1xxdrt2[readonly].textarea-clear) .suev9vb{background:transparent;position:relative;}.b1xxdrt2[readonly]:not(.b1xxdrt2[readonly].textarea-clear) .suev9vb:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;background:var(--plasma-textarea-background-color-read-only);border-radius:var(--plasma-textarea-border-radius);opacity:var(--plasma-textarea-read-only-opacity);z-index:-1;}.b1xxdrt2[readonly]:not(.b1xxdrt2[readonly].textarea-clear) .suev9vb:hover{background:transparent;}
|
package/cjs/index.css
CHANGED
|
@@ -172,7 +172,7 @@
|
|
|
172
172
|
|
|
173
173
|
.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce{border:unset;}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce .base_1vo4ba5_s3wsw3p__7125cfce{box-shadow:unset;background-color:unset;border-radius:0;padding-bottom:var(--plasma-textarea-input-padding-top);}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce .base_1vo4ba5_o1r1fvk8__7125cfce{margin-bottom:var(--plasma-textarea-clear-label-margin-bottom);}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce .base_1vo4ba5_salwx57__7125cfce{right:0;bottom:unset;}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce .base_1vo4ba5_s7jal92__7125cfce,.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce .base_1vo4ba5_s14zw9ik__7125cfce{padding-left:0;}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce .base_1vo4ba5_s14zw9ik__7125cfce{background-color:unset;border-radius:0;padding-top:var(--plasma-textarea-clear-helpers-padding-top);padding-right:0;}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce .base_1vo4ba5_s7jal92__7125cfce{color:var(--plasma-textarea-input-clear-color);padding-right:0;}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce .base_1vo4ba5_s7jal92__7125cfce.base_1vo4ba5_textareaHasRightContent__7125cfce{padding-right:var(--plasma-textarea-clear-input-padding-right-with-right-content);}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce .base_1vo4ba5_suev9vb__7125cfce:not(.base_1vo4ba5_innerPlaceholderUp__7125cfce) .base_1vo4ba5_s4gk1z__7125cfce{color:var(--plasma-textarea-clear-placeholder-color);}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce .base_1vo4ba5_suev9vb__7125cfce:not(.base_1vo4ba5_innerPlaceholderUp__7125cfce).base_1vo4ba5_focusedOuterPlaceholderColor__7125cfce .base_1vo4ba5_s4gk1z__7125cfce{color:var(--plasma-textarea-clear-placeholder-color-focus);}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce .base_1vo4ba5_suev9vb__7125cfce.base_1vo4ba5_innerPlaceholderUp__7125cfce{color:var(--plasma-textarea-placeholder-color);}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce .base_1vo4ba5_s4gk1z__7125cfce{padding-left:0;}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce .base_1vo4ba5_s1h2xvub__7125cfce.base_1vo4ba5_labelPlacementInner__7125cfce{inset:var(--plasma-textarea__clear-indicator-placement-inner);}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce .base_1vo4ba5_s1h2xvub__7125cfce.base_1vo4ba5_labelPlacementInner__7125cfce.base_1vo4ba5_requiredAlignRight__7125cfce{inset:var(--plasma-textarea__clear-indicator-placement-inner-right);}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce.base_1vo4ba5_textareaHasHint__7125cfce .base_1vo4ba5_s18tpn65__7125cfce.base_1vo4ba5_labelPlacementInner__7125cfce{inset:var(--plasma-textarea__clear-hint-inner-label-placement-offset);}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce.base_1vo4ba5_textareaHasHint__7125cfce .base_1vo4ba5_s1h2xvub__7125cfce.base_1vo4ba5_labelPlacementInner__7125cfce.base_1vo4ba5_requiredAlignRight__7125cfce{inset:var(--plasma-textarea__clear-indicator-hint-placement-inner-right);}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce .base_1vo4ba5_textareaContainer__7125cfce{border:unset;border-radius:0;}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce:focus-within:not([readonly]) .base_1vo4ba5_textareaWrapper__7125cfce{background-color:unset;box-shadow:unset;}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce:focus-within:not([readonly]) .base_1vo4ba5_textareaContainer__7125cfce{border:unset;}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce:focus-within:not([readonly]) .base_1vo4ba5_textareaHelpers__7125cfce{background-color:unset;}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce.base_1vo4ba5_textareaHasDivider__7125cfce .base_1vo4ba5_s3wsw3p__7125cfce{position:relative;--plasma_private-textarea-divider-color:var(--plasma-textarea-divider-color);}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce.base_1vo4ba5_textareaHasDivider__7125cfce .base_1vo4ba5_s3wsw3p__7125cfce:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma-textarea-divider-color);-webkit-transition:background-color 0.1s ease-in;transition:background-color 0.1s ease-in;}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce.base_1vo4ba5_textareaHasDivider__7125cfce:not([readonly]) .base_1vo4ba5_s3wsw3p__7125cfce:hover{--plasma_private-textarea-divider-color:var( --plasma-textarea-divider-color-hover, var(--plasma-textarea-divider-color) );}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce.base_1vo4ba5_textareaHasDivider__7125cfce:not([readonly]) .base_1vo4ba5_s3wsw3p__7125cfce:focus-within{--plasma_private-textarea-divider-color:var( --plasma-textarea-divider-color-focus, var(--plasma-textarea-divider-color) );}
|
|
174
174
|
|
|
175
|
-
.
|
|
175
|
+
.base_pgwr5c_b1xxdrt2__3ac62af5[readonly] .base_pgwr5c_s7jal92__3ac62af5{color:var(--plasma-textarea-input-color-read-only);}.base_pgwr5c_b1xxdrt2__3ac62af5[readonly] .base_pgwr5c_salwx57__3ac62af5{opacity:var(--plasma-textarea-right-content-opacity-readonly);}.base_pgwr5c_b1xxdrt2__3ac62af5[readonly].base_pgwr5c_textareaClear__3ac62af5 .base_pgwr5c_s3wsw3p__3ac62af5:before{background-color:var(--plasma-textarea-divider-color-readonly);}.base_pgwr5c_b1xxdrt2__3ac62af5[readonly]:not(.base_pgwr5c_b1xxdrt2__3ac62af5[readonly].base_pgwr5c_textareaClear__3ac62af5) .base_pgwr5c_s3wsw3p__3ac62af5,.base_pgwr5c_b1xxdrt2__3ac62af5[readonly]:not(.base_pgwr5c_b1xxdrt2__3ac62af5[readonly].base_pgwr5c_textareaClear__3ac62af5) .base_pgwr5c_s14zw9ik__3ac62af5{background:transparent;}.base_pgwr5c_b1xxdrt2__3ac62af5[readonly]:not(.base_pgwr5c_b1xxdrt2__3ac62af5[readonly].base_pgwr5c_textareaClear__3ac62af5) .base_pgwr5c_s3wsw3p__3ac62af5{position:relative;box-shadow:none;}.base_pgwr5c_b1xxdrt2__3ac62af5[readonly]:not(.base_pgwr5c_b1xxdrt2__3ac62af5[readonly].base_pgwr5c_textareaClear__3ac62af5) .base_pgwr5c_s3wsw3p__3ac62af5:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-border-color-readonly);border-radius:var(--plasma-textarea-border-radius);z-index:-1;}.base_pgwr5c_b1xxdrt2__3ac62af5[readonly]:not(.base_pgwr5c_b1xxdrt2__3ac62af5[readonly].base_pgwr5c_textareaClear__3ac62af5) .base_pgwr5c_suev9vb__3ac62af5{background:transparent;position:relative;}.base_pgwr5c_b1xxdrt2__3ac62af5[readonly]:not(.base_pgwr5c_b1xxdrt2__3ac62af5[readonly].base_pgwr5c_textareaClear__3ac62af5) .base_pgwr5c_suev9vb__3ac62af5:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;background:var(--plasma-textarea-background-color-read-only);border-radius:var(--plasma-textarea-border-radius);opacity:var(--plasma-textarea-read-only-opacity);z-index:-1;}.base_pgwr5c_b1xxdrt2__3ac62af5[readonly]:not(.base_pgwr5c_b1xxdrt2__3ac62af5[readonly].base_pgwr5c_textareaClear__3ac62af5) .base_pgwr5c_suev9vb__3ac62af5:hover{background:transparent;}
|
|
176
176
|
|
|
177
177
|
.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_surmvwq__1a439b81,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_s1h2xvub__1a439b81,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_si9oz50__1a439b81,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_t18bd513__1a439b81,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_salwx57__1a439b81,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_s3wsw3p__1a439b81,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_s14zw9ik__1a439b81,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_s4gk1z__1a439b81,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_sgr5lml__1a439b81{opacity:var(--plasma-textarea-disabled-opacity);cursor:not-allowed;}.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_surmvwq__1a439b81:hover,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_s1h2xvub__1a439b81:hover,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_si9oz50__1a439b81:hover,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_t18bd513__1a439b81:hover,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_salwx57__1a439b81:hover,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_s3wsw3p__1a439b81:hover,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_s14zw9ik__1a439b81:hover,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_s4gk1z__1a439b81:hover,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_sgr5lml__1a439b81:hover,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_surmvwq__1a439b81:active,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_s1h2xvub__1a439b81:active,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_si9oz50__1a439b81:active,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_t18bd513__1a439b81:active,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_salwx57__1a439b81:active,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_s3wsw3p__1a439b81:active,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_s14zw9ik__1a439b81:active,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_s4gk1z__1a439b81:active,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_sgr5lml__1a439b81:active{-webkit-transform:none;-ms-transform:none;transform:none;}.base_s6ttw_b1w9g1pa__1a439b81 .base_s6ttw_textarea__1a439b81:disabled{cursor:not-allowed;color:var(--plasma-textarea-input-color-disabled);}
|
|
178
178
|
|
|
@@ -11,4 +11,4 @@ Object.defineProperty(exports, "base", {
|
|
|
11
11
|
var _react = require("@emotion/react");
|
|
12
12
|
var _TextAreastyles = require("../../TextArea.styles");
|
|
13
13
|
var _TextAreatokens = require("../../TextArea.tokens");
|
|
14
|
-
var base = (0, /*#__PURE__*/ _react.css)("&[readonly]{", _TextAreastyles.StyledTextArea, "{color:var(", _TextAreatokens.tokens.inputColorReadOnly, ");}", _TextAreastyles.StyledContent, "{opacity:var(", _TextAreatokens.tokens.contentSlotRightOpacityReadOnly, ");}&.", _TextAreatokens.classes.clear, "{", _TextAreastyles.StyledTextAreaWrapper, "{&:before{background-color:var(", _TextAreatokens.tokens.dividerColorReadOnly, ");}}}:not(&.", _TextAreatokens.classes.clear, "){", _TextAreastyles.StyledTextAreaWrapper, ",", _TextAreastyles.StyledHelpers, "{background:transparent;}", _TextAreastyles.StyledTextAreaWrapper, "{position:relative;box-shadow:none;:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;box-shadow:inset 0 0 0 var(", _TextAreatokens.tokens.borderSize, ",1px) var(", _TextAreatokens.tokens.borderColorReadOnly, ");border-radius:var(", _TextAreatokens.tokens.borderRadius, ");
|
|
14
|
+
var base = (0, /*#__PURE__*/ _react.css)("&[readonly]{", _TextAreastyles.StyledTextArea, "{color:var(", _TextAreatokens.tokens.inputColorReadOnly, ");}", _TextAreastyles.StyledContent, "{opacity:var(", _TextAreatokens.tokens.contentSlotRightOpacityReadOnly, ");}&.", _TextAreatokens.classes.clear, "{", _TextAreastyles.StyledTextAreaWrapper, "{&:before{background-color:var(", _TextAreatokens.tokens.dividerColorReadOnly, ");}}}:not(&.", _TextAreatokens.classes.clear, "){", _TextAreastyles.StyledTextAreaWrapper, ",", _TextAreastyles.StyledHelpers, "{background:transparent;}", _TextAreastyles.StyledTextAreaWrapper, "{position:relative;box-shadow:none;:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;box-shadow:inset 0 0 0 var(", _TextAreatokens.tokens.borderSize, ",1px) var(", _TextAreatokens.tokens.borderColorReadOnly, ");border-radius:var(", _TextAreatokens.tokens.borderRadius, ");z-index:-1;}}", _TextAreastyles.StyledContainer, "{background:transparent;position:relative;:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;background:var(", _TextAreatokens.tokens.backgroundColorReadOnly, ");border-radius:var(", _TextAreatokens.tokens.borderRadius, ");opacity:var(", _TextAreatokens.tokens.readOnlyOpacity, ");z-index:-1;}:hover{background:transparent;}}}}", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9UZXh0QXJlYS92YXJpYXRpb25zL19yZWFkLW9ubHkvYmFzZS50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9UZXh0QXJlYS92YXJpYXRpb25zL19yZWFkLW9ubHkvYmFzZS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7XG4gICAgU3R5bGVkQ29udGFpbmVyLFxuICAgIFN0eWxlZENvbnRlbnQsXG4gICAgU3R5bGVkSGVscGVycyxcbiAgICBTdHlsZWRUZXh0QXJlYSxcbiAgICBTdHlsZWRUZXh0QXJlYVdyYXBwZXIsXG59IGZyb20gJy4uLy4uL1RleHRBcmVhLnN0eWxlcyc7XG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuLi8uLi9UZXh0QXJlYS50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICAmW3JlYWRvbmx5XSB7XG4gICAgICAgICR7U3R5bGVkVGV4dEFyZWF9IHtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuaW5wdXRDb2xvclJlYWRPbmx5fSk7XG4gICAgICAgIH1cblxuICAgICAgICAke1N0eWxlZENvbnRlbnR9IHtcbiAgICAgICAgICAgIG9wYWNpdHk6IHZhcigke3Rva2Vucy5jb250ZW50U2xvdFJpZ2h0T3BhY2l0eVJlYWRPbmx5fSk7XG4gICAgICAgIH1cblxuICAgICAgICAmLiR7Y2xhc3Nlcy5jbGVhcn0ge1xuICAgICAgICAgICAgJHtTdHlsZWRUZXh0QXJlYVdyYXBwZXJ9IHtcbiAgICAgICAgICAgICAgICAmOmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5kaXZpZGVyQ29sb3JSZWFkT25seX0pO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgIDpub3QoJi4ke2NsYXNzZXMuY2xlYXJ9KSB7XG4gICAgICAgICAgICAke1N0eWxlZFRleHRBcmVhV3JhcHBlcn0sICR7U3R5bGVkSGVscGVyc30ge1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAke1N0eWxlZFRleHRBcmVhV3JhcHBlcn0ge1xuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgICAgICAgICBib3gtc2hhZG93OiBub25lO1xuXG4gICAgICAgICAgICAgICAgOmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgICAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgICAgICAgICAgICAgIHRvcDogMDtcbiAgICAgICAgICAgICAgICAgICAgbGVmdDogMDtcbiAgICAgICAgICAgICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICAgICAgICAgICAgYm94LXNoYWRvdzogaW5zZXQgMCAwIDAgdmFyKCR7dG9rZW5zLmJvcmRlclNpemV9LCAxcHgpIHZhcigke3Rva2Vucy5ib3JkZXJDb2xvclJlYWRPbmx5fSk7XG4gICAgICAgICAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5ib3JkZXJSYWRpdXN9KTtcbiAgICAgICAgICAgICAgICAgICAgei1pbmRleDogLTE7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAke1N0eWxlZENvbnRhaW5lcn0ge1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAgICAgICAgICAgICAgIDpiZWZvcmUge1xuICAgICAgICAgICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgICAgICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICAgICAgICAgICAgICB0b3A6IDA7XG4gICAgICAgICAgICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgICAgICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICAgICAgICAgICAgICBib3R0b206IDA7XG4gICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQ6IHZhcigke3Rva2Vucy5iYWNrZ3JvdW5kQ29sb3JSZWFkT25seX0pO1xuICAgICAgICAgICAgICAgICAgICBib3JkZXItcmFkaXVzOiB2YXIoJHt0b2tlbnMuYm9yZGVyUmFkaXVzfSk7XG4gICAgICAgICAgICAgICAgICAgIG9wYWNpdHk6IHZhcigke3Rva2Vucy5yZWFkT25seU9wYWNpdHl9KTtcblxuICAgICAgICAgICAgICAgICAgICB6LWluZGV4OiAtMTtcbiAgICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgICA6aG92ZXIge1xuICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVdvQiJ9 */");
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { css } from "@emotion/react";
|
|
2
2
|
import { StyledContainer, StyledContent, StyledHelpers, StyledTextArea, StyledTextAreaWrapper } from "../../TextArea.styles";
|
|
3
3
|
import { classes, tokens } from "../../TextArea.tokens";
|
|
4
|
-
export var base = /*#__PURE__*/ css("&[readonly]{", StyledTextArea, "{color:var(", tokens.inputColorReadOnly, ");}", StyledContent, "{opacity:var(", tokens.contentSlotRightOpacityReadOnly, ");}&.", classes.clear, "{", StyledTextAreaWrapper, "{&:before{background-color:var(", tokens.dividerColorReadOnly, ");}}}:not(&.", classes.clear, "){", StyledTextAreaWrapper, ",", StyledHelpers, "{background:transparent;}", StyledTextAreaWrapper, "{position:relative;box-shadow:none;:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;box-shadow:inset 0 0 0 var(", tokens.borderSize, ",1px) var(", tokens.borderColorReadOnly, ");border-radius:var(", tokens.borderRadius, ");
|
|
4
|
+
export var base = /*#__PURE__*/ css("&[readonly]{", StyledTextArea, "{color:var(", tokens.inputColorReadOnly, ");}", StyledContent, "{opacity:var(", tokens.contentSlotRightOpacityReadOnly, ");}&.", classes.clear, "{", StyledTextAreaWrapper, "{&:before{background-color:var(", tokens.dividerColorReadOnly, ");}}}:not(&.", classes.clear, "){", StyledTextAreaWrapper, ",", StyledHelpers, "{background:transparent;}", StyledTextAreaWrapper, "{position:relative;box-shadow:none;:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;box-shadow:inset 0 0 0 var(", tokens.borderSize, ",1px) var(", tokens.borderColorReadOnly, ");border-radius:var(", tokens.borderRadius, ");z-index:-1;}}", StyledContainer, "{background:transparent;position:relative;:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;background:var(", tokens.backgroundColorReadOnly, ");border-radius:var(", tokens.borderRadius, ");opacity:var(", tokens.readOnlyOpacity, ");z-index:-1;}:hover{background:transparent;}}}}", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9UZXh0QXJlYS92YXJpYXRpb25zL19yZWFkLW9ubHkvYmFzZS50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9UZXh0QXJlYS92YXJpYXRpb25zL19yZWFkLW9ubHkvYmFzZS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7XG4gICAgU3R5bGVkQ29udGFpbmVyLFxuICAgIFN0eWxlZENvbnRlbnQsXG4gICAgU3R5bGVkSGVscGVycyxcbiAgICBTdHlsZWRUZXh0QXJlYSxcbiAgICBTdHlsZWRUZXh0QXJlYVdyYXBwZXIsXG59IGZyb20gJy4uLy4uL1RleHRBcmVhLnN0eWxlcyc7XG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuLi8uLi9UZXh0QXJlYS50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICAmW3JlYWRvbmx5XSB7XG4gICAgICAgICR7U3R5bGVkVGV4dEFyZWF9IHtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuaW5wdXRDb2xvclJlYWRPbmx5fSk7XG4gICAgICAgIH1cblxuICAgICAgICAke1N0eWxlZENvbnRlbnR9IHtcbiAgICAgICAgICAgIG9wYWNpdHk6IHZhcigke3Rva2Vucy5jb250ZW50U2xvdFJpZ2h0T3BhY2l0eVJlYWRPbmx5fSk7XG4gICAgICAgIH1cblxuICAgICAgICAmLiR7Y2xhc3Nlcy5jbGVhcn0ge1xuICAgICAgICAgICAgJHtTdHlsZWRUZXh0QXJlYVdyYXBwZXJ9IHtcbiAgICAgICAgICAgICAgICAmOmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5kaXZpZGVyQ29sb3JSZWFkT25seX0pO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgIDpub3QoJi4ke2NsYXNzZXMuY2xlYXJ9KSB7XG4gICAgICAgICAgICAke1N0eWxlZFRleHRBcmVhV3JhcHBlcn0sICR7U3R5bGVkSGVscGVyc30ge1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAke1N0eWxlZFRleHRBcmVhV3JhcHBlcn0ge1xuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgICAgICAgICBib3gtc2hhZG93OiBub25lO1xuXG4gICAgICAgICAgICAgICAgOmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgICAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgICAgICAgICAgICAgIHRvcDogMDtcbiAgICAgICAgICAgICAgICAgICAgbGVmdDogMDtcbiAgICAgICAgICAgICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICAgICAgICAgICAgYm94LXNoYWRvdzogaW5zZXQgMCAwIDAgdmFyKCR7dG9rZW5zLmJvcmRlclNpemV9LCAxcHgpIHZhcigke3Rva2Vucy5ib3JkZXJDb2xvclJlYWRPbmx5fSk7XG4gICAgICAgICAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5ib3JkZXJSYWRpdXN9KTtcbiAgICAgICAgICAgICAgICAgICAgei1pbmRleDogLTE7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAke1N0eWxlZENvbnRhaW5lcn0ge1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAgICAgICAgICAgICAgIDpiZWZvcmUge1xuICAgICAgICAgICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgICAgICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICAgICAgICAgICAgICB0b3A6IDA7XG4gICAgICAgICAgICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgICAgICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICAgICAgICAgICAgICBib3R0b206IDA7XG4gICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQ6IHZhcigke3Rva2Vucy5iYWNrZ3JvdW5kQ29sb3JSZWFkT25seX0pO1xuICAgICAgICAgICAgICAgICAgICBib3JkZXItcmFkaXVzOiB2YXIoJHt0b2tlbnMuYm9yZGVyUmFkaXVzfSk7XG4gICAgICAgICAgICAgICAgICAgIG9wYWNpdHk6IHZhcigke3Rva2Vucy5yZWFkT25seU9wYWNpdHl9KTtcblxuICAgICAgICAgICAgICAgICAgICB6LWluZGV4OiAtMTtcbiAgICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgICA6aG92ZXIge1xuICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVdvQiJ9 */");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../src/components/TextArea/variations/_read-only/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport {\n StyledContainer,\n StyledContent,\n StyledHelpers,\n StyledTextArea,\n StyledTextAreaWrapper,\n} from '../../TextArea.styles';\nimport { classes, tokens } from '../../TextArea.tokens';\n\nexport const base = css`\n &[readonly] {\n ${StyledTextArea} {\n color: var(${tokens.inputColorReadOnly});\n }\n\n ${StyledContent} {\n opacity: var(${tokens.contentSlotRightOpacityReadOnly});\n }\n\n &.${classes.clear} {\n ${StyledTextAreaWrapper} {\n &:before {\n background-color: var(${tokens.dividerColorReadOnly});\n }\n }\n }\n\n :not(&.${classes.clear}) {\n ${StyledTextAreaWrapper}, ${StyledHelpers} {\n background: transparent;\n }\n\n ${StyledTextAreaWrapper} {\n position: relative;\n box-shadow: none;\n\n :before {\n position: absolute;\n content: '';\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n box-shadow: inset 0 0 0 var(${tokens.borderSize}, 1px) var(${tokens.borderColorReadOnly});\n border-radius: var(${tokens.borderRadius});\n
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../src/components/TextArea/variations/_read-only/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport {\n StyledContainer,\n StyledContent,\n StyledHelpers,\n StyledTextArea,\n StyledTextAreaWrapper,\n} from '../../TextArea.styles';\nimport { classes, tokens } from '../../TextArea.tokens';\n\nexport const base = css`\n &[readonly] {\n ${StyledTextArea} {\n color: var(${tokens.inputColorReadOnly});\n }\n\n ${StyledContent} {\n opacity: var(${tokens.contentSlotRightOpacityReadOnly});\n }\n\n &.${classes.clear} {\n ${StyledTextAreaWrapper} {\n &:before {\n background-color: var(${tokens.dividerColorReadOnly});\n }\n }\n }\n\n :not(&.${classes.clear}) {\n ${StyledTextAreaWrapper}, ${StyledHelpers} {\n background: transparent;\n }\n\n ${StyledTextAreaWrapper} {\n position: relative;\n box-shadow: none;\n\n :before {\n position: absolute;\n content: '';\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n box-shadow: inset 0 0 0 var(${tokens.borderSize}, 1px) var(${tokens.borderColorReadOnly});\n border-radius: var(${tokens.borderRadius});\n z-index: -1;\n }\n }\n\n ${StyledContainer} {\n background: transparent;\n position: relative;\n\n :before {\n position: absolute;\n content: '';\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: var(${tokens.backgroundColorReadOnly});\n border-radius: var(${tokens.borderRadius});\n opacity: var(${tokens.readOnlyOpacity});\n\n z-index: -1;\n }\n\n :hover {\n background: transparent;\n }\n }\n }\n }\n`;\n"],"names":["base"],"mappings":"AAWO,IAAMA,IAAI,GAgEhB;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.b1xxdrt2[readonly] .s7jal92{color:var(--plasma-textarea-input-color-read-only);}.b1xxdrt2[readonly] .salwx57{opacity:var(--plasma-textarea-right-content-opacity-readonly);}.b1xxdrt2[readonly].textarea-clear .s3wsw3p:before{background-color:var(--plasma-textarea-divider-color-readonly);}.b1xxdrt2[readonly]:not(.b1xxdrt2[readonly].textarea-clear) .s3wsw3p,.b1xxdrt2[readonly]:not(.b1xxdrt2[readonly].textarea-clear) .s14zw9ik{background:transparent;}.b1xxdrt2[readonly]:not(.b1xxdrt2[readonly].textarea-clear) .s3wsw3p{position:relative;box-shadow:none;}.b1xxdrt2[readonly]:not(.b1xxdrt2[readonly].textarea-clear) .s3wsw3p:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-border-color-readonly);border-radius:var(--plasma-textarea-border-radius);
|
|
1
|
+
.b1xxdrt2[readonly] .s7jal92{color:var(--plasma-textarea-input-color-read-only);}.b1xxdrt2[readonly] .salwx57{opacity:var(--plasma-textarea-right-content-opacity-readonly);}.b1xxdrt2[readonly].textarea-clear .s3wsw3p:before{background-color:var(--plasma-textarea-divider-color-readonly);}.b1xxdrt2[readonly]:not(.b1xxdrt2[readonly].textarea-clear) .s3wsw3p,.b1xxdrt2[readonly]:not(.b1xxdrt2[readonly].textarea-clear) .s14zw9ik{background:transparent;}.b1xxdrt2[readonly]:not(.b1xxdrt2[readonly].textarea-clear) .s3wsw3p{position:relative;box-shadow:none;}.b1xxdrt2[readonly]:not(.b1xxdrt2[readonly].textarea-clear) .s3wsw3p:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-border-color-readonly);border-radius:var(--plasma-textarea-border-radius);z-index:-1;}.b1xxdrt2[readonly]:not(.b1xxdrt2[readonly].textarea-clear) .suev9vb{background:transparent;position:relative;}.b1xxdrt2[readonly]:not(.b1xxdrt2[readonly].textarea-clear) .suev9vb:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;background:var(--plasma-textarea-background-color-read-only);border-radius:var(--plasma-textarea-border-radius);opacity:var(--plasma-textarea-read-only-opacity);z-index:-1;}.b1xxdrt2[readonly]:not(.b1xxdrt2[readonly].textarea-clear) .suev9vb:hover{background:transparent;}
|
package/es/index.css
CHANGED
|
@@ -172,7 +172,7 @@
|
|
|
172
172
|
|
|
173
173
|
.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce{border:unset;}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce .base_1vo4ba5_s3wsw3p__7125cfce{box-shadow:unset;background-color:unset;border-radius:0;padding-bottom:var(--plasma-textarea-input-padding-top);}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce .base_1vo4ba5_o1r1fvk8__7125cfce{margin-bottom:var(--plasma-textarea-clear-label-margin-bottom);}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce .base_1vo4ba5_salwx57__7125cfce{right:0;bottom:unset;}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce .base_1vo4ba5_s7jal92__7125cfce,.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce .base_1vo4ba5_s14zw9ik__7125cfce{padding-left:0;}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce .base_1vo4ba5_s14zw9ik__7125cfce{background-color:unset;border-radius:0;padding-top:var(--plasma-textarea-clear-helpers-padding-top);padding-right:0;}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce .base_1vo4ba5_s7jal92__7125cfce{color:var(--plasma-textarea-input-clear-color);padding-right:0;}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce .base_1vo4ba5_s7jal92__7125cfce.base_1vo4ba5_textareaHasRightContent__7125cfce{padding-right:var(--plasma-textarea-clear-input-padding-right-with-right-content);}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce .base_1vo4ba5_suev9vb__7125cfce:not(.base_1vo4ba5_innerPlaceholderUp__7125cfce) .base_1vo4ba5_s4gk1z__7125cfce{color:var(--plasma-textarea-clear-placeholder-color);}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce .base_1vo4ba5_suev9vb__7125cfce:not(.base_1vo4ba5_innerPlaceholderUp__7125cfce).base_1vo4ba5_focusedOuterPlaceholderColor__7125cfce .base_1vo4ba5_s4gk1z__7125cfce{color:var(--plasma-textarea-clear-placeholder-color-focus);}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce .base_1vo4ba5_suev9vb__7125cfce.base_1vo4ba5_innerPlaceholderUp__7125cfce{color:var(--plasma-textarea-placeholder-color);}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce .base_1vo4ba5_s4gk1z__7125cfce{padding-left:0;}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce .base_1vo4ba5_s1h2xvub__7125cfce.base_1vo4ba5_labelPlacementInner__7125cfce{inset:var(--plasma-textarea__clear-indicator-placement-inner);}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce .base_1vo4ba5_s1h2xvub__7125cfce.base_1vo4ba5_labelPlacementInner__7125cfce.base_1vo4ba5_requiredAlignRight__7125cfce{inset:var(--plasma-textarea__clear-indicator-placement-inner-right);}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce.base_1vo4ba5_textareaHasHint__7125cfce .base_1vo4ba5_s18tpn65__7125cfce.base_1vo4ba5_labelPlacementInner__7125cfce{inset:var(--plasma-textarea__clear-hint-inner-label-placement-offset);}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce.base_1vo4ba5_textareaHasHint__7125cfce .base_1vo4ba5_s1h2xvub__7125cfce.base_1vo4ba5_labelPlacementInner__7125cfce.base_1vo4ba5_requiredAlignRight__7125cfce{inset:var(--plasma-textarea__clear-indicator-hint-placement-inner-right);}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce .base_1vo4ba5_textareaContainer__7125cfce{border:unset;border-radius:0;}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce:focus-within:not([readonly]) .base_1vo4ba5_textareaWrapper__7125cfce{background-color:unset;box-shadow:unset;}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce:focus-within:not([readonly]) .base_1vo4ba5_textareaContainer__7125cfce{border:unset;}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce:focus-within:not([readonly]) .base_1vo4ba5_textareaHelpers__7125cfce{background-color:unset;}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce.base_1vo4ba5_textareaHasDivider__7125cfce .base_1vo4ba5_s3wsw3p__7125cfce{position:relative;--plasma_private-textarea-divider-color:var(--plasma-textarea-divider-color);}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce.base_1vo4ba5_textareaHasDivider__7125cfce .base_1vo4ba5_s3wsw3p__7125cfce:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma-textarea-divider-color);-webkit-transition:background-color 0.1s ease-in;transition:background-color 0.1s ease-in;}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce.base_1vo4ba5_textareaHasDivider__7125cfce:not([readonly]) .base_1vo4ba5_s3wsw3p__7125cfce:hover{--plasma_private-textarea-divider-color:var( --plasma-textarea-divider-color-hover, var(--plasma-textarea-divider-color) );}.base_1vo4ba5_b1x0cx6o__7125cfce.base_1vo4ba5_textareaClear__7125cfce.base_1vo4ba5_textareaHasDivider__7125cfce:not([readonly]) .base_1vo4ba5_s3wsw3p__7125cfce:focus-within{--plasma_private-textarea-divider-color:var( --plasma-textarea-divider-color-focus, var(--plasma-textarea-divider-color) );}
|
|
174
174
|
|
|
175
|
-
.
|
|
175
|
+
.base_pgwr5c_b1xxdrt2__3ac62af5[readonly] .base_pgwr5c_s7jal92__3ac62af5{color:var(--plasma-textarea-input-color-read-only);}.base_pgwr5c_b1xxdrt2__3ac62af5[readonly] .base_pgwr5c_salwx57__3ac62af5{opacity:var(--plasma-textarea-right-content-opacity-readonly);}.base_pgwr5c_b1xxdrt2__3ac62af5[readonly].base_pgwr5c_textareaClear__3ac62af5 .base_pgwr5c_s3wsw3p__3ac62af5:before{background-color:var(--plasma-textarea-divider-color-readonly);}.base_pgwr5c_b1xxdrt2__3ac62af5[readonly]:not(.base_pgwr5c_b1xxdrt2__3ac62af5[readonly].base_pgwr5c_textareaClear__3ac62af5) .base_pgwr5c_s3wsw3p__3ac62af5,.base_pgwr5c_b1xxdrt2__3ac62af5[readonly]:not(.base_pgwr5c_b1xxdrt2__3ac62af5[readonly].base_pgwr5c_textareaClear__3ac62af5) .base_pgwr5c_s14zw9ik__3ac62af5{background:transparent;}.base_pgwr5c_b1xxdrt2__3ac62af5[readonly]:not(.base_pgwr5c_b1xxdrt2__3ac62af5[readonly].base_pgwr5c_textareaClear__3ac62af5) .base_pgwr5c_s3wsw3p__3ac62af5{position:relative;box-shadow:none;}.base_pgwr5c_b1xxdrt2__3ac62af5[readonly]:not(.base_pgwr5c_b1xxdrt2__3ac62af5[readonly].base_pgwr5c_textareaClear__3ac62af5) .base_pgwr5c_s3wsw3p__3ac62af5:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-border-color-readonly);border-radius:var(--plasma-textarea-border-radius);z-index:-1;}.base_pgwr5c_b1xxdrt2__3ac62af5[readonly]:not(.base_pgwr5c_b1xxdrt2__3ac62af5[readonly].base_pgwr5c_textareaClear__3ac62af5) .base_pgwr5c_suev9vb__3ac62af5{background:transparent;position:relative;}.base_pgwr5c_b1xxdrt2__3ac62af5[readonly]:not(.base_pgwr5c_b1xxdrt2__3ac62af5[readonly].base_pgwr5c_textareaClear__3ac62af5) .base_pgwr5c_suev9vb__3ac62af5:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;background:var(--plasma-textarea-background-color-read-only);border-radius:var(--plasma-textarea-border-radius);opacity:var(--plasma-textarea-read-only-opacity);z-index:-1;}.base_pgwr5c_b1xxdrt2__3ac62af5[readonly]:not(.base_pgwr5c_b1xxdrt2__3ac62af5[readonly].base_pgwr5c_textareaClear__3ac62af5) .base_pgwr5c_suev9vb__3ac62af5:hover{background:transparent;}
|
|
176
176
|
|
|
177
177
|
.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_surmvwq__1a439b81,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_s1h2xvub__1a439b81,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_si9oz50__1a439b81,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_t18bd513__1a439b81,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_salwx57__1a439b81,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_s3wsw3p__1a439b81,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_s14zw9ik__1a439b81,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_s4gk1z__1a439b81,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_sgr5lml__1a439b81{opacity:var(--plasma-textarea-disabled-opacity);cursor:not-allowed;}.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_surmvwq__1a439b81:hover,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_s1h2xvub__1a439b81:hover,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_si9oz50__1a439b81:hover,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_t18bd513__1a439b81:hover,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_salwx57__1a439b81:hover,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_s3wsw3p__1a439b81:hover,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_s14zw9ik__1a439b81:hover,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_s4gk1z__1a439b81:hover,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_sgr5lml__1a439b81:hover,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_surmvwq__1a439b81:active,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_s1h2xvub__1a439b81:active,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_si9oz50__1a439b81:active,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_t18bd513__1a439b81:active,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_salwx57__1a439b81:active,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_s3wsw3p__1a439b81:active,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_s14zw9ik__1a439b81:active,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_s4gk1z__1a439b81:active,.base_s6ttw_b1w9g1pa__1a439b81[disabled] .base_s6ttw_sgr5lml__1a439b81:active{-webkit-transform:none;-ms-transform:none;transform:none;}.base_s6ttw_b1w9g1pa__1a439b81 .base_s6ttw_textarea__1a439b81:disabled{cursor:not-allowed;color:var(--plasma-textarea-input-color-disabled);}
|
|
178
178
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
|
3
|
-
"version": "0.343.0-canary.
|
|
3
|
+
"version": "0.343.0-canary.2381.20024628262.0",
|
|
4
4
|
"description": "Salute Design System blueprint",
|
|
5
5
|
"main": "cjs/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -78,8 +78,8 @@
|
|
|
78
78
|
"@rollup/plugin-babel": "^6.0.4",
|
|
79
79
|
"@rollup/plugin-commonjs": "^25.0.4",
|
|
80
80
|
"@rollup/plugin-node-resolve": "^15.1.0",
|
|
81
|
-
"@salutejs/plasma-cy-utils": "0.141.0-canary.
|
|
82
|
-
"@salutejs/plasma-sb-utils": "0.211.0-canary.
|
|
81
|
+
"@salutejs/plasma-cy-utils": "0.141.0-canary.2381.20024628262.0",
|
|
82
|
+
"@salutejs/plasma-sb-utils": "0.211.0-canary.2381.20024628262.0",
|
|
83
83
|
"@salutejs/plasma-themes": "0.38.0",
|
|
84
84
|
"@types/lodash": "^4.14.191",
|
|
85
85
|
"@types/lodash.chunk": "4.2.9",
|
|
@@ -108,7 +108,7 @@
|
|
|
108
108
|
"@linaria/react": "5.0.3",
|
|
109
109
|
"@popperjs/core": "2.11.8",
|
|
110
110
|
"@salutejs/input-core": "2.1.2",
|
|
111
|
-
"@salutejs/plasma-core": "1.211.0-canary.
|
|
111
|
+
"@salutejs/plasma-core": "1.211.0-canary.2381.20024628262.0",
|
|
112
112
|
"@salutejs/react-maskinput": "3.3.2",
|
|
113
113
|
"@tanstack/react-table": "8.21.2",
|
|
114
114
|
"@tanstack/react-virtual": "3.13.2",
|
|
@@ -128,5 +128,5 @@
|
|
|
128
128
|
"sideEffects": [
|
|
129
129
|
"*.css"
|
|
130
130
|
],
|
|
131
|
-
"gitHead": "
|
|
131
|
+
"gitHead": "4c1ae15a3c49e3fc3b1a77e7c0625c251340ef64"
|
|
132
132
|
}
|
|
@@ -26,10 +26,9 @@ var base = (0, _styledcomponents.css)([
|
|
|
26
26
|
"{position:relative;box-shadow:none;:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;box-shadow:inset 0 0 0 var(",
|
|
27
27
|
",1px) var(",
|
|
28
28
|
");border-radius:var(",
|
|
29
|
-
");
|
|
30
|
-
");}}",
|
|
29
|
+
");z-index:-1;}}",
|
|
31
30
|
"{background:transparent;position:relative;:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;background:var(",
|
|
32
31
|
");border-radius:var(",
|
|
33
32
|
");opacity:var(",
|
|
34
33
|
");z-index:-1;}:hover{background:transparent;}}}}"
|
|
35
|
-
], _TextAreastyles.StyledTextArea, _TextAreatokens.tokens.inputColorReadOnly, _TextAreastyles.StyledContent, _TextAreatokens.tokens.contentSlotRightOpacityReadOnly, _TextAreatokens.classes.clear, _TextAreastyles.StyledTextAreaWrapper, _TextAreatokens.tokens.dividerColorReadOnly, _TextAreatokens.classes.clear, _TextAreastyles.StyledTextAreaWrapper, _TextAreastyles.StyledHelpers, _TextAreastyles.StyledTextAreaWrapper, _TextAreatokens.tokens.borderSize, _TextAreatokens.tokens.borderColorReadOnly, _TextAreatokens.tokens.borderRadius,
|
|
34
|
+
], _TextAreastyles.StyledTextArea, _TextAreatokens.tokens.inputColorReadOnly, _TextAreastyles.StyledContent, _TextAreatokens.tokens.contentSlotRightOpacityReadOnly, _TextAreatokens.classes.clear, _TextAreastyles.StyledTextAreaWrapper, _TextAreatokens.tokens.dividerColorReadOnly, _TextAreatokens.classes.clear, _TextAreastyles.StyledTextAreaWrapper, _TextAreastyles.StyledHelpers, _TextAreastyles.StyledTextAreaWrapper, _TextAreatokens.tokens.borderSize, _TextAreatokens.tokens.borderColorReadOnly, _TextAreatokens.tokens.borderRadius, _TextAreastyles.StyledContainer, _TextAreatokens.tokens.backgroundColorReadOnly, _TextAreatokens.tokens.borderRadius, _TextAreatokens.tokens.readOnlyOpacity);
|
|
@@ -16,10 +16,9 @@ export var base = css([
|
|
|
16
16
|
"{position:relative;box-shadow:none;:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;box-shadow:inset 0 0 0 var(",
|
|
17
17
|
",1px) var(",
|
|
18
18
|
");border-radius:var(",
|
|
19
|
-
");
|
|
20
|
-
");}}",
|
|
19
|
+
");z-index:-1;}}",
|
|
21
20
|
"{background:transparent;position:relative;:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;background:var(",
|
|
22
21
|
");border-radius:var(",
|
|
23
22
|
");opacity:var(",
|
|
24
23
|
");z-index:-1;}:hover{background:transparent;}}}}"
|
|
25
|
-
], StyledTextArea, tokens.inputColorReadOnly, StyledContent, tokens.contentSlotRightOpacityReadOnly, classes.clear, StyledTextAreaWrapper, tokens.dividerColorReadOnly, classes.clear, StyledTextAreaWrapper, StyledHelpers, StyledTextAreaWrapper, tokens.borderSize, tokens.borderColorReadOnly, tokens.borderRadius,
|
|
24
|
+
], StyledTextArea, tokens.inputColorReadOnly, StyledContent, tokens.contentSlotRightOpacityReadOnly, classes.clear, StyledTextAreaWrapper, tokens.dividerColorReadOnly, classes.clear, StyledTextAreaWrapper, StyledHelpers, StyledTextAreaWrapper, tokens.borderSize, tokens.borderColorReadOnly, tokens.borderRadius, StyledContainer, tokens.backgroundColorReadOnly, tokens.borderRadius, tokens.readOnlyOpacity);
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { component, mergeConfig } from "../../../engines";
|
|
2
|
-
import { comboboxNewConfig } from "../../..";
|
|
3
|
-
import { config } from "./Combobox.config";
|
|
4
|
-
var mergedConfig = mergeConfig(comboboxNewConfig, config);
|
|
5
|
-
var ComboboxComponent = component(mergedConfig);
|
|
6
|
-
var Combobox = ComboboxComponent;
|
|
7
|
-
export { Combobox };
|