@salutejs/plasma-new-hope 0.343.0-canary.2378.20022803938.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 -5
- package/cjs/index.js +0 -6
- package/cjs/index.js.map +1 -1
- package/emotion/cjs/components/TextArea/variations/_read-only/base.js +1 -1
- package/emotion/cjs/examples/components/Combobox/Combobox.js +15 -0
- package/emotion/cjs/index.js +0 -1
- package/emotion/es/components/TextArea/variations/_read-only/base.js +1 -1
- package/emotion/es/index.js +0 -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 -5
- package/es/index.js +0 -2
- package/es/index.js.map +1 -1
- package/package.json +5 -5
- package/styled-components/cjs/components/TextArea/variations/_read-only/base.js +2 -3
- package/styled-components/cjs/examples/components/Combobox/Combobox.js +0 -15
- package/styled-components/cjs/index.js +0 -1
- package/styled-components/es/components/TextArea/variations/_read-only/base.js +2 -3
- package/styled-components/es/examples/components/Combobox/Combobox.js +0 -7
- package/styled-components/es/index.js +0 -1
- package/types/components/TextField/TextField.types.d.ts +1 -1
- package/types/index.d.ts +0 -1
- package/types/index.d.ts.map +1 -1
- package/cjs/components/_experimental/Popover/Popover.js +0 -163
- package/cjs/components/_experimental/Popover/Popover.js.map +0 -1
- package/cjs/components/_experimental/Popover/Popover.styles.js +0 -23
- package/cjs/components/_experimental/Popover/Popover.styles.js.map +0 -1
- package/cjs/components/_experimental/Popover/Popover.styles_16k97a4.css +0 -3
- package/cjs/components/_experimental/Popover/Popover.tokens.js +0 -22
- package/cjs/components/_experimental/Popover/Popover.tokens.js.map +0 -1
- package/cjs/components/_experimental/Popover/Popover_1ed9tky.css +0 -2
- package/cjs/components/_experimental/Popover/utils/sizeToIconSize.js +0 -10
- package/cjs/components/_experimental/Popover/utils/sizeToIconSize.js.map +0 -1
- package/emotion/cjs/components/_experimental/Popover/Popover.js +0 -327
- package/emotion/cjs/components/_experimental/Popover/Popover.styles.js +0 -38
- package/emotion/cjs/components/_experimental/Popover/Popover.tokens.js +0 -32
- package/emotion/cjs/components/_experimental/Popover/Popover.types.js +0 -4
- package/emotion/cjs/components/_experimental/Popover/index.js +0 -26
- package/emotion/cjs/components/_experimental/Popover/utils/index.js +0 -18
- package/emotion/cjs/components/_experimental/Popover/utils/sizeToIconSize.js +0 -13
- package/emotion/cjs/components/_experimental/index.js +0 -18
- package/emotion/cjs/examples/components/_experimental/Popover/Popover.closeInner.config.js +0 -28
- package/emotion/cjs/examples/components/_experimental/Popover/Popover.closeNone.config.js +0 -28
- package/emotion/cjs/examples/components/_experimental/Popover/Popover.js +0 -39
- package/emotion/es/components/_experimental/Popover/Popover.js +0 -263
- package/emotion/es/components/_experimental/Popover/Popover.styles.js +0 -12
- package/emotion/es/components/_experimental/Popover/Popover.tokens.js +0 -14
- package/emotion/es/components/_experimental/Popover/Popover.types.js +0 -1
- package/emotion/es/components/_experimental/Popover/index.js +0 -2
- package/emotion/es/components/_experimental/Popover/utils/index.js +0 -1
- package/emotion/es/components/_experimental/Popover/utils/sizeToIconSize.js +0 -3
- package/emotion/es/components/_experimental/index.js +0 -1
- package/emotion/es/examples/components/_experimental/Popover/Popover.closeInner.config.js +0 -18
- package/emotion/es/examples/components/_experimental/Popover/Popover.closeNone.config.js +0 -18
- package/emotion/es/examples/components/_experimental/Popover/Popover.js +0 -18
- package/es/components/_experimental/Popover/Popover.js +0 -153
- package/es/components/_experimental/Popover/Popover.js.map +0 -1
- package/es/components/_experimental/Popover/Popover.styles.js +0 -17
- package/es/components/_experimental/Popover/Popover.styles.js.map +0 -1
- package/es/components/_experimental/Popover/Popover.styles_16k97a4.css +0 -3
- package/es/components/_experimental/Popover/Popover.tokens.js +0 -17
- package/es/components/_experimental/Popover/Popover.tokens.js.map +0 -1
- package/es/components/_experimental/Popover/Popover_1ed9tky.css +0 -2
- package/es/components/_experimental/Popover/utils/sizeToIconSize.js +0 -6
- package/es/components/_experimental/Popover/utils/sizeToIconSize.js.map +0 -1
- package/styled-components/cjs/components/_experimental/Popover/Popover.js +0 -331
- package/styled-components/cjs/components/_experimental/Popover/Popover.styles.js +0 -88
- package/styled-components/cjs/components/_experimental/Popover/Popover.tokens.js +0 -32
- package/styled-components/cjs/components/_experimental/Popover/Popover.types.js +0 -4
- package/styled-components/cjs/components/_experimental/Popover/index.js +0 -26
- package/styled-components/cjs/components/_experimental/Popover/utils/index.js +0 -18
- package/styled-components/cjs/components/_experimental/Popover/utils/sizeToIconSize.js +0 -13
- package/styled-components/cjs/components/_experimental/index.js +0 -18
- package/styled-components/cjs/examples/components/_experimental/Popover/Popover.closeInner.config.js +0 -57
- package/styled-components/cjs/examples/components/_experimental/Popover/Popover.closeNone.config.js +0 -48
- package/styled-components/cjs/examples/components/_experimental/Popover/Popover.js +0 -39
- package/styled-components/es/components/_experimental/Popover/Popover.js +0 -267
- package/styled-components/es/components/_experimental/Popover/Popover.styles.js +0 -27
- package/styled-components/es/components/_experimental/Popover/Popover.tokens.js +0 -14
- package/styled-components/es/components/_experimental/Popover/Popover.types.js +0 -1
- package/styled-components/es/components/_experimental/Popover/index.js +0 -2
- package/styled-components/es/components/_experimental/Popover/utils/index.js +0 -1
- package/styled-components/es/components/_experimental/Popover/utils/sizeToIconSize.js +0 -3
- package/styled-components/es/components/_experimental/index.js +0 -1
- package/styled-components/es/examples/components/_experimental/Popover/Popover.closeInner.config.js +0 -47
- package/styled-components/es/examples/components/_experimental/Popover/Popover.closeNone.config.js +0 -38
- package/styled-components/es/examples/components/_experimental/Popover/Popover.js +0 -18
- package/types/components/_experimental/Popover/Popover.d.ts +0 -23
- package/types/components/_experimental/Popover/Popover.d.ts.map +0 -1
- package/types/components/_experimental/Popover/Popover.styles.d.ts +0 -4
- package/types/components/_experimental/Popover/Popover.styles.d.ts.map +0 -1
- package/types/components/_experimental/Popover/Popover.tokens.d.ts +0 -15
- package/types/components/_experimental/Popover/Popover.tokens.d.ts.map +0 -1
- package/types/components/_experimental/Popover/Popover.types.d.ts +0 -106
- package/types/components/_experimental/Popover/Popover.types.d.ts.map +0 -1
- package/types/components/_experimental/Popover/index.d.ts +0 -4
- package/types/components/_experimental/Popover/index.d.ts.map +0 -1
- package/types/components/_experimental/Popover/utils/index.d.ts +0 -2
- package/types/components/_experimental/Popover/utils/index.d.ts.map +0 -1
- package/types/components/_experimental/Popover/utils/sizeToIconSize.d.ts +0 -2
- package/types/components/_experimental/Popover/utils/sizeToIconSize.d.ts.map +0 -1
- package/types/components/_experimental/index.d.ts +0 -2
- package/types/components/_experimental/index.d.ts.map +0 -1
- package/types/examples/components/_experimental/Popover/Popover.closeInner.config.d.ts +0 -17
- package/types/examples/components/_experimental/Popover/Popover.closeInner.config.d.ts.map +0 -1
- package/types/examples/components/_experimental/Popover/Popover.closeNone.config.d.ts +0 -17
- package/types/examples/components/_experimental/Popover/Popover.closeNone.config.d.ts.map +0 -1
- package/types/examples/components/_experimental/Popover/Popover.d.ts +0 -34
- package/types/examples/components/_experimental/Popover/Popover.d.ts.map +0 -1
|
@@ -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
|
|
|
@@ -1259,7 +1259,3 @@
|
|
|
1259
1259
|
.Loader_styles_xzuvzj_l17iuurt__74b0ee03{position:fixed;top:0;left:0;right:0;bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;z-index:var(--l17iuurt-0);}
|
|
1260
1260
|
.Loader_styles_xzuvzj_spt1qmx__74b0ee03{position:absolute;inset:0;background:var(--plasma_private-overlay-background-color);-webkit-backdrop-filter:var(--spt1qmx-0);backdrop-filter:var(--spt1qmx-0);cursor:var(--spt1qmx-1);--plasma_private-overlay-background-color:var(--spt1qmx-2);}
|
|
1261
1261
|
.Loader_styles_xzuvzj_lh3ju30__74b0ee03{position:relative;z-index:1;}
|
|
1262
|
-
|
|
1263
|
-
.Popover_styles_16k97a4_bjqq97m__d48dd174{position:relative;background:var(--plasma-popover-background-color);padding:var(--plasma-popover-padding);border-radius:var(--plasma-popover-border-radius);box-shadow:var(--plasma-popover-box-shadow);}
|
|
1264
|
-
.Popover_styles_16k97a4_trsso1p__d48dd174{display:inline-block;max-width:100%;}
|
|
1265
|
-
.Popover_styles_16k97a4_cwikyji__d48dd174{position:absolute;top:var(--plasma-popover-icon-offset);right:var(--plasma-popover-icon-offset);padding:0;margin:0;border:none;background:none;cursor:pointer;line-height:0;color:var(--plasma-popover-icon-color);}.Popover_styles_16k97a4_cwikyji__d48dd174:hover{color:var(--plasma-popover-icon-color-hover);}.Popover_styles_16k97a4_cwikyji__d48dd174:active{color:var(--plasma-popover-icon-color-active);}
|
package/cjs/index.js
CHANGED
|
@@ -274,8 +274,6 @@ var DateTimePicker = require('./components/DateTimePicker/DateTimePicker.js');
|
|
|
274
274
|
var DateTimePicker_tokens = require('./components/DateTimePicker/DateTimePicker.tokens.js');
|
|
275
275
|
var Loader = require('./components/Loader/Loader.js');
|
|
276
276
|
var Loader_tokens = require('./components/Loader/Loader.tokens.js');
|
|
277
|
-
var Popover$1 = require('./components/_experimental/Popover/Popover.js');
|
|
278
|
-
var Popover_tokens$1 = require('./components/_experimental/Popover/Popover.tokens.js');
|
|
279
277
|
|
|
280
278
|
|
|
281
279
|
|
|
@@ -782,8 +780,4 @@ exports.dateTimePickerTokens = DateTimePicker_tokens.tokens;
|
|
|
782
780
|
exports.loaderConfig = Loader.loaderConfig;
|
|
783
781
|
exports.loaderRoot = Loader.loaderRoot;
|
|
784
782
|
exports.loaderTokens = Loader_tokens.tokens;
|
|
785
|
-
exports._experimenral_popoverConfig = Popover$1.popoverConfig;
|
|
786
|
-
exports._experimental_popoverRoot = Popover$1.popoverRoot;
|
|
787
|
-
exports._experimental_popoverClasses = Popover_tokens$1.classes;
|
|
788
|
-
exports._experimental_popoverTokens = Popover_tokens$1.tokens;
|
|
789
783
|
//# sourceMappingURL=index.js.map
|
package/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -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 +1,16 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "Combobox", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return Combobox;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
var _engines = require("../../../engines");
|
|
12
|
+
var _ = require("../../..");
|
|
13
|
+
var _Comboboxconfig = require("./Combobox.config");
|
|
14
|
+
var mergedConfig = (0, _engines.mergeConfig)(_.comboboxNewConfig, _Comboboxconfig.config);
|
|
15
|
+
var ComboboxComponent = (0, _engines.component)(mergedConfig);
|
|
16
|
+
var Combobox = ComboboxComponent;
|
package/emotion/cjs/index.js
CHANGED
|
@@ -90,7 +90,6 @@ _export_star(require("./components/ProgressBarCircular"), exports);
|
|
|
90
90
|
_export_star(require("./components/TimePicker"), exports);
|
|
91
91
|
_export_star(require("./components/DateTimePicker"), exports);
|
|
92
92
|
_export_star(require("./components/Loader"), exports);
|
|
93
|
-
_export_star(require("./components/_experimental/Popover"), exports);
|
|
94
93
|
function _export_star(from, to) {
|
|
95
94
|
Object.keys(from).forEach(function(k) {
|
|
96
95
|
if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
|
|
@@ -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 */");
|
package/emotion/es/index.js
CHANGED
|
@@ -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
|
|
|
@@ -1259,7 +1259,3 @@
|
|
|
1259
1259
|
.Loader_styles_xzuvzj_l17iuurt__74b0ee03{position:fixed;top:0;left:0;right:0;bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;z-index:var(--l17iuurt-0);}
|
|
1260
1260
|
.Loader_styles_xzuvzj_spt1qmx__74b0ee03{position:absolute;inset:0;background:var(--plasma_private-overlay-background-color);-webkit-backdrop-filter:var(--spt1qmx-0);backdrop-filter:var(--spt1qmx-0);cursor:var(--spt1qmx-1);--plasma_private-overlay-background-color:var(--spt1qmx-2);}
|
|
1261
1261
|
.Loader_styles_xzuvzj_lh3ju30__74b0ee03{position:relative;z-index:1;}
|
|
1262
|
-
|
|
1263
|
-
.Popover_styles_16k97a4_bjqq97m__d48dd174{position:relative;background:var(--plasma-popover-background-color);padding:var(--plasma-popover-padding);border-radius:var(--plasma-popover-border-radius);box-shadow:var(--plasma-popover-box-shadow);}
|
|
1264
|
-
.Popover_styles_16k97a4_trsso1p__d48dd174{display:inline-block;max-width:100%;}
|
|
1265
|
-
.Popover_styles_16k97a4_cwikyji__d48dd174{position:absolute;top:var(--plasma-popover-icon-offset);right:var(--plasma-popover-icon-offset);padding:0;margin:0;border:none;background:none;cursor:pointer;line-height:0;color:var(--plasma-popover-icon-color);}.Popover_styles_16k97a4_cwikyji__d48dd174:hover{color:var(--plasma-popover-icon-color-hover);}.Popover_styles_16k97a4_cwikyji__d48dd174:active{color:var(--plasma-popover-icon-color-active);}
|
package/es/index.js
CHANGED
|
@@ -271,6 +271,4 @@ export { dateTimePickerConfig, dateTimePickerRoot } from './components/DateTimeP
|
|
|
271
271
|
export { classes as dateTimePickerClasses, tokens as dateTimePickerTokens } from './components/DateTimePicker/DateTimePicker.tokens.js';
|
|
272
272
|
export { loaderConfig, loaderRoot } from './components/Loader/Loader.js';
|
|
273
273
|
export { tokens as loaderTokens } from './components/Loader/Loader.tokens.js';
|
|
274
|
-
export { popoverConfig as _experimenral_popoverConfig, popoverRoot as _experimental_popoverRoot } from './components/_experimental/Popover/Popover.js';
|
|
275
|
-
export { classes as _experimental_popoverClasses, tokens as _experimental_popoverTokens } from './components/_experimental/Popover/Popover.tokens.js';
|
|
276
274
|
//# sourceMappingURL=index.js.map
|
package/es/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
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);
|
|
@@ -1,16 +1 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
value: true
|
|
4
|
-
});
|
|
5
|
-
Object.defineProperty(exports, "Combobox", {
|
|
6
|
-
enumerable: true,
|
|
7
|
-
get: function() {
|
|
8
|
-
return Combobox;
|
|
9
|
-
}
|
|
10
|
-
});
|
|
11
|
-
var _engines = require("../../../engines");
|
|
12
|
-
var _ = require("../../..");
|
|
13
|
-
var _Comboboxconfig = require("./Combobox.config");
|
|
14
|
-
var mergedConfig = (0, _engines.mergeConfig)(_.comboboxNewConfig, _Comboboxconfig.config);
|
|
15
|
-
var ComboboxComponent = (0, _engines.component)(mergedConfig);
|
|
16
|
-
var Combobox = ComboboxComponent;
|
|
@@ -90,7 +90,6 @@ _export_star(require("./components/ProgressBarCircular"), exports);
|
|
|
90
90
|
_export_star(require("./components/TimePicker"), exports);
|
|
91
91
|
_export_star(require("./components/DateTimePicker"), exports);
|
|
92
92
|
_export_star(require("./components/Loader"), exports);
|
|
93
|
-
_export_star(require("./components/_experimental/Popover"), exports);
|
|
94
93
|
function _export_star(from, to) {
|
|
95
94
|
Object.keys(from).forEach(function(k) {
|
|
96
95
|
if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
|
|
@@ -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 };
|
|
@@ -232,7 +232,7 @@ export type TextFieldPropsBase = {
|
|
|
232
232
|
export type TextFieldProps = {
|
|
233
233
|
/**
|
|
234
234
|
* Стиль для UI конфигурации
|
|
235
|
-
* Влияет на выбор
|
|
235
|
+
* Влияет на выбор предустановленого набора токенов
|
|
236
236
|
* @default default
|
|
237
237
|
*/
|
|
238
238
|
appearance?: 'default' | 'clear';
|
package/types/index.d.ts
CHANGED
|
@@ -87,5 +87,4 @@ export * from './components/ProgressBarCircular';
|
|
|
87
87
|
export * from './components/TimePicker';
|
|
88
88
|
export * from './components/DateTimePicker';
|
|
89
89
|
export * from './components/Loader';
|
|
90
|
-
export * from './components/_experimental/Popover';
|
|
91
90
|
//# sourceMappingURL=index.d.ts.map
|
package/types/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,163 +0,0 @@
|
|
|
1
|
-
require('./Popover_1ed9tky.css');
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
5
|
-
|
|
6
|
-
var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
7
|
-
var React = require('react');
|
|
8
|
-
var cls = require('classnames');
|
|
9
|
-
var react = require('@floating-ui/react');
|
|
10
|
-
var Popover_tokens = require('./Popover.tokens.js');
|
|
11
|
-
var Popover_styles = require('./Popover.styles.js');
|
|
12
|
-
var setRefList = require('../../../utils/setRefList.js');
|
|
13
|
-
var IconClose = require('../../_Icon/Icons/IconClose.js');
|
|
14
|
-
var sizeToIconSize = require('./utils/sizeToIconSize.js');
|
|
15
|
-
|
|
16
|
-
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
17
|
-
|
|
18
|
-
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
19
|
-
var cls__default = /*#__PURE__*/_interopDefault(cls);
|
|
20
|
-
|
|
21
|
-
var _excluded = ["appearance", "children", "target", "opened", "defaultOpened", "trigger", "placement", "arrow", "flip", "shift", "offset", "outsideClick", "resizable", "onResizeStart", "onResizeEnd", "onToggle", "delayOpen", "delayClose", "zIndex", "className", "style", "size"];
|
|
22
|
-
/* Ширина хвостика */
|
|
23
|
-
var ARROW_WIDTH = 20;
|
|
24
|
-
/* Высота хвостика */
|
|
25
|
-
var ARROW_HEIGHT = 8;
|
|
26
|
-
/* SVG хвостика */
|
|
27
|
-
var ARROW_POLYGON = 'M20 20L0 20C8.88889 20.0001 10 12.5714 10 12C10 12.5714 11.3273 20.006 20 20Z';
|
|
28
|
-
/* Отступ хвостика по краям (чтобы избежать коллизии со скругленными углами) */
|
|
29
|
-
var ARROW_PADDING = 16;
|
|
30
|
-
var popoverRoot = function popoverRoot(Root) {
|
|
31
|
-
return /*#__PURE__*/React.forwardRef(function (_ref, outerRootRef) {
|
|
32
|
-
var appearance = _ref.appearance,
|
|
33
|
-
children = _ref.children,
|
|
34
|
-
target = _ref.target,
|
|
35
|
-
outerOpened = _ref.opened,
|
|
36
|
-
_ref$defaultOpened = _ref.defaultOpened,
|
|
37
|
-
defaultOpened = _ref$defaultOpened === void 0 ? false : _ref$defaultOpened,
|
|
38
|
-
_ref$trigger = _ref.trigger,
|
|
39
|
-
trigger = _ref$trigger === void 0 ? 'click' : _ref$trigger,
|
|
40
|
-
_ref$placement = _ref.placement,
|
|
41
|
-
placement = _ref$placement === void 0 ? 'bottom' : _ref$placement,
|
|
42
|
-
_ref$arrow = _ref.arrow,
|
|
43
|
-
outerArrow = _ref$arrow === void 0 ? true : _ref$arrow,
|
|
44
|
-
_ref$flip = _ref.flip,
|
|
45
|
-
outsideFlip = _ref$flip === void 0 ? true : _ref$flip,
|
|
46
|
-
_ref$shift = _ref.shift,
|
|
47
|
-
outsideShift = _ref$shift === void 0 ? true : _ref$shift,
|
|
48
|
-
_ref$offset = _ref.offset,
|
|
49
|
-
outerOffset = _ref$offset === void 0 ? 0 : _ref$offset,
|
|
50
|
-
_ref$outsideClick = _ref.outsideClick,
|
|
51
|
-
outsideClick = _ref$outsideClick === void 0 ? true : _ref$outsideClick,
|
|
52
|
-
onToggle = _ref.onToggle,
|
|
53
|
-
_ref$delayOpen = _ref.delayOpen,
|
|
54
|
-
delayOpen = _ref$delayOpen === void 0 ? 0 : _ref$delayOpen,
|
|
55
|
-
_ref$delayClose = _ref.delayClose,
|
|
56
|
-
delayClose = _ref$delayClose === void 0 ? 0 : _ref$delayClose,
|
|
57
|
-
_ref$zIndex = _ref.zIndex,
|
|
58
|
-
zIndex = _ref$zIndex === void 0 ? 1000 : _ref$zIndex,
|
|
59
|
-
className = _ref.className,
|
|
60
|
-
style = _ref.style,
|
|
61
|
-
size = _ref.size,
|
|
62
|
-
rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
|
63
|
-
var _useState = React.useState(defaultOpened),
|
|
64
|
-
_useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
|
|
65
|
-
innerOpened = _useState2[0],
|
|
66
|
-
setInnerOpened = _useState2[1];
|
|
67
|
-
var opened = outerOpened !== null && outerOpened !== void 0 ? outerOpened : innerOpened;
|
|
68
|
-
var arrowRef = React.useRef(null);
|
|
69
|
-
var handleToggle = function handleToggle(opened) {
|
|
70
|
-
setInnerOpened(opened);
|
|
71
|
-
if (onToggle) {
|
|
72
|
-
onToggle(opened);
|
|
73
|
-
}
|
|
74
|
-
};
|
|
75
|
-
var _useFloating = react.useFloating({
|
|
76
|
-
whileElementsMounted: react.autoUpdate,
|
|
77
|
-
placement: placement,
|
|
78
|
-
open: opened,
|
|
79
|
-
onOpenChange: handleToggle,
|
|
80
|
-
middleware: [outsideShift && react.shift(), outsideFlip && react.flip(), outerArrow && react.arrow({
|
|
81
|
-
element: arrowRef,
|
|
82
|
-
padding: ARROW_PADDING
|
|
83
|
-
}), react.offset((outerArrow ? ARROW_HEIGHT : 0) + outerOffset)]
|
|
84
|
-
}),
|
|
85
|
-
refs = _useFloating.refs,
|
|
86
|
-
floatingStyles = _useFloating.floatingStyles,
|
|
87
|
-
context = _useFloating.context;
|
|
88
|
-
var click = react.useClick(context, {
|
|
89
|
-
enabled: trigger === 'click'
|
|
90
|
-
});
|
|
91
|
-
var dismiss = react.useDismiss(context, {
|
|
92
|
-
enabled: true,
|
|
93
|
-
outsidePress: outsideClick
|
|
94
|
-
});
|
|
95
|
-
var role = react.useRole(context);
|
|
96
|
-
var hover = react.useHover(context, {
|
|
97
|
-
enabled: trigger === 'hover',
|
|
98
|
-
handleClose: react.safePolygon({
|
|
99
|
-
requireIntent: false
|
|
100
|
-
}),
|
|
101
|
-
delay: {
|
|
102
|
-
open: delayOpen,
|
|
103
|
-
close: delayClose
|
|
104
|
-
}
|
|
105
|
-
});
|
|
106
|
-
var _useInteractions = react.useInteractions([dismiss, role, click, hover]),
|
|
107
|
-
getReferenceProps = _useInteractions.getReferenceProps,
|
|
108
|
-
getFloatingProps = _useInteractions.getFloatingProps;
|
|
109
|
-
var commonRef = setRefList.mergeRefs(outerRootRef, refs.setFloating);
|
|
110
|
-
return /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, /*#__PURE__*/React__default.default.createElement(Popover_styles.Target, _rollupPluginBabelHelpers.extends({
|
|
111
|
-
ref: refs.setReference
|
|
112
|
-
}, getReferenceProps()), target), opened && /*#__PURE__*/React__default.default.createElement(react.FloatingPortal, null, /*#__PURE__*/React__default.default.createElement(react.FloatingFocusManager, {
|
|
113
|
-
context: context
|
|
114
|
-
}, /*#__PURE__*/React__default.default.createElement(Root, _rollupPluginBabelHelpers.extends({
|
|
115
|
-
ref: commonRef,
|
|
116
|
-
target: target,
|
|
117
|
-
className: cls__default.default(className, Popover_tokens.classes.popoverContainer),
|
|
118
|
-
style: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
|
|
119
|
-
zIndex: zIndex
|
|
120
|
-
}, style), floatingStyles),
|
|
121
|
-
size: size
|
|
122
|
-
}, getFloatingProps(), rest, {
|
|
123
|
-
"data-popover-open": opened
|
|
124
|
-
}), appearance === 'closeInner' && /*#__PURE__*/React__default.default.createElement(Popover_styles.CloseButton, {
|
|
125
|
-
className: Popover_tokens.classes.popoverCloseIconButton,
|
|
126
|
-
onClick: function onClick() {
|
|
127
|
-
return handleToggle(false);
|
|
128
|
-
}
|
|
129
|
-
}, /*#__PURE__*/React__default.default.createElement(IconClose.IconClose, {
|
|
130
|
-
size: sizeToIconSize.sizeToIconSize(size),
|
|
131
|
-
color: "inherit"
|
|
132
|
-
})), outerArrow && /*#__PURE__*/React__default.default.createElement(react.FloatingArrow, {
|
|
133
|
-
ref: arrowRef,
|
|
134
|
-
context: context,
|
|
135
|
-
width: ARROW_WIDTH,
|
|
136
|
-
height: ARROW_HEIGHT,
|
|
137
|
-
fill: "var(".concat(Popover_tokens.tokens.backgroundColor, ")"),
|
|
138
|
-
d: ARROW_POLYGON
|
|
139
|
-
}), children))));
|
|
140
|
-
});
|
|
141
|
-
};
|
|
142
|
-
var popoverConfig = {
|
|
143
|
-
name: 'Popover',
|
|
144
|
-
tag: 'div',
|
|
145
|
-
layout: popoverRoot,
|
|
146
|
-
base: Popover_styles.base,
|
|
147
|
-
variations: {
|
|
148
|
-
view: {
|
|
149
|
-
css: "c1249igs"
|
|
150
|
-
},
|
|
151
|
-
size: {
|
|
152
|
-
css: "c1n5h7tb"
|
|
153
|
-
}
|
|
154
|
-
},
|
|
155
|
-
defaults: {
|
|
156
|
-
view: 'default',
|
|
157
|
-
size: 'm'
|
|
158
|
-
}
|
|
159
|
-
};
|
|
160
|
-
|
|
161
|
-
exports.popoverConfig = popoverConfig;
|
|
162
|
-
exports.popoverRoot = popoverRoot;
|
|
163
|
-
//# sourceMappingURL=Popover.js.map
|