@commercetools-uikit/constraints 16.0.0 → 16.1.1
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.
|
@@ -38,18 +38,15 @@ var _pt__default = /*#__PURE__*/_interopDefault(_pt);
|
|
|
38
38
|
const getMaxPropTokenValue = max => {
|
|
39
39
|
if (!max) return null;
|
|
40
40
|
const tokenName = "constraint".concat(max);
|
|
41
|
-
|
|
42
41
|
if (tokenName in designSystem.designTokens) {
|
|
43
42
|
return designSystem.designTokens[tokenName];
|
|
44
43
|
}
|
|
45
|
-
|
|
46
44
|
return null;
|
|
47
|
-
};
|
|
48
|
-
|
|
45
|
+
};
|
|
49
46
|
|
|
47
|
+
// Generates an array of accepted values for the max prop, given a min and max
|
|
50
48
|
const getAcceptedMaxPropValues = function () {
|
|
51
49
|
var _context;
|
|
52
|
-
|
|
53
50
|
let min = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
|
|
54
51
|
let max = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 16;
|
|
55
52
|
return [..._mapInstanceProperty__default["default"](_context = _Array$from__default["default"]({
|
|
@@ -58,16 +55,12 @@ const getAcceptedMaxPropValues = function () {
|
|
|
58
55
|
};
|
|
59
56
|
|
|
60
57
|
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
61
|
-
|
|
62
58
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
63
|
-
|
|
64
59
|
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
65
|
-
|
|
66
60
|
function getConstraintStyles(maxProp) {
|
|
67
61
|
const constraintToken = maxProp ? getMaxPropTokenValue(maxProp) : null;
|
|
68
62
|
return /*#__PURE__*/react.css(constraintToken ? "max-width: ".concat(constraintToken, ";") : '', " ", maxProp === 'auto' ? 'width: auto;' : '', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getConstraintStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImhvcml6b250YWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1DWSIsImZpbGUiOiJob3Jpem9udGFsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGZpbHRlckRhdGFBdHRyaWJ1dGVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IHsgZ2V0TWF4UHJvcFRva2VuVmFsdWUgfSBmcm9tICcuLi9oZWxwZXJzJztcblxuZXhwb3J0IHR5cGUgVE1heFByb3AgPVxuICB8IDFcbiAgfCAyXG4gIHwgM1xuICB8IDRcbiAgfCA1XG4gIHwgNlxuICB8IDdcbiAgfCA4XG4gIHwgOVxuICB8IDEwXG4gIHwgMTFcbiAgfCAxMlxuICB8IDEzXG4gIHwgMTRcbiAgfCAxNVxuICB8IDE2XG4gIHwgJ3NjYWxlJ1xuICB8ICdhdXRvJztcblxuZXhwb3J0IHR5cGUgVEhvcml6b250YWxQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRoZSB2YWx1ZSBvZiB0aGUgY29uc3RyYWludC4gU2VlIGVxdWl2YWxlbnQgcGl4ZWwgdmFsdWVzIFtoZXJlXShodHRwczovL3Vpa2l0LmNvbW1lcmNldG9vbHMuY29tLz9wYXRoPS9zdG9yeS9iYXNpY3MtdG9rZW5zLS1hbGwtdG9rZW5zKS5cbiAgICovXG4gIG1heD86IFRNYXhQcm9wO1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xufTtcblxuZnVuY3Rpb24gZ2V0Q29uc3RyYWludFN0eWxlcyhtYXhQcm9wPzogVE1heFByb3ApIHtcbiAgY29uc3QgY29uc3RyYWludFRva2VuID0gbWF4UHJvcCA/IGdldE1heFByb3BUb2tlblZhbHVlKG1heFByb3ApIDogbnVsbDtcbiAgcmV0dXJuIGNzc2BcbiAgICAke2NvbnN0cmFpbnRUb2tlbiA/IGBtYXgtd2lkdGg6ICR7Y29uc3RyYWludFRva2VufTtgIDogJyd9XG4gICAgJHttYXhQcm9wID09PSAnYXV0bycgPyAnd2lkdGg6IGF1dG87JyA6ICcnfVxuICBgO1xufVxuXG5jb25zdCBIb3Jpem9udGFsID0gKHByb3BzOiBUSG9yaXpvbnRhbFByb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e1tcbiAgICAgIGNzc2BcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIGAsXG4gICAgICBnZXRDb25zdHJhaW50U3R5bGVzKHByb3BzLm1heCksXG4gICAgXX1cbiAgICB7Li4uZmlsdGVyRGF0YUF0dHJpYnV0ZXMocHJvcHMpfVxuICA+XG4gICAge3Byb3BzLmNoaWxkcmVufVxuICA8L2Rpdj5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IEhvcml6b250YWw7XG4iXX0= */");
|
|
69
63
|
}
|
|
70
|
-
|
|
71
64
|
var _ref = process.env.NODE_ENV === "production" ? {
|
|
72
65
|
name: "n48rgu",
|
|
73
66
|
styles: "width:100%;position:relative"
|
|
@@ -77,13 +70,11 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
77
70
|
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImhvcml6b250YWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDUyIsImZpbGUiOiJob3Jpem9udGFsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGZpbHRlckRhdGFBdHRyaWJ1dGVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IHsgZ2V0TWF4UHJvcFRva2VuVmFsdWUgfSBmcm9tICcuLi9oZWxwZXJzJztcblxuZXhwb3J0IHR5cGUgVE1heFByb3AgPVxuICB8IDFcbiAgfCAyXG4gIHwgM1xuICB8IDRcbiAgfCA1XG4gIHwgNlxuICB8IDdcbiAgfCA4XG4gIHwgOVxuICB8IDEwXG4gIHwgMTFcbiAgfCAxMlxuICB8IDEzXG4gIHwgMTRcbiAgfCAxNVxuICB8IDE2XG4gIHwgJ3NjYWxlJ1xuICB8ICdhdXRvJztcblxuZXhwb3J0IHR5cGUgVEhvcml6b250YWxQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRoZSB2YWx1ZSBvZiB0aGUgY29uc3RyYWludC4gU2VlIGVxdWl2YWxlbnQgcGl4ZWwgdmFsdWVzIFtoZXJlXShodHRwczovL3Vpa2l0LmNvbW1lcmNldG9vbHMuY29tLz9wYXRoPS9zdG9yeS9iYXNpY3MtdG9rZW5zLS1hbGwtdG9rZW5zKS5cbiAgICovXG4gIG1heD86IFRNYXhQcm9wO1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xufTtcblxuZnVuY3Rpb24gZ2V0Q29uc3RyYWludFN0eWxlcyhtYXhQcm9wPzogVE1heFByb3ApIHtcbiAgY29uc3QgY29uc3RyYWludFRva2VuID0gbWF4UHJvcCA/IGdldE1heFByb3BUb2tlblZhbHVlKG1heFByb3ApIDogbnVsbDtcbiAgcmV0dXJuIGNzc2BcbiAgICAke2NvbnN0cmFpbnRUb2tlbiA/IGBtYXgtd2lkdGg6ICR7Y29uc3RyYWludFRva2VufTtgIDogJyd9XG4gICAgJHttYXhQcm9wID09PSAnYXV0bycgPyAnd2lkdGg6IGF1dG87JyA6ICcnfVxuICBgO1xufVxuXG5jb25zdCBIb3Jpem9udGFsID0gKHByb3BzOiBUSG9yaXpvbnRhbFByb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e1tcbiAgICAgIGNzc2BcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIGAsXG4gICAgICBnZXRDb25zdHJhaW50U3R5bGVzKHByb3BzLm1heCksXG4gICAgXX1cbiAgICB7Li4uZmlsdGVyRGF0YUF0dHJpYnV0ZXMocHJvcHMpfVxuICA+XG4gICAge3Byb3BzLmNoaWxkcmVufVxuICA8L2Rpdj5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IEhvcml6b250YWw7XG4iXX0= */",
|
|
78
71
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
79
72
|
};
|
|
80
|
-
|
|
81
73
|
const Horizontal = props => jsxRuntime.jsx("div", _objectSpread(_objectSpread({
|
|
82
74
|
css: [_ref, getConstraintStyles(props.max), process.env.NODE_ENV === "production" ? "" : ";label:Horizontal;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImhvcml6b250YWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJDSSIsImZpbGUiOiJob3Jpem9udGFsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGZpbHRlckRhdGFBdHRyaWJ1dGVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IHsgZ2V0TWF4UHJvcFRva2VuVmFsdWUgfSBmcm9tICcuLi9oZWxwZXJzJztcblxuZXhwb3J0IHR5cGUgVE1heFByb3AgPVxuICB8IDFcbiAgfCAyXG4gIHwgM1xuICB8IDRcbiAgfCA1XG4gIHwgNlxuICB8IDdcbiAgfCA4XG4gIHwgOVxuICB8IDEwXG4gIHwgMTFcbiAgfCAxMlxuICB8IDEzXG4gIHwgMTRcbiAgfCAxNVxuICB8IDE2XG4gIHwgJ3NjYWxlJ1xuICB8ICdhdXRvJztcblxuZXhwb3J0IHR5cGUgVEhvcml6b250YWxQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRoZSB2YWx1ZSBvZiB0aGUgY29uc3RyYWludC4gU2VlIGVxdWl2YWxlbnQgcGl4ZWwgdmFsdWVzIFtoZXJlXShodHRwczovL3Vpa2l0LmNvbW1lcmNldG9vbHMuY29tLz9wYXRoPS9zdG9yeS9iYXNpY3MtdG9rZW5zLS1hbGwtdG9rZW5zKS5cbiAgICovXG4gIG1heD86IFRNYXhQcm9wO1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xufTtcblxuZnVuY3Rpb24gZ2V0Q29uc3RyYWludFN0eWxlcyhtYXhQcm9wPzogVE1heFByb3ApIHtcbiAgY29uc3QgY29uc3RyYWludFRva2VuID0gbWF4UHJvcCA/IGdldE1heFByb3BUb2tlblZhbHVlKG1heFByb3ApIDogbnVsbDtcbiAgcmV0dXJuIGNzc2BcbiAgICAke2NvbnN0cmFpbnRUb2tlbiA/IGBtYXgtd2lkdGg6ICR7Y29uc3RyYWludFRva2VufTtgIDogJyd9XG4gICAgJHttYXhQcm9wID09PSAnYXV0bycgPyAnd2lkdGg6IGF1dG87JyA6ICcnfVxuICBgO1xufVxuXG5jb25zdCBIb3Jpem9udGFsID0gKHByb3BzOiBUSG9yaXpvbnRhbFByb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e1tcbiAgICAgIGNzc2BcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIGAsXG4gICAgICBnZXRDb25zdHJhaW50U3R5bGVzKHByb3BzLm1heCksXG4gICAgXX1cbiAgICB7Li4uZmlsdGVyRGF0YUF0dHJpYnV0ZXMocHJvcHMpfVxuICA+XG4gICAge3Byb3BzLmNoaWxkcmVufVxuICA8L2Rpdj5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IEhvcml6b250YWw7XG4iXX0= */"]
|
|
83
75
|
}, utils.filterDataAttributes(props)), {}, {
|
|
84
76
|
children: props.children
|
|
85
77
|
}));
|
|
86
|
-
|
|
87
78
|
Horizontal.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
88
79
|
max: _pt__default["default"].oneOf([1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto']),
|
|
89
80
|
children: _pt__default["default"].node.isRequired
|
|
@@ -91,7 +82,7 @@ Horizontal.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
91
82
|
var Horizontal$1 = Horizontal;
|
|
92
83
|
|
|
93
84
|
// NOTE: This string will be replaced on build time with the package version.
|
|
94
|
-
var version = "16.
|
|
85
|
+
var version = "16.1.1";
|
|
95
86
|
|
|
96
87
|
// eslint-disable-next-line import/prefer-default-export
|
|
97
88
|
const Constraints = {
|
|
@@ -37,18 +37,15 @@ var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defin
|
|
|
37
37
|
const getMaxPropTokenValue = max => {
|
|
38
38
|
if (!max) return null;
|
|
39
39
|
const tokenName = "constraint".concat(max);
|
|
40
|
-
|
|
41
40
|
if (tokenName in designSystem.designTokens) {
|
|
42
41
|
return designSystem.designTokens[tokenName];
|
|
43
42
|
}
|
|
44
|
-
|
|
45
43
|
return null;
|
|
46
|
-
};
|
|
47
|
-
|
|
44
|
+
};
|
|
48
45
|
|
|
46
|
+
// Generates an array of accepted values for the max prop, given a min and max
|
|
49
47
|
const getAcceptedMaxPropValues = function () {
|
|
50
48
|
var _context;
|
|
51
|
-
|
|
52
49
|
let min = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
|
|
53
50
|
let max = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 16;
|
|
54
51
|
return [..._mapInstanceProperty__default["default"](_context = _Array$from__default["default"]({
|
|
@@ -57,30 +54,25 @@ const getAcceptedMaxPropValues = function () {
|
|
|
57
54
|
};
|
|
58
55
|
|
|
59
56
|
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
60
|
-
|
|
61
57
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
62
|
-
|
|
63
58
|
function getConstraintStyles(maxProp) {
|
|
64
59
|
const constraintToken = maxProp ? getMaxPropTokenValue(maxProp) : null;
|
|
65
60
|
return /*#__PURE__*/react.css(constraintToken ? "max-width: ".concat(constraintToken, ";") : '', " ", maxProp === 'auto' ? 'width: auto;' : '', ";" + ("" ), "" );
|
|
66
61
|
}
|
|
67
|
-
|
|
68
62
|
var _ref = {
|
|
69
63
|
name: "n48rgu",
|
|
70
64
|
styles: "width:100%;position:relative"
|
|
71
65
|
} ;
|
|
72
|
-
|
|
73
66
|
const Horizontal = props => jsxRuntime.jsx("div", _objectSpread(_objectSpread({
|
|
74
67
|
css: [_ref, getConstraintStyles(props.max), "" , "" ]
|
|
75
68
|
}, utils.filterDataAttributes(props)), {}, {
|
|
76
69
|
children: props.children
|
|
77
70
|
}));
|
|
78
|
-
|
|
79
71
|
Horizontal.propTypes = {};
|
|
80
72
|
var Horizontal$1 = Horizontal;
|
|
81
73
|
|
|
82
74
|
// NOTE: This string will be replaced on build time with the package version.
|
|
83
|
-
var version = "16.
|
|
75
|
+
var version = "16.1.1";
|
|
84
76
|
|
|
85
77
|
// eslint-disable-next-line import/prefer-default-export
|
|
86
78
|
const Constraints = {
|
|
@@ -20,18 +20,15 @@ import { jsx } from '@emotion/react/jsx-runtime';
|
|
|
20
20
|
const getMaxPropTokenValue = max => {
|
|
21
21
|
if (!max) return null;
|
|
22
22
|
const tokenName = "constraint".concat(max);
|
|
23
|
-
|
|
24
23
|
if (tokenName in designTokens) {
|
|
25
24
|
return designTokens[tokenName];
|
|
26
25
|
}
|
|
27
|
-
|
|
28
26
|
return null;
|
|
29
|
-
};
|
|
30
|
-
|
|
27
|
+
};
|
|
31
28
|
|
|
29
|
+
// Generates an array of accepted values for the max prop, given a min and max
|
|
32
30
|
const getAcceptedMaxPropValues = function () {
|
|
33
31
|
var _context;
|
|
34
|
-
|
|
35
32
|
let min = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
|
|
36
33
|
let max = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 16;
|
|
37
34
|
return [..._mapInstanceProperty(_context = _Array$from({
|
|
@@ -40,16 +37,12 @@ const getAcceptedMaxPropValues = function () {
|
|
|
40
37
|
};
|
|
41
38
|
|
|
42
39
|
function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
43
|
-
|
|
44
40
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
45
|
-
|
|
46
41
|
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
47
|
-
|
|
48
42
|
function getConstraintStyles(maxProp) {
|
|
49
43
|
const constraintToken = maxProp ? getMaxPropTokenValue(maxProp) : null;
|
|
50
44
|
return /*#__PURE__*/css(constraintToken ? "max-width: ".concat(constraintToken, ";") : '', " ", maxProp === 'auto' ? 'width: auto;' : '', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getConstraintStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImhvcml6b250YWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1DWSIsImZpbGUiOiJob3Jpem9udGFsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGZpbHRlckRhdGFBdHRyaWJ1dGVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IHsgZ2V0TWF4UHJvcFRva2VuVmFsdWUgfSBmcm9tICcuLi9oZWxwZXJzJztcblxuZXhwb3J0IHR5cGUgVE1heFByb3AgPVxuICB8IDFcbiAgfCAyXG4gIHwgM1xuICB8IDRcbiAgfCA1XG4gIHwgNlxuICB8IDdcbiAgfCA4XG4gIHwgOVxuICB8IDEwXG4gIHwgMTFcbiAgfCAxMlxuICB8IDEzXG4gIHwgMTRcbiAgfCAxNVxuICB8IDE2XG4gIHwgJ3NjYWxlJ1xuICB8ICdhdXRvJztcblxuZXhwb3J0IHR5cGUgVEhvcml6b250YWxQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRoZSB2YWx1ZSBvZiB0aGUgY29uc3RyYWludC4gU2VlIGVxdWl2YWxlbnQgcGl4ZWwgdmFsdWVzIFtoZXJlXShodHRwczovL3Vpa2l0LmNvbW1lcmNldG9vbHMuY29tLz9wYXRoPS9zdG9yeS9iYXNpY3MtdG9rZW5zLS1hbGwtdG9rZW5zKS5cbiAgICovXG4gIG1heD86IFRNYXhQcm9wO1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xufTtcblxuZnVuY3Rpb24gZ2V0Q29uc3RyYWludFN0eWxlcyhtYXhQcm9wPzogVE1heFByb3ApIHtcbiAgY29uc3QgY29uc3RyYWludFRva2VuID0gbWF4UHJvcCA/IGdldE1heFByb3BUb2tlblZhbHVlKG1heFByb3ApIDogbnVsbDtcbiAgcmV0dXJuIGNzc2BcbiAgICAke2NvbnN0cmFpbnRUb2tlbiA/IGBtYXgtd2lkdGg6ICR7Y29uc3RyYWludFRva2VufTtgIDogJyd9XG4gICAgJHttYXhQcm9wID09PSAnYXV0bycgPyAnd2lkdGg6IGF1dG87JyA6ICcnfVxuICBgO1xufVxuXG5jb25zdCBIb3Jpem9udGFsID0gKHByb3BzOiBUSG9yaXpvbnRhbFByb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e1tcbiAgICAgIGNzc2BcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIGAsXG4gICAgICBnZXRDb25zdHJhaW50U3R5bGVzKHByb3BzLm1heCksXG4gICAgXX1cbiAgICB7Li4uZmlsdGVyRGF0YUF0dHJpYnV0ZXMocHJvcHMpfVxuICA+XG4gICAge3Byb3BzLmNoaWxkcmVufVxuICA8L2Rpdj5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IEhvcml6b250YWw7XG4iXX0= */");
|
|
51
45
|
}
|
|
52
|
-
|
|
53
46
|
var _ref = process.env.NODE_ENV === "production" ? {
|
|
54
47
|
name: "n48rgu",
|
|
55
48
|
styles: "width:100%;position:relative"
|
|
@@ -59,13 +52,11 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
59
52
|
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImhvcml6b250YWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDUyIsImZpbGUiOiJob3Jpem9udGFsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGZpbHRlckRhdGFBdHRyaWJ1dGVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IHsgZ2V0TWF4UHJvcFRva2VuVmFsdWUgfSBmcm9tICcuLi9oZWxwZXJzJztcblxuZXhwb3J0IHR5cGUgVE1heFByb3AgPVxuICB8IDFcbiAgfCAyXG4gIHwgM1xuICB8IDRcbiAgfCA1XG4gIHwgNlxuICB8IDdcbiAgfCA4XG4gIHwgOVxuICB8IDEwXG4gIHwgMTFcbiAgfCAxMlxuICB8IDEzXG4gIHwgMTRcbiAgfCAxNVxuICB8IDE2XG4gIHwgJ3NjYWxlJ1xuICB8ICdhdXRvJztcblxuZXhwb3J0IHR5cGUgVEhvcml6b250YWxQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRoZSB2YWx1ZSBvZiB0aGUgY29uc3RyYWludC4gU2VlIGVxdWl2YWxlbnQgcGl4ZWwgdmFsdWVzIFtoZXJlXShodHRwczovL3Vpa2l0LmNvbW1lcmNldG9vbHMuY29tLz9wYXRoPS9zdG9yeS9iYXNpY3MtdG9rZW5zLS1hbGwtdG9rZW5zKS5cbiAgICovXG4gIG1heD86IFRNYXhQcm9wO1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xufTtcblxuZnVuY3Rpb24gZ2V0Q29uc3RyYWludFN0eWxlcyhtYXhQcm9wPzogVE1heFByb3ApIHtcbiAgY29uc3QgY29uc3RyYWludFRva2VuID0gbWF4UHJvcCA/IGdldE1heFByb3BUb2tlblZhbHVlKG1heFByb3ApIDogbnVsbDtcbiAgcmV0dXJuIGNzc2BcbiAgICAke2NvbnN0cmFpbnRUb2tlbiA/IGBtYXgtd2lkdGg6ICR7Y29uc3RyYWludFRva2VufTtgIDogJyd9XG4gICAgJHttYXhQcm9wID09PSAnYXV0bycgPyAnd2lkdGg6IGF1dG87JyA6ICcnfVxuICBgO1xufVxuXG5jb25zdCBIb3Jpem9udGFsID0gKHByb3BzOiBUSG9yaXpvbnRhbFByb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e1tcbiAgICAgIGNzc2BcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIGAsXG4gICAgICBnZXRDb25zdHJhaW50U3R5bGVzKHByb3BzLm1heCksXG4gICAgXX1cbiAgICB7Li4uZmlsdGVyRGF0YUF0dHJpYnV0ZXMocHJvcHMpfVxuICA+XG4gICAge3Byb3BzLmNoaWxkcmVufVxuICA8L2Rpdj5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IEhvcml6b250YWw7XG4iXX0= */",
|
|
60
53
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
61
54
|
};
|
|
62
|
-
|
|
63
55
|
const Horizontal = props => jsx("div", _objectSpread(_objectSpread({
|
|
64
56
|
css: [_ref, getConstraintStyles(props.max), process.env.NODE_ENV === "production" ? "" : ";label:Horizontal;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImhvcml6b250YWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJDSSIsImZpbGUiOiJob3Jpem9udGFsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGZpbHRlckRhdGFBdHRyaWJ1dGVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IHsgZ2V0TWF4UHJvcFRva2VuVmFsdWUgfSBmcm9tICcuLi9oZWxwZXJzJztcblxuZXhwb3J0IHR5cGUgVE1heFByb3AgPVxuICB8IDFcbiAgfCAyXG4gIHwgM1xuICB8IDRcbiAgfCA1XG4gIHwgNlxuICB8IDdcbiAgfCA4XG4gIHwgOVxuICB8IDEwXG4gIHwgMTFcbiAgfCAxMlxuICB8IDEzXG4gIHwgMTRcbiAgfCAxNVxuICB8IDE2XG4gIHwgJ3NjYWxlJ1xuICB8ICdhdXRvJztcblxuZXhwb3J0IHR5cGUgVEhvcml6b250YWxQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRoZSB2YWx1ZSBvZiB0aGUgY29uc3RyYWludC4gU2VlIGVxdWl2YWxlbnQgcGl4ZWwgdmFsdWVzIFtoZXJlXShodHRwczovL3Vpa2l0LmNvbW1lcmNldG9vbHMuY29tLz9wYXRoPS9zdG9yeS9iYXNpY3MtdG9rZW5zLS1hbGwtdG9rZW5zKS5cbiAgICovXG4gIG1heD86IFRNYXhQcm9wO1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xufTtcblxuZnVuY3Rpb24gZ2V0Q29uc3RyYWludFN0eWxlcyhtYXhQcm9wPzogVE1heFByb3ApIHtcbiAgY29uc3QgY29uc3RyYWludFRva2VuID0gbWF4UHJvcCA/IGdldE1heFByb3BUb2tlblZhbHVlKG1heFByb3ApIDogbnVsbDtcbiAgcmV0dXJuIGNzc2BcbiAgICAke2NvbnN0cmFpbnRUb2tlbiA/IGBtYXgtd2lkdGg6ICR7Y29uc3RyYWludFRva2VufTtgIDogJyd9XG4gICAgJHttYXhQcm9wID09PSAnYXV0bycgPyAnd2lkdGg6IGF1dG87JyA6ICcnfVxuICBgO1xufVxuXG5jb25zdCBIb3Jpem9udGFsID0gKHByb3BzOiBUSG9yaXpvbnRhbFByb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e1tcbiAgICAgIGNzc2BcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIGAsXG4gICAgICBnZXRDb25zdHJhaW50U3R5bGVzKHByb3BzLm1heCksXG4gICAgXX1cbiAgICB7Li4uZmlsdGVyRGF0YUF0dHJpYnV0ZXMocHJvcHMpfVxuICA+XG4gICAge3Byb3BzLmNoaWxkcmVufVxuICA8L2Rpdj5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IEhvcml6b250YWw7XG4iXX0= */"]
|
|
65
57
|
}, filterDataAttributes(props)), {}, {
|
|
66
58
|
children: props.children
|
|
67
59
|
}));
|
|
68
|
-
|
|
69
60
|
Horizontal.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
70
61
|
max: _pt.oneOf([1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto']),
|
|
71
62
|
children: _pt.node.isRequired
|
|
@@ -73,7 +64,7 @@ Horizontal.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
73
64
|
var Horizontal$1 = Horizontal;
|
|
74
65
|
|
|
75
66
|
// NOTE: This string will be replaced on build time with the package version.
|
|
76
|
-
var version = "16.
|
|
67
|
+
var version = "16.1.1";
|
|
77
68
|
|
|
78
69
|
// eslint-disable-next-line import/prefer-default-export
|
|
79
70
|
const Constraints = {
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
declare const getMaxPropTokenValue: (max: number | string | null) => "var(--color-primary, #00b39e)" | "var(--color-primary-25, hsl(172.9608938547486, 100%, 25%))" | "var(--color-primary-40, hsl(172.9608938547486, 100%, 40%))" | "var(--color-primary-85, hsl(172.9608938547486, 100%, 85%))" | "var(--color-primary-95, hsl(172.9608938547486, 100%, 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-60, hsl(195, 35.2941176471%, 60%))" | "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-neutral, #ccc)" | "var(--color-neutral-05, hsl(0deg 0% 80% / 5%))" | "var(--color-neutral-10, hsl(0deg 0% 80% / 10%))" | "var(--color-neutral-40, hsl(0, 0%, 40%))" | "var(--color-neutral-60, hsl(0, 0%, 60%))" | "var(--color-neutral-85, hsl(0, 0%, 85%))" | "var(--color-neutral-90, hsl(0, 0%, 90%))" | "var(--color-neutral-95, hsl(0, 0%, 95%))" | "var(--color-neutral-98, hsl(0, 0%, 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-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-05, hsl(0deg 0% 10% / 5%))" | "var(--color-solid-10, hsl(0deg 0% 10% / 10%))" | "var(--color-surface, #fff)" | "var(--border-radius-1, 1px)" | "var(--border-radius-2, 2px)" | "var(--border-radius-4, 4px)" | "var(--border-radius-6, 6px)" | "var(--border-radius-20, 20px)" | "var(--border-width-1, 1px)" | "var(--border-width-2, 2px)" | "var(--font-family, 'Open Sans', sans-serif)" | "var(--font-size-10, 0.75rem)" | "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-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-10, 1.25rem)" | "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(--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-10, 4px)" | "var(--spacing-20, 8px)" | "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, unset)" | "var(--background-color-for-button-when-active, #fff)" | "var(--background-color-for-button-when-hovered, #fff)" | "var(--background-color-for-button-as-primary-when-active, #00b39e)" | "var(--background-color-for-button-as-primary-when-hovered, hsl(172.9608938547486, 100%, 25%))" | "var(--background-color-for-button-as-icon-as-primary-when-active, #00b39e)" | "var(--background-color-for-button-as-icon-as-primary-when-hovered, #00b39e)" | "var(--background-color-for-button-as-icon-as-info-when-active, #078cdf)" | "var(--background-color-for-button-as-icon-as-info-when-hovered, #078cdf)" | "var(--background-color-for-button-as-urgent-when-active, #f16d0e)" | "var(--background-color-for-button-as-urgent-when-hovered, hsl(25.110132158590307, 89.0196078431%, 25%))" | "var(--background-color-for-button-when-disabled, hsl(195, 35.2941176471%, 98%))" | "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(195, 35.2941176471%, 98%))" | "var(--background-color-for-input-when-hovered, #fff)" | "var(--background-color-for-input-when-focused, #fff)" | "var(--background-color-for-input-when-readonly, #fff)" | "var(--background-color-for-input-when-active, hsl(195, 35.2941176471%, 95%))" | "var(--background-color-for-table-cell-when-hovered, hsl(0, 0%, 90%))" | "var(--background-color-for-table-header, #213c45)" | "var(--background-color-for-tag, hsl(0, 0%, 95%))" | "var(--background-color-for-tag-warning, hsl(25.110132158590307, 89.0196078431%, 95%))" | "var(--background-color-for-tag-when-hovered, hsl(0, 0%, 95%))" | "var(--background-color-for-collapsible-panel-header-icon-when-disabled, hsl(195, 35.2941176471%, 98%))" | "var(--background-color-for-select-input-option-when-hovered, hsl(0, 0%, 90%))" | "var(--background-color-for-avatar, hsl(0, 0%, 60%))" | "var(--background-color-for-avatar-when-highlighted, #ccc)" | "var(--background-color-for-stamp-as-positive, hsl(172.9608938547486, 100%, 85%))" | "var(--background-color-for-localized-input-label, hsl(195, 35.2941176471%, 98%))" | "var(--background-color-for-localized-input-label-when-readonly, hsl(195, 35.2941176471%, 95%))" | "var(--background-color-for-localized-input-label-when-disabled, hsl(195, 35.2941176471%, 98%))" | "var(--background-color-for-localized-rich-text-body-button-when-active, hsl(195, 35.2941176471%, 30%))" | "var(--background-color-for-localized-rich-text-body-button, hsl(0, 0%, 90%))" | "var(--background-color-for-rich-text-dropdown-when-hovered, hsl(0, 0%, 90%))" | "var(--background-color-for-rich-text-more-styles-dropdown-when-hovered, hsl(0, 0%, 90%))" | "var(--background-color-for-rich-text-button, hsl(195, 35.2941176471%, 30%))" | "var(--background-color-for-tooltip, #213c45)" | "var(--background-color-for-view-switcher, #fff)" | "var(--background-color-for-view-switcher-when-disabled, hsl(195, 35.2941176471%, 98%))" | "var(--background-color-for-view-switcher-when-selected, hsl(0, 0%, 95%))" | "var(--background-color-for-view-switcher-when-hovered, hsl(0, 0%, 90%))" | "var(--background-color-for-content-notification-when-error, #fff)" | "var(--background-color-for-content-notification-when-info, #fff)" | "var(--background-color-for-content-notification-when-warning, #fff)" | "var(--background-color-for-content-notification-when-success, #fff)" | "var(--background-color-for-content-notification-icon-when-error, #e60050)" | "var(--background-color-for-content-notification-icon-when-info, #078cdf)" | "var(--background-color-for-content-notification-icon-when-warning, #f16d0e)" | "var(--background-color-for-content-notification-icon-when-success, #00b39e)" | "var(--background-color-for-checkbox-input-icon, #fff)" | "var(--background-color-for-checkbox-input-icon-when-disabled, #fff)" | "var(--background-color-for-checkbox-input-icon-when-readonly, #fff)" | "var(--background-color-for-checkbox-input-icon-when-error, #fff)" | "var(--background-color-for-checkbox-input-icon-when-hovered, #fff)" | "var(--background-color-for-primary-action-dropdown-when-active, hsl(0, 0%, 95%))" | "var(--background-color-for-primary-action-dropdown-when-disabled, hsl(195, 35.2941176471%, 98%))" | "var(--background-color-for-toggle-input-track, hsl(0, 0%, 60%))" | "var(--background-color-for-toggle-input-track-when-disabled, #ccc)" | "var(--background-color-for-toggle-input-thumb-when-disabled, hsl(195, 35.2941176471%, 95%))" | "var(--background-color-for-toggle-input-track-when-checked, #00b39e)" | "var(--background-color-for-toggle-input-thumb-when-checked, #fff)" | "var(--background-color-for-toggle-input-track-when-checked-and-disabled, hsl(172.9608938547486, 100%, 25%))" | "var(--background-color-for-toggle-input-thumb-when-checked-and-disabled, #ccc)" | "var(--border-for-button-as-secondary, none)" | "var(--border-for-button-as-secondary-when-hovered, none)" | "var(--border-for-button-as-secondary-when-active, none)" | "var(--border-for-card-when-raised, none)" | "var(--border-for-collapsible-panel-header-icon-when-disabled, 1px solid var(--color-neutral))" | "var(--border-for-view-switcher, none)" | "var(--border-for-select-input-tag, none)" | "var(--border-for-radio-input-option, 1px)" | "var(--border-for-calendar-menu-when-focused, 1px solid var(--color-primary))" | "var(--border-color-for-input, hsl(0, 0%, 60%))" | "var(--border-color-for-input-when-focused, #00b39e)" | "var(--border-color-for-input-when-disabled, #ccc)" | "var(--border-color-for-input-when-readonly, #ccc)" | "var(--border-color-for-input-when-error, #e60050)" | "var(--border-color-for-input-when-warning, #f16d0e)" | "var(--border-color-for-input-when-hovered, #00b39e)" | "var(--border-color-for-tag, hsl(0, 0%, 60%))" | "var(--border-color-for-tag-warning, #f16d0e)" | "var(--border-color-for-tag-when-focused, #00b39e)" | "var(--border-color-for-tag-when-hovered, #f16d0e)" | "var(--border-color-for-button-as-icon, #fff)" | "var(--border-color-for-button-as-icon-as-info, #078cdf)" | "var(--border-color-for-button-as-icon-as-primary, #00b39e)" | "var(--border-color-for-button-as-icon-when-disabled, #ccc)" | "var(--border-color-for-table-header, #ccc)" | "var(--border-color-for-table-header-as-bottom, #213c45)" | "var(--border-color-for-table-manager-droppable-list, hsl(0, 0%, 60%))" | "var(--border-color-for-collapsible-panel-header, hsl(0, 0%, 60%))" | "var(--border-color-for-stamp-when-error, #e60050)" | "var(--border-color-for-stamp-when-warning, #f16d0e)" | "var(--border-color-for-stamp-as-positive, hsl(172.9608938547486, 100%, 40%))" | "var(--border-color-for-stamp-as-information, #078cdf)" | "var(--border-color-for-stamp-as-primary, hsl(172.9608938547486, 100%, 25%))" | "var(--border-color-for-stamp-as-secondary, hsl(0, 0%, 60%))" | "var(--border-color-for-localized-input-label, #ccc)" | "var(--border-color-for-localized-input-label-when-readonly, #ccc)" | "var(--border-color-for-content-notification-when-error, #e60050)" | "var(--border-color-for-content-notification-when-info, #078cdf)" | "var(--border-color-for-content-notification-when-warning, #f16d0e)" | "var(--border-color-for-content-notification-when-success, #00b39e)" | "var(--border-color-for-group-heading-select-input-options, #ccc)" | "var(--border-color-for-select-input-menu, #00b39e)" | "var(--border-color-for-select-input-when-readonly, #ccc)" | "var(--border-color-for-select-input-menu-when-warning, #f16d0e)" | "var(--border-color-for-select-input-menu-when-error, #e60050)" | "var(--border-color-for-checkbox-input-icon, hsl(0, 0%, 60%))" | "var(--border-color-for-checkbox-input-icon-when-disabled, #ccc)" | "var(--border-color-for-checkbox-input-icon-when-readonly, #ccc)" | "var(--border-color-for-checkbox-input-icon-when-error, #e60050)" | "var(--border-color-for-radio-input, #ccc)" | "var(--border-color-for-radio-input-when-disabled, hsl(0, 0%, 60%))" | "var(--border-color-for-radio-input-when-readonly, #ccc)" | "var(--border-color-for-radio-input-when-checked, #ccc)" | "var(--border-color-for-radio-input-when-focused, #00b39e)" | "var(--border-color-for-primary-action-dropdown-menu, #ccc)" | "var(--border-radius-for-button-as-big, 6px)" | "var(--border-radius-for-button-as-medium, 4px)" | "var(--border-radius-for-button-as-icon-as-big, 6px)" | "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, 6px)" | "var(--border-radius-for-tag, 2px)" | "var(--border-radius-for-card, 6px)" | "var(--border-radius-for-table-manager-droppable-list, 6px)" | "var(--border-radius-for-stamp, 2px)" | "var(--border-radius-for-view-switcher, 6px)" | "var(--border-radius-for-content-notification, 0 var(--border-radius-6) var(--border-radius-6) 0)" | "var(--border-radius-for-content-notification-icon, var(--border-radius-6) 0 0 var(--border-radius-6))" | "var(--border-radius-for-primary-action-dropdown, var(--border-radius-6) 0 0 var(--border-radius-6))" | "var(--border-radius-for-primary-action-dropdown-icon, 0 var(--border-radius-6) var(--border-radius-6) 0)" | "var(--border-radius-for-primary-action-dropdown-menu, 6px)" | "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)" | "var(--border-width-for-select-input, 1px)" | "var(--border-width-for-content-notification-icon, 0px)" | "var(--border-left-width-for-content-notification, 1px)" | "var(--border-width-for-checkbox-input-icon, 1px)" | "var(--border-for-primary-action-dropdown-icon, 0px 0px 0px 1px)" | "var(--box-shadow-for-datetime-input-when-hovered, inset 0 0 0 2px)" | "var(--box-shadow-for-view-switcher, 0 1px 1px 0 rgba(0, 0, 0, 0.24), 0 -1px 1px 0 rgba(0, 0, 0, 0.12))" | "var(--box-shadow-for-view-switcher-when-selected, 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(--box-shadow-for-select-input-when-focused, inset 0 0 0 2px)" | "var(--box-shadow-for-calendar-menu-when-focused, none)" | "var(--font-color-for-text, #1a1a1a)" | "var(--font-color-for-text-when-disabled, #ccc)" | "var(--font-color-for-input, #1a1a1a)" | "var(--font-color-for-input-when-disabled, hsl(0, 0%, 60%))" | "var(--font-color-for-input-when-error, #e60050)" | "var(--font-color-for-input-when-readonly, hsl(0, 0%, 60%))" | "var(--font-color-for-input-when-warning, #f16d0e)" | "var(--font-color-for-tag, #1a1a1a)" | "var(--font-color-for-tag-remove-icon, #1a1a1a)" | "var(--font-color-for-tag-drag-icon, #1a1a1a)" | "var(--font-color-for-tag-remove-icon-when-hovered, #f16d0e)" | "var(--font-color-for-tag-when-disabled, hsl(0, 0%, 60%))" | "var(--font-color-for-text-when-inverted, #fff)" | "var(--font-color-for-link-as-inverted, #fff)" | "var(--font-color-for-link-as-primary, #00b39e)" | "var(--font-color-for-link-as-secondary, #1a1a1a)" | "var(--font-color-for-link-as-primary-when-active, hsl(172.9608938547486, 100%, 25%))" | "var(--font-color-for-link-as-secondary-when-active, #00b39e)" | "var(--font-color-for-table-header, #fff)" | "var(--font-color-for-localized-input-label, hsl(0, 0%, 60%))" | "var(--font-color-for-view-switcher, #1a1a1a)" | "var(--font-color-for-view-switcher-when-disabled, hsl(0, 0%, 60%))" | "var(--font-color-for-view-switcher-when-selected, #1a1a1a)" | "var(--font-color-for-clear-input-icon, #1a1a1a)" | "var(--font-color-for-clear-input-icon-when-hovered, #f16d0e)" | "var(--font-color-for-content-notification, #1a1a1a)" | "var(--font-color-for-content-notification-icon-when-error, #fff)" | "var(--font-color-for-content-notification-icon-when-warning, #fff)" | "var(--font-color-for-content-notification-icon-when-success, #fff)" | "var(--font-color-for-content-notification-icon-when-info, #fff)" | "var(--font-color-for-search-input-icon, #1a1a1a)" | "var(--font-color-for-search-input-icon-when-hovered, #00b39e)" | "var(--font-color-for-select-input-icon, #1a1a1a)" | "var(--font-color-for-select-input-when-error, #1a1a1a)" | "var(--font-color-for-select-input-when-warning, #1a1a1a)" | "var(--font-color-for-select-input-icon-when-error, #1a1a1a)" | "var(--font-color-for-select-input-icon-when-warning, #1a1a1a)" | "var(--font-color-for-money-input-currency-dropdown-indicator, #1a1a1a)" | "var(--font-color-for-search-input-icon-when-readonly, hsl(0, 0%, 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(0, 0%, 40%))" | "var(--font-color-for-checkbox-input-label-when-readonly, hsl(0, 0%, 40%))" | "var(--font-color-for-radio-input-when-disabled, hsl(0, 0%, 60%))" | "var(--font-color-for-radio-input-when-error, #e60050)" | "var(--font-color-for-radio-input-when-readonly, hsl(0, 0%, 60%))" | "var(--font-color-for-radio-input-when-warning, #f16d0e)" | "var(--font-color-for-flat-button-as-primary, #00b39e)" | "var(--font-color-for-flat-button-as-primary-when-hovered, hsl(172.9608938547486, 100%, 25%))" | "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(0, 0%, 60%))" | "var(--font-color-for-secondary-icon-button-as-primary, #00b39e)" | "var(--font-color-for-secondary-icon-button-as-primary-when-hovered, hsl(172.9608938547486, 100%, 25%))" | "var(--height-for-button-as-big, 32px)" | "var(--height-for-button-as-medium, 24px)" | "var(--height-for-button-as-icon-as-big, 32px)" | "var(--height-for-button-as-icon-as-medium, 24px)" | "var(--height-for-button-as-icon-as-small, 16px)" | "var(--height-for-input, 32px)" | "var(--height-for-view-switcher, 32px)" | "var(--height-for-view-switcher-when-condensed, 24px)" | "var(--height-for-select-input-tag, 26px)" | "var(--height-for-radio-input-option, 16px)" | "var(--height-for-radio-input-option-when-checked, 8px)" | "var(--height-for-primary-action-dropdown, 32px)" | "var(--width-for-avatar-as-medium, 48px)" | "var(--min-width-for-money-input-currency-dropdown, 72px)" | "var(--placeholder-font-color-for-input, hsl(0, 0%, 60%))" | "var(--font-size-for-button, 1rem)" | "var(--font-size-for-input, 1rem)" | "var(--font-size-for-text-as-h-1, 2.4615rem)" | "var(--font-size-for-text-as-h-2, 1.8462rem)" | "var(--font-size-for-text-as-h-3, 1.5385rem)" | "var(--font-size-for-text-as-h-4, 1.2308rem)" | "var(--font-size-for-text-as-h-5, 1.0769rem)" | "var(--font-size-for-text-as-body, 1rem)" | "var(--font-size-for-text-as-detail, 0.9231rem)" | "var(--font-size-for-body, 13px)" | "var(--font-size-for-link, 1rem)" | "var(--font-size-for-stamp, 1rem)" | "var(--font-size-for-view-switcher, 1rem)" | "var(--font-size-for-table, 1rem)" | "var(--font-size-for-avatar-as-small, 1rem)" | "var(--font-size-for-avatar-as-medium, 1.5rem)" | "var(--font-size-for-avatar-as-big, 3rem)" | "var(--font-size-for-localized-input-label, 1rem)" | "var(--font-size-for-content-notification, 1rem)" | "var(--font-size-for-select-input-tag, 0.9231rem)" | "var(--icon-color-for-datetime-input-icon, #1a1a1a)" | "var(--icon-color-for-datetime-input-icon-when-hovered, #f16d0e)" | "var(--line-height-for-text-as-h-1, inherit)" | "var(--line-height-for-text-as-h-2, inherit)" | "var(--line-height-for-text-as-h-3, inherit)" | "var(--line-height-for-text-as-h-4, inherit)" | "var(--line-height-for-text-as-h-5, inherit)" | "var(--line-height-for-text-as-body, inherit)" | "var(--line-height-for-text-as-detail, inherit)" | "var(--line-height-for-select-input-options, inherit)" | "var(--line-height-for-table-header, inherit)" | "var(--font-weight-for-text-as-h-1, 300)" | "var(--font-weight-for-text-as-h-2, 300)" | "var(--font-weight-for-text-as-h-3, 300)" | "var(--font-weight-for-text-as-h-4, 400)" | "var(--font-weight-for-text-as-h-5, 400)" | "var(--font-weight-for-text-as-body, 400)" | "var(--font-weight-for-text-as-detail, 400)" | "var(--font-weight-for-button, 400)" | "var(--font-weight-for-table-header, 400)" | "var(--font-weight-for-text-as-bold, 700)" | "var(--margin-for-table-header, 8px)" | "var(--margin-for-table-as-condensed, 8px)" | "var(--margin-for-view-switcher-icon, 0 var(--spacing-10) 0 0)" | "var(--margin-for-group-heading-select-input-options, 4px)" | "var(--margin-for-select-input-icon, 4px)" | "var(--margin-left-for-select-input-icon, inherit)" | "var(--margin-right-for-money-input-precision-badge, 4px)" | "var(--margin-right-for-search-input-icon, 8px)" | "var(--margin-right-for-clear-input-icon, 4px)" | "var(--margin-left-for-radio-input-label, 8px)" | "var(--margin-right-for-primary-action-dropdown, 4px)" | "var(--margin-top-for-primary-action-dropdown, none)" | "var(--margin-for-localized-rich-text-body-button, none)" | "var(--margin-for-rich-text-divider, 0 var(--spacing-10))" | "var(--margin-for-rich-text-dropdown-item-label, 0 0 0 var(--spacing-10))" | "var(--margin-for-tag-list, 0 var(--spacing-10) var(--spacing-10) 0)" | "var(--padding-for-stamp, var(--spacing-10) var(--spacing-20))" | "var(--padding-for-stamp-as-condensed, 1px var(--spacing-10))" | "var(--padding-for-tag, 5px var(--spacing-20))" | "var(--padding-for-table-header, 16px)" | "var(--padding-for-table-header-as-condensed, 8px)" | "var(--padding-for-table-cell, 16px)" | "var(--padding-for-table-cell-as-condensed, 8px)" | "var(--padding-for-table-manager-droppable-list, 8px)" | "var(--padding-for-table-manager-settings-panel, 16px)" | "var(--padding-for-table-manager-draggable-tag, 4px)" | "var(--padding-for-collapsible-panel-header, var(--spacing-20) var(--spacing-30))" | "var(--padding-for-collapsible-panel-header-as-condensed, 8px)" | "var(--padding-for-collapsible-panel-section-wrapper, 16px)" | "var(--padding-for-collapsible-panel-section-wrapper-as-condensed, 8px)" | "var(--padding-for-collapsible-panel-section-description, 0 0 var(--spacing-50))" | "var(--padding-for-collapsible-panel-section-description-as-condensed, 0 0 var(--spacing-30))" | "var(--padding-for-input, 8px)" | "var(--padding-for-multiline-input, var(--spacing-10) var(--spacing-20))" | "var(--padding-for-localized-rich-text-input-label, 0 var(--spacing-20))" | "var(--padding-for-localized-rich-text-dropdown-button, 3px var(--spacing-20))" | "var(--padding-for-localized-rich-text-dropdown-item, var(--spacing-10) var(--spacing-20))" | "var(--padding-for-localized-rich-text-body-button, var(--spacing-10))" | "var(--padding-for-localized-input-label, 0 var(--spacing-20))" | "var(--padding-for-rich-text-input, none)" | "var(--padding-for-rich-text-toolbar, var(--spacing-10) 7px)" | "var(--padding-left-for-rich-text-toolbar, 3px)" | "var(--padding-for-rich-text-editor-container, 6px var(--spacing-20) var(--spacing-10))" | "var(--padding-for-localized-multiline-text-input-label, 0 var(--spacing-20))" | "var(--padding-for-tag-remove-icon, 0 var(--spacing-10))" | "var(--padding-for-tooltip, var(--spacing-10) var(--spacing-20))" | "var(--padding-for-view-switcher, 0 var(--spacing-30) 0 var(--spacing-30))" | "var(--padding-for-view-switcher-when-condensed, 0 var(--spacing-20) 0 var(--spacing-20))" | "var(--padding-for-content-notification, var(--spacing-20))" | "var(--padding-for-content-notification-icon, var(--spacing-20) var(--spacing-30))" | "var(--padding-left-for-select-input-options, 8px)" | "var(--padding-right-for-select-input-options, 8px)" | "var(--padding-top-for-select-input-options, 4px)" | "var(--padding-bottom-for-select-input-options, 4px)" | "var(--padding-for-group-heading-select-input-options, 8px)" | "var(--padding-for-select-input-menu, inherit)" | "var(--padding-for-money-input-currency-dropdown, 0 var(--spacing-20))" | "var(--padding-for-selectable-search-input-dropdown, 0 var(--spacing-20))" | "var(--padding-for-primary-action-dropdown, 0 var(--spacing-20))" | "var(--padding-for-primary-action-dropdown-icon, 0 var(--spacing-10))" | "var(--padding-for-button-as-medium, 0 var(--spacing-20))" | "var(--padding-for-button-as-big, 0 var(--spacing-30))" | "var(--shadow-for-button, 0 -1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24))" | "var(--shadow-for-button-when-focused, 0 1px 9.5px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.24))" | "var(--shadow-for-button-when-hovered, 0 1px 9.5px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.24))" | "var(--shadow-for-button-when-active, 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-for-button-when-disabled, 0 0 0 1px var(--color-neutral) inset)" | "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-card-when-raised, 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24))" | "var(--shadow-for-input, none)" | "var(--shadow-for-input-when-focused, inset 0 0 0 2px var(--color-primary))" | "var(--shadow-for-input-when-error, none)" | "var(--shadow-for-input-when-warning, none)" | "var(--shadow-for-tooltip, 0 2px 2px rgba(0, 0, 0, 0.24), 0 1px 4.75px rgba(0, 0, 0, 0.12))" | "var(--shadow-for-select-input-menu, 0 -1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24))" | "var(--shadow-for-primary-action-dropdown, 0 -1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24))" | "var(--shadow-for-primary-action-dropdown-when-hovered, 0 1px 9.5px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.24))" | "var(--shadow-for-primary-action-dropdown-when-active, 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-for-primary-action-dropdown-menu, 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24))" | "var(--shadow-for-toggle-input-thumb, 0 -1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24))" | "var(--shadow-for-tag-when-hovered, 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24))" | "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)" | null;
|
|
1
|
+
declare const getMaxPropTokenValue: (max: number | string | null) => "var(--color-primary, #00b39e)" | "var(--color-primary-25, hsl(172.9608938547486, 100%, 25%))" | "var(--color-primary-40, hsl(172.9608938547486, 100%, 40%))" | "var(--color-primary-85, hsl(172.9608938547486, 100%, 85%))" | "var(--color-primary-95, hsl(172.9608938547486, 100%, 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-60, hsl(195, 35.2941176471%, 60%))" | "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-neutral, #ccc)" | "var(--color-neutral-05, hsl(0deg 0% 80% / 5%))" | "var(--color-neutral-10, hsl(0deg 0% 80% / 10%))" | "var(--color-neutral-40, hsl(0, 0%, 40%))" | "var(--color-neutral-60, hsl(0, 0%, 60%))" | "var(--color-neutral-85, hsl(0, 0%, 85%))" | "var(--color-neutral-90, hsl(0, 0%, 90%))" | "var(--color-neutral-95, hsl(0, 0%, 95%))" | "var(--color-neutral-98, hsl(0, 0%, 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-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-05, hsl(0deg 0% 10% / 5%))" | "var(--color-solid-10, hsl(0deg 0% 10% / 10%))" | "var(--color-surface, #fff)" | "var(--border-radius-1, 1px)" | "var(--border-radius-2, 2px)" | "var(--border-radius-4, 4px)" | "var(--border-radius-6, 6px)" | "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-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-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-10, 1.25rem)" | "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(--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-10, 4px)" | "var(--spacing-20, 8px)" | "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, #00b39e)" | "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-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(0, 0%, 95%))" | "var(--background-color-for-input-when-hovered, hsl(0, 0%, 98%))" | "var(--background-color-for-input-when-focused, #fff)" | "var(--background-color-for-input-when-readonly, hsl(0, 0%, 95%))" | "var(--background-color-for-input-when-active, hsl(203.05555555555554, 93.9130434783%, 95%))" | "var(--background-color-for-table-cell-when-hovered, hsl(0, 0%, 98%))" | "var(--background-color-for-table-header, hsl(0, 0%, 95%))" | "var(--background-color-for-tag, hsl(0, 0%, 95%))" | "var(--background-color-for-tag-warning, hsl(25.110132158590307, 89.0196078431%, 95%))" | "var(--background-color-for-tag-when-hovered, hsl(0, 0%, 90%))" | "var(--background-color-for-collapsible-panel-header-icon-when-disabled, #fff)" | "var(--background-color-for-select-input-option-when-hovered, hsl(0, 0%, 98%))" | "var(--background-color-for-avatar, #213c45)" | "var(--background-color-for-avatar-when-highlighted, hsl(195, 35.2941176471%, 30%))" | "var(--background-color-for-stamp-as-positive, hsl(172.9608938547486, 100%, 95%))" | "var(--background-color-for-localized-input-label, #fff)" | "var(--background-color-for-localized-input-label-when-readonly, hsl(0, 0%, 95%))" | "var(--background-color-for-localized-input-label-when-disabled, hsl(0, 0%, 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(0, 0%, 95%))" | "var(--background-color-for-rich-text-dropdown-when-hovered, hsl(0, 0%, 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(0, 0%, 95%))" | "var(--background-color-for-view-switcher-when-hovered, hsl(0, 0%, 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(172.9608938547486, 100%, 95%))" | "var(--background-color-for-content-notification-icon-when-error, hsl(339.1304347826087, 100%, 95%))" | "var(--background-color-for-content-notification-icon-when-info, hsl(203.05555555555554, 93.9130434783%, 95%))" | "var(--background-color-for-content-notification-icon-when-warning, hsl(25.110132158590307, 89.0196078431%, 95%))" | "var(--background-color-for-content-notification-icon-when-success, hsl(172.9608938547486, 100%, 95%))" | "var(--background-color-for-checkbox-input-icon, #00b39e)" | "var(--background-color-for-checkbox-input-icon-when-disabled, #ccc)" | "var(--background-color-for-checkbox-input-icon-when-readonly, hsl(0, 0%, 60%))" | "var(--background-color-for-checkbox-input-icon-when-error, #e60050)" | "var(--background-color-for-checkbox-input-icon-when-hovered, hsl(0, 0%, 90%))" | "var(--background-color-for-primary-action-dropdown-when-active, hsl(0, 0%, 90%))" | "var(--background-color-for-primary-action-dropdown-when-disabled, hsl(0, 0%, 95%))" | "var(--background-color-for-toggle-input-track, #ccc)" | "var(--background-color-for-toggle-input-track-when-disabled, hsl(0, 0%, 90%))" | "var(--background-color-for-toggle-input-thumb-when-disabled, hsl(0, 0%, 60%))" | "var(--background-color-for-toggle-input-track-when-checked, hsl(172.9608938547486, 100%, 40%))" | "var(--background-color-for-toggle-input-thumb-when-checked, hsl(172.9608938547486, 100%, 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(--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, #ccc)" | "var(--border-color-for-input-when-focused, #00b39e)" | "var(--border-color-for-input-when-disabled, #ccc)" | "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, #ccc)" | "var(--border-color-for-tag, #ccc)" | "var(--border-color-for-tag-warning, #f16d0e)" | "var(--border-color-for-tag-when-focused, #ccc)" | "var(--border-color-for-tag-when-hovered, #ccc)" | "var(--border-color-for-button-as-icon, #ccc)" | "var(--border-color-for-button-as-icon-as-info, #ccc)" | "var(--border-color-for-button-as-icon-as-primary, #ccc)" | "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(0, 0%, 90%))" | "var(--border-color-for-table-manager-droppable-list, #ccc)" | "var(--border-color-for-collapsible-panel-header, hsl(0, 0%, 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(172.9608938547486, 100%, 85%))" | "var(--border-color-for-stamp-as-information, hsl(203.05555555555554, 93.9130434783%, 85%))" | "var(--border-color-for-stamp-as-primary, hsl(172.9608938547486, 100%, 85%))" | "var(--border-color-for-stamp-as-secondary, hsl(0, 0%, 85%))" | "var(--border-color-for-localized-input-label, #ccc)" | "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(172.9608938547486, 100%, 85%))" | "var(--border-color-for-group-heading-select-input-options, hsl(0, 0%, 90%))" | "var(--border-color-for-select-input-menu, #fff)" | "var(--border-color-for-select-input-when-readonly, hsl(0, 0%, 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, #00b39e)" | "var(--border-color-for-checkbox-input-icon-when-disabled, #ccc)" | "var(--border-color-for-checkbox-input-icon-when-readonly, hsl(0, 0%, 60%))" | "var(--border-color-for-checkbox-input-icon-when-error, #e60050)" | "var(--border-color-for-radio-input, hsl(0, 0%, 60%))" | "var(--border-color-for-radio-input-when-disabled, #ccc)" | "var(--border-color-for-radio-input-when-readonly, hsl(0, 0%, 60%))" | "var(--border-color-for-radio-input-when-checked, #00b39e)" | "var(--border-color-for-radio-input-when-focused, hsl(0, 0%, 60%))" | "var(--border-color-for-primary-action-dropdown-menu, #fff)" | "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, 20px)" | "var(--border-radius-for-view-switcher, 4px)" | "var(--border-radius-for-content-notification, 0 var(--border-radius-4) var(--border-radius-4) 0)" | "var(--border-radius-for-content-notification-icon, var(--border-radius-4) 0 0 var(--border-radius-4))" | "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-width-for-content-notification-icon, 1px)" | "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(--font-color-for-text, #1a1a1a)" | "var(--font-color-for-text-when-disabled, hsl(0, 0%, 60%))" | "var(--font-color-for-input, #1a1a1a)" | "var(--font-color-for-input-when-disabled, hsl(0, 0%, 60%))" | "var(--font-color-for-input-when-error, #e60050)" | "var(--font-color-for-input-when-readonly, hsl(0, 0%, 40%))" | "var(--font-color-for-input-when-warning, #f16d0e)" | "var(--font-color-for-tag, #1a1a1a)" | "var(--font-color-for-tag-remove-icon, hsl(0, 0%, 40%))" | "var(--font-color-for-tag-drag-icon, hsl(0, 0%, 40%))" | "var(--font-color-for-tag-remove-icon-when-hovered, #e60050)" | "var(--font-color-for-tag-when-disabled, hsl(0, 0%, 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(172.9608938547486, 100%, 25%))" | "var(--font-color-for-link-as-secondary, #1a1a1a)" | "var(--font-color-for-link-as-primary-when-active, #00b39e)" | "var(--font-color-for-link-as-secondary-when-active, #00b39e)" | "var(--font-color-for-table-header, #1a1a1a)" | "var(--font-color-for-localized-input-label, hsl(0, 0%, 60%))" | "var(--font-color-for-view-switcher, hsl(0, 0%, 40%))" | "var(--font-color-for-view-switcher-when-disabled, hsl(0, 0%, 60%))" | "var(--font-color-for-view-switcher-when-selected, #1a1a1a)" | "var(--font-color-for-clear-input-icon, hsl(0, 0%, 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, #00b39e)" | "var(--font-color-for-content-notification-icon-when-info, #078cdf)" | "var(--font-color-for-search-input-icon, hsl(0, 0%, 60%))" | "var(--font-color-for-search-input-icon-when-hovered, #00b39e)" | "var(--font-color-for-select-input-icon, hsl(0, 0%, 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(0, 0%, 40%))" | "var(--font-color-for-search-input-icon-when-readonly, hsl(0, 0%, 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(0, 0%, 60%))" | "var(--font-color-for-checkbox-input-label-when-readonly, hsl(0, 0%, 40%))" | "var(--font-color-for-radio-input-when-disabled, hsl(0, 0%, 60%))" | "var(--font-color-for-radio-input-when-error, #e60050)" | "var(--font-color-for-radio-input-when-readonly, hsl(0, 0%, 60%))" | "var(--font-color-for-radio-input-when-warning, #f16d0e)" | "var(--font-color-for-flat-button-as-primary, hsl(172.9608938547486, 100%, 25%))" | "var(--font-color-for-flat-button-as-primary-when-hovered, #00b39e)" | "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(0, 0%, 60%))" | "var(--font-color-for-secondary-icon-button-as-primary, hsl(172.9608938547486, 100%, 25%))" | "var(--font-color-for-secondary-icon-button-as-primary-when-hovered, #00b39e)" | "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(0, 0%, 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-detail, 0.875rem)" | "var(--font-size-for-body, 16px)" | "var(--font-size-for-link, 1rem)" | "var(--font-size-for-stamp, 0.875rem)" | "var(--font-size-for-view-switcher, 0.875rem)" | "var(--font-size-for-table, 0.875rem)" | "var(--font-size-for-avatar-as-small, 0.875rem)" | "var(--font-size-for-avatar-as-medium, 1rem)" | "var(--font-size-for-avatar-as-big, 2.5rem)" | "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(0, 0%, 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-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-detail, 400)" | "var(--font-weight-for-button, 500)" | "var(--font-weight-for-table-header, 600)" | "var(--font-weight-for-text-as-bold, 600)" | "var(--margin-for-table-header, 16px)" | "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, 0 var(--spacing-20))" | "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-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(--spacing-20) var(--spacing-20))" | "var(--padding-for-content-notification-icon, var(--spacing-20) 0 var(--spacing-20) var(--spacing-30))" | "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)" | null;
|
|
2
2
|
declare const getAcceptedMaxPropValues: (min?: number, max?: number) => (string | number)[];
|
|
3
3
|
export { getMaxPropTokenValue, getAcceptedMaxPropValues };
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-uikit/constraints",
|
|
3
3
|
"description": "Constraints are container elements with a configurable constraint size, like width or height.",
|
|
4
|
-
"version": "16.
|
|
4
|
+
"version": "16.1.1",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -21,8 +21,8 @@
|
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@babel/runtime": "^7.20.13",
|
|
23
23
|
"@babel/runtime-corejs3": "^7.20.13",
|
|
24
|
-
"@commercetools-uikit/design-system": "16.
|
|
25
|
-
"@commercetools-uikit/utils": "16.
|
|
24
|
+
"@commercetools-uikit/design-system": "16.1.1",
|
|
25
|
+
"@commercetools-uikit/utils": "16.1.1",
|
|
26
26
|
"@emotion/react": "^11.10.5",
|
|
27
27
|
"@emotion/styled": "^11.10.5",
|
|
28
28
|
"prop-types": "15.8.1"
|