@commercetools-uikit/select-utils 17.0.0 → 17.1.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/dist/commercetools-uikit-select-utils.cjs.d.ts +1 -1
- package/dist/commercetools-uikit-select-utils.cjs.dev.js +22 -18
- package/dist/commercetools-uikit-select-utils.cjs.prod.js +22 -18
- package/dist/commercetools-uikit-select-utils.esm.js +22 -18
- package/dist/declarations/src/create-select-styles.d.ts +2 -2
- package/package.json +7 -7
- package/dist/commercetools-uikit-select-utils.cjs.d.ts.map +0 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export * from "./declarations/src/index";
|
|
2
|
-
//# sourceMappingURL=
|
|
2
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbWVyY2V0b29scy11aWtpdC1zZWxlY3QtdXRpbHMuY2pzLmQudHMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuL2RlY2xhcmF0aW9ucy9zcmMvaW5kZXguZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSJ9
|
|
@@ -51,8 +51,8 @@ var messages$1 = reactIntl.defineMessages({
|
|
|
51
51
|
});
|
|
52
52
|
|
|
53
53
|
const _excluded = ["ref", "onMouseDown"];
|
|
54
|
-
function ownKeys$6(
|
|
55
|
-
function _objectSpread$6(
|
|
54
|
+
function ownKeys$6(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
55
|
+
function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$6(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$6(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
56
56
|
const ClearIndicator = props => {
|
|
57
57
|
const intl = reactIntl.useIntl();
|
|
58
58
|
const getStyles = props.getStyles,
|
|
@@ -80,8 +80,8 @@ const ClearIndicator = props => {
|
|
|
80
80
|
ClearIndicator.displayName = 'ClearIndicator';
|
|
81
81
|
var ClearIndicator$1 = ClearIndicator;
|
|
82
82
|
|
|
83
|
-
function ownKeys$5(
|
|
84
|
-
function _objectSpread$5(
|
|
83
|
+
function ownKeys$5(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
84
|
+
function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$5(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$5(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
85
85
|
// see https://github.com/JedWatson/react-select/blob/44e9fb29b230e49a754a2f0d6f30c2250aa45009/src/components/MultiValue.js
|
|
86
86
|
const removeProps = ['onClick', 'onTouchEnd', 'onMouseDown'];
|
|
87
87
|
const TagRemove = props => {
|
|
@@ -101,8 +101,8 @@ const TagRemove = props => {
|
|
|
101
101
|
TagRemove.displayName = 'TagRemove';
|
|
102
102
|
var TagRemove$1 = TagRemove;
|
|
103
103
|
|
|
104
|
-
function ownKeys$4(
|
|
105
|
-
function _objectSpread$4(
|
|
104
|
+
function ownKeys$4(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
105
|
+
function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$4(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$4(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
106
106
|
const DropdownIndicator = props => jsxRuntime.jsx(reactSelect.components.DropdownIndicator, _objectSpread$4(_objectSpread$4({}, props), {}, {
|
|
107
107
|
children: jsxRuntime.jsx(icons.CaretDownIcon, {
|
|
108
108
|
color: props.isDisabled ? 'neutral60' : undefined,
|
|
@@ -112,8 +112,8 @@ const DropdownIndicator = props => jsxRuntime.jsx(reactSelect.components.Dropdow
|
|
|
112
112
|
DropdownIndicator.displayName = 'DropdownIndicator';
|
|
113
113
|
var DropdownIndicator$1 = DropdownIndicator;
|
|
114
114
|
|
|
115
|
-
function ownKeys$3(
|
|
116
|
-
function _objectSpread$3(
|
|
115
|
+
function ownKeys$3(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
116
|
+
function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$3(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$3(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
117
117
|
const SearchIconDropdownIndicator = props => {
|
|
118
118
|
return jsxRuntime.jsx(reactSelect.components.DropdownIndicator, _objectSpread$3(_objectSpread$3({}, props), {}, {
|
|
119
119
|
children: jsxRuntime.jsx(icons.SearchIcon, {
|
|
@@ -125,8 +125,8 @@ const SearchIconDropdownIndicator = props => {
|
|
|
125
125
|
SearchIconDropdownIndicator.displayName = 'SearchIconDropdownIndicator';
|
|
126
126
|
var SearchIconDropdownIndicator$1 = SearchIconDropdownIndicator;
|
|
127
127
|
|
|
128
|
-
function ownKeys$2(
|
|
129
|
-
function _objectSpread$2(
|
|
128
|
+
function ownKeys$2(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
129
|
+
function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$2(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$2(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
130
130
|
const getDefaultComponent = type => {
|
|
131
131
|
if (type === 'singleValue') return reactSelect.components.SingleValue;
|
|
132
132
|
if (type === 'placeholder') return reactSelect.components.Placeholder;
|
|
@@ -167,8 +167,8 @@ const SELECT_DROPDOWN_OPTION_TYPES = {
|
|
|
167
167
|
MULTIPLE_PROPERTIES: 'multiple-properties'
|
|
168
168
|
};
|
|
169
169
|
|
|
170
|
-
function ownKeys$1(
|
|
171
|
-
function _objectSpread$1(
|
|
170
|
+
function ownKeys$1(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
171
|
+
function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
172
172
|
const MultiplePropertiesSelectInputOption = props => {
|
|
173
173
|
const data = props.data;
|
|
174
174
|
const noValueFallback = props.noValueFallback || NO_VALUE_FALLBACK;
|
|
@@ -253,10 +253,15 @@ var messages = reactIntl.defineMessages({
|
|
|
253
253
|
}
|
|
254
254
|
});
|
|
255
255
|
|
|
256
|
-
function ownKeys(
|
|
257
|
-
function _objectSpread(
|
|
256
|
+
function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
257
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context8, _context9; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context8 = ownKeys(Object(t), !0)).call(_context8, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context9 = ownKeys(Object(t))).call(_context9, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
258
258
|
const getHorizontalConstraintValue = value => {
|
|
259
|
-
|
|
259
|
+
switch (value) {
|
|
260
|
+
case 'auto':
|
|
261
|
+
return 'initial';
|
|
262
|
+
default:
|
|
263
|
+
return designSystem.designTokens["constraint".concat(value)] || designSystem.designTokens.constraintScale;
|
|
264
|
+
}
|
|
260
265
|
};
|
|
261
266
|
const getInputBackgroundColor = props => {
|
|
262
267
|
if (props.appearance === 'quiet') {
|
|
@@ -359,7 +364,6 @@ const controlStyles = props => (base, state) => {
|
|
|
359
364
|
});
|
|
360
365
|
};
|
|
361
366
|
const menuStyles = props => base => {
|
|
362
|
-
var _props$maxMenuWidth;
|
|
363
367
|
return _objectSpread(_objectSpread({}, base), {}, {
|
|
364
368
|
border: "1px solid ".concat(designSystem.designTokens.borderColorForSelectInputMenu),
|
|
365
369
|
borderRadius: designSystem.designTokens.borderRadiusForInput,
|
|
@@ -375,7 +379,7 @@ const menuStyles = props => base => {
|
|
|
375
379
|
})(),
|
|
376
380
|
width: props.horizontalConstraint === 'auto' ? 'auto' : '100%',
|
|
377
381
|
minWidth: props.minMenuWidth ? getHorizontalConstraintValue(props.minMenuWidth) : designSystem.designTokens.constraint3,
|
|
378
|
-
maxWidth:
|
|
382
|
+
maxWidth: props.maxMenuWidth ? getHorizontalConstraintValue(props.maxMenuWidth) : designSystem.designTokens.constraintScale
|
|
379
383
|
});
|
|
380
384
|
};
|
|
381
385
|
const indicatorSeparatorStyles = () => base => {
|
|
@@ -610,7 +614,7 @@ const warnIfMenuPortalPropsAreMissing = props => {
|
|
|
610
614
|
};
|
|
611
615
|
|
|
612
616
|
// NOTE: This string will be replaced on build time with the package version.
|
|
613
|
-
var version = "17.
|
|
617
|
+
var version = "17.1.0";
|
|
614
618
|
|
|
615
619
|
exports.ClearIndicator = ClearIndicator$1;
|
|
616
620
|
exports.CustomSelectInputOption = CustomSelectInputOption;
|
|
@@ -51,8 +51,8 @@ var messages$1 = reactIntl.defineMessages({
|
|
|
51
51
|
});
|
|
52
52
|
|
|
53
53
|
const _excluded = ["ref", "onMouseDown"];
|
|
54
|
-
function ownKeys$6(
|
|
55
|
-
function _objectSpread$6(
|
|
54
|
+
function ownKeys$6(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
55
|
+
function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$6(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$6(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
56
56
|
const ClearIndicator = props => {
|
|
57
57
|
const intl = reactIntl.useIntl();
|
|
58
58
|
const getStyles = props.getStyles,
|
|
@@ -80,8 +80,8 @@ const ClearIndicator = props => {
|
|
|
80
80
|
ClearIndicator.displayName = 'ClearIndicator';
|
|
81
81
|
var ClearIndicator$1 = ClearIndicator;
|
|
82
82
|
|
|
83
|
-
function ownKeys$5(
|
|
84
|
-
function _objectSpread$5(
|
|
83
|
+
function ownKeys$5(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
84
|
+
function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$5(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$5(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
85
85
|
// see https://github.com/JedWatson/react-select/blob/44e9fb29b230e49a754a2f0d6f30c2250aa45009/src/components/MultiValue.js
|
|
86
86
|
const removeProps = ['onClick', 'onTouchEnd', 'onMouseDown'];
|
|
87
87
|
const TagRemove = props => {
|
|
@@ -101,8 +101,8 @@ const TagRemove = props => {
|
|
|
101
101
|
TagRemove.displayName = 'TagRemove';
|
|
102
102
|
var TagRemove$1 = TagRemove;
|
|
103
103
|
|
|
104
|
-
function ownKeys$4(
|
|
105
|
-
function _objectSpread$4(
|
|
104
|
+
function ownKeys$4(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
105
|
+
function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$4(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$4(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
106
106
|
const DropdownIndicator = props => jsxRuntime.jsx(reactSelect.components.DropdownIndicator, _objectSpread$4(_objectSpread$4({}, props), {}, {
|
|
107
107
|
children: jsxRuntime.jsx(icons.CaretDownIcon, {
|
|
108
108
|
color: props.isDisabled ? 'neutral60' : undefined,
|
|
@@ -112,8 +112,8 @@ const DropdownIndicator = props => jsxRuntime.jsx(reactSelect.components.Dropdow
|
|
|
112
112
|
DropdownIndicator.displayName = 'DropdownIndicator';
|
|
113
113
|
var DropdownIndicator$1 = DropdownIndicator;
|
|
114
114
|
|
|
115
|
-
function ownKeys$3(
|
|
116
|
-
function _objectSpread$3(
|
|
115
|
+
function ownKeys$3(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
116
|
+
function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$3(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$3(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
117
117
|
const SearchIconDropdownIndicator = props => {
|
|
118
118
|
return jsxRuntime.jsx(reactSelect.components.DropdownIndicator, _objectSpread$3(_objectSpread$3({}, props), {}, {
|
|
119
119
|
children: jsxRuntime.jsx(icons.SearchIcon, {
|
|
@@ -125,8 +125,8 @@ const SearchIconDropdownIndicator = props => {
|
|
|
125
125
|
SearchIconDropdownIndicator.displayName = 'SearchIconDropdownIndicator';
|
|
126
126
|
var SearchIconDropdownIndicator$1 = SearchIconDropdownIndicator;
|
|
127
127
|
|
|
128
|
-
function ownKeys$2(
|
|
129
|
-
function _objectSpread$2(
|
|
128
|
+
function ownKeys$2(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
129
|
+
function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$2(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$2(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
130
130
|
const getDefaultComponent = type => {
|
|
131
131
|
if (type === 'singleValue') return reactSelect.components.SingleValue;
|
|
132
132
|
if (type === 'placeholder') return reactSelect.components.Placeholder;
|
|
@@ -167,8 +167,8 @@ const SELECT_DROPDOWN_OPTION_TYPES = {
|
|
|
167
167
|
MULTIPLE_PROPERTIES: 'multiple-properties'
|
|
168
168
|
};
|
|
169
169
|
|
|
170
|
-
function ownKeys$1(
|
|
171
|
-
function _objectSpread$1(
|
|
170
|
+
function ownKeys$1(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
171
|
+
function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
172
172
|
const MultiplePropertiesSelectInputOption = props => {
|
|
173
173
|
const data = props.data;
|
|
174
174
|
const noValueFallback = props.noValueFallback || NO_VALUE_FALLBACK;
|
|
@@ -253,10 +253,15 @@ var messages = reactIntl.defineMessages({
|
|
|
253
253
|
}
|
|
254
254
|
});
|
|
255
255
|
|
|
256
|
-
function ownKeys(
|
|
257
|
-
function _objectSpread(
|
|
256
|
+
function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
257
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context8, _context9; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context8 = ownKeys(Object(t), !0)).call(_context8, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context9 = ownKeys(Object(t))).call(_context9, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
258
258
|
const getHorizontalConstraintValue = value => {
|
|
259
|
-
|
|
259
|
+
switch (value) {
|
|
260
|
+
case 'auto':
|
|
261
|
+
return 'initial';
|
|
262
|
+
default:
|
|
263
|
+
return designSystem.designTokens["constraint".concat(value)] || designSystem.designTokens.constraintScale;
|
|
264
|
+
}
|
|
260
265
|
};
|
|
261
266
|
const getInputBackgroundColor = props => {
|
|
262
267
|
if (props.appearance === 'quiet') {
|
|
@@ -359,7 +364,6 @@ const controlStyles = props => (base, state) => {
|
|
|
359
364
|
});
|
|
360
365
|
};
|
|
361
366
|
const menuStyles = props => base => {
|
|
362
|
-
var _props$maxMenuWidth;
|
|
363
367
|
return _objectSpread(_objectSpread({}, base), {}, {
|
|
364
368
|
border: "1px solid ".concat(designSystem.designTokens.borderColorForSelectInputMenu),
|
|
365
369
|
borderRadius: designSystem.designTokens.borderRadiusForInput,
|
|
@@ -375,7 +379,7 @@ const menuStyles = props => base => {
|
|
|
375
379
|
})(),
|
|
376
380
|
width: props.horizontalConstraint === 'auto' ? 'auto' : '100%',
|
|
377
381
|
minWidth: props.minMenuWidth ? getHorizontalConstraintValue(props.minMenuWidth) : designSystem.designTokens.constraint3,
|
|
378
|
-
maxWidth:
|
|
382
|
+
maxWidth: props.maxMenuWidth ? getHorizontalConstraintValue(props.maxMenuWidth) : designSystem.designTokens.constraintScale
|
|
379
383
|
});
|
|
380
384
|
};
|
|
381
385
|
const indicatorSeparatorStyles = () => base => {
|
|
@@ -607,7 +611,7 @@ const warnIfMenuPortalPropsAreMissing = props => {
|
|
|
607
611
|
};
|
|
608
612
|
|
|
609
613
|
// NOTE: This string will be replaced on build time with the package version.
|
|
610
|
-
var version = "17.
|
|
614
|
+
var version = "17.1.0";
|
|
611
615
|
|
|
612
616
|
exports.ClearIndicator = ClearIndicator$1;
|
|
613
617
|
exports.CustomSelectInputOption = CustomSelectInputOption;
|
|
@@ -31,8 +31,8 @@ var messages$1 = defineMessages({
|
|
|
31
31
|
});
|
|
32
32
|
|
|
33
33
|
const _excluded = ["ref", "onMouseDown"];
|
|
34
|
-
function ownKeys$6(
|
|
35
|
-
function _objectSpread$6(
|
|
34
|
+
function ownKeys$6(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
35
|
+
function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$6(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$6(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
36
36
|
const ClearIndicator = props => {
|
|
37
37
|
const intl = useIntl();
|
|
38
38
|
const getStyles = props.getStyles,
|
|
@@ -60,8 +60,8 @@ const ClearIndicator = props => {
|
|
|
60
60
|
ClearIndicator.displayName = 'ClearIndicator';
|
|
61
61
|
var ClearIndicator$1 = ClearIndicator;
|
|
62
62
|
|
|
63
|
-
function ownKeys$5(
|
|
64
|
-
function _objectSpread$5(
|
|
63
|
+
function ownKeys$5(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
64
|
+
function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$5(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$5(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
65
65
|
// see https://github.com/JedWatson/react-select/blob/44e9fb29b230e49a754a2f0d6f30c2250aa45009/src/components/MultiValue.js
|
|
66
66
|
const removeProps = ['onClick', 'onTouchEnd', 'onMouseDown'];
|
|
67
67
|
const TagRemove = props => {
|
|
@@ -81,8 +81,8 @@ const TagRemove = props => {
|
|
|
81
81
|
TagRemove.displayName = 'TagRemove';
|
|
82
82
|
var TagRemove$1 = TagRemove;
|
|
83
83
|
|
|
84
|
-
function ownKeys$4(
|
|
85
|
-
function _objectSpread$4(
|
|
84
|
+
function ownKeys$4(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
85
|
+
function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$4(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$4(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
86
86
|
const DropdownIndicator = props => jsx(components.DropdownIndicator, _objectSpread$4(_objectSpread$4({}, props), {}, {
|
|
87
87
|
children: jsx(CaretDownIcon, {
|
|
88
88
|
color: props.isDisabled ? 'neutral60' : undefined,
|
|
@@ -92,8 +92,8 @@ const DropdownIndicator = props => jsx(components.DropdownIndicator, _objectSpre
|
|
|
92
92
|
DropdownIndicator.displayName = 'DropdownIndicator';
|
|
93
93
|
var DropdownIndicator$1 = DropdownIndicator;
|
|
94
94
|
|
|
95
|
-
function ownKeys$3(
|
|
96
|
-
function _objectSpread$3(
|
|
95
|
+
function ownKeys$3(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
96
|
+
function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$3(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$3(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
97
97
|
const SearchIconDropdownIndicator = props => {
|
|
98
98
|
return jsx(components.DropdownIndicator, _objectSpread$3(_objectSpread$3({}, props), {}, {
|
|
99
99
|
children: jsx(SearchIcon, {
|
|
@@ -105,8 +105,8 @@ const SearchIconDropdownIndicator = props => {
|
|
|
105
105
|
SearchIconDropdownIndicator.displayName = 'SearchIconDropdownIndicator';
|
|
106
106
|
var SearchIconDropdownIndicator$1 = SearchIconDropdownIndicator;
|
|
107
107
|
|
|
108
|
-
function ownKeys$2(
|
|
109
|
-
function _objectSpread$2(
|
|
108
|
+
function ownKeys$2(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
109
|
+
function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$2(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$2(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
110
110
|
const getDefaultComponent = type => {
|
|
111
111
|
if (type === 'singleValue') return components.SingleValue;
|
|
112
112
|
if (type === 'placeholder') return components.Placeholder;
|
|
@@ -147,8 +147,8 @@ const SELECT_DROPDOWN_OPTION_TYPES = {
|
|
|
147
147
|
MULTIPLE_PROPERTIES: 'multiple-properties'
|
|
148
148
|
};
|
|
149
149
|
|
|
150
|
-
function ownKeys$1(
|
|
151
|
-
function _objectSpread$1(
|
|
150
|
+
function ownKeys$1(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
151
|
+
function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$1(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$1(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
152
152
|
const MultiplePropertiesSelectInputOption = props => {
|
|
153
153
|
const data = props.data;
|
|
154
154
|
const noValueFallback = props.noValueFallback || NO_VALUE_FALLBACK;
|
|
@@ -233,10 +233,15 @@ var messages = defineMessages({
|
|
|
233
233
|
}
|
|
234
234
|
});
|
|
235
235
|
|
|
236
|
-
function ownKeys(
|
|
237
|
-
function _objectSpread(
|
|
236
|
+
function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
237
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context8, _context9; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context8 = ownKeys(Object(t), !0)).call(_context8, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context9 = ownKeys(Object(t))).call(_context9, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
238
238
|
const getHorizontalConstraintValue = value => {
|
|
239
|
-
|
|
239
|
+
switch (value) {
|
|
240
|
+
case 'auto':
|
|
241
|
+
return 'initial';
|
|
242
|
+
default:
|
|
243
|
+
return designTokens["constraint".concat(value)] || designTokens.constraintScale;
|
|
244
|
+
}
|
|
240
245
|
};
|
|
241
246
|
const getInputBackgroundColor = props => {
|
|
242
247
|
if (props.appearance === 'quiet') {
|
|
@@ -339,7 +344,6 @@ const controlStyles = props => (base, state) => {
|
|
|
339
344
|
});
|
|
340
345
|
};
|
|
341
346
|
const menuStyles = props => base => {
|
|
342
|
-
var _props$maxMenuWidth;
|
|
343
347
|
return _objectSpread(_objectSpread({}, base), {}, {
|
|
344
348
|
border: "1px solid ".concat(designTokens.borderColorForSelectInputMenu),
|
|
345
349
|
borderRadius: designTokens.borderRadiusForInput,
|
|
@@ -355,7 +359,7 @@ const menuStyles = props => base => {
|
|
|
355
359
|
})(),
|
|
356
360
|
width: props.horizontalConstraint === 'auto' ? 'auto' : '100%',
|
|
357
361
|
minWidth: props.minMenuWidth ? getHorizontalConstraintValue(props.minMenuWidth) : designTokens.constraint3,
|
|
358
|
-
maxWidth:
|
|
362
|
+
maxWidth: props.maxMenuWidth ? getHorizontalConstraintValue(props.maxMenuWidth) : designTokens.constraintScale
|
|
359
363
|
});
|
|
360
364
|
};
|
|
361
365
|
const indicatorSeparatorStyles = () => base => {
|
|
@@ -590,6 +594,6 @@ const warnIfMenuPortalPropsAreMissing = props => {
|
|
|
590
594
|
};
|
|
591
595
|
|
|
592
596
|
// NOTE: This string will be replaced on build time with the package version.
|
|
593
|
-
var version = "17.
|
|
597
|
+
var version = "17.1.0";
|
|
594
598
|
|
|
595
599
|
export { ClearIndicator$1 as ClearIndicator, CustomSelectInputOption, DoublePropertySelectInputOption, DropdownIndicator$1 as DropdownIndicator, MultiplePropertiesSelectInputOption, SELECT_DROPDOWN_OPTION_TYPES, SearchIconDropdownIndicator$1 as SearchIconDropdownIndicator, TagRemove$1 as TagRemove, WrapperWithIcon$1 as ValueWrapperWithIcon, createSelectStyles, customComponents as customComponentsWithIcons, messages, version, warnIfMenuPortalPropsAreMissing };
|
|
@@ -67,8 +67,8 @@ export default function createSelectStyles(props: TProps): {
|
|
|
67
67
|
margin: string;
|
|
68
68
|
borderColor: string | undefined;
|
|
69
69
|
width: string;
|
|
70
|
-
minWidth: "var(--color-primary, hsl(175, 55%, 45%))" | "var(--color-primary-20, hsl(175, 55%, 20%))" | "var(--color-primary-25, hsl(175, 55%, 25%))" | "var(--color-primary-30, hsl(175, 55%, 30%))" | "var(--color-primary-40, hsl(175, 55%, 40%))" | "var(--color-primary-85, hsl(175, 70%, 85%))" | "var(--color-primary-90, hsl(175, 70%, 90%))" | "var(--color-primary-95, hsl(175, 90%, 95%))" | "var(--color-accent, #213c45)" | "var(--color-accent-10, hsl(195, 35.2941176471%, 10%))" | "var(--color-accent-20, hsl(195, 35.2941176471%, 20%))" | "var(--color-accent-30, hsl(195, 35.2941176471%, 30%))" | "var(--color-accent-40, hsl(195, 35.2941176471%, 40%))" | "var(--color-accent-50, hsl(195, 35%, 50%))" | "var(--color-accent-60, hsl(195, 35.2941176471%, 60%))" | "var(--color-accent-85, hsl(195, 35%, 85%))" | "var(--color-accent-90, hsl(195, 35.2941176471%, 90%))" | "var(--color-accent-95, hsl(195, 35.2941176471%, 95%))" | "var(--color-accent-98, hsl(195, 35.2941176471%, 98%))" | "var(--color-brown-10, hsl(35, 90%, 10%))" | "var(--color-brown-20, hsl(35, 50%, 20%))" | "var(--color-brown-35, hsl(35, 25%, 35%))" | "var(--color-brown-50, hsl(35, 30%, 50%))" | "var(--color-brown-70, hsl(35, 40%, 70%))" | "var(--color-brown-85, hsl(35, 60%, 85%))" | "var(--color-brown-90, hsl(35, 90%, 90%))" | "var(--color-brown-95, hsl(35, 80%, 95%))" | "var(--color-brown-98, hsl(35, 90%, 98%))" | "var(--color-purple-10, hsl(248, 90%, 10%))" | "var(--color-purple-20, hsl(248, 50%, 20%))" | "var(--color-purple-35, hsl(248, 25%, 35%))" | "var(--color-purple-50, hsl(248, 30%,50%))" | "var(--color-purple-70, hsl(248, 40%, 70%))" | "var(--color-purple-85, hsl(248, 60%, 85%))" | "var(--color-purple-90, hsl(248, 50%, 90%))" | "var(--color-purple-95, hsl(248, 80%, 95%))" | "var(--color-purple-98, hsl(248, 90%, 98%))" | "var(--color-turquoise-10, hsl(180, 90%, 10%))" | "var(--color-turquoise-20, hsl(180, 50%, 20%))" | "var(--color-turquoise-35, hsl(180, 25%, 35%))" | "var(--color-turquoise-50, hsl(180, 30%, 45%))" | "var(--color-turquoise-70, hsl(180, 40%, 70%))" | "var(--color-turquoise-85, hsl(180, 60%, 85%))" | "var(--color-turquoise-90, hsl(180, 40%, 90%))" | "var(--color-turquoise-95, hsl(180, 80%, 95%))" | "var(--color-turquoise-98, hsl(180, 90%, 98%))" | "var(--color-neutral, hsl(232, 18%, 80%))" | "var(--color-neutral-05, hsl(0deg 0% 80% / 5%))" | "var(--color-neutral-10, hsl(0deg 0% 80% / 10%))" | "var(--color-neutral-40, hsl(232, 18%, 40%))" | "var(--color-neutral-60, hsl(232, 18%, 60%))" | "var(--color-neutral-85, hsl(232, 18%, 85%))" | "var(--color-neutral-90, hsl(232, 18%, 90%))" | "var(--color-neutral-95, hsl(232, 18%, 95%))" | "var(--color-neutral-98, hsl(232, 18%, 98%))" | "var(--color-info, #078cdf)" | "var(--color-info-40, hsl(203.05555555555554, 93.9130434783%, 40%))" | "var(--color-info-85, hsl(203.05555555555554, 93.9130434783%, 85%))" | "var(--color-info-90, #CEEBFD)" | "var(--color-info-95, hsl(203.05555555555554, 93.9130434783%, 95%))" | "var(--color-warning, #f16d0e)" | "var(--color-warning-25, hsl(25.110132158590307, 89.0196078431%, 25%))" | "var(--color-warning-40, hsl(25.110132158590307, 89.0196078431%, 40%))" | "var(--color-warning-85, hsl(25.110132158590307, 89.0196078431%, 85%))" | "var(--color-warning-95, hsl(25.110132158590307, 89.0196078431%, 95%))" | "var(--color-error, #e60050)" | "var(--color-error-25, hsl(339.1304347826087, 100%, 25%))" | "var(--color-error-40, hsl(339.1304347826087, 100%, 40%))" | "var(--color-error-85, hsl(339.1304347826087, 100%, 85%))" | "var(--color-error-95, hsl(339.1304347826087, 100%, 95%))" | "var(--color-solid, #1a1a1a)" | "var(--color-solid-02, hsl(0deg 0% 10% / 2%))" | "var(--color-solid-05, hsl(0deg 0% 10% / 5%))" | "var(--color-solid-10, hsl(0deg 0% 10% / 10%))" | "var(--color-surface, #fff)" | "var(--color-transparent, transparent)" | "var(--border-radius-1, 1px)" | "var(--border-radius-2, 2px)" | "var(--border-radius-4, 4px)" | "var(--border-radius-6, 6px)" | "var(--border-radius-8, 8px)" | "var(--border-radius-20, 20px)" | "var(--border-width-1, 1px)" | "var(--border-width-2, 2px)" | "var(--font-family, 'Inter', system-ui)" | "var(--font-size-10, 0.75rem)" | "var(--font-size-12, 0.8rem)" | "var(--font-size-20, 0.875rem)" | "var(--font-size-30, 1rem)" | "var(--font-size-40, 1.125rem)" | "var(--font-size-50, 1.25rem)" | "var(--font-size-60, 1.5rem)" | "var(--font-size-70, 2rem)" | "var(--font-size-80, 2.5rem)" | "var(--font-size-90, 3rem)" | "var(--font-size-15, 0.9231rem)" | "var(--font-size-35, 1.0769rem)" | "var(--font-size-45, 1.2308rem)" | "var(--font-size-63, 1.5385rem)" | "var(--font-size-66, 1.8462rem)" | "var(--font-size-69, 2.4615rem)" | "var(--font-size-78, 3rem)" | "var(--font-weight-300, 300)" | "var(--font-weight-400, 400)" | "var(--font-weight-500, 500)" | "var(--font-weight-600, 600)" | "var(--font-weight-700, 700)" | "var(--line-height-05, 1.125rem)" | "var(--line-height-10, 1.25rem)" | "var(--line-height-18, 1.3rem)" | "var(--line-height-20, 1.375rem)" | "var(--line-height-30, 1.5rem)" | "var(--line-height-40, 1.625rem)" | "var(--line-height-50, 1.75rem)" | "var(--line-height-60, 2.125rem)" | "var(--shadow-0, none)" | "var(--shadow-1, 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24))" | "var(--shadow-2, 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23))" | "var(--shadow-3, 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23))" | "var(--shadow-4, 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22))" | "var(--shadow-5, 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22))" | "var(--shadow-6, 0 -1px 2px 0 rgba(0, 0, 0, 0.2))" | "var(--shadow-7, 0 -1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24))" | "var(--shadow-8, 0 1px 9.5px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.24))" | "var(--shadow-9, inset 0 -1px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px 1.5px 0 rgba(0, 0, 0, 0.2), inset 0 1px 1.5px 0 rgba(0, 0, 0, 0.25))" | "var(--shadow-10, 0 0 0 1px rgba(224, 230, 237, 0.5))" | "var(--shadow-11, 0 1px 0.5px rgba(0, 0, 0, 0.24), 0 -1px 0.75px rgba(0, 0, 0, 0.12))" | "var(--shadow-12, 0 0 1px rgba(0, 0, 0, 0.25))" | "var(--shadow-13, 0 0 1px rgba(0, 0, 0, 0.25))" | "var(--shadow-14, 0 0 0.5px rgba(0, 0, 0, 0.1))" | "var(--shadow-15, 0 2px 2px rgba(0, 0, 0, 0.24), 0 1px 4.75px rgba(0, 0, 0, 0.12))" | "var(--shadow-16, 0.5px 1.5px 4px 1px rgba(0, 0, 0, 0.25), -0.5px -0.5px 4px 1px rgba(0, 0, 0, 0.25))" | "var(--shadow-17, 0 1px 5px 0 rgba(0, 0, 0, 0.05))" | "var(--constraint-scale, 100%)" | "var(--constraint-1, 42px)" | "var(--constraint-2, 84px)" | "var(--constraint-3, 142px)" | "var(--constraint-4, 184px)" | "var(--constraint-5, 242px)" | "var(--constraint-6, 284px)" | "var(--constraint-7, 342px)" | "var(--constraint-8, 384px)" | "var(--constraint-9, 442px)" | "var(--constraint-10, 484px)" | "var(--constraint-11, 542px)" | "var(--constraint-12, 584px)" | "var(--constraint-13, 642px)" | "var(--constraint-14, 684px)" | "var(--constraint-15, 742px)" | "var(--constraint-16, 784px)" | "var(--spacing-xs, 4px)" | "var(--spacing-s, 8px)" | "var(--spacing-m, 16px)" | "var(--spacing-l, 24px)" | "var(--spacing-xl, 32px)" | "var(--spacing-05, 2px)" | "var(--spacing-10, 4px)" | "var(--spacing-20, 8px)" | "var(--spacing-25, 12px)" | "var(--spacing-30, 16px)" | "var(--spacing-40, 24px)" | "var(--spacing-50, 32px)" | "var(--spacing-60, 48px)" | "var(--spacing-70, 64px)" | "var(--transition-linear-80-ms, 80ms linear)" | "var(--transition-easeinout-150-ms, 150ms ease-in-out)" | "var(--transition-standard, 200ms ease)" | "var(--break-point-mobile, 768px)" | "var(--break-point-desktop, 1024px)" | "var(--break-point-biggerdesktop, 1280px)" | "var(--break-point-giantdesktop, 1680px)" | "var(--break-point-jumbodesktop, 1920px)" | "var(--align-items-for-select-input-tag, center)" | "var(--background-color-for-button-when-active, hsl(0deg 0% 10% / 10%))" | "var(--background-color-for-button-when-hovered, hsl(0deg 0% 10% / 5%))" | "var(--background-color-for-button-as-primary-when-active, #15A390)" | "var(--background-color-for-button-as-primary-when-hovered, #17AB97)" | "var(--background-color-for-button-as-icon-as-primary-when-active, #15A390)" | "var(--background-color-for-button-as-icon-as-primary-when-hovered, hsl(175, 55%, 45%))" | "var(--background-color-for-button-as-icon-as-info-when-active, #057FCC)" | "var(--background-color-for-button-as-icon-as-info-when-hovered, #078cdf)" | "var(--background-color-for-button-as-urgent-when-active, #DC630A)" | "var(--background-color-for-button-as-urgent-when-hovered, #E7680D)" | "var(--background-color-for-button-as-critical-when-active, #B3003E)" | "var(--background-color-for-button-as-critical-when-hovered, #CC0047)" | "var(--background-color-for-button-when-disabled, hsl(195, 35.2941176471%, 95%))" | "var(--background-color-for-input, #fff)" | "var(--background-color-for-input-when-selected, hsl(195, 35.2941176471%, 95%))" | "var(--background-color-for-input-when-disabled, hsl(232, 18%, 95%))" | "var(--background-color-for-input-when-hovered, hsl(232, 18%, 98%))" | "var(--background-color-for-input-when-focused, #fff)" | "var(--background-color-for-input-when-readonly, hsl(232, 18%, 95%))" | "var(--background-color-for-input-when-active, hsl(203.05555555555554, 93.9130434783%, 95%))" | "var(--background-color-for-input-as-quiet, transparent)" | "var(--background-color-for-input-as-quiet-when-hovered, hsl(0deg 0% 10% / 2%))" | "var(--background-color-for-table-cell-when-hovered, hsl(232, 18%, 98%))" | "var(--background-color-for-table-header, hsl(232, 18%, 98%))" | "var(--background-color-for-tag, hsl(232, 18%, 95%))" | "var(--background-color-for-tag-warning, hsl(25.110132158590307, 89.0196078431%, 95%))" | "var(--background-color-for-tag-when-hovered, hsl(232, 18%, 90%))" | "var(--background-color-for-collapsible-panel-header-icon-when-disabled, #fff)" | "var(--background-color-for-select-input-option-when-hovered, hsl(232, 18%, 98%))" | "var(--background-color-for-stamp-as-positive, hsl(175, 70%, 90%))" | "var(--background-color-for-stamp-as-primary, hsl(175, 70%, 90%))" | "var(--background-color-for-localized-input-label, #fff)" | "var(--background-color-for-localized-input-label-when-readonly, hsl(232, 18%, 95%))" | "var(--background-color-for-localized-input-label-when-disabled, hsl(232, 18%, 95%))" | "var(--background-color-for-localized-rich-text-body-button-when-active, hsl(195, 35.2941176471%, 20%))" | "var(--background-color-for-localized-rich-text-body-button, hsl(232, 18%, 95%))" | "var(--background-color-for-rich-text-dropdown-when-hovered, hsl(232, 18%, 95%))" | "var(--background-color-for-rich-text-more-styles-dropdown-when-hovered, hsl(203.05555555555554, 93.9130434783%, 95%))" | "var(--background-color-for-rich-text-button, hsl(195, 35.2941176471%, 20%))" | "var(--background-color-for-tooltip, hsl(195, 35.2941176471%, 10%))" | "var(--background-color-for-view-switcher, #fff)" | "var(--background-color-for-view-switcher-when-disabled, #fff)" | "var(--background-color-for-view-switcher-when-selected, hsl(232, 18%, 95%))" | "var(--background-color-for-view-switcher-when-hovered, hsl(232, 18%, 95%))" | "var(--background-color-for-content-notification-when-error, hsl(339.1304347826087, 100%, 95%))" | "var(--background-color-for-content-notification-when-info, hsl(203.05555555555554, 93.9130434783%, 95%))" | "var(--background-color-for-content-notification-when-warning, hsl(25.110132158590307, 89.0196078431%, 95%))" | "var(--background-color-for-content-notification-when-success, hsl(175, 90%, 95%))" | "var(--background-color-for-checkbox-input-icon, hsl(175, 55%, 45%))" | "var(--background-color-for-checkbox-input-icon-when-disabled, hsl(232, 18%, 80%))" | "var(--background-color-for-checkbox-input-icon-when-readonly, hsl(232, 18%, 60%))" | "var(--background-color-for-checkbox-input-icon-when-error, #e60050)" | "var(--background-color-for-checkbox-input-icon-when-hovered, hsl(232, 18%, 90%))" | "var(--background-color-for-primary-action-dropdown-when-active, hsl(232, 18%, 90%))" | "var(--background-color-for-primary-action-dropdown-when-disabled, hsl(232, 18%, 95%))" | "var(--background-color-for-toggle-input-track, hsl(232, 18%, 80%))" | "var(--background-color-for-toggle-input-track-when-disabled, hsl(232, 18%, 90%))" | "var(--background-color-for-toggle-input-thumb-when-disabled, hsl(232, 18%, 60%))" | "var(--background-color-for-toggle-input-track-when-checked, hsl(175, 55%, 40%))" | "var(--background-color-for-toggle-input-thumb-when-checked, hsl(175, 55%, 25%))" | "var(--background-color-for-toggle-input-track-when-checked-and-disabled, hsl(195, 35.2941176471%, 90%))" | "var(--background-color-for-toggle-input-thumb-when-checked-and-disabled, hsl(195, 35.2941176471%, 60%))" | "var(--background-color-for-button-as-secondary-when-info, hsl(203.05555555555554, 93.9130434783%, 95%))" | "var(--background-color-for-button-as-secondary-when-info-and-hovered, #CEEBFD)" | "var(--background-color-for-button-as-secondary-when-info-and-active, hsl(203.05555555555554, 93.9130434783%, 85%))" | "var(--border-for-button-as-secondary, 1px solid var(--color-neutral))" | "var(--border-for-button-as-secondary-when-hovered, 1px solid var(--color-neutral))" | "var(--border-for-button-as-secondary-when-active, 1px solid var(--color-neutral))" | "var(--border-for-card-when-raised, 1px solid var(--color-neutral-90))" | "var(--border-for-collapsible-panel-header-icon-when-disabled, none)" | "var(--border-for-view-switcher, 1px solid var(--color-neutral))" | "var(--border-for-select-input-tag, 1px solid var(--color-neutral-85))" | "var(--border-for-radio-input-option, 2px)" | "var(--border-for-calendar-menu-when-focused, none)" | "var(--border-color-for-input, hsl(232, 18%, 80%))" | "var(--border-color-for-input-when-focused, hsl(175, 55%, 45%))" | "var(--border-color-for-input-when-disabled, hsl(232, 18%, 80%))" | "var(--border-color-for-input-when-readonly, #fff)" | "var(--border-color-for-input-when-error, #e60050)" | "var(--border-color-for-input-when-warning, #f16d0e)" | "var(--border-color-for-input-when-hovered, hsl(232, 18%, 80%))" | "var(--border-color-for-input-as-quiet, transparent)" | "var(--border-color-for-tag, hsl(232, 18%, 80%))" | "var(--border-color-for-tag-warning, #f16d0e)" | "var(--border-color-for-tag-when-focused, hsl(232, 18%, 80%))" | "var(--border-color-for-tag-when-hovered, hsl(232, 18%, 80%))" | "var(--border-color-for-button-as-icon, hsl(232, 18%, 80%))" | "var(--border-color-for-button-as-icon-as-info, hsl(232, 18%, 80%))" | "var(--border-color-for-button-as-icon-as-primary, hsl(232, 18%, 80%))" | "var(--border-color-for-button-as-icon-when-disabled, #fff)" | "var(--border-color-for-table-header, #fff)" | "var(--border-color-for-table-header-as-bottom, hsl(232, 18%, 95%))" | "var(--border-color-for-table-manager-droppable-list, hsl(232, 18%, 80%))" | "var(--border-color-for-collapsible-panel-header, hsl(232, 18%, 90%))" | "var(--border-color-for-stamp-when-error, hsl(339.1304347826087, 100%, 85%))" | "var(--border-color-for-stamp-when-warning, hsl(25.110132158590307, 89.0196078431%, 85%))" | "var(--border-color-for-stamp-as-positive, hsl(175, 70%, 85%))" | "var(--border-color-for-stamp-as-information, hsl(203.05555555555554, 93.9130434783%, 85%))" | "var(--border-color-for-stamp-as-primary, hsl(175, 70%, 85%))" | "var(--border-color-for-stamp-as-secondary, hsl(232, 18%, 85%))" | "var(--border-color-for-localized-input-label, hsl(232, 18%, 80%))" | "var(--border-color-for-localized-input-label-when-readonly, #fff)" | "var(--border-color-for-content-notification-when-error, hsl(339.1304347826087, 100%, 85%))" | "var(--border-color-for-content-notification-when-info, hsl(203.05555555555554, 93.9130434783%, 85%))" | "var(--border-color-for-content-notification-when-warning, hsl(25.110132158590307, 89.0196078431%, 85%))" | "var(--border-color-for-content-notification-when-success, hsl(175, 70%, 85%))" | "var(--border-color-for-group-heading-select-input-options, hsl(232, 18%, 90%))" | "var(--border-color-for-select-input-menu, #fff)" | "var(--border-color-for-select-input-when-readonly, hsl(232, 18%, 95%))" | "var(--border-color-for-select-input-menu-when-warning, #fff)" | "var(--border-color-for-select-input-menu-when-error, #fff)" | "var(--border-color-for-checkbox-input-icon, hsl(175, 55%, 45%))" | "var(--border-color-for-checkbox-input-icon-when-disabled, hsl(232, 18%, 80%))" | "var(--border-color-for-checkbox-input-icon-when-readonly, hsl(232, 18%, 60%))" | "var(--border-color-for-checkbox-input-icon-when-error, #e60050)" | "var(--border-color-for-radio-input, hsl(232, 18%, 60%))" | "var(--border-color-for-radio-input-when-disabled, hsl(232, 18%, 80%))" | "var(--border-color-for-radio-input-when-readonly, hsl(232, 18%, 60%))" | "var(--border-color-for-radio-input-when-checked, hsl(175, 55%, 45%))" | "var(--border-color-for-radio-input-when-focused, hsl(232, 18%, 60%))" | "var(--border-color-for-primary-action-dropdown-menu, #fff)" | "var(--border-color-for-button-as-secondary-when-info, hsl(203.05555555555554, 93.9130434783%, 85%))" | "var(--border-radius-for-button-as-big, 4px)" | "var(--border-radius-for-button-as-medium, 4px)" | "var(--border-radius-for-button-as-icon-as-big, 4px)" | "var(--border-radius-for-button-as-icon-as-medium, 4px)" | "var(--border-radius-for-button-as-icon-as-small, 2px)" | "var(--border-radius-for-input, 4px)" | "var(--border-radius-for-tag, 2px)" | "var(--border-radius-for-card, 4px)" | "var(--border-radius-for-table-manager-droppable-list, 4px)" | "var(--border-radius-for-stamp, 4px)" | "var(--border-radius-for-stamp-as-condensed, 2px)" | "var(--border-radius-for-view-switcher, 4px)" | "var(--border-radius-for-content-notification, 4px)" | "var(--border-radius-for-primary-action-dropdown, var(--border-radius-4) 0 0 var(--border-radius-4))" | "var(--border-radius-for-primary-action-dropdown-icon, 0 var(--border-radius-4) var(--border-radius-4) 0)" | "var(--border-radius-for-primary-action-dropdown-menu, 4px)" | "var(--border-width-for-input, 1px)" | "var(--border-width-for-input-when-warning, 1px)" | "var(--border-width-for-input-when-error, 1px)" | "var(--border-width-for-input-when-focused, 1px)" | "var(--border-width-for-tag, 1px 1px 1px 0)" | "var(--border-width-for-select-input, 2px)" | "var(--border-left-width-for-content-notification, 0px)" | "var(--border-width-for-checkbox-input-icon, 2px)" | "var(--border-for-primary-action-dropdown-icon, 1px 1px 1px 0px)" | "var(--box-shadow-for-datetime-input-when-hovered, inset 0 0 0 1px)" | "var(--box-shadow-for-view-switcher, none)" | "var(--box-shadow-for-view-switcher-when-selected, none)" | "var(--box-shadow-for-select-input-when-focused, inset 0 0 0 1px)" | "var(--box-shadow-for-calendar-menu-when-focused, 0 2px 5px 0px rgba(0, 0, 0, 0.15))" | "var(--box-shadow-for-table, 0 1px 5px 0 rgba(0, 0, 0, 0.05))" | "var(--font-color-for-text, #1a1a1a)" | "var(--font-color-for-text-when-disabled, hsl(232, 18%, 60%))" | "var(--font-color-for-input, #1a1a1a)" | "var(--font-color-for-input-when-disabled, hsl(232, 18%, 60%))" | "var(--font-color-for-input-when-error, #e60050)" | "var(--font-color-for-input-when-readonly, hsl(232, 18%, 40%))" | "var(--font-color-for-input-when-warning, #f16d0e)" | "var(--font-color-for-tag, #1a1a1a)" | "var(--font-color-for-tag-remove-icon, hsl(232, 18%, 40%))" | "var(--font-color-for-tag-drag-icon, hsl(232, 18%, 40%))" | "var(--font-color-for-tag-remove-icon-when-hovered, #e60050)" | "var(--font-color-for-tag-when-disabled, hsl(232, 18%, 60%))" | "var(--font-color-for-text-when-inverted, #fff)" | "var(--font-color-for-link-as-inverted, #fff)" | "var(--font-color-for-link-as-primary, hsl(175, 55%, 30%))" | "var(--font-color-for-link-as-secondary, #1a1a1a)" | "var(--font-color-for-link-as-primary-when-active, hsl(175, 55%, 45%))" | "var(--font-color-for-link-as-secondary-when-active, hsl(175, 55%, 45%))" | "var(--font-color-for-table-header, hsl(232, 18%, 40%))" | "var(--font-color-for-localized-input-label, hsl(232, 18%, 60%))" | "var(--font-color-for-view-switcher, hsl(232, 18%, 40%))" | "var(--font-color-for-view-switcher-when-disabled, hsl(232, 18%, 60%))" | "var(--font-color-for-view-switcher-when-selected, #1a1a1a)" | "var(--font-color-for-clear-input-icon, hsl(232, 18%, 40%))" | "var(--font-color-for-clear-input-icon-when-hovered, #e60050)" | "var(--font-color-for-content-notification, #1a1a1a)" | "var(--font-color-for-content-notification-icon-when-error, #e60050)" | "var(--font-color-for-content-notification-icon-when-warning, #f16d0e)" | "var(--font-color-for-content-notification-icon-when-success, hsl(175, 55%, 45%))" | "var(--font-color-for-content-notification-icon-when-info, #078cdf)" | "var(--font-color-for-search-input-icon, hsl(232, 18%, 60%))" | "var(--font-color-for-search-input-icon-when-hovered, hsl(175, 55%, 45%))" | "var(--font-color-for-select-input-icon, hsl(232, 18%, 60%))" | "var(--font-color-for-select-input-when-error, #e60050)" | "var(--font-color-for-select-input-when-warning, #f16d0e)" | "var(--font-color-for-select-input-icon-when-error, #e60050)" | "var(--font-color-for-select-input-icon-when-warning, #f16d0e)" | "var(--font-color-for-money-input-currency-dropdown-indicator, hsl(232, 18%, 40%))" | "var(--font-color-for-search-input-icon-when-readonly, hsl(232, 18%, 60%))" | "var(--font-color-for-checkbox-input-label, #1a1a1a)" | "var(--font-color-for-checkbox-input-label-when-error, #e60050)" | "var(--font-color-for-checkbox-input-label-when-disabled, hsl(232, 18%, 60%))" | "var(--font-color-for-checkbox-input-label-when-readonly, hsl(232, 18%, 40%))" | "var(--font-color-for-radio-input-when-disabled, hsl(232, 18%, 60%))" | "var(--font-color-for-radio-input-when-error, #e60050)" | "var(--font-color-for-radio-input-when-readonly, hsl(232, 18%, 60%))" | "var(--font-color-for-radio-input-when-warning, #f16d0e)" | "var(--font-color-for-flat-button-as-primary, hsl(175, 55%, 30%))" | "var(--font-color-for-flat-button-as-primary-when-hovered, hsl(175, 55%, 45%))" | "var(--font-color-for-flat-button-as-critical, #e60050)" | "var(--font-color-for-flat-button-as-critical-when-hovered, hsl(339.1304347826087, 100%, 25%))" | "var(--font-color-for-flat-button-as-secondary, #1a1a1a)" | "var(--font-color-for-flat-button-as-inverted, #fff)" | "var(--font-color-for-flat-button-icon-when-disabled, hsl(232, 18%, 60%))" | "var(--font-color-for-secondary-icon-button-as-primary, hsl(175, 55%, 25%))" | "var(--font-color-for-secondary-icon-button-as-primary-when-hovered, hsl(175, 55%, 45%))" | "var(--height-for-button-as-big, 40px)" | "var(--height-for-button-as-medium, 32px)" | "var(--height-for-button-as-icon-as-big, 40px)" | "var(--height-for-button-as-icon-as-medium, 32px)" | "var(--height-for-button-as-icon-as-small, 16px)" | "var(--height-for-input, 40px)" | "var(--height-for-view-switcher, 40px)" | "var(--height-for-view-switcher-when-condensed, 32px)" | "var(--height-for-select-input-tag, 32px)" | "var(--height-for-radio-input-option, 18px)" | "var(--height-for-radio-input-option-when-checked, 10px)" | "var(--height-for-primary-action-dropdown, 40px)" | "var(--width-for-avatar-as-medium, 40px)" | "var(--min-width-for-money-input-currency-dropdown, 80px)" | "var(--placeholder-font-color-for-input, hsl(232, 18%, 60%))" | "var(--font-size-for-button, 0.875rem)" | "var(--font-size-for-input, 1rem)" | "var(--font-size-for-text-as-h-1, 1.5rem)" | "var(--font-size-for-text-as-h-2, 1.25rem)" | "var(--font-size-for-text-as-h-3, 1.125rem)" | "var(--font-size-for-text-as-h-4, 1rem)" | "var(--font-size-for-text-as-h-5, 1rem)" | "var(--font-size-for-text-as-body, 1rem)" | "var(--font-size-for-text-as-caption, 0.75rem)" | "var(--font-size-for-text-as-detail, 0.875rem)" | "var(--font-size-for-body, 16px)" | "var(--font-size-for-link, 1rem)" | "var(--font-size-for-view-switcher, 0.875rem)" | "var(--font-size-for-table, 0.875rem)" | "var(--font-size-for-localized-input-label, 1rem)" | "var(--font-size-for-content-notification, 1rem)" | "var(--font-size-for-select-input-tag, 1rem)" | "var(--icon-color-for-datetime-input-icon, hsl(232, 18%, 40%))" | "var(--icon-color-for-datetime-input-icon-when-hovered, #e60050)" | "var(--line-height-for-text-as-h-1, 2.125rem)" | "var(--line-height-for-text-as-h-2, 1.75rem)" | "var(--line-height-for-text-as-h-3, 1.5rem)" | "var(--line-height-for-text-as-h-4, 1.375rem)" | "var(--line-height-for-text-as-h-5, 1.375rem)" | "var(--line-height-for-text-as-body, 1.625rem)" | "var(--line-height-for-text-as-caption, 1.125rem)" | "var(--line-height-for-text-as-detail, 1.375rem)" | "var(--line-height-for-select-input-options, 1.625rem)" | "var(--line-height-for-table-header, 26px)" | "var(--font-weight-for-text-as-h-1, 600)" | "var(--font-weight-for-text-as-h-2, 500)" | "var(--font-weight-for-text-as-h-3, 500)" | "var(--font-weight-for-text-as-h-4, 500)" | "var(--font-weight-for-text-as-h-5, 500)" | "var(--font-weight-for-text-as-body, 400)" | "var(--font-weight-for-text-as-caption, 400)" | "var(--font-weight-for-text-as-detail, 400)" | "var(--font-weight-for-button, 500)" | "var(--font-weight-for-table-header, 500)" | "var(--font-weight-for-text-as-bold, 600)" | "var(--margin-for-table-header, 8px)" | "var(--margin-for-table-cell-as-condensed, 8px)" | "var(--margin-for-view-switcher-icon, 0 var(--spacing-20) 0 0)" | "var(--margin-for-group-heading-select-input-options, 8px)" | "var(--margin-for-select-input-icon, 8px)" | "var(--margin-left-for-select-input-icon, 8px)" | "var(--margin-right-for-money-input-precision-badge, 12px)" | "var(--margin-right-for-search-input-icon, 12px)" | "var(--margin-right-for-clear-input-icon, 8px)" | "var(--margin-left-for-radio-input-label, 4px)" | "var(--margin-right-for-primary-action-dropdown, 8px)" | "var(--margin-top-for-primary-action-dropdown, 8px)" | "var(--margin-for-localized-rich-text-body-button, 0 2px var(--spacing-20) 2px)" | "var(--margin-for-rich-text-divider, var(--spacing-10) 2px)" | "var(--margin-for-rich-text-dropdown-item-label, 0 0 0 var(--spacing-20))" | "var(--margin-for-tag-list, 0 var(--spacing-20) var(--spacing-20) 0)" | "var(--padding-for-stamp, 4px 12px)" | "var(--padding-for-stamp-as-condensed, var(--spacing-05) var(--spacing-10))" | "var(--padding-for-tag, 2px 12px)" | "var(--padding-for-table-header, 24px)" | "var(--padding-for-table-header-as-condensed, 24px)" | "var(--padding-for-table-cell, var(--spacing-30) var(--spacing-40))" | "var(--padding-for-table-cell-as-condensed, var(--spacing-20) var(--spacing-40))" | "var(--padding-for-table-manager-droppable-list, 16px)" | "var(--padding-for-table-manager-settings-panel, var(--spacing-40) var(--spacing-50))" | "var(--padding-for-table-manager-draggable-tag, var(--spacing-10) 0)" | "var(--padding-for-collapsible-panel-header, var(--spacing-30) 0)" | "var(--padding-for-collapsible-panel-header-as-condensed, var(--spacing-20) 0)" | "var(--padding-for-collapsible-panel-section-wrapper, var(--spacing-50) 0 0 calc(var(--spacing-30) + var(--spacing-10)))" | "var(--padding-for-collapsible-panel-section-wrapper-as-condensed, var(--spacing-40) 0 0 calc(var(--spacing-30) + var(--spacing-10)))" | "var(--padding-for-collapsible-panel-section-description, 0 0 var(--spacing-40))" | "var(--padding-for-collapsible-panel-section-description-as-condensed, 0 0 var(--spacing-40))" | "var(--padding-for-input, 16px)" | "var(--padding-for-input-as-quiet, 8px)" | "var(--padding-for-multiline-input, 8px)" | "var(--padding-for-localized-rich-text-input-label, var(--spacing-20) 12px)" | "var(--padding-for-localized-rich-text-dropdown-button, 5px var(--spacing-20))" | "var(--padding-for-localized-rich-text-dropdown-item, var(--spacing-20) var(--spacing-30))" | "var(--padding-for-localized-rich-text-body-button, var(--spacing-20))" | "var(--padding-for-localized-input-label, 0 12px)" | "var(--padding-for-rich-text-input, var(--spacing-20) var(--spacing-30))" | "var(--padding-for-rich-text-toolbar, none)" | "var(--padding-left-for-rich-text-toolbar, none)" | "var(--padding-for-rich-text-editor-container, var(--spacing-20) 0 0)" | "var(--padding-for-localized-multiline-text-input-label, 0 var(--spacing-20))" | "var(--padding-for-tag-remove-icon, 0 12px)" | "var(--padding-for-tooltip, var(--spacing-20) 12px)" | "var(--padding-for-view-switcher, 0 var(--spacing-30) 0 var(--spacing-30))" | "var(--padding-for-view-switcher-when-condensed, 0 12px 0 12px)" | "var(--padding-for-content-notification, var(--spacing-20) var(--spacing-30))" | "var(--padding-for-content-notification-message, 0 var(--spacing-30) 0 var(--spacing-20))" | "var(--padding-left-for-select-input-options, 16px)" | "var(--padding-right-for-select-input-options, 16px)" | "var(--padding-top-for-select-input-options, 8px)" | "var(--padding-bottom-for-select-input-options, 8px)" | "var(--padding-for-group-heading-select-input-options, 16px)" | "var(--padding-for-select-input-menu, var(--spacing-10) 0)" | "var(--padding-for-money-input-currency-dropdown, 0 12px)" | "var(--padding-for-selectable-search-input-dropdown, 0 12px)" | "var(--padding-for-primary-action-dropdown, 0 var(--spacing-30))" | "var(--padding-for-primary-action-dropdown-icon, 0 var(--spacing-20))" | "var(--padding-for-button-as-medium, 0 var(--spacing-30))" | "var(--padding-for-button-as-big, 0 var(--spacing-30))" | "var(--shadow-box-tag-when-hovered, 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24))" | "var(--shadow-for-button, none)" | "var(--shadow-for-button-when-focused, none)" | "var(--shadow-for-button-when-hovered, none)" | "var(--shadow-for-button-when-active, none)" | "var(--shadow-for-button-when-disabled, none)" | "var(--shadow-for-card-when-raised, 0 1px 5px 0 rgba(0, 0, 0, 0.05))" | "var(--shadow-for-input, none)" | "var(--shadow-for-input-when-focused, inset 0 0 0 1px var(--color-primary))" | "var(--shadow-for-input-when-error, inset 0 0 0 1px var(--color-error))" | "var(--shadow-for-input-when-warning, inset 0 0 0 1px var(--color-warning))" | "var(--shadow-for-tooltip, 0px 1px 2px 0px rgba(0, 0, 0, 0.25))" | "var(--shadow-for-select-input-menu, 0 2px 5px 0px rgba(0, 0, 0, 0.15))" | "var(--shadow-for-primary-action-dropdown, none)" | "var(--shadow-for-primary-action-dropdown-when-hovered, none)" | "var(--shadow-for-primary-action-dropdown-when-active, none)" | "var(--shadow-for-primary-action-dropdown-menu, 0 2px 5px 0px rgba(0, 0, 0, 0.15))" | "var(--shadow-for-toggle-input-thumb, 0px 1px 5px rgba(0, 0, 0, 0.2))" | "var(--shadow-for-tag-when-hovered, none)" | "var(--font-size-m, 1rem)" | "var(--big-button-height, 32px)" | "var(--small-button-height, 24px)" | "var(--size-height-input, 32px)" | "var(--font-family-default, 'Open Sans', sans-serif)" | "var(--font-size-default, 1rem)" | "var(--font-size-small, 0.9231rem)" | "var(--shadow-box-tag-hover, 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24))" | "var(--size-height-tag, 26px)";
|
|
71
|
-
maxWidth: "var(--color-primary, hsl(175, 55%, 45%))" | "var(--color-primary-20, hsl(175, 55%, 20%))" | "var(--color-primary-25, hsl(175, 55%, 25%))" | "var(--color-primary-30, hsl(175, 55%, 30%))" | "var(--color-primary-40, hsl(175, 55%, 40%))" | "var(--color-primary-85, hsl(175, 70%, 85%))" | "var(--color-primary-90, hsl(175, 70%, 90%))" | "var(--color-primary-95, hsl(175, 90%, 95%))" | "var(--color-accent, #213c45)" | "var(--color-accent-10, hsl(195, 35.2941176471%, 10%))" | "var(--color-accent-20, hsl(195, 35.2941176471%, 20%))" | "var(--color-accent-30, hsl(195, 35.2941176471%, 30%))" | "var(--color-accent-40, hsl(195, 35.2941176471%, 40%))" | "var(--color-accent-50, hsl(195, 35%, 50%))" | "var(--color-accent-60, hsl(195, 35.2941176471%, 60%))" | "var(--color-accent-85, hsl(195, 35%, 85%))" | "var(--color-accent-90, hsl(195, 35.2941176471%, 90%))" | "var(--color-accent-95, hsl(195, 35.2941176471%, 95%))" | "var(--color-accent-98, hsl(195, 35.2941176471%, 98%))" | "var(--color-brown-10, hsl(35, 90%, 10%))" | "var(--color-brown-20, hsl(35, 50%, 20%))" | "var(--color-brown-35, hsl(35, 25%, 35%))" | "var(--color-brown-50, hsl(35, 30%, 50%))" | "var(--color-brown-70, hsl(35, 40%, 70%))" | "var(--color-brown-85, hsl(35, 60%, 85%))" | "var(--color-brown-90, hsl(35, 90%, 90%))" | "var(--color-brown-95, hsl(35, 80%, 95%))" | "var(--color-brown-98, hsl(35, 90%, 98%))" | "var(--color-purple-10, hsl(248, 90%, 10%))" | "var(--color-purple-20, hsl(248, 50%, 20%))" | "var(--color-purple-35, hsl(248, 25%, 35%))" | "var(--color-purple-50, hsl(248, 30%,50%))" | "var(--color-purple-70, hsl(248, 40%, 70%))" | "var(--color-purple-85, hsl(248, 60%, 85%))" | "var(--color-purple-90, hsl(248, 50%, 90%))" | "var(--color-purple-95, hsl(248, 80%, 95%))" | "var(--color-purple-98, hsl(248, 90%, 98%))" | "var(--color-turquoise-10, hsl(180, 90%, 10%))" | "var(--color-turquoise-20, hsl(180, 50%, 20%))" | "var(--color-turquoise-35, hsl(180, 25%, 35%))" | "var(--color-turquoise-50, hsl(180, 30%, 45%))" | "var(--color-turquoise-70, hsl(180, 40%, 70%))" | "var(--color-turquoise-85, hsl(180, 60%, 85%))" | "var(--color-turquoise-90, hsl(180, 40%, 90%))" | "var(--color-turquoise-95, hsl(180, 80%, 95%))" | "var(--color-turquoise-98, hsl(180, 90%, 98%))" | "var(--color-neutral, hsl(232, 18%, 80%))" | "var(--color-neutral-05, hsl(0deg 0% 80% / 5%))" | "var(--color-neutral-10, hsl(0deg 0% 80% / 10%))" | "var(--color-neutral-40, hsl(232, 18%, 40%))" | "var(--color-neutral-60, hsl(232, 18%, 60%))" | "var(--color-neutral-85, hsl(232, 18%, 85%))" | "var(--color-neutral-90, hsl(232, 18%, 90%))" | "var(--color-neutral-95, hsl(232, 18%, 95%))" | "var(--color-neutral-98, hsl(232, 18%, 98%))" | "var(--color-info, #078cdf)" | "var(--color-info-40, hsl(203.05555555555554, 93.9130434783%, 40%))" | "var(--color-info-85, hsl(203.05555555555554, 93.9130434783%, 85%))" | "var(--color-info-90, #CEEBFD)" | "var(--color-info-95, hsl(203.05555555555554, 93.9130434783%, 95%))" | "var(--color-warning, #f16d0e)" | "var(--color-warning-25, hsl(25.110132158590307, 89.0196078431%, 25%))" | "var(--color-warning-40, hsl(25.110132158590307, 89.0196078431%, 40%))" | "var(--color-warning-85, hsl(25.110132158590307, 89.0196078431%, 85%))" | "var(--color-warning-95, hsl(25.110132158590307, 89.0196078431%, 95%))" | "var(--color-error, #e60050)" | "var(--color-error-25, hsl(339.1304347826087, 100%, 25%))" | "var(--color-error-40, hsl(339.1304347826087, 100%, 40%))" | "var(--color-error-85, hsl(339.1304347826087, 100%, 85%))" | "var(--color-error-95, hsl(339.1304347826087, 100%, 95%))" | "var(--color-solid, #1a1a1a)" | "var(--color-solid-02, hsl(0deg 0% 10% / 2%))" | "var(--color-solid-05, hsl(0deg 0% 10% / 5%))" | "var(--color-solid-10, hsl(0deg 0% 10% / 10%))" | "var(--color-surface, #fff)" | "var(--color-transparent, transparent)" | "var(--border-radius-1, 1px)" | "var(--border-radius-2, 2px)" | "var(--border-radius-4, 4px)" | "var(--border-radius-6, 6px)" | "var(--border-radius-8, 8px)" | "var(--border-radius-20, 20px)" | "var(--border-width-1, 1px)" | "var(--border-width-2, 2px)" | "var(--font-family, 'Inter', system-ui)" | "var(--font-size-10, 0.75rem)" | "var(--font-size-12, 0.8rem)" | "var(--font-size-20, 0.875rem)" | "var(--font-size-30, 1rem)" | "var(--font-size-40, 1.125rem)" | "var(--font-size-50, 1.25rem)" | "var(--font-size-60, 1.5rem)" | "var(--font-size-70, 2rem)" | "var(--font-size-80, 2.5rem)" | "var(--font-size-90, 3rem)" | "var(--font-size-15, 0.9231rem)" | "var(--font-size-35, 1.0769rem)" | "var(--font-size-45, 1.2308rem)" | "var(--font-size-63, 1.5385rem)" | "var(--font-size-66, 1.8462rem)" | "var(--font-size-69, 2.4615rem)" | "var(--font-size-78, 3rem)" | "var(--font-weight-300, 300)" | "var(--font-weight-400, 400)" | "var(--font-weight-500, 500)" | "var(--font-weight-600, 600)" | "var(--font-weight-700, 700)" | "var(--line-height-05, 1.125rem)" | "var(--line-height-10, 1.25rem)" | "var(--line-height-18, 1.3rem)" | "var(--line-height-20, 1.375rem)" | "var(--line-height-30, 1.5rem)" | "var(--line-height-40, 1.625rem)" | "var(--line-height-50, 1.75rem)" | "var(--line-height-60, 2.125rem)" | "var(--shadow-0, none)" | "var(--shadow-1, 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24))" | "var(--shadow-2, 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23))" | "var(--shadow-3, 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23))" | "var(--shadow-4, 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22))" | "var(--shadow-5, 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22))" | "var(--shadow-6, 0 -1px 2px 0 rgba(0, 0, 0, 0.2))" | "var(--shadow-7, 0 -1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24))" | "var(--shadow-8, 0 1px 9.5px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.24))" | "var(--shadow-9, inset 0 -1px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px 1.5px 0 rgba(0, 0, 0, 0.2), inset 0 1px 1.5px 0 rgba(0, 0, 0, 0.25))" | "var(--shadow-10, 0 0 0 1px rgba(224, 230, 237, 0.5))" | "var(--shadow-11, 0 1px 0.5px rgba(0, 0, 0, 0.24), 0 -1px 0.75px rgba(0, 0, 0, 0.12))" | "var(--shadow-12, 0 0 1px rgba(0, 0, 0, 0.25))" | "var(--shadow-13, 0 0 1px rgba(0, 0, 0, 0.25))" | "var(--shadow-14, 0 0 0.5px rgba(0, 0, 0, 0.1))" | "var(--shadow-15, 0 2px 2px rgba(0, 0, 0, 0.24), 0 1px 4.75px rgba(0, 0, 0, 0.12))" | "var(--shadow-16, 0.5px 1.5px 4px 1px rgba(0, 0, 0, 0.25), -0.5px -0.5px 4px 1px rgba(0, 0, 0, 0.25))" | "var(--shadow-17, 0 1px 5px 0 rgba(0, 0, 0, 0.05))" | "var(--constraint-scale, 100%)" | "var(--constraint-1, 42px)" | "var(--constraint-2, 84px)" | "var(--constraint-3, 142px)" | "var(--constraint-4, 184px)" | "var(--constraint-5, 242px)" | "var(--constraint-6, 284px)" | "var(--constraint-7, 342px)" | "var(--constraint-8, 384px)" | "var(--constraint-9, 442px)" | "var(--constraint-10, 484px)" | "var(--constraint-11, 542px)" | "var(--constraint-12, 584px)" | "var(--constraint-13, 642px)" | "var(--constraint-14, 684px)" | "var(--constraint-15, 742px)" | "var(--constraint-16, 784px)" | "var(--spacing-xs, 4px)" | "var(--spacing-s, 8px)" | "var(--spacing-m, 16px)" | "var(--spacing-l, 24px)" | "var(--spacing-xl, 32px)" | "var(--spacing-05, 2px)" | "var(--spacing-10, 4px)" | "var(--spacing-20, 8px)" | "var(--spacing-25, 12px)" | "var(--spacing-30, 16px)" | "var(--spacing-40, 24px)" | "var(--spacing-50, 32px)" | "var(--spacing-60, 48px)" | "var(--spacing-70, 64px)" | "var(--transition-linear-80-ms, 80ms linear)" | "var(--transition-easeinout-150-ms, 150ms ease-in-out)" | "var(--transition-standard, 200ms ease)" | "var(--break-point-mobile, 768px)" | "var(--break-point-desktop, 1024px)" | "var(--break-point-biggerdesktop, 1280px)" | "var(--break-point-giantdesktop, 1680px)" | "var(--break-point-jumbodesktop, 1920px)" | "var(--align-items-for-select-input-tag, center)" | "var(--background-color-for-button-when-active, hsl(0deg 0% 10% / 10%))" | "var(--background-color-for-button-when-hovered, hsl(0deg 0% 10% / 5%))" | "var(--background-color-for-button-as-primary-when-active, #15A390)" | "var(--background-color-for-button-as-primary-when-hovered, #17AB97)" | "var(--background-color-for-button-as-icon-as-primary-when-active, #15A390)" | "var(--background-color-for-button-as-icon-as-primary-when-hovered, hsl(175, 55%, 45%))" | "var(--background-color-for-button-as-icon-as-info-when-active, #057FCC)" | "var(--background-color-for-button-as-icon-as-info-when-hovered, #078cdf)" | "var(--background-color-for-button-as-urgent-when-active, #DC630A)" | "var(--background-color-for-button-as-urgent-when-hovered, #E7680D)" | "var(--background-color-for-button-as-critical-when-active, #B3003E)" | "var(--background-color-for-button-as-critical-when-hovered, #CC0047)" | "var(--background-color-for-button-when-disabled, hsl(195, 35.2941176471%, 95%))" | "var(--background-color-for-input, #fff)" | "var(--background-color-for-input-when-selected, hsl(195, 35.2941176471%, 95%))" | "var(--background-color-for-input-when-disabled, hsl(232, 18%, 95%))" | "var(--background-color-for-input-when-hovered, hsl(232, 18%, 98%))" | "var(--background-color-for-input-when-focused, #fff)" | "var(--background-color-for-input-when-readonly, hsl(232, 18%, 95%))" | "var(--background-color-for-input-when-active, hsl(203.05555555555554, 93.9130434783%, 95%))" | "var(--background-color-for-input-as-quiet, transparent)" | "var(--background-color-for-input-as-quiet-when-hovered, hsl(0deg 0% 10% / 2%))" | "var(--background-color-for-table-cell-when-hovered, hsl(232, 18%, 98%))" | "var(--background-color-for-table-header, hsl(232, 18%, 98%))" | "var(--background-color-for-tag, hsl(232, 18%, 95%))" | "var(--background-color-for-tag-warning, hsl(25.110132158590307, 89.0196078431%, 95%))" | "var(--background-color-for-tag-when-hovered, hsl(232, 18%, 90%))" | "var(--background-color-for-collapsible-panel-header-icon-when-disabled, #fff)" | "var(--background-color-for-select-input-option-when-hovered, hsl(232, 18%, 98%))" | "var(--background-color-for-stamp-as-positive, hsl(175, 70%, 90%))" | "var(--background-color-for-stamp-as-primary, hsl(175, 70%, 90%))" | "var(--background-color-for-localized-input-label, #fff)" | "var(--background-color-for-localized-input-label-when-readonly, hsl(232, 18%, 95%))" | "var(--background-color-for-localized-input-label-when-disabled, hsl(232, 18%, 95%))" | "var(--background-color-for-localized-rich-text-body-button-when-active, hsl(195, 35.2941176471%, 20%))" | "var(--background-color-for-localized-rich-text-body-button, hsl(232, 18%, 95%))" | "var(--background-color-for-rich-text-dropdown-when-hovered, hsl(232, 18%, 95%))" | "var(--background-color-for-rich-text-more-styles-dropdown-when-hovered, hsl(203.05555555555554, 93.9130434783%, 95%))" | "var(--background-color-for-rich-text-button, hsl(195, 35.2941176471%, 20%))" | "var(--background-color-for-tooltip, hsl(195, 35.2941176471%, 10%))" | "var(--background-color-for-view-switcher, #fff)" | "var(--background-color-for-view-switcher-when-disabled, #fff)" | "var(--background-color-for-view-switcher-when-selected, hsl(232, 18%, 95%))" | "var(--background-color-for-view-switcher-when-hovered, hsl(232, 18%, 95%))" | "var(--background-color-for-content-notification-when-error, hsl(339.1304347826087, 100%, 95%))" | "var(--background-color-for-content-notification-when-info, hsl(203.05555555555554, 93.9130434783%, 95%))" | "var(--background-color-for-content-notification-when-warning, hsl(25.110132158590307, 89.0196078431%, 95%))" | "var(--background-color-for-content-notification-when-success, hsl(175, 90%, 95%))" | "var(--background-color-for-checkbox-input-icon, hsl(175, 55%, 45%))" | "var(--background-color-for-checkbox-input-icon-when-disabled, hsl(232, 18%, 80%))" | "var(--background-color-for-checkbox-input-icon-when-readonly, hsl(232, 18%, 60%))" | "var(--background-color-for-checkbox-input-icon-when-error, #e60050)" | "var(--background-color-for-checkbox-input-icon-when-hovered, hsl(232, 18%, 90%))" | "var(--background-color-for-primary-action-dropdown-when-active, hsl(232, 18%, 90%))" | "var(--background-color-for-primary-action-dropdown-when-disabled, hsl(232, 18%, 95%))" | "var(--background-color-for-toggle-input-track, hsl(232, 18%, 80%))" | "var(--background-color-for-toggle-input-track-when-disabled, hsl(232, 18%, 90%))" | "var(--background-color-for-toggle-input-thumb-when-disabled, hsl(232, 18%, 60%))" | "var(--background-color-for-toggle-input-track-when-checked, hsl(175, 55%, 40%))" | "var(--background-color-for-toggle-input-thumb-when-checked, hsl(175, 55%, 25%))" | "var(--background-color-for-toggle-input-track-when-checked-and-disabled, hsl(195, 35.2941176471%, 90%))" | "var(--background-color-for-toggle-input-thumb-when-checked-and-disabled, hsl(195, 35.2941176471%, 60%))" | "var(--background-color-for-button-as-secondary-when-info, hsl(203.05555555555554, 93.9130434783%, 95%))" | "var(--background-color-for-button-as-secondary-when-info-and-hovered, #CEEBFD)" | "var(--background-color-for-button-as-secondary-when-info-and-active, hsl(203.05555555555554, 93.9130434783%, 85%))" | "var(--border-for-button-as-secondary, 1px solid var(--color-neutral))" | "var(--border-for-button-as-secondary-when-hovered, 1px solid var(--color-neutral))" | "var(--border-for-button-as-secondary-when-active, 1px solid var(--color-neutral))" | "var(--border-for-card-when-raised, 1px solid var(--color-neutral-90))" | "var(--border-for-collapsible-panel-header-icon-when-disabled, none)" | "var(--border-for-view-switcher, 1px solid var(--color-neutral))" | "var(--border-for-select-input-tag, 1px solid var(--color-neutral-85))" | "var(--border-for-radio-input-option, 2px)" | "var(--border-for-calendar-menu-when-focused, none)" | "var(--border-color-for-input, hsl(232, 18%, 80%))" | "var(--border-color-for-input-when-focused, hsl(175, 55%, 45%))" | "var(--border-color-for-input-when-disabled, hsl(232, 18%, 80%))" | "var(--border-color-for-input-when-readonly, #fff)" | "var(--border-color-for-input-when-error, #e60050)" | "var(--border-color-for-input-when-warning, #f16d0e)" | "var(--border-color-for-input-when-hovered, hsl(232, 18%, 80%))" | "var(--border-color-for-input-as-quiet, transparent)" | "var(--border-color-for-tag, hsl(232, 18%, 80%))" | "var(--border-color-for-tag-warning, #f16d0e)" | "var(--border-color-for-tag-when-focused, hsl(232, 18%, 80%))" | "var(--border-color-for-tag-when-hovered, hsl(232, 18%, 80%))" | "var(--border-color-for-button-as-icon, hsl(232, 18%, 80%))" | "var(--border-color-for-button-as-icon-as-info, hsl(232, 18%, 80%))" | "var(--border-color-for-button-as-icon-as-primary, hsl(232, 18%, 80%))" | "var(--border-color-for-button-as-icon-when-disabled, #fff)" | "var(--border-color-for-table-header, #fff)" | "var(--border-color-for-table-header-as-bottom, hsl(232, 18%, 95%))" | "var(--border-color-for-table-manager-droppable-list, hsl(232, 18%, 80%))" | "var(--border-color-for-collapsible-panel-header, hsl(232, 18%, 90%))" | "var(--border-color-for-stamp-when-error, hsl(339.1304347826087, 100%, 85%))" | "var(--border-color-for-stamp-when-warning, hsl(25.110132158590307, 89.0196078431%, 85%))" | "var(--border-color-for-stamp-as-positive, hsl(175, 70%, 85%))" | "var(--border-color-for-stamp-as-information, hsl(203.05555555555554, 93.9130434783%, 85%))" | "var(--border-color-for-stamp-as-primary, hsl(175, 70%, 85%))" | "var(--border-color-for-stamp-as-secondary, hsl(232, 18%, 85%))" | "var(--border-color-for-localized-input-label, hsl(232, 18%, 80%))" | "var(--border-color-for-localized-input-label-when-readonly, #fff)" | "var(--border-color-for-content-notification-when-error, hsl(339.1304347826087, 100%, 85%))" | "var(--border-color-for-content-notification-when-info, hsl(203.05555555555554, 93.9130434783%, 85%))" | "var(--border-color-for-content-notification-when-warning, hsl(25.110132158590307, 89.0196078431%, 85%))" | "var(--border-color-for-content-notification-when-success, hsl(175, 70%, 85%))" | "var(--border-color-for-group-heading-select-input-options, hsl(232, 18%, 90%))" | "var(--border-color-for-select-input-menu, #fff)" | "var(--border-color-for-select-input-when-readonly, hsl(232, 18%, 95%))" | "var(--border-color-for-select-input-menu-when-warning, #fff)" | "var(--border-color-for-select-input-menu-when-error, #fff)" | "var(--border-color-for-checkbox-input-icon, hsl(175, 55%, 45%))" | "var(--border-color-for-checkbox-input-icon-when-disabled, hsl(232, 18%, 80%))" | "var(--border-color-for-checkbox-input-icon-when-readonly, hsl(232, 18%, 60%))" | "var(--border-color-for-checkbox-input-icon-when-error, #e60050)" | "var(--border-color-for-radio-input, hsl(232, 18%, 60%))" | "var(--border-color-for-radio-input-when-disabled, hsl(232, 18%, 80%))" | "var(--border-color-for-radio-input-when-readonly, hsl(232, 18%, 60%))" | "var(--border-color-for-radio-input-when-checked, hsl(175, 55%, 45%))" | "var(--border-color-for-radio-input-when-focused, hsl(232, 18%, 60%))" | "var(--border-color-for-primary-action-dropdown-menu, #fff)" | "var(--border-color-for-button-as-secondary-when-info, hsl(203.05555555555554, 93.9130434783%, 85%))" | "var(--border-radius-for-button-as-big, 4px)" | "var(--border-radius-for-button-as-medium, 4px)" | "var(--border-radius-for-button-as-icon-as-big, 4px)" | "var(--border-radius-for-button-as-icon-as-medium, 4px)" | "var(--border-radius-for-button-as-icon-as-small, 2px)" | "var(--border-radius-for-input, 4px)" | "var(--border-radius-for-tag, 2px)" | "var(--border-radius-for-card, 4px)" | "var(--border-radius-for-table-manager-droppable-list, 4px)" | "var(--border-radius-for-stamp, 4px)" | "var(--border-radius-for-stamp-as-condensed, 2px)" | "var(--border-radius-for-view-switcher, 4px)" | "var(--border-radius-for-content-notification, 4px)" | "var(--border-radius-for-primary-action-dropdown, var(--border-radius-4) 0 0 var(--border-radius-4))" | "var(--border-radius-for-primary-action-dropdown-icon, 0 var(--border-radius-4) var(--border-radius-4) 0)" | "var(--border-radius-for-primary-action-dropdown-menu, 4px)" | "var(--border-width-for-input, 1px)" | "var(--border-width-for-input-when-warning, 1px)" | "var(--border-width-for-input-when-error, 1px)" | "var(--border-width-for-input-when-focused, 1px)" | "var(--border-width-for-tag, 1px 1px 1px 0)" | "var(--border-width-for-select-input, 2px)" | "var(--border-left-width-for-content-notification, 0px)" | "var(--border-width-for-checkbox-input-icon, 2px)" | "var(--border-for-primary-action-dropdown-icon, 1px 1px 1px 0px)" | "var(--box-shadow-for-datetime-input-when-hovered, inset 0 0 0 1px)" | "var(--box-shadow-for-view-switcher, none)" | "var(--box-shadow-for-view-switcher-when-selected, none)" | "var(--box-shadow-for-select-input-when-focused, inset 0 0 0 1px)" | "var(--box-shadow-for-calendar-menu-when-focused, 0 2px 5px 0px rgba(0, 0, 0, 0.15))" | "var(--box-shadow-for-table, 0 1px 5px 0 rgba(0, 0, 0, 0.05))" | "var(--font-color-for-text, #1a1a1a)" | "var(--font-color-for-text-when-disabled, hsl(232, 18%, 60%))" | "var(--font-color-for-input, #1a1a1a)" | "var(--font-color-for-input-when-disabled, hsl(232, 18%, 60%))" | "var(--font-color-for-input-when-error, #e60050)" | "var(--font-color-for-input-when-readonly, hsl(232, 18%, 40%))" | "var(--font-color-for-input-when-warning, #f16d0e)" | "var(--font-color-for-tag, #1a1a1a)" | "var(--font-color-for-tag-remove-icon, hsl(232, 18%, 40%))" | "var(--font-color-for-tag-drag-icon, hsl(232, 18%, 40%))" | "var(--font-color-for-tag-remove-icon-when-hovered, #e60050)" | "var(--font-color-for-tag-when-disabled, hsl(232, 18%, 60%))" | "var(--font-color-for-text-when-inverted, #fff)" | "var(--font-color-for-link-as-inverted, #fff)" | "var(--font-color-for-link-as-primary, hsl(175, 55%, 30%))" | "var(--font-color-for-link-as-secondary, #1a1a1a)" | "var(--font-color-for-link-as-primary-when-active, hsl(175, 55%, 45%))" | "var(--font-color-for-link-as-secondary-when-active, hsl(175, 55%, 45%))" | "var(--font-color-for-table-header, hsl(232, 18%, 40%))" | "var(--font-color-for-localized-input-label, hsl(232, 18%, 60%))" | "var(--font-color-for-view-switcher, hsl(232, 18%, 40%))" | "var(--font-color-for-view-switcher-when-disabled, hsl(232, 18%, 60%))" | "var(--font-color-for-view-switcher-when-selected, #1a1a1a)" | "var(--font-color-for-clear-input-icon, hsl(232, 18%, 40%))" | "var(--font-color-for-clear-input-icon-when-hovered, #e60050)" | "var(--font-color-for-content-notification, #1a1a1a)" | "var(--font-color-for-content-notification-icon-when-error, #e60050)" | "var(--font-color-for-content-notification-icon-when-warning, #f16d0e)" | "var(--font-color-for-content-notification-icon-when-success, hsl(175, 55%, 45%))" | "var(--font-color-for-content-notification-icon-when-info, #078cdf)" | "var(--font-color-for-search-input-icon, hsl(232, 18%, 60%))" | "var(--font-color-for-search-input-icon-when-hovered, hsl(175, 55%, 45%))" | "var(--font-color-for-select-input-icon, hsl(232, 18%, 60%))" | "var(--font-color-for-select-input-when-error, #e60050)" | "var(--font-color-for-select-input-when-warning, #f16d0e)" | "var(--font-color-for-select-input-icon-when-error, #e60050)" | "var(--font-color-for-select-input-icon-when-warning, #f16d0e)" | "var(--font-color-for-money-input-currency-dropdown-indicator, hsl(232, 18%, 40%))" | "var(--font-color-for-search-input-icon-when-readonly, hsl(232, 18%, 60%))" | "var(--font-color-for-checkbox-input-label, #1a1a1a)" | "var(--font-color-for-checkbox-input-label-when-error, #e60050)" | "var(--font-color-for-checkbox-input-label-when-disabled, hsl(232, 18%, 60%))" | "var(--font-color-for-checkbox-input-label-when-readonly, hsl(232, 18%, 40%))" | "var(--font-color-for-radio-input-when-disabled, hsl(232, 18%, 60%))" | "var(--font-color-for-radio-input-when-error, #e60050)" | "var(--font-color-for-radio-input-when-readonly, hsl(232, 18%, 60%))" | "var(--font-color-for-radio-input-when-warning, #f16d0e)" | "var(--font-color-for-flat-button-as-primary, hsl(175, 55%, 30%))" | "var(--font-color-for-flat-button-as-primary-when-hovered, hsl(175, 55%, 45%))" | "var(--font-color-for-flat-button-as-critical, #e60050)" | "var(--font-color-for-flat-button-as-critical-when-hovered, hsl(339.1304347826087, 100%, 25%))" | "var(--font-color-for-flat-button-as-secondary, #1a1a1a)" | "var(--font-color-for-flat-button-as-inverted, #fff)" | "var(--font-color-for-flat-button-icon-when-disabled, hsl(232, 18%, 60%))" | "var(--font-color-for-secondary-icon-button-as-primary, hsl(175, 55%, 25%))" | "var(--font-color-for-secondary-icon-button-as-primary-when-hovered, hsl(175, 55%, 45%))" | "var(--height-for-button-as-big, 40px)" | "var(--height-for-button-as-medium, 32px)" | "var(--height-for-button-as-icon-as-big, 40px)" | "var(--height-for-button-as-icon-as-medium, 32px)" | "var(--height-for-button-as-icon-as-small, 16px)" | "var(--height-for-input, 40px)" | "var(--height-for-view-switcher, 40px)" | "var(--height-for-view-switcher-when-condensed, 32px)" | "var(--height-for-select-input-tag, 32px)" | "var(--height-for-radio-input-option, 18px)" | "var(--height-for-radio-input-option-when-checked, 10px)" | "var(--height-for-primary-action-dropdown, 40px)" | "var(--width-for-avatar-as-medium, 40px)" | "var(--min-width-for-money-input-currency-dropdown, 80px)" | "var(--placeholder-font-color-for-input, hsl(232, 18%, 60%))" | "var(--font-size-for-button, 0.875rem)" | "var(--font-size-for-input, 1rem)" | "var(--font-size-for-text-as-h-1, 1.5rem)" | "var(--font-size-for-text-as-h-2, 1.25rem)" | "var(--font-size-for-text-as-h-3, 1.125rem)" | "var(--font-size-for-text-as-h-4, 1rem)" | "var(--font-size-for-text-as-h-5, 1rem)" | "var(--font-size-for-text-as-body, 1rem)" | "var(--font-size-for-text-as-caption, 0.75rem)" | "var(--font-size-for-text-as-detail, 0.875rem)" | "var(--font-size-for-body, 16px)" | "var(--font-size-for-link, 1rem)" | "var(--font-size-for-view-switcher, 0.875rem)" | "var(--font-size-for-table, 0.875rem)" | "var(--font-size-for-localized-input-label, 1rem)" | "var(--font-size-for-content-notification, 1rem)" | "var(--font-size-for-select-input-tag, 1rem)" | "var(--icon-color-for-datetime-input-icon, hsl(232, 18%, 40%))" | "var(--icon-color-for-datetime-input-icon-when-hovered, #e60050)" | "var(--line-height-for-text-as-h-1, 2.125rem)" | "var(--line-height-for-text-as-h-2, 1.75rem)" | "var(--line-height-for-text-as-h-3, 1.5rem)" | "var(--line-height-for-text-as-h-4, 1.375rem)" | "var(--line-height-for-text-as-h-5, 1.375rem)" | "var(--line-height-for-text-as-body, 1.625rem)" | "var(--line-height-for-text-as-caption, 1.125rem)" | "var(--line-height-for-text-as-detail, 1.375rem)" | "var(--line-height-for-select-input-options, 1.625rem)" | "var(--line-height-for-table-header, 26px)" | "var(--font-weight-for-text-as-h-1, 600)" | "var(--font-weight-for-text-as-h-2, 500)" | "var(--font-weight-for-text-as-h-3, 500)" | "var(--font-weight-for-text-as-h-4, 500)" | "var(--font-weight-for-text-as-h-5, 500)" | "var(--font-weight-for-text-as-body, 400)" | "var(--font-weight-for-text-as-caption, 400)" | "var(--font-weight-for-text-as-detail, 400)" | "var(--font-weight-for-button, 500)" | "var(--font-weight-for-table-header, 500)" | "var(--font-weight-for-text-as-bold, 600)" | "var(--margin-for-table-header, 8px)" | "var(--margin-for-table-cell-as-condensed, 8px)" | "var(--margin-for-view-switcher-icon, 0 var(--spacing-20) 0 0)" | "var(--margin-for-group-heading-select-input-options, 8px)" | "var(--margin-for-select-input-icon, 8px)" | "var(--margin-left-for-select-input-icon, 8px)" | "var(--margin-right-for-money-input-precision-badge, 12px)" | "var(--margin-right-for-search-input-icon, 12px)" | "var(--margin-right-for-clear-input-icon, 8px)" | "var(--margin-left-for-radio-input-label, 4px)" | "var(--margin-right-for-primary-action-dropdown, 8px)" | "var(--margin-top-for-primary-action-dropdown, 8px)" | "var(--margin-for-localized-rich-text-body-button, 0 2px var(--spacing-20) 2px)" | "var(--margin-for-rich-text-divider, var(--spacing-10) 2px)" | "var(--margin-for-rich-text-dropdown-item-label, 0 0 0 var(--spacing-20))" | "var(--margin-for-tag-list, 0 var(--spacing-20) var(--spacing-20) 0)" | "var(--padding-for-stamp, 4px 12px)" | "var(--padding-for-stamp-as-condensed, var(--spacing-05) var(--spacing-10))" | "var(--padding-for-tag, 2px 12px)" | "var(--padding-for-table-header, 24px)" | "var(--padding-for-table-header-as-condensed, 24px)" | "var(--padding-for-table-cell, var(--spacing-30) var(--spacing-40))" | "var(--padding-for-table-cell-as-condensed, var(--spacing-20) var(--spacing-40))" | "var(--padding-for-table-manager-droppable-list, 16px)" | "var(--padding-for-table-manager-settings-panel, var(--spacing-40) var(--spacing-50))" | "var(--padding-for-table-manager-draggable-tag, var(--spacing-10) 0)" | "var(--padding-for-collapsible-panel-header, var(--spacing-30) 0)" | "var(--padding-for-collapsible-panel-header-as-condensed, var(--spacing-20) 0)" | "var(--padding-for-collapsible-panel-section-wrapper, var(--spacing-50) 0 0 calc(var(--spacing-30) + var(--spacing-10)))" | "var(--padding-for-collapsible-panel-section-wrapper-as-condensed, var(--spacing-40) 0 0 calc(var(--spacing-30) + var(--spacing-10)))" | "var(--padding-for-collapsible-panel-section-description, 0 0 var(--spacing-40))" | "var(--padding-for-collapsible-panel-section-description-as-condensed, 0 0 var(--spacing-40))" | "var(--padding-for-input, 16px)" | "var(--padding-for-input-as-quiet, 8px)" | "var(--padding-for-multiline-input, 8px)" | "var(--padding-for-localized-rich-text-input-label, var(--spacing-20) 12px)" | "var(--padding-for-localized-rich-text-dropdown-button, 5px var(--spacing-20))" | "var(--padding-for-localized-rich-text-dropdown-item, var(--spacing-20) var(--spacing-30))" | "var(--padding-for-localized-rich-text-body-button, var(--spacing-20))" | "var(--padding-for-localized-input-label, 0 12px)" | "var(--padding-for-rich-text-input, var(--spacing-20) var(--spacing-30))" | "var(--padding-for-rich-text-toolbar, none)" | "var(--padding-left-for-rich-text-toolbar, none)" | "var(--padding-for-rich-text-editor-container, var(--spacing-20) 0 0)" | "var(--padding-for-localized-multiline-text-input-label, 0 var(--spacing-20))" | "var(--padding-for-tag-remove-icon, 0 12px)" | "var(--padding-for-tooltip, var(--spacing-20) 12px)" | "var(--padding-for-view-switcher, 0 var(--spacing-30) 0 var(--spacing-30))" | "var(--padding-for-view-switcher-when-condensed, 0 12px 0 12px)" | "var(--padding-for-content-notification, var(--spacing-20) var(--spacing-30))" | "var(--padding-for-content-notification-message, 0 var(--spacing-30) 0 var(--spacing-20))" | "var(--padding-left-for-select-input-options, 16px)" | "var(--padding-right-for-select-input-options, 16px)" | "var(--padding-top-for-select-input-options, 8px)" | "var(--padding-bottom-for-select-input-options, 8px)" | "var(--padding-for-group-heading-select-input-options, 16px)" | "var(--padding-for-select-input-menu, var(--spacing-10) 0)" | "var(--padding-for-money-input-currency-dropdown, 0 12px)" | "var(--padding-for-selectable-search-input-dropdown, 0 12px)" | "var(--padding-for-primary-action-dropdown, 0 var(--spacing-30))" | "var(--padding-for-primary-action-dropdown-icon, 0 var(--spacing-20))" | "var(--padding-for-button-as-medium, 0 var(--spacing-30))" | "var(--padding-for-button-as-big, 0 var(--spacing-30))" | "var(--shadow-box-tag-when-hovered, 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24))" | "var(--shadow-for-button, none)" | "var(--shadow-for-button-when-focused, none)" | "var(--shadow-for-button-when-hovered, none)" | "var(--shadow-for-button-when-active, none)" | "var(--shadow-for-button-when-disabled, none)" | "var(--shadow-for-card-when-raised, 0 1px 5px 0 rgba(0, 0, 0, 0.05))" | "var(--shadow-for-input, none)" | "var(--shadow-for-input-when-focused, inset 0 0 0 1px var(--color-primary))" | "var(--shadow-for-input-when-error, inset 0 0 0 1px var(--color-error))" | "var(--shadow-for-input-when-warning, inset 0 0 0 1px var(--color-warning))" | "var(--shadow-for-tooltip, 0px 1px 2px 0px rgba(0, 0, 0, 0.25))" | "var(--shadow-for-select-input-menu, 0 2px 5px 0px rgba(0, 0, 0, 0.15))" | "var(--shadow-for-primary-action-dropdown, none)" | "var(--shadow-for-primary-action-dropdown-when-hovered, none)" | "var(--shadow-for-primary-action-dropdown-when-active, none)" | "var(--shadow-for-primary-action-dropdown-menu, 0 2px 5px 0px rgba(0, 0, 0, 0.15))" | "var(--shadow-for-toggle-input-thumb, 0px 1px 5px rgba(0, 0, 0, 0.2))" | "var(--shadow-for-tag-when-hovered, none)" | "var(--font-size-m, 1rem)" | "var(--big-button-height, 32px)" | "var(--small-button-height, 24px)" | "var(--size-height-input, 32px)" | "var(--font-family-default, 'Open Sans', sans-serif)" | "var(--font-size-default, 1rem)" | "var(--font-size-small, 0.9231rem)" | "var(--shadow-box-tag-hover, 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24))" | "var(--size-height-tag, 26px)" | "scale" | "auto" | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16;
|
|
70
|
+
minWidth: string;
|
|
71
|
+
maxWidth: string;
|
|
72
72
|
fontColorForInput?: string | undefined;
|
|
73
73
|
borderColorForInput?: string | undefined;
|
|
74
74
|
color?: string | undefined;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-uikit/select-utils",
|
|
3
3
|
"description": "Utilities for working with select components.",
|
|
4
|
-
"version": "17.
|
|
4
|
+
"version": "17.1.0",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -21,12 +21,12 @@
|
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@babel/runtime": "^7.20.13",
|
|
23
23
|
"@babel/runtime-corejs3": "^7.20.13",
|
|
24
|
-
"@commercetools-uikit/accessible-button": "17.
|
|
25
|
-
"@commercetools-uikit/design-system": "17.
|
|
26
|
-
"@commercetools-uikit/icons": "17.
|
|
27
|
-
"@commercetools-uikit/spacings": "17.
|
|
28
|
-
"@commercetools-uikit/text": "17.
|
|
29
|
-
"@commercetools-uikit/utils": "17.
|
|
24
|
+
"@commercetools-uikit/accessible-button": "17.1.0",
|
|
25
|
+
"@commercetools-uikit/design-system": "17.1.0",
|
|
26
|
+
"@commercetools-uikit/icons": "17.1.0",
|
|
27
|
+
"@commercetools-uikit/spacings": "17.1.0",
|
|
28
|
+
"@commercetools-uikit/text": "17.1.0",
|
|
29
|
+
"@commercetools-uikit/utils": "17.1.0",
|
|
30
30
|
"@emotion/react": "^11.10.5",
|
|
31
31
|
"@emotion/styled": "^11.10.5",
|
|
32
32
|
"lodash": "4.17.21",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"commercetools-uikit-select-utils.cjs.d.ts","sourceRoot":"","sources":["./declarations/src/index.d.ts"],"names":[],"mappings":"AAAA"}
|