@salutejs/plasma-new-hope 0.134.0-canary.1405.10615646161.0 → 0.134.0-canary.1405.10616629924.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/InputGroup/InputGroup.css +1 -1
- package/cjs/components/InputGroup/InputGroup.tokens.js +2 -0
- package/cjs/components/InputGroup/InputGroup.tokens.js.map +1 -1
- package/cjs/components/InputGroup/variations/_shape/base.js +1 -1
- package/cjs/components/InputGroup/variations/_shape/base.js.map +1 -1
- package/cjs/components/InputGroup/variations/_shape/base_3k0aw7.css +1 -0
- package/cjs/index.css +1 -1
- package/emotion/cjs/components/InputGroup/InputGroup.template-doc.mdx +1 -1
- package/emotion/cjs/components/InputGroup/InputGroup.tokens.js +2 -0
- package/emotion/cjs/components/InputGroup/variations/_shape/base.js +1 -1
- package/emotion/cjs/examples/plasma_web/components/InputGroup/InputGroup.config.js +13 -13
- package/emotion/es/components/InputGroup/InputGroup.template-doc.mdx +1 -1
- package/emotion/es/components/InputGroup/InputGroup.tokens.js +2 -0
- package/emotion/es/components/InputGroup/variations/_shape/base.js +1 -1
- package/emotion/es/examples/plasma_web/components/InputGroup/InputGroup.config.js +13 -13
- package/es/components/InputGroup/InputGroup.css +1 -1
- package/es/components/InputGroup/InputGroup.tokens.js +2 -0
- package/es/components/InputGroup/InputGroup.tokens.js.map +1 -1
- package/es/components/InputGroup/variations/_shape/base.js +1 -1
- package/es/components/InputGroup/variations/_shape/base.js.map +1 -1
- package/es/components/InputGroup/variations/_shape/base_3k0aw7.css +1 -0
- package/es/index.css +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/InputGroup/InputGroup.template-doc.mdx +1 -1
- package/styled-components/cjs/components/InputGroup/InputGroup.tokens.js +2 -0
- package/styled-components/cjs/components/InputGroup/variations/_shape/base.js +1 -1
- package/styled-components/cjs/examples/plasma_web/components/InputGroup/InputGroup.config.js +1 -1
- package/styled-components/es/components/InputGroup/InputGroup.template-doc.mdx +1 -1
- package/styled-components/es/components/InputGroup/InputGroup.tokens.js +2 -0
- package/styled-components/es/components/InputGroup/variations/_shape/base.js +1 -1
- package/styled-components/es/examples/plasma_web/components/InputGroup/InputGroup.config.js +1 -1
- package/types/components/InputGroup/InputGroup.tokens.d.ts +2 -0
- package/types/components/InputGroup/InputGroup.tokens.d.ts.map +1 -1
- package/types/components/InputGroup/variations/_shape/base.d.ts.map +1 -1
- package/types/examples/plasma_web/components/InputGroup/InputGroup.config.d.ts.map +1 -1
- package/cjs/components/InputGroup/variations/_shape/base_1v4bh9v.css +0 -1
- package/es/components/InputGroup/variations/_shape/base_1v4bh9v.css +0 -1
|
@@ -51,7 +51,7 @@ export function App() {
|
|
|
51
51
|
))}
|
|
52
52
|
</InputGroup>
|
|
53
53
|
|
|
54
|
-
<InputGroup
|
|
54
|
+
<InputGroup isCommonInputStyles={false}>
|
|
55
55
|
<TextField placeholder="Размер l" size="l" />
|
|
56
56
|
<TextField placeholder="Размер m" size="m" />
|
|
57
57
|
<TextField placeholder="Размер s" size="s" />
|
|
@@ -15,6 +15,8 @@ export var tokens = {
|
|
|
15
15
|
inputGroupOrientation: '--plasma-input-group-orientation',
|
|
16
16
|
inputGroupWebMarginLeft: '--plasma-input-group-web-margin-left',
|
|
17
17
|
inputGroupWebClipPath: '--plasma-input-group-web-clip-path',
|
|
18
|
+
inputGroupWebMarginTop: '--plasma-input-group-web-margin-top',
|
|
19
|
+
inputGroupWebVerticalClipPath: '--plasma-input-group-web-vertical-clip-path',
|
|
18
20
|
inputSegmentedRadius: '--plasma-input-group-item-segmented-radius',
|
|
19
21
|
inputDefaultRadius: '--plasma-input-group-item-default-radius',
|
|
20
22
|
inputSideRadius: '--plasma-input-group-side-item-radius',
|
|
@@ -2,4 +2,4 @@ import { css } from '@emotion/react';
|
|
|
2
2
|
import { classes, tokens } from '../../InputGroup.tokens';
|
|
3
3
|
import { textFieldTokens, textFieldClasses } from '../../../TextField';
|
|
4
4
|
import { InputWrapper } from '../../../TextField/TextField.styles';
|
|
5
|
-
export var base = /*#__PURE__*/css("&.", classes["default"], "{--plasma_private-input-radius-inner:var(", tokens.inputDefaultRadius, ");}&.", classes.segmented, "{--plasma_private-input-radius-inner:var(", tokens.inputSegmentedRadius, ");&.", classes.none, "{--plasma_private-input-radius-inner:0;}}& .", textFieldClasses.inputGroupItem, " ", InputWrapper, "{", textFieldTokens.borderRadius, ":var(--plasma_private-input-radius-inner);}&.", classes.none, " .", textFieldClasses.inputGroupItem, "{&:not(:first-child){margin-left:var(", tokens.inputGroupWebMarginLeft, ");}&:not(:last-child){", InputWrapper, "{clip-path:var(", tokens.inputGroupWebClipPath, ");&:hover,&:focus-within{clip-path:inset(0 0 0 0);}}}}&.", classes.horizontal, ",&.", classes.vertical, "{.", textFieldClasses.inputGroupItem, ":first-child:last-child ", InputWrapper, "{border-radius:var(", tokens.inputSideRadius, ");}}&.", classes.horizontal, "{.", textFieldClasses.inputGroupItem, ":first-child ", InputWrapper, "{--plasma_private-left-side-radius:var(", tokens.inputSideRadius, ") var(--plasma_private-input-radius-inner) var(--plasma_private-input-radius-inner) var(", tokens.inputSideRadius, ");border-radius:var(--plasma_private-left-side-radius);}.", textFieldClasses.inputGroupItem, ":last-child ", InputWrapper, "{--plasma_private-right-side-radius:var(--plasma_private-input-radius-inner) var(", tokens.inputSideRadius, ") var(", tokens.inputSideRadius, ") var(--plasma_private-input-radius-inner);border-radius:var(--plasma_private-right-side-radius);}}&.", classes.vertical, "{.", textFieldClasses.inputGroupItem, ":first-child ", InputWrapper, "{--plasma_private-up-side-radius:var(", tokens.inputSideRadius, ") var(", tokens.inputSideRadius, ") var(--plasma_private-input-radius-inner) var(--plasma_private-input-radius-inner);border-radius:var(--plasma_private-up-side-radius);}.", textFieldClasses.inputGroupItem, ":last-child ", InputWrapper, "{--plasma_private-down-side-radius:var(--plasma_private-input-radius-inner) var(--plasma_private-input-radius-inner) var(", tokens.inputSideRadius, ") var(", tokens.inputSideRadius, ");border-radius:var(--plasma_private-down-side-radius);}};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
5
|
+
export var base = /*#__PURE__*/css("&.", classes["default"], "{--plasma_private-input-radius-inner:var(", tokens.inputDefaultRadius, ");}&.", classes.segmented, "{--plasma_private-input-radius-inner:var(", tokens.inputSegmentedRadius, ");&.", classes.none, "{--plasma_private-input-radius-inner:0;}}& .", textFieldClasses.inputGroupItem, " ", InputWrapper, "{", textFieldTokens.borderRadius, ":var(--plasma_private-input-radius-inner);transition:clip-path 0.05s ease-in;}&.", classes.horizontal, "&.", classes.none, " .", textFieldClasses.inputGroupItem, "{&:not(:first-child){margin-left:var(", tokens.inputGroupWebMarginLeft, ");}&:not(:last-child){", InputWrapper, "{clip-path:var(", tokens.inputGroupWebClipPath, ");&:hover,&:focus-within{clip-path:inset(0 0 0 0);}}}}&.", classes.vertical, "&.", classes.none, " .", textFieldClasses.inputGroupItem, "{&:not(:first-child){margin-top:var(", tokens.inputGroupWebMarginTop, ");}&:not(:first-child){", InputWrapper, "{clip-path:var(", tokens.inputGroupWebVerticalClipPath, ");&:hover,&:focus-within{clip-path:inset(0 0 0 0);}}}}&.", classes.horizontal, ",&.", classes.vertical, "{.", textFieldClasses.inputGroupItem, ":first-child:last-child ", InputWrapper, "{border-radius:var(", tokens.inputSideRadius, ");}}&.", classes.horizontal, "{.", textFieldClasses.inputGroupItem, ":first-child ", InputWrapper, "{--plasma_private-left-side-radius:var(", tokens.inputSideRadius, ") var(--plasma_private-input-radius-inner) var(--plasma_private-input-radius-inner) var(", tokens.inputSideRadius, ");border-radius:var(--plasma_private-left-side-radius);}.", textFieldClasses.inputGroupItem, ":last-child ", InputWrapper, "{--plasma_private-right-side-radius:var(--plasma_private-input-radius-inner) var(", tokens.inputSideRadius, ") var(", tokens.inputSideRadius, ") var(--plasma_private-input-radius-inner);border-radius:var(--plasma_private-right-side-radius);}}&.", classes.vertical, "{.", textFieldClasses.inputGroupItem, ":first-child ", InputWrapper, "{--plasma_private-up-side-radius:var(", tokens.inputSideRadius, ") var(", tokens.inputSideRadius, ") var(--plasma_private-input-radius-inner) var(--plasma_private-input-radius-inner);border-radius:var(--plasma_private-up-side-radius);}.", textFieldClasses.inputGroupItem, ":last-child ", InputWrapper, "{--plasma_private-down-side-radius:var(--plasma_private-input-radius-inner) var(--plasma_private-input-radius-inner) var(", tokens.inputSideRadius, ") var(", tokens.inputSideRadius, ");border-radius:var(--plasma_private-down-side-radius);}};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvSW5wdXRHcm91cC92YXJpYXRpb25zL19zaGFwZS9iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU11QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0lucHV0R3JvdXAvdmFyaWF0aW9ucy9fc2hhcGUvYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vSW5wdXRHcm91cC50b2tlbnMnO1xuaW1wb3J0IHsgdGV4dEZpZWxkVG9rZW5zLCB0ZXh0RmllbGRDbGFzc2VzIH0gZnJvbSAnLi4vLi4vLi4vVGV4dEZpZWxkJztcbmltcG9ydCB7IElucHV0V3JhcHBlciB9IGZyb20gJy4uLy4uLy4uL1RleHRGaWVsZC9UZXh0RmllbGQuc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgJi4ke2NsYXNzZXMuZGVmYXVsdH0ge1xuICAgICAgICAtLXBsYXNtYV9wcml2YXRlLWlucHV0LXJhZGl1cy1pbm5lcjogdmFyKCR7dG9rZW5zLmlucHV0RGVmYXVsdFJhZGl1c30pO1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLnNlZ21lbnRlZH0ge1xuICAgICAgICAtLXBsYXNtYV9wcml2YXRlLWlucHV0LXJhZGl1cy1pbm5lcjogdmFyKCR7dG9rZW5zLmlucHV0U2VnbWVudGVkUmFkaXVzfSk7XG5cbiAgICAgICAgJi4ke2NsYXNzZXMubm9uZX0ge1xuICAgICAgICAgICAgLS1wbGFzbWFfcHJpdmF0ZS1pbnB1dC1yYWRpdXMtaW5uZXI6IDA7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmIC4ke3RleHRGaWVsZENsYXNzZXMuaW5wdXRHcm91cEl0ZW19ICR7SW5wdXRXcmFwcGVyfSB7XG4gICAgICAgICR7dGV4dEZpZWxkVG9rZW5zLmJvcmRlclJhZGl1c306IHZhcigtLXBsYXNtYV9wcml2YXRlLWlucHV0LXJhZGl1cy1pbm5lcik7XG4gICAgICAgIHRyYW5zaXRpb246IGNsaXAtcGF0aCAwLjA1cyBlYXNlLWluO1xuICAgIH1cblxuICAgIC8qIE5PVEU6INCx0LvQvtC6INC90YPQttC10L0g0YLQvtC70YzQutC+INC00LvRjyBUZXh0RmllbGQg0LIgcGxhc21hLXdlYiwg0YfRgtC+0LHRiyBib3JkZXIg0L3QtSDQvdCw0YHQu9Cw0LjQstCw0LvQuNGB0Ywg0LTRgNGD0LMg0L3QsCDQtNGA0YPQs9CwICovXG4gICAgJi4ke2NsYXNzZXMuaG9yaXpvbnRhbH0mLiR7Y2xhc3Nlcy5ub25lfSAuJHt0ZXh0RmllbGRDbGFzc2VzLmlucHV0R3JvdXBJdGVtfSB7XG4gICAgICAgICY6bm90KDpmaXJzdC1jaGlsZCkge1xuICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IHZhcigke3Rva2Vucy5pbnB1dEdyb3VwV2ViTWFyZ2luTGVmdH0pO1xuICAgICAgICB9XG5cbiAgICAgICAgJjpub3QoOmxhc3QtY2hpbGQpIHtcbiAgICAgICAgICAgICR7SW5wdXRXcmFwcGVyfSB7XG4gICAgICAgICAgICAgICAgY2xpcC1wYXRoOiB2YXIoJHt0b2tlbnMuaW5wdXRHcm91cFdlYkNsaXBQYXRofSk7XG5cbiAgICAgICAgICAgICAgICAmOmhvdmVyLFxuICAgICAgICAgICAgICAgICY6Zm9jdXMtd2l0aGluIHtcbiAgICAgICAgICAgICAgICAgICAgY2xpcC1wYXRoOiBpbnNldCgwIDAgMCAwKTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy52ZXJ0aWNhbH0mLiR7Y2xhc3Nlcy5ub25lfSAuJHt0ZXh0RmllbGRDbGFzc2VzLmlucHV0R3JvdXBJdGVtfSB7XG4gICAgICAgICY6bm90KDpmaXJzdC1jaGlsZCkge1xuICAgICAgICAgICAgbWFyZ2luLXRvcDogdmFyKCR7dG9rZW5zLmlucHV0R3JvdXBXZWJNYXJnaW5Ub3B9KTtcbiAgICAgICAgfVxuXG4gICAgICAgICY6bm90KDpmaXJzdC1jaGlsZCkge1xuICAgICAgICAgICAgJHtJbnB1dFdyYXBwZXJ9IHtcbiAgICAgICAgICAgICAgICBjbGlwLXBhdGg6IHZhcigke3Rva2Vucy5pbnB1dEdyb3VwV2ViVmVydGljYWxDbGlwUGF0aH0pO1xuXG4gICAgICAgICAgICAgICAgJjpob3ZlcixcbiAgICAgICAgICAgICAgICAmOmZvY3VzLXdpdGhpbiB7XG4gICAgICAgICAgICAgICAgICAgIGNsaXAtcGF0aDogaW5zZXQoMCAwIDAgMCk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMuaG9yaXpvbnRhbH0sICYuJHtjbGFzc2VzLnZlcnRpY2FsfSB7XG4gICAgICAgIC4ke3RleHRGaWVsZENsYXNzZXMuaW5wdXRHcm91cEl0ZW19OmZpcnN0LWNoaWxkOmxhc3QtY2hpbGQgJHtJbnB1dFdyYXBwZXJ9IHtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5pbnB1dFNpZGVSYWRpdXN9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLmhvcml6b250YWx9IHtcbiAgICAgICAgLiR7dGV4dEZpZWxkQ2xhc3Nlcy5pbnB1dEdyb3VwSXRlbX06Zmlyc3QtY2hpbGQgJHtJbnB1dFdyYXBwZXJ9IHtcbiAgICAgICAgICAgIC0tcGxhc21hX3ByaXZhdGUtbGVmdC1zaWRlLXJhZGl1czogdmFyKCR7dG9rZW5zLmlucHV0U2lkZVJhZGl1c30pIHZhcigtLXBsYXNtYV9wcml2YXRlLWlucHV0LXJhZGl1cy1pbm5lcilcbiAgICAgICAgICAgICAgICB2YXIoLS1wbGFzbWFfcHJpdmF0ZS1pbnB1dC1yYWRpdXMtaW5uZXIpIHZhcigke3Rva2Vucy5pbnB1dFNpZGVSYWRpdXN9KTtcblxuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogdmFyKC0tcGxhc21hX3ByaXZhdGUtbGVmdC1zaWRlLXJhZGl1cyk7XG4gICAgICAgIH1cblxuICAgICAgICAuJHt0ZXh0RmllbGRDbGFzc2VzLmlucHV0R3JvdXBJdGVtfTpsYXN0LWNoaWxkICR7SW5wdXRXcmFwcGVyfSB7XG4gICAgICAgICAgICAtLXBsYXNtYV9wcml2YXRlLXJpZ2h0LXNpZGUtcmFkaXVzOiB2YXIoLS1wbGFzbWFfcHJpdmF0ZS1pbnB1dC1yYWRpdXMtaW5uZXIpIHZhcigke3Rva2Vucy5pbnB1dFNpZGVSYWRpdXN9KVxuICAgICAgICAgICAgICAgIHZhcigke3Rva2Vucy5pbnB1dFNpZGVSYWRpdXN9KSB2YXIoLS1wbGFzbWFfcHJpdmF0ZS1pbnB1dC1yYWRpdXMtaW5uZXIpO1xuXG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1wbGFzbWFfcHJpdmF0ZS1yaWdodC1zaWRlLXJhZGl1cyk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy52ZXJ0aWNhbH0ge1xuICAgICAgICAuJHt0ZXh0RmllbGRDbGFzc2VzLmlucHV0R3JvdXBJdGVtfTpmaXJzdC1jaGlsZCAke0lucHV0V3JhcHBlcn0ge1xuICAgICAgICAgICAgLS1wbGFzbWFfcHJpdmF0ZS11cC1zaWRlLXJhZGl1czogdmFyKCR7dG9rZW5zLmlucHV0U2lkZVJhZGl1c30pIHZhcigke3Rva2Vucy5pbnB1dFNpZGVSYWRpdXN9KVxuICAgICAgICAgICAgICAgIHZhcigtLXBsYXNtYV9wcml2YXRlLWlucHV0LXJhZGl1cy1pbm5lcikgdmFyKC0tcGxhc21hX3ByaXZhdGUtaW5wdXQtcmFkaXVzLWlubmVyKTtcblxuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogdmFyKC0tcGxhc21hX3ByaXZhdGUtdXAtc2lkZS1yYWRpdXMpO1xuICAgICAgICB9XG4gICAgICAgIC4ke3RleHRGaWVsZENsYXNzZXMuaW5wdXRHcm91cEl0ZW19Omxhc3QtY2hpbGQgJHtJbnB1dFdyYXBwZXJ9IHtcbiAgICAgICAgICAgIC0tcGxhc21hX3ByaXZhdGUtZG93bi1zaWRlLXJhZGl1czogdmFyKC0tcGxhc21hX3ByaXZhdGUtaW5wdXQtcmFkaXVzLWlubmVyKVxuICAgICAgICAgICAgICAgIHZhcigtLXBsYXNtYV9wcml2YXRlLWlucHV0LXJhZGl1cy1pbm5lcikgdmFyKCR7dG9rZW5zLmlucHV0U2lkZVJhZGl1c30pIHZhcigke3Rva2Vucy5pbnB1dFNpZGVSYWRpdXN9KTtcblxuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogdmFyKC0tcGxhc21hX3ByaXZhdGUtZG93bi1zaWRlLXJhZGl1cyk7XG4gICAgICAgIH1cbiAgICB9XG5gO1xuIl19 */"));
|