@salutejs/plasma-new-hope 0.138.0-canary.1406.10666365265.0 → 0.138.0-canary.1415.10666679454.0

package/emotion/cjs/components/InputGroup/InputGroup.template-doc.mdx

@@ -0,0 +1,126 @@
+---
+id: inputGroup
+title: InputGroup
+---
+
+import { PropsTable, Description } from '@site/src/components';
+
+# InputGroup
+<Description name="InputGroup" />
+<PropsTable name="InputGroup" exclude={['css']} />
+
+## Использование
+Компонент `InputGroup` - это обертка для Input. Принимает в себя группу input.
+
+```tsx live
+import React from 'react';
+import { InputGroup, TextField } from '@salutejs/{{ package }}';
+
+export function App() {
+    return (
+        <InputGroup>
+            {Array(5)
+                .fill(true)
+                .map((_, i) => (
+                    <TextField placeholder={`input #${i}`} />
+                ))}
+        </InputGroup>
+    );
+}
+```
+
+## Примеры
+
+### Размер группы input
+Размер InputGroup задается с помощью свойства `size`.
+С помощью свойства `isCommonInputStyles` можно отключить переопределение стилей для всех input внутри группы. 
+Тогда каждкаждый input будет иметь настраиваемый размер. 
+
+```tsx live
+import React from 'react';
+import { InputGroup, TextField } from '@salutejs/{{ package }}';
+
+export function App() {
+    return (
+        <div>
+            <InputGroup size="s" view="secondary">
+                {Array(5)
+                    .fill(true)
+                    .map((_, i) => (
+                        <TextField placeholder={`input #${i}`} />
+                    ))}
+            </InputGroup>
+            
+            <InputGroup isCommonInputStyles={false}>
+                <TextField placeholder="Размер l" size="l" />
+                <TextField placeholder="Размер m" size="m" />
+                <TextField placeholder="Размер s" size="s" />
+                <TextField placeholder="Размер xs" size="xs" />
+            </InputGroup>
+        </div>
+    );
+}
+```
+
+### Границы input
+Границы input задаются с помощью свойства `shape`.
+
+```tsx live
+import React from 'react';
+import { InputGroup, TextField } from '@salutejs/{{ package }}';
+
+export function App() {
+    return (
+        <div>
+            <InputGroup size="xs" shape="segmented">
+                {Array(3)
+                    .fill(true)
+                    .map((_, i) => (
+                        <TextField placeholder={`input #${i}`} />
+                    ))}
+            </InputGroup>
+
+            <InputGroup size="xs" shape="default">
+                {Array(3)
+                    .fill(true)
+                    .map((_, i) => (
+                        <TextField placeholder={`input #${i}`} />
+                    ))}
+            </InputGroup>
+        </div>
+    );
+}
+```
+
+### Ориентация InputGroup и отступы между input
+
+InputGroup может располагаться вертикально или горизонтально и иметь два вида отступов, в зависимости от shape.
+При `shape='default'`, `gap` может принимать значения `dense` и `wide`;
+При `shape='segmented'`, `gap` может принимать значения `none` и `dense`;
+
+```tsx live
+import React from 'react';
+import { InputGroup, TextField } from '@salutejs/{{ package }}';
+
+export function App() {
+    return (
+        <div>
+            <InputGroup size="xs" orientation="vertical" shape="segmented" gap="none">
+                {Array(5)
+                    .fill(true)
+                    .map((_, i) => (
+                        <TextField placeholder={`input #${i}`} />
+                    ))}
+            </InputGroup>
+
+            <InputGroup size="xs" orientation="horizontal" gap="wide">
+                {Array(4)
+                    .fill(true)
+                    .map((_, i) => (
+                        <TextField placeholder={`input #${i}`} />
+                    ))}
+            </InputGroup>
+        </div>
+    );
+}
+```

package/emotion/cjs/components/InputGroup/InputGroup.tokens.js

@@ -0,0 +1,92 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.tokens = exports.classes = void 0;
+var classes = exports.classes = {
+  autoStretching: 'input-group-stretching-auto',
+  filledStretching: 'input-group-stretching-filled',
+  inputGroupOverrideStyles: 'input-group-override-styles',
+  inputGroupItem: 'input-group-item',
+  horizontal: 'input-group-orientation-horizontal',
+  vertical: 'input-group-orientation-vertical',
+  none: 'input-group-gap-none',
+  dense: 'input-group-gap-dense',
+  wide: 'input-group-gap-wide',
+  segmented: 'input-group-shape-segmented',
+  "default": 'input-group-shape-default'
+};
+var tokens = exports.tokens = {
+  inputGroupOrientation: '--plasma-input-group-orientation',
+  inputGroupWebMarginLeft: '--plasma-input-group-web-margin-left',
+  inputGroupWebClipPath: '--plasma-input-group-web-clip-path',
+  inputGroupWebMarginTop: '--plasma-input-group-web-margin-top',
+  inputGroupWebVerticalClipPath: '--plasma-input-group-web-vertical-clip-path',
+  inputSegmentedRadius: '--plasma-input-group-item-segmented-radius',
+  inputDefaultRadius: '--plasma-input-group-item-default-radius',
+  inputSideRadius: '--plasma-input-group-side-item-radius',
+  inputGroupItemsGap: '--plasma-input-group-items-gap',
+  height: '--plasma-input-group-item-height',
+  borderWidth: '--plasma-input-group-item-border-width',
+  /** Отступ от границы ТextField */
+  padding: '--plasma-input-group-item-padding',
+  paddingWithChips: '--plasma-input-group-item-padding-with-chips',
+  /* Токены для инпута */
+  leftContentMargin: '--plasma-input-group-item__left-content-margin',
+  rightContentMargin: '--plasma-input-group-item__right-content-margin',
+  fontFamily: '--plasma-input-group-item-font-family',
+  fontStyle: '--plasma-input-group-item-font-style',
+  fontSize: '--plasma-input-group-item-font-size',
+  fontWeight: '--plasma-input-group-item-font-weight',
+  letterSpacing: '--plasma-input-group-item-letter-spacing',
+  lineHeight: '--plasma-input-group-item-line-height',
+  /** Токены лейбла */
+  labelOffset: '--plasma-input-group-item__label-offset',
+  labelFontFamily: '--plasma-input-group-item__label-font-family',
+  labelFontStyle: '--plasma-input-group-item__label-font-style',
+  labelFontSize: '--plasma-input-group-item__label-font-size',
+  labelFontWeight: '--plasma-input-group-item__label-font-weight',
+  labelLetterSpacing: '--plasma-input-group-item__label-letter-spacing',
+  labelLineHeight: '--plasma-input-group-item__label-line-height',
+  /* label-placement-inner */
+  labelInnerFontFamily: '--plasma-input-group-item-placement_inner__label-font-family',
+  labelInnerFontStyle: '--plasma-input-group-item-placement_inner__label-font-style',
+  labelInnerFontSize: '--plasma-input-group-item-placement_inner__label-font-size',
+  labelInnerFontWeight: '--plasma-input-group-item-placement_inner__label-font-weight',
+  labelInnerLetterSpacing: '--plasma-input-group-item-placement_inner__label-letter-spacing',
+  labelInnerLineHeight: '--plasma-input-group-item-placement_inner__label-line-height',
+  labelInnerPadding: '--plasma-input-group-item-placement_inner__label-padding',
+  contentLabelInnerPadding: '--plasma-input-group-item-placement_inner__content-padding',
+  leftHelperOffset: '--plasma-input-group-item__left-helper-offset',
+  leftHelperFontFamily: '--plasma-input-group-item__left-helper-font-family',
+  leftHelperFontStyle: '--plasma-input-group-item__left-helper-font-style',
+  leftHelperFontSize: '--plasma-input-group-item__left-helper-font-size',
+  leftHelperFontWeight: '--plasma-input-group-item__left-helper-font-weight',
+  leftHelperLetterSpacing: '--plasma-input-group-item__left-helper-letter-spacing',
+  leftHelperLineHeight: '--plasma-input-group-item__left-helper-line-height',
+  /** Токены вспомогательного текста */
+  textBeforeMargin: '--plasma-input-group-item__before-text-margin',
+  textAfterMargin: '--plasma-input-group-item__after-text-margin',
+  /** Токены чипа */
+  chipHeight: '--plasma-input-group-item__chip-height',
+  chipBorderRadius: '--plasma-input-group-item__chip-border-radius',
+  chipGap: '--plasma-input-group-item__chip-gap',
+  chipScaleHover: '--plasma-input-group-item__chip-scale-hover',
+  chipScaleActive: '--plasma-input-group-item__chip-scale-active',
+  chipOutlineSize: '--plasma-input-group-item__chip-outline-size',
+  chipWidth: '--plasma-input-group-item__chip-width',
+  chipPaddingTop: '--plasma-input-group-item__chip-padding-top',
+  chipPaddingRight: '--plasma-input-group-item__chip-padding-right',
+  chipPaddingBottom: '--plasma-input-group-item__chip-padding-bottom',
+  chipPaddingLeft: '--plasma-input-group-item__chip-padding-left',
+  chipCloseIconSize: '--plasma-input-group-item__chip-close-icon-size',
+  chipFontFamily: '--plasma-input-group-item__chip-font-family',
+  chipFontSize: '--plasma-input-group-item__chip-font-size',
+  chipFontStyle: '--plasma-input-group-item__chip-font-style',
+  chipFontWeight: '--plasma-input-group-item__chip-font-weight',
+  chipLetterSpacing: '--plasma-input-group-item__chip-letter-spacing',
+  chipLineHeight: '--plasma-input-group-item__chip-line-height',
+  chipClearContentMarginLeft: '--plasma-input-group-item__chip-clear-content-margin-left',
+  chipClearContentMarginRight: '--plasma-input-group-item__chip-clear-content-margin-right'
+};

package/emotion/cjs/components/InputGroup/index.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "inputGroupClasses", {
+  enumerable: true,
+  get: function get() {
+    return _InputGroup2.classes;
+  }
+});
+Object.defineProperty(exports, "inputGroupConfig", {
+  enumerable: true,
+  get: function get() {
+    return _InputGroup.inputGroupConfig;
+  }
+});
+Object.defineProperty(exports, "inputGroupRoot", {
+  enumerable: true,
+  get: function get() {
+    return _InputGroup.inputGroupRoot;
+  }
+});
+Object.defineProperty(exports, "inputGroupTokens", {
+  enumerable: true,
+  get: function get() {
+    return _InputGroup2.tokens;
+  }
+});
+var _InputGroup = /*#__PURE__*/require("./InputGroup");
+var _InputGroup2 = /*#__PURE__*/require("./InputGroup.tokens");

package/emotion/cjs/components/InputGroup/variations/_gap/base.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = void 0;
+var _react = /*#__PURE__*/require("@emotion/react");
+var _InputGroup = /*#__PURE__*/require("../../InputGroup.tokens");
+var base = exports.base = /*#__PURE__*/(0, _react.css)("gap:var(", _InputGroup.tokens.inputGroupItemsGap, ");;label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvSW5wdXRHcm91cC92YXJpYXRpb25zL19nYXAvYmFzZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9JbnB1dEdyb3VwL3ZhcmlhdGlvbnMvX2dhcC9iYXNlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuLi8uLi9JbnB1dEdyb3VwLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGdhcDogdmFyKCR7dG9rZW5zLmlucHV0R3JvdXBJdGVtc0dhcH0pO1xuYDtcbiJdfQ== */"));

package/emotion/cjs/components/InputGroup/variations/_gap/tokens.json

@@ -0,0 +1 @@
+["--plasma-input-group-items-gap"]

package/emotion/cjs/components/InputGroup/variations/_orientation/base.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = void 0;
+var _react = /*#__PURE__*/require("@emotion/react");
+var _InputGroup = /*#__PURE__*/require("../../InputGroup.tokens");
+var base = exports.base = /*#__PURE__*/(0, _react.css)("flex-direction:var(", _InputGroup.tokens.inputGroupOrientation, ");&.", _InputGroup.classes.vertical, " .", _InputGroup.classes.inputGroupItem, "{width:auto;};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvSW5wdXRHcm91cC92YXJpYXRpb25zL19vcmllbnRhdGlvbi9iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUl1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0lucHV0R3JvdXAvdmFyaWF0aW9ucy9fb3JpZW50YXRpb24vYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vSW5wdXRHcm91cC50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBmbGV4LWRpcmVjdGlvbjogdmFyKCR7dG9rZW5zLmlucHV0R3JvdXBPcmllbnRhdGlvbn0pO1xuXG4gICAgJi4ke2NsYXNzZXMudmVydGljYWx9IC4ke2NsYXNzZXMuaW5wdXRHcm91cEl0ZW19IHtcbiAgICAgICAgd2lkdGg6IGF1dG87XG4gICAgfVxuYDtcbiJdfQ== */"));

package/emotion/cjs/components/InputGroup/variations/_orientation/tokens.json

@@ -0,0 +1 @@
+["--plasma-input-group-orientation"]

package/emotion/cjs/components/InputGroup/variations/_shape/base.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = void 0;
+var _react = /*#__PURE__*/require("@emotion/react");
+var _InputGroup = /*#__PURE__*/require("../../InputGroup.tokens");
+var _TextField = /*#__PURE__*/require("../../../TextField");
+var _TextField2 = /*#__PURE__*/require("../../../TextField/TextField.styles");
+var base = exports.base = /*#__PURE__*/(0, _react.css)("&.", _InputGroup.classes["default"], "{--plasma_private-input-radius-inner:var(", _InputGroup.tokens.inputDefaultRadius, ");}&.", _InputGroup.classes.segmented, "{--plasma_private-input-radius-inner:var(", _InputGroup.tokens.inputSegmentedRadius, ");&.", _InputGroup.classes.none, "{--plasma_private-input-radius-inner:0;}}& .", _TextField.textFieldClasses.inputGroupItem, " ", _TextField2.InputWrapper, "{", _TextField.textFieldTokens.borderRadius, ":var(--plasma_private-input-radius-inner);transition:clip-path 0.05s ease-in;}&.", _InputGroup.classes.horizontal, "&.", _InputGroup.classes.none, " .", _TextField.textFieldClasses.inputGroupItem, "{&:not(:first-child){margin-left:var(", _InputGroup.tokens.inputGroupWebMarginLeft, ");}&:not(:last-child){", _TextField2.InputWrapper, "{clip-path:var(", _InputGroup.tokens.inputGroupWebClipPath, ");&:hover,&:focus-within{clip-path:inset(0 0 0 0);}}}}&.", _InputGroup.classes.vertical, "&.", _InputGroup.classes.none, " .", _TextField.textFieldClasses.inputGroupItem, "{&:not(:first-child){margin-top:var(", _InputGroup.tokens.inputGroupWebMarginTop, ");}&:not(:first-child){", _TextField2.InputWrapper, "{clip-path:var(", _InputGroup.tokens.inputGroupWebVerticalClipPath, ");&:hover,&:focus-within{clip-path:inset(0 0 0 0);}}}}&.", _InputGroup.classes.horizontal, ",&.", _InputGroup.classes.vertical, "{.", _TextField.textFieldClasses.inputGroupItem, ":first-child:last-child ", _TextField2.InputWrapper, "{border-radius:var(", _InputGroup.tokens.inputSideRadius, ");}}&.", _InputGroup.classes.horizontal, "{.", _TextField.textFieldClasses.inputGroupItem, ":first-child ", _TextField2.InputWrapper, "{--plasma_private-left-side-radius:var(", _InputGroup.tokens.inputSideRadius, ") var(--plasma_private-input-radius-inner) var(--plasma_private-input-radius-inner) var(", _InputGroup.tokens.inputSideRadius, ");border-radius:var(--plasma_private-left-side-radius);}.", _TextField.textFieldClasses.inputGroupItem, ":last-child ", _TextField2.InputWrapper, "{--plasma_private-right-side-radius:var(--plasma_private-input-radius-inner) var(", _InputGroup.tokens.inputSideRadius, ") var(", _InputGroup.tokens.inputSideRadius, ") var(--plasma_private-input-radius-inner);border-radius:var(--plasma_private-right-side-radius);}}&.", _InputGroup.classes.vertical, "{.", _TextField.textFieldClasses.inputGroupItem, ":first-child ", _TextField2.InputWrapper, "{--plasma_private-up-side-radius:var(", _InputGroup.tokens.inputSideRadius, ") var(", _InputGroup.tokens.inputSideRadius, ") var(--plasma_private-input-radius-inner) var(--plasma_private-input-radius-inner);border-radius:var(--plasma_private-up-side-radius);}.", _TextField.textFieldClasses.inputGroupItem, ":last-child ", _TextField2.InputWrapper, "{--plasma_private-down-side-radius:var(--plasma_private-input-radius-inner) var(--plasma_private-input-radius-inner) var(", _InputGroup.tokens.inputSideRadius, ") var(", _InputGroup.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 */"));

package/emotion/cjs/components/InputGroup/variations/_shape/tokens.json

@@ -0,0 +1 @@
+["--plasma-input-group-item-segmented-radius", "--plasma-input-group-item-default-radius"]

package/emotion/cjs/components/InputGroup/variations/_size/base.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = void 0;
+var _react = /*#__PURE__*/require("@emotion/react");
+var _InputGroup = /*#__PURE__*/require("../../InputGroup.tokens");
+var _TextField = /*#__PURE__*/require("../../../TextField");
+var base = exports.base = /*#__PURE__*/(0, _react.css)("&.", _InputGroup.classes.inputGroupOverrideStyles, " .", _InputGroup.classes.inputGroupItem, "{", _TextField.textFieldTokens.height, ":var(", _InputGroup.tokens.height, ");", _TextField.textFieldTokens.padding, ":var(", _InputGroup.tokens.padding, ");", _TextField.textFieldTokens.paddingWithChips, ":var(", _InputGroup.tokens.paddingWithChips, ");", _TextField.textFieldTokens.leftContentMargin, ":var(", _InputGroup.tokens.leftContentMargin, ");", _TextField.textFieldTokens.rightContentMargin, ":var(", _InputGroup.tokens.rightContentMargin, ");", _TextField.textFieldTokens.textBeforeMargin, ":var(", _InputGroup.tokens.textBeforeMargin, ");", _TextField.textFieldTokens.textAfterMargin, ":var(", _InputGroup.tokens.textAfterMargin, ");", _TextField.textFieldTokens.fontFamily, ":var(", _InputGroup.tokens.fontFamily, ");", _TextField.textFieldTokens.fontSize, ":var(", _InputGroup.tokens.fontSize, ");", _TextField.textFieldTokens.fontStyle, ":var(", _InputGroup.tokens.fontStyle, ");", _TextField.textFieldTokens.fontWeight, ":var(", _InputGroup.tokens.fontWeight, ");", _TextField.textFieldTokens.letterSpacing, ":var(", _InputGroup.tokens.letterSpacing, ");", _TextField.textFieldTokens.lineHeight, ":var(", _InputGroup.tokens.lineHeight, ");", _TextField.textFieldTokens.labelOffset, ":var(", _InputGroup.tokens.labelOffset, ");", _TextField.textFieldTokens.labelFontFamily, ":var(", _InputGroup.tokens.labelFontFamily, ");", _TextField.textFieldTokens.labelFontSize, ":var(", _InputGroup.tokens.labelFontSize, ");", _TextField.textFieldTokens.labelFontStyle, ":var(", _InputGroup.tokens.labelFontStyle, ");", _TextField.textFieldTokens.labelFontWeight, ":var(", _InputGroup.tokens.labelFontWeight, ");", _TextField.textFieldTokens.labelLetterSpacing, ":var(", _InputGroup.tokens.labelLetterSpacing, ");", _TextField.textFieldTokens.labelLineHeight, ":var(", _InputGroup.tokens.labelLineHeight, ");", _TextField.textFieldTokens.leftHelperOffset, ":var(", _InputGroup.tokens.leftHelperOffset, ");", _TextField.textFieldTokens.leftHelperFontFamily, ":var(", _InputGroup.tokens.leftHelperFontFamily, ");", _TextField.textFieldTokens.leftHelperFontSize, ":var(", _InputGroup.tokens.leftHelperFontSize, ");", _TextField.textFieldTokens.leftHelperFontStyle, ":var(", _InputGroup.tokens.leftHelperFontStyle, ");", _TextField.textFieldTokens.leftHelperFontWeight, ":var(", _InputGroup.tokens.leftHelperFontWeight, ");", _TextField.textFieldTokens.leftHelperLetterSpacing, ":var(", _InputGroup.tokens.leftHelperLetterSpacing, ");", _TextField.textFieldTokens.leftHelperLineHeight, ":var(", _InputGroup.tokens.leftHelperLineHeight, ");", _TextField.textFieldTokens.labelInnerPadding, ":var(", _InputGroup.tokens.labelInnerPadding, ");", _TextField.textFieldTokens.contentLabelInnerPadding, ":var(", _InputGroup.tokens.contentLabelInnerPadding, ");", _TextField.textFieldTokens.chipGap, ":var(", _InputGroup.tokens.chipGap, ");", _TextField.textFieldTokens.chipBorderRadius, ":var(", _InputGroup.tokens.chipBorderRadius, ");", _TextField.textFieldTokens.chipWidth, ":var(", _InputGroup.tokens.chipWidth, ");", _TextField.textFieldTokens.chipHeight, ":var(", _InputGroup.tokens.chipHeight, ");", _TextField.textFieldTokens.chipPaddingRight, ":var(", _InputGroup.tokens.chipPaddingRight, ");", _TextField.textFieldTokens.chipPaddingLeft, ":var(", _InputGroup.tokens.chipPaddingLeft, ");", _TextField.textFieldTokens.chipClearContentMarginLeft, ":var(", _InputGroup.tokens.chipClearContentMarginLeft, ");", _TextField.textFieldTokens.chipClearContentMarginRight, ":var(", _InputGroup.tokens.chipClearContentMarginRight, ");", _TextField.textFieldTokens.chipCloseIconSize, ":var(", _InputGroup.tokens.chipCloseIconSize, ");", _TextField.textFieldTokens.chipFontFamily, ":var(", _InputGroup.tokens.chipFontFamily, ");", _TextField.textFieldTokens.chipFontSize, ":var(", _InputGroup.tokens.chipFontSize, ");", _TextField.textFieldTokens.chipFontStyle, ":var(", _InputGroup.tokens.chipFontStyle, ");", _TextField.textFieldTokens.chipFontWeight, ":var(", _InputGroup.tokens.chipFontWeight, ");", _TextField.textFieldTokens.chipLetterSpacing, ":var(", _InputGroup.tokens.chipLetterSpacing, ");", _TextField.textFieldTokens.chipLineHeight, ":var(", _InputGroup.tokens.chipLineHeight, ");};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvSW5wdXRHcm91cC92YXJpYXRpb25zL19zaXplL2Jhc2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS3VCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvSW5wdXRHcm91cC92YXJpYXRpb25zL19zaXplL2Jhc2UudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4uLy4uL0lucHV0R3JvdXAudG9rZW5zJztcbmltcG9ydCB7IHRleHRGaWVsZFRva2VucyB9IGZyb20gJy4uLy4uLy4uL1RleHRGaWVsZCc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgICYuJHtjbGFzc2VzLmlucHV0R3JvdXBPdmVycmlkZVN0eWxlc30gLiR7Y2xhc3Nlcy5pbnB1dEdyb3VwSXRlbX0gIHtcbiAgICAgICAgJHt0ZXh0RmllbGRUb2tlbnMuaGVpZ2h0fTogdmFyKCR7dG9rZW5zLmhlaWdodH0pO1xuICAgICAgICAke3RleHRGaWVsZFRva2Vucy5wYWRkaW5nfTogdmFyKCR7dG9rZW5zLnBhZGRpbmd9KTtcbiAgICAgICAgJHt0ZXh0RmllbGRUb2tlbnMucGFkZGluZ1dpdGhDaGlwc306IHZhcigke3Rva2Vucy5wYWRkaW5nV2l0aENoaXBzfSk7XG5cbiAgICAgICAgJHt0ZXh0RmllbGRUb2tlbnMubGVmdENvbnRlbnRNYXJnaW59OiB2YXIoJHt0b2tlbnMubGVmdENvbnRlbnRNYXJnaW59KTtcbiAgICAgICAgJHt0ZXh0RmllbGRUb2tlbnMucmlnaHRDb250ZW50TWFyZ2lufTogdmFyKCR7dG9rZW5zLnJpZ2h0Q29udGVudE1hcmdpbn0pO1xuXG4gICAgICAgICR7dGV4dEZpZWxkVG9rZW5zLnRleHRCZWZvcmVNYXJnaW59OiB2YXIoJHt0b2tlbnMudGV4dEJlZm9yZU1hcmdpbn0pO1xuICAgICAgICAke3RleHRGaWVsZFRva2Vucy50ZXh0QWZ0ZXJNYXJnaW59OiB2YXIoJHt0b2tlbnMudGV4dEFmdGVyTWFyZ2lufSk7XG5cbiAgICAgICAgJHt0ZXh0RmllbGRUb2tlbnMuZm9udEZhbWlseX06IHZhcigke3Rva2Vucy5mb250RmFtaWx5fSk7XG4gICAgICAgICR7dGV4dEZpZWxkVG9rZW5zLmZvbnRTaXplfTogdmFyKCR7dG9rZW5zLmZvbnRTaXplfSk7XG4gICAgICAgICR7dGV4dEZpZWxkVG9rZW5zLmZvbnRTdHlsZX06IHZhcigke3Rva2Vucy5mb250U3R5bGV9KTtcbiAgICAgICAgJHt0ZXh0RmllbGRUb2tlbnMuZm9udFdlaWdodH06IHZhcigke3Rva2Vucy5mb250V2VpZ2h0fSk7XG4gICAgICAgICR7dGV4dEZpZWxkVG9rZW5zLmxldHRlclNwYWNpbmd9OiB2YXIoJHt0b2tlbnMubGV0dGVyU3BhY2luZ30pO1xuICAgICAgICAke3RleHRGaWVsZFRva2Vucy5saW5lSGVpZ2h0fTogdmFyKCR7dG9rZW5zLmxpbmVIZWlnaHR9KTtcblxuICAgICAgICAke3RleHRGaWVsZFRva2Vucy5sYWJlbE9mZnNldH06IHZhcigke3Rva2Vucy5sYWJlbE9mZnNldH0pO1xuICAgICAgICAke3RleHRGaWVsZFRva2Vucy5sYWJlbEZvbnRGYW1pbHl9OiB2YXIoJHt0b2tlbnMubGFiZWxGb250RmFtaWx5fSk7XG4gICAgICAgICR7dGV4dEZpZWxkVG9rZW5zLmxhYmVsRm9udFNpemV9OiB2YXIoJHt0b2tlbnMubGFiZWxGb250U2l6ZX0pO1xuICAgICAgICAke3RleHRGaWVsZFRva2Vucy5sYWJlbEZvbnRTdHlsZX06IHZhcigke3Rva2Vucy5sYWJlbEZvbnRTdHlsZX0pO1xuICAgICAgICAke3RleHRGaWVsZFRva2Vucy5sYWJlbEZvbnRXZWlnaHR9OiB2YXIoJHt0b2tlbnMubGFiZWxGb250V2VpZ2h0fSk7XG4gICAgICAgICR7dGV4dEZpZWxkVG9rZW5zLmxhYmVsTGV0dGVyU3BhY2luZ306IHZhcigke3Rva2Vucy5sYWJlbExldHRlclNwYWNpbmd9KTtcbiAgICAgICAgJHt0ZXh0RmllbGRUb2tlbnMubGFiZWxMaW5lSGVpZ2h0fTogdmFyKCR7dG9rZW5zLmxhYmVsTGluZUhlaWdodH0pO1xuXG4gICAgICAgICR7dGV4dEZpZWxkVG9rZW5zLmxlZnRIZWxwZXJPZmZzZXR9OiB2YXIoJHt0b2tlbnMubGVmdEhlbHBlck9mZnNldH0pO1xuICAgICAgICAke3RleHRGaWVsZFRva2Vucy5sZWZ0SGVscGVyRm9udEZhbWlseX06IHZhcigke3Rva2Vucy5sZWZ0SGVscGVyRm9udEZhbWlseX0pO1xuICAgICAgICAke3RleHRGaWVsZFRva2Vucy5sZWZ0SGVscGVyRm9udFNpemV9OiB2YXIoJHt0b2tlbnMubGVmdEhlbHBlckZvbnRTaXplfSk7XG4gICAgICAgICR7dGV4dEZpZWxkVG9rZW5zLmxlZnRIZWxwZXJGb250U3R5bGV9OiB2YXIoJHt0b2tlbnMubGVmdEhlbHBlckZvbnRTdHlsZX0pO1xuICAgICAgICAke3RleHRGaWVsZFRva2Vucy5sZWZ0SGVscGVyRm9udFdlaWdodH06IHZhcigke3Rva2Vucy5sZWZ0SGVscGVyRm9udFdlaWdodH0pO1xuICAgICAgICAke3RleHRGaWVsZFRva2Vucy5sZWZ0SGVscGVyTGV0dGVyU3BhY2luZ306IHZhcigke3Rva2Vucy5sZWZ0SGVscGVyTGV0dGVyU3BhY2luZ30pO1xuICAgICAgICAke3RleHRGaWVsZFRva2Vucy5sZWZ0SGVscGVyTGluZUhlaWdodH06IHZhcigke3Rva2Vucy5sZWZ0SGVscGVyTGluZUhlaWdodH0pO1xuXG4gICAgICAgICR7dGV4dEZpZWxkVG9rZW5zLmxhYmVsSW5uZXJQYWRkaW5nfTogdmFyKCR7dG9rZW5zLmxhYmVsSW5uZXJQYWRkaW5nfSk7XG4gICAgICAgICR7dGV4dEZpZWxkVG9rZW5zLmNvbnRlbnRMYWJlbElubmVyUGFkZGluZ306IHZhcigke3Rva2Vucy5jb250ZW50TGFiZWxJbm5lclBhZGRpbmd9KTtcblxuICAgICAgICAke3RleHRGaWVsZFRva2Vucy5jaGlwR2FwfTogdmFyKCR7dG9rZW5zLmNoaXBHYXB9KTtcbiAgICAgICAgJHt0ZXh0RmllbGRUb2tlbnMuY2hpcEJvcmRlclJhZGl1c306IHZhcigke3Rva2Vucy5jaGlwQm9yZGVyUmFkaXVzfSk7XG4gICAgICAgICR7dGV4dEZpZWxkVG9rZW5zLmNoaXBXaWR0aH06IHZhcigke3Rva2Vucy5jaGlwV2lkdGh9KTtcbiAgICAgICAgJHt0ZXh0RmllbGRUb2tlbnMuY2hpcEhlaWdodH06IHZhcigke3Rva2Vucy5jaGlwSGVpZ2h0fSk7XG4gICAgICAgICR7dGV4dEZpZWxkVG9rZW5zLmNoaXBQYWRkaW5nUmlnaHR9OiB2YXIoJHt0b2tlbnMuY2hpcFBhZGRpbmdSaWdodH0pO1xuICAgICAgICAke3RleHRGaWVsZFRva2Vucy5jaGlwUGFkZGluZ0xlZnR9OiB2YXIoJHt0b2tlbnMuY2hpcFBhZGRpbmdMZWZ0fSk7XG4gICAgICAgICR7dGV4dEZpZWxkVG9rZW5zLmNoaXBDbGVhckNvbnRlbnRNYXJnaW5MZWZ0fTogdmFyKCR7dG9rZW5zLmNoaXBDbGVhckNvbnRlbnRNYXJnaW5MZWZ0fSk7XG4gICAgICAgICR7dGV4dEZpZWxkVG9rZW5zLmNoaXBDbGVhckNvbnRlbnRNYXJnaW5SaWdodH06IHZhcigke3Rva2Vucy5jaGlwQ2xlYXJDb250ZW50TWFyZ2luUmlnaHR9KTtcbiAgICAgICAgJHt0ZXh0RmllbGRUb2tlbnMuY2hpcENsb3NlSWNvblNpemV9OiB2YXIoJHt0b2tlbnMuY2hpcENsb3NlSWNvblNpemV9KTtcbiAgICAgICAgJHt0ZXh0RmllbGRUb2tlbnMuY2hpcEZvbnRGYW1pbHl9OiB2YXIoJHt0b2tlbnMuY2hpcEZvbnRGYW1pbHl9KTtcbiAgICAgICAgJHt0ZXh0RmllbGRUb2tlbnMuY2hpcEZvbnRTaXplfTogdmFyKCR7dG9rZW5zLmNoaXBGb250U2l6ZX0pO1xuICAgICAgICAke3RleHRGaWVsZFRva2Vucy5jaGlwRm9udFN0eWxlfTogdmFyKCR7dG9rZW5zLmNoaXBGb250U3R5bGV9KTtcbiAgICAgICAgJHt0ZXh0RmllbGRUb2tlbnMuY2hpcEZvbnRXZWlnaHR9OiB2YXIoJHt0b2tlbnMuY2hpcEZvbnRXZWlnaHR9KTtcbiAgICAgICAgJHt0ZXh0RmllbGRUb2tlbnMuY2hpcExldHRlclNwYWNpbmd9OiB2YXIoJHt0b2tlbnMuY2hpcExldHRlclNwYWNpbmd9KTtcbiAgICAgICAgJHt0ZXh0RmllbGRUb2tlbnMuY2hpcExpbmVIZWlnaHR9OiB2YXIoJHt0b2tlbnMuY2hpcExpbmVIZWlnaHR9KTtcbiAgICB9XG5gO1xuIl19 */"));

package/emotion/cjs/components/InputGroup/variations/_size/tokens.json

@@ -0,0 +1,58 @@
+[
+    "--plasma-input-group-item-height",
+    "--plasma-input-group-item-border-width",
+    "--plasma-input-group-item-padding",
+    "--plasma-input-group-item-padding-with-chips",
+    "--plasma-input-group-item__left-content-margin",
+    "--plasma-input-group-item__right-content-margin",
+    "--plasma-input-group-item-font-family",
+    "--plasma-input-group-item-font-style",
+    "--plasma-input-group-item-font-size",
+    "--plasma-input-group-item-font-weight",
+    "--plasma-input-group-item-letter-spacing",
+    "--plasma-input-group-item-line-height",
+    "--plasma-input-group-item__label-offset",
+    "--plasma-input-group-item__label-font-family",
+    "--plasma-input-group-item__label-font-style",
+    "--plasma-input-group-item__label-font-size",
+    "--plasma-input-group-item__label-font-weight",
+    "--plasma-input-group-item__label-letter-spacing",
+    "--plasma-input-group-item__label-line-height",
+    "--plasma-input-group-item-placement_inner__label-font-family",
+    "--plasma-input-group-item-placement_inner__label-font-style",
+    "--plasma-input-group-item-placement_inner__label-font-size",
+    "--plasma-input-group-item-placement_inner__label-font-weight",
+    "--plasma-input-group-item-placement_inner__label-letter-spacing",
+    "--plasma-input-group-item-placement_inner__label-line-height",
+    "--plasma-input-group-item-placement_inner__label-padding",
+    "--plasma-input-group-item-placement_inner__content-padding",
+    "--plasma-input-group-item__left-helper-offset",
+    "--plasma-input-group-item__left-helper-font-family",
+    "--plasma-input-group-item__left-helper-font-style",
+    "--plasma-input-group-item__left-helper-font-size",
+    "--plasma-input-group-item__left-helper-font-weight",
+    "--plasma-input-group-item__left-helper-letter-spacing",
+    "--plasma-input-group-item__left-helper-line-height",
+    "--plasma-input-group-item__before-text-margin",
+    "--plasma-input-group-item__after-text-margin",
+    "--plasma-input-group-item__chip-height",
+    "--plasma-input-group-item__chip-border-radius",
+    "--plasma-input-group-item__chip-gap",
+    "--plasma-input-group-item__chip-scale-hover",
+    "--plasma-input-group-item__chip-scale-active",
+    "--plasma-input-group-item__chip-outline-size",
+    "--plasma-input-group-item__chip-width",
+    "--plasma-input-group-item__chip-padding-top",
+    "--plasma-input-group-item__chip-padding-right",
+    "--plasma-input-group-item__chip-padding-bottom",
+    "--plasma-input-group-item__chip-padding-left",
+    "--plasma-input-group-item__chip-close-icon-size",
+    "--plasma-input-group-item__chip-font-family",
+    "--plasma-input-group-item__chip-font-size",
+    "--plasma-input-group-item__chip-font-style",
+    "--plasma-input-group-item__chip-font-weight",
+    "--plasma-input-group-item__chip-letter-spacing",
+    "--plasma-input-group-item__chip-line-height",
+    "--plasma-input-group-item__chip-clear-content-margin-left",
+    "--plasma-input-group-item__chip-clear-content-margin-right"
+]

package/emotion/cjs/components/InputGroup/variations/_stretching/base.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = void 0;
+var _react = /*#__PURE__*/require("@emotion/react");
+var _InputGroup = /*#__PURE__*/require("../../InputGroup.tokens");
+var base = exports.base = /*#__PURE__*/(0, _react.css)("&.", _InputGroup.classes.filledStretching, "{width:100%;.", _InputGroup.classes.inputGroupItem, "{width:100%;}};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvSW5wdXRHcm91cC92YXJpYXRpb25zL19zdHJldGNoaW5nL2Jhc2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSXVCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvSW5wdXRHcm91cC92YXJpYXRpb25zL19zdHJldGNoaW5nL2Jhc2UudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGNsYXNzZXMgfSBmcm9tICcuLi8uLi9JbnB1dEdyb3VwLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgICYuJHtjbGFzc2VzLmZpbGxlZFN0cmV0Y2hpbmd9IHtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG5cbiAgICAgICAgLiR7Y2xhc3Nlcy5pbnB1dEdyb3VwSXRlbX0ge1xuICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIH1cbiAgICB9XG5gO1xuIl19 */"));

package/emotion/cjs/components/InputGroup/variations/_stretching/tokens.json

@@ -0,0 +1 @@
+[]

package/emotion/cjs/components/Select/Select.js

@@ -16,7 +16,7 @@ var _usePathMaps3 = /*#__PURE__*/require("./hooks/usePathMaps");
 var _Select = /*#__PURE__*/require("./Select.styles");
 var _base = /*#__PURE__*/require("./variations/_view/base");
 var _base2 = /*#__PURE__*/require("./variations/_size/base");
-var _excluded = ["value", "onChange", "target", "items", "placement", "label", "labelPlacement", "placeholder", "helperText", "disabled", "view", "size", "listOverflow", "listHeight", "listWidth", "contentLeft", "onScrollBottom", "chipView", "variant", "portal", "renderValue", "renderItem", "status", "onItemSelect", "separator", "closeAfterSelect"];
+var _excluded = ["value", "onChange", "target", "items", "placement", "label", "labelPlacement", "placeholder", "helperText", "disabled", "view", "size", "listOverflow", "listHeight", "listWidth", "contentLeft", "onScrollBottom", "chipView", "variant", "portal", "renderValue", "renderItem", "status", "onItemSelect", "separator"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -65,7 +65,6 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
       status = props.status,
       onItemSelect = props.onItemSelect,
       separator = props.separator,
-      outerCloseAfterSelect = props.closeAfterSelect,
       rest = _objectWithoutProperties(props, _excluded);
     var _useState = (0, _react.useState)(outerValue || props.multiselect ? [] : ''),
       _useState2 = _slicedToArray(_useState, 2),
@@ -103,7 +102,6 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
       _useState4 = _slicedToArray(_useState3, 2),
       checked = _useState4[0],
       setChecked = _useState4[1];
-    var closeAfterSelect = outerCloseAfterSelect !== null && outerCloseAfterSelect !== void 0 ? outerCloseAfterSelect : !props.multiselect;
     var targetRef = (0, _hooks.useOutsideClick)(function () {
       if (focusedChipIndex != null) {
         dispatchFocusedChipIndex({
@@ -145,14 +143,6 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
             newValues.push(item.value);
           }
         });
-        if (closeAfterSelect) {
-          dispatchPath({
-            type: 'reset'
-          });
-          dispatchFocusedPath({
-            type: 'reset'
-          });
-        }
         if (onChange) {
           onChange(newValues);
         }
@@ -177,14 +167,6 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
           checkedCopy.set(item.value, 'done');
           (0, _utils2.updateSingleAncestors)(item, checkedCopy, 'dot');
         }
-        if (closeAfterSelect) {
-          dispatchPath({
-            type: 'reset'
-          });
-          dispatchFocusedPath({
-            type: 'reset'
-          });
-        }
         if (onChange) {
           onChange(isCurrentChecked ? '' : item.value);
         }

package/emotion/cjs/components/Select/ui/InfiniteLoader/InfiniteLoader.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InfiniteLoader = void 0;
+var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
+var _Select = /*#__PURE__*/require("../../Select.tokens");
+var _InfiniteLoader = /*#__PURE__*/require("./InfiniteLoader.styles");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var InfiniteLoader = exports.InfiniteLoader = function InfiniteLoader(_ref) {
+  var variant = _ref.variant;
+  return /*#__PURE__*/_react["default"].createElement(_InfiniteLoader.Wrapper, {
+    variant: variant
+  }, /*#__PURE__*/_react["default"].createElement(_InfiniteLoader.StyledSpinner, {
+    className: _Select.classes.selectSpinner
+  }), "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430");
+};

package/emotion/cjs/components/Select/ui/InfiniteLoader/InfiniteLoader.styles.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Wrapper = exports.StyledSpinner = void 0;
+var _base = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("@emotion/styled/base"));
+var _Select = /*#__PURE__*/require("../../Select.tokens");
+var _engines = /*#__PURE__*/require("../../../../engines");
+var _Spinner = /*#__PURE__*/require("../../../Spinner");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var Spinner = /*#__PURE__*/(0, _engines.component)(_Spinner.spinnerConfig);
+var StyledSpinner = exports.StyledSpinner = /*#__PURE__*/(0, _base["default"])(Spinner, {
+  target: "eyro8r01",
+  label: "plasma-new-hope__StyledSpinner"
+})(_Spinner.spinnerTokens.color, ":var(--text-primary);", _Spinner.spinnerTokens.size, ":var(", _Select.tokens.spinnerSize, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VsZWN0L3VpL0luZmluaXRlTG9hZGVyL0luZmluaXRlTG9hZGVyLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTNEMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWxlY3QvdWkvSW5maW5pdGVMb2FkZXIvSW5maW5pdGVMb2FkZXIuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyB0b2tlbnMsIGNsYXNzZXMgfSBmcm9tICcuLi8uLi9TZWxlY3QudG9rZW5zJztcbmltcG9ydCB7IGNvbXBvbmVudCB9IGZyb20gJy4uLy4uLy4uLy4uL2VuZ2luZXMnO1xuaW1wb3J0IHsgc3Bpbm5lckNvbmZpZywgc3Bpbm5lclRva2VucyB9IGZyb20gJy4uLy4uLy4uL1NwaW5uZXInO1xuaW1wb3J0IHR5cGUgeyBTZWxlY3RQcm9wcyB9IGZyb20gJy4uLy4uL1NlbGVjdC50eXBlcyc7XG5cbmNvbnN0IFNwaW5uZXIgPSBjb21wb25lbnQoc3Bpbm5lckNvbmZpZyk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTcGlubmVyID0gc3R5bGVkKFNwaW5uZXIpYFxuICAgICR7c3Bpbm5lclRva2Vucy5jb2xvcn06IHZhcigtLXRleHQtcHJpbWFyeSk7XG4gICAgJHtzcGlubmVyVG9rZW5zLnNpemV9OiB2YXIoJHt0b2tlbnMuc3Bpbm5lclNpemV9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdjx7IHZhcmlhbnQ6IFNlbGVjdFByb3BzWyd2YXJpYW50J10gfT5gXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGdhcDogMC4yNXJlbTtcbiAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy5pdGVtSGVpZ2h0fSk7XG4gICAgcGFkZGluZzogJHsoeyB2YXJpYW50IH0pID0+IGB2YXIoJHt2YXJpYW50ID09PSAndGlnaHQnID8gdG9rZW5zLml0ZW1QYWRkaW5nVGlnaHQgOiB0b2tlbnMuaXRlbVBhZGRpbmd9KWB9O1xuICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMuZm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLmZvbnRTaXplfSk7XG4gICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLmZvbnRTdHlsZX0pO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMuZm9udFdlaWdodH0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMuZm9udExldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLmZvbnRMaW5lSGVpZ2h0fSk7XG4gICAgdXNlci1zZWxlY3Q6IG5vbmU7XG5cbiAgICAmIC4ke2NsYXNzZXMuc2VsZWN0U3Bpbm5lcn0ge1xuICAgICAgICAke3NwaW5uZXJUb2tlbnMuc2l6ZX06ICR7KHsgdmFyaWFudCB9KSA9PlxuICAgICAgICAgICAgYHZhcigke3ZhcmlhbnQgPT09ICd0aWdodCcgPyB0b2tlbnMuc3Bpbm5lclNpemVUaWdodCA6IHRva2Vucy5zcGlubmVyU2l6ZX0pYH07XG4gICAgfVxuYDtcbiJdfQ== */"));
+var Wrapper = exports.Wrapper = /*#__PURE__*/(0, _base["default"])("div", {
+  target: "eyro8r00",
+  label: "plasma-new-hope__Wrapper"
+})("display:flex;align-items:center;justify-content:center;gap:0.25rem;height:var(", _Select.tokens.itemHeight, ");padding:", function (_ref) {
+  var variant = _ref.variant;
+  return "var(".concat(variant === 'tight' ? _Select.tokens.itemPaddingTight : _Select.tokens.itemPadding, ")");
+}, ";font-family:var(", _Select.tokens.fontFamily, ");font-size:var(", _Select.tokens.fontSize, ");font-style:var(", _Select.tokens.fontStyle, ");font-weight:var(", _Select.tokens.fontWeight, ");letter-spacing:var(", _Select.tokens.fontLetterSpacing, ");line-height:var(", _Select.tokens.fontLineHeight, ");user-select:none;& .", _Select.classes.selectSpinner, "{", _Spinner.spinnerTokens.size, ":", function (_ref2) {
+  var variant = _ref2.variant;
+  return "var(".concat(variant === 'tight' ? _Select.tokens.spinnerSizeTight : _Select.tokens.spinnerSize, ")");
+}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VsZWN0L3VpL0luZmluaXRlTG9hZGVyL0luZmluaXRlTG9hZGVyLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjc0UiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWxlY3QvdWkvSW5maW5pdGVMb2FkZXIvSW5maW5pdGVMb2FkZXIuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyB0b2tlbnMsIGNsYXNzZXMgfSBmcm9tICcuLi8uLi9TZWxlY3QudG9rZW5zJztcbmltcG9ydCB7IGNvbXBvbmVudCB9IGZyb20gJy4uLy4uLy4uLy4uL2VuZ2luZXMnO1xuaW1wb3J0IHsgc3Bpbm5lckNvbmZpZywgc3Bpbm5lclRva2VucyB9IGZyb20gJy4uLy4uLy4uL1NwaW5uZXInO1xuaW1wb3J0IHR5cGUgeyBTZWxlY3RQcm9wcyB9IGZyb20gJy4uLy4uL1NlbGVjdC50eXBlcyc7XG5cbmNvbnN0IFNwaW5uZXIgPSBjb21wb25lbnQoc3Bpbm5lckNvbmZpZyk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTcGlubmVyID0gc3R5bGVkKFNwaW5uZXIpYFxuICAgICR7c3Bpbm5lclRva2Vucy5jb2xvcn06IHZhcigtLXRleHQtcHJpbWFyeSk7XG4gICAgJHtzcGlubmVyVG9rZW5zLnNpemV9OiB2YXIoJHt0b2tlbnMuc3Bpbm5lclNpemV9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdjx7IHZhcmlhbnQ6IFNlbGVjdFByb3BzWyd2YXJpYW50J10gfT5gXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGdhcDogMC4yNXJlbTtcbiAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy5pdGVtSGVpZ2h0fSk7XG4gICAgcGFkZGluZzogJHsoeyB2YXJpYW50IH0pID0+IGB2YXIoJHt2YXJpYW50ID09PSAndGlnaHQnID8gdG9rZW5zLml0ZW1QYWRkaW5nVGlnaHQgOiB0b2tlbnMuaXRlbVBhZGRpbmd9KWB9O1xuICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMuZm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLmZvbnRTaXplfSk7XG4gICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLmZvbnRTdHlsZX0pO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMuZm9udFdlaWdodH0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMuZm9udExldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLmZvbnRMaW5lSGVpZ2h0fSk7XG4gICAgdXNlci1zZWxlY3Q6IG5vbmU7XG5cbiAgICAmIC4ke2NsYXNzZXMuc2VsZWN0U3Bpbm5lcn0ge1xuICAgICAgICAke3NwaW5uZXJUb2tlbnMuc2l6ZX06ICR7KHsgdmFyaWFudCB9KSA9PlxuICAgICAgICAgICAgYHZhcigke3ZhcmlhbnQgPT09ICd0aWdodCcgPyB0b2tlbnMuc3Bpbm5lclNpemVUaWdodCA6IHRva2Vucy5zcGlubmVyU2l6ZX0pYH07XG4gICAgfVxuYDtcbiJdfQ== */"));

package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js

@@ -94,10 +94,7 @@ var Textfield = exports.Textfield = function Textfield(_ref2) {
     renderTarget: Boolean(selectProps.renderTarget)
   }, /*#__PURE__*/_react["default"].createElement(_Textfield.Wrapper, null, selectProps !== null && selectProps !== void 0 && selectProps.renderTarget ? selectProps.renderTarget(Array.isArray(value) ? value.map(function (value) {
     return valueToItemMap.get(value);
-  }) : valueToItemMap.get(value)) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, contentLeft && (!selectProps.multiselect || (0, _utils.isEmpty)(value)) && /*#__PURE__*/_react["default"].createElement(_Textfield.ContentLeftWrapper, null, contentLeft), /*#__PURE__*/_react["default"].createElement(_Textfield.ChipWrapper, {
-    multiselect: selectProps.multiselect,
-    value: value
-  }, getLabel({
+  }) : valueToItemMap.get(value)) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, contentLeft && (!selectProps.multiselect || (0, _utils.isEmpty)(value)) && /*#__PURE__*/_react["default"].createElement(_Textfield.ContentLeftWrapper, null, contentLeft), /*#__PURE__*/_react["default"].createElement(_Textfield.ChipWrapper, null, getLabel({
     value: value,
     valueToItemMap: valueToItemMap,
     onChipClick: onChipClick,