@commercetools-uikit/design-system 19.20.1 → 19.21.0

package/dist/commercetools-uikit-design-system.cjs.dev.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
 var _pt = require('prop-types');
 var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
@@ -556,6 +557,7 @@ function transformTokensToCssVarsReferences(tokens) {
   }));
 }
 
+const _excluded = ["parentSelector", "theme"];
 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; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const allThemesNames = _Object$keys__default["default"](themes);
@@ -585,24 +587,29 @@ const applyTheme = _ref => {
   });
   target.setAttribute('data-theme', validTheme);
 };
-const ThemeProvider = props => {
-  const parentSelectorRef = react.useRef(props.parentSelector);
+const ThemeProvider = _ref4 => {
+  let _ref4$parentSelector = _ref4.parentSelector,
+    parentSelector = _ref4$parentSelector === void 0 ? defaultParentSelector : _ref4$parentSelector,
+    _ref4$theme = _ref4.theme,
+    theme = _ref4$theme === void 0 ? 'default' : _ref4$theme,
+    props = _objectWithoutProperties(_ref4, _excluded);
+  const parentSelectorRef = react.useRef(parentSelector);
   const themeNameRef = react.useRef();
   const themeOverridesRef = react.useRef();
   react.useLayoutEffect(() => {
     // We want to make sure we don't really apply the change when the props
     // provided include a new object with the same theme overrides
     // (eg: users providing an inline object as prop to the ThemeProvider)
-    if (themeNameRef.current !== props.theme || !isEqual__default["default"](themeOverridesRef.current, props.themeOverrides)) {
-      themeNameRef.current = props.theme;
+    if (themeNameRef.current !== theme || !isEqual__default["default"](themeOverridesRef.current, props.themeOverrides)) {
+      themeNameRef.current = theme;
       themeOverridesRef.current = props.themeOverrides;
       applyTheme({
-        newTheme: props.theme,
+        newTheme: theme,
         parentSelector: parentSelectorRef.current,
         themeOverrides: props.themeOverrides
       });
     }
-  }, [props.theme, props.themeOverrides]);
+  }, [theme, props.themeOverrides]);
   return null;
 };
 ThemeProvider.propTypes = {
@@ -610,10 +617,6 @@ ThemeProvider.propTypes = {
   theme: _pt__default["default"].string,
   themeOverrides: _pt__default["default"].objectOf(_pt__default["default"].string)
 };
-ThemeProvider.defaultProps = {
-  parentSelector: defaultParentSelector,
-  theme: 'default'
-};
 const useTheme = function () {
   let parentSelector = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultParentSelector;
   const _useState = react.useState('default'),
@@ -755,7 +758,7 @@ const getColor = color => {
 const getIconStyles = props => /*#__PURE__*/react$1.css("*:not([fill='none']){fill:", getColor(props.color), ";}&,image{", getSizeStyle(props.size), ";}flex-shrink:0;" + (process.env.NODE_ENV === "production" ? "" : ";label:getIconStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImljb24tdXRpbHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEd1RCIsImZpbGUiOiJpY29uLXV0aWxzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgQHR5cGVzY3JpcHQtZXNsaW50L25vLXVudXNlZC12YXJzICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgZGVzaWduVG9rZW5zIGZyb20gJy4vZGVzaWduLXRva2Vucyc7XG5cbmV4cG9ydCB0eXBlIFRJY29uUHJvcHMgPSB7XG4gIGNvbG9yPzpcbiAgICB8ICdzb2xpZCdcbiAgICB8ICduZXV0cmFsNjAnXG4gICAgfCAnc3VyZmFjZSdcbiAgICB8ICdpbmZvJ1xuICAgIHwgJ3ByaW1hcnknXG4gICAgfCAncHJpbWFyeTQwJ1xuICAgIHwgJ3dhcm5pbmcnXG4gICAgfCAnZXJyb3InXG4gICAgfCAnc3VjY2Vzcyc7XG4gIC8qKlxuICAgKiBUaGUgc2l6ZSBvZiB0aGUgaWNvbi4gJ3NtYWxsJywgJ21lZGl1bScsICdiaWcnIGhhdmUgYmVlbiBkZXByZWNhdGVkIGluIGZhdm9yIG9mICcxMCcsICcyMCcsICczMCcsICc0MCcuXG4gICAqL1xuICBzaXplPzogJ3NtYWxsJyB8ICdtZWRpdW0nIHwgJ2JpZycgfCAnc2NhbGUnIHwgJzEwJyB8ICcyMCcgfCAnMzAnIHwgJzQwJztcbn07XG5leHBvcnQgdHlwZSBUU1ZHUHJvcHMgPSBUSWNvblByb3BzICYgeyBjbGFzc05hbWU6IHN0cmluZyB9O1xuXG5jb25zdCBpY29uU2l6ZXMgPSB7XG4gIHNtYWxsOiAxMixcbiAgbWVkaXVtOiAxNixcbiAgYmlnOiAyNCxcbiAgJzEwJzogMTIsXG4gICcyMCc6IDE2LFxuICAnMzAnOiAyMCxcbiAgJzQwJzogMjQsXG59IGFzIGNvbnN0O1xuY29uc3QgZ2V0U2l6ZURpbWVuc2lvbnMgPSAoc2l6ZTogVEljb25Qcm9wc1snc2l6ZSddKSA9PiB7XG4gIHN3aXRjaCAoc2l6ZSkge1xuICAgIGNhc2UgJ3NjYWxlJzpcbiAgICAgIHJldHVybiB7IHdpZHRoOiAnMTAwJScsIGhlaWdodDogJ2F1dG8nIH07XG4gICAgY2FzZSAnc21hbGwnOlxuICAgIGNhc2UgJ21lZGl1bSc6XG4gICAgY2FzZSAnYmlnJzpcbiAgICBjYXNlICcxMCc6XG4gICAgY2FzZSAnMjAnOlxuICAgIGNhc2UgJzMwJzpcbiAgICBjYXNlICc0MCc6XG4gICAgICByZXR1cm4geyB3aWR0aDogYCR7aWNvblNpemVzW3NpemVdfXB4YCwgaGVpZ2h0OiBgJHtpY29uU2l6ZXNbc2l6ZV19cHhgIH07XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiB7IHdpZHRoOiBgJHtpY29uU2l6ZXNbJzQwJ119cHhgLCBoZWlnaHQ6IGAke2ljb25TaXplc1snNDAnXX1weGAgfTtcbiAgfVxufTtcbmNvbnN0IGdldFNpemVTdHlsZSA9IChzaXplOiBUSWNvblByb3BzWydzaXplJ10pID0+IHtcbiAgY29uc3QgZGltZW5zaW9ucyA9IGdldFNpemVEaW1lbnNpb25zKHNpemUpO1xuICBzd2l0Y2ggKHNpemUpIHtcbiAgICBjYXNlICdzY2FsZSc6XG4gICAgICByZXR1cm4gYFxuICAgICAgICAmOm5vdCg6cm9vdCkge1xuICAgICAgICAgIHdpZHRoOiAke2RpbWVuc2lvbnMud2lkdGh9O1xuICAgICAgICAgIGhlaWdodDogJHtkaW1lbnNpb25zLmhlaWdodH07XG4gICAgICAgIH1cbiAgICAgIGA7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBgXG4gICAgICAgIHdpZHRoOiAke2RpbWVuc2lvbnMud2lkdGh9O1xuICAgICAgICBoZWlnaHQ6ICR7ZGltZW5zaW9ucy5oZWlnaHR9O1xuICAgICAgYDtcbiAgfVxufTtcblxuY29uc3QgZ2V0Q29sb3IgPSAoY29sb3I6IFRJY29uUHJvcHNbJ2NvbG9yJ10pID0+IHtcbiAgaWYgKCFjb2xvcikgcmV0dXJuICdpbmhlcml0JztcblxuICBsZXQgaWNvbkNvbG9yO1xuICBzd2l0Y2ggKGNvbG9yKSB7XG4gICAgY2FzZSAnc29saWQnOlxuICAgICAgaWNvbkNvbG9yID0gZGVzaWduVG9rZW5zLmNvbG9yU29saWQ7XG4gICAgICBicmVhaztcbiAgICBjYXNlICduZXV0cmFsNjAnOlxuICAgICAgaWNvbkNvbG9yID0gZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwO1xuICAgICAgYnJlYWs7XG4gICAgY2FzZSAnc3VyZmFjZSc6XG4gICAgICBpY29uQ29sb3IgPSBkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlO1xuICAgICAgYnJlYWs7XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICBpY29uQ29sb3IgPSBkZXNpZ25Ub2tlbnMuY29sb3JJbmZvO1xuICAgICAgYnJlYWs7XG4gICAgY2FzZSAncHJpbWFyeSc6XG4gICAgICBpY29uQ29sb3IgPSBkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5O1xuICAgICAgYnJlYWs7XG4gICAgY2FzZSAncHJpbWFyeTQwJzpcbiAgICAgIGljb25Db2xvciA9IGRlc2lnblRva2Vucy5jb2xvclByaW1hcnk0MDtcbiAgICAgIGJyZWFrO1xuICAgIGNhc2UgJ3dhcm5pbmcnOlxuICAgICAgaWNvbkNvbG9yID0gZGVzaWduVG9rZW5zLmNvbG9yV2FybmluZztcbiAgICAgIGJyZWFrO1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIGljb25Db2xvciA9IGRlc2lnblRva2Vucy5jb2xvckVycm9yO1xuICAgICAgYnJlYWs7XG4gICAgY2FzZSAnc3VjY2Vzcyc6XG4gICAgICBpY29uQ29sb3IgPSBkZXNpZ25Ub2tlbnMuY29sb3JTdWNjZXNzO1xuICAgICAgYnJlYWs7XG4gICAgZGVmYXVsdDpcbiAgICAgIGJyZWFrO1xuICB9XG5cbiAgaWYgKCFpY29uQ29sb3IpIHtcbiAgICByZXR1cm4gJ2luaGVyaXQnO1xuICB9XG5cbiAgcmV0dXJuIGljb25Db2xvcjtcbn07XG5cbmV4cG9ydCBjb25zdCBnZXRJY29uU3R5bGVzID0gKHByb3BzOiBUSWNvblByb3BzKSA9PiBjc3NgXG4gICo6bm90KFtmaWxsPSdub25lJ10pIHtcbiAgICBmaWxsOiAke2dldENvbG9yKHByb3BzLmNvbG9yKX07XG4gIH1cbiAgJixcbiAgaW1hZ2Uge1xuICAgICR7Z2V0U2l6ZVN0eWxlKHByb3BzLnNpemUpfTtcbiAgfVxuICBmbGV4LXNocmluazogMDtcbmA7XG4iXX0= */");
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "19.20.1";
+var version = "19.21.0";
 
 exports.ThemeProvider = ThemeProvider;
 exports.customProperties = designTokens$1;

package/dist/commercetools-uikit-design-system.cjs.prod.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
 var _pt = require('prop-types');
 var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
@@ -556,6 +557,7 @@ function transformTokensToCssVarsReferences(tokens) {
   }));
 }
 
+const _excluded = ["parentSelector", "theme"];
 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; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const allThemesNames = _Object$keys__default["default"](themes);
@@ -585,24 +587,29 @@ const applyTheme = _ref => {
   });
   target.setAttribute('data-theme', validTheme);
 };
-const ThemeProvider = props => {
-  const parentSelectorRef = react.useRef(props.parentSelector);
+const ThemeProvider = _ref4 => {
+  let _ref4$parentSelector = _ref4.parentSelector,
+    parentSelector = _ref4$parentSelector === void 0 ? defaultParentSelector : _ref4$parentSelector,
+    _ref4$theme = _ref4.theme,
+    theme = _ref4$theme === void 0 ? 'default' : _ref4$theme,
+    props = _objectWithoutProperties(_ref4, _excluded);
+  const parentSelectorRef = react.useRef(parentSelector);
   const themeNameRef = react.useRef();
   const themeOverridesRef = react.useRef();
   react.useLayoutEffect(() => {
     // We want to make sure we don't really apply the change when the props
     // provided include a new object with the same theme overrides
     // (eg: users providing an inline object as prop to the ThemeProvider)
-    if (themeNameRef.current !== props.theme || !isEqual__default["default"](themeOverridesRef.current, props.themeOverrides)) {
-      themeNameRef.current = props.theme;
+    if (themeNameRef.current !== theme || !isEqual__default["default"](themeOverridesRef.current, props.themeOverrides)) {
+      themeNameRef.current = theme;
       themeOverridesRef.current = props.themeOverrides;
       applyTheme({
-        newTheme: props.theme,
+        newTheme: theme,
         parentSelector: parentSelectorRef.current,
         themeOverrides: props.themeOverrides
       });
     }
-  }, [props.theme, props.themeOverrides]);
+  }, [theme, props.themeOverrides]);
   return null;
 };
 ThemeProvider.propTypes = {
@@ -610,10 +617,6 @@ ThemeProvider.propTypes = {
   theme: _pt__default["default"].string,
   themeOverrides: _pt__default["default"].objectOf(_pt__default["default"].string)
 };
-ThemeProvider.defaultProps = {
-  parentSelector: defaultParentSelector,
-  theme: 'default'
-};
 const useTheme = function () {
   let parentSelector = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultParentSelector;
   const _useState = react.useState('default'),
@@ -755,7 +758,7 @@ const getColor = color => {
 const getIconStyles = props => /*#__PURE__*/react$1.css("*:not([fill='none']){fill:", getColor(props.color), ";}&,image{", getSizeStyle(props.size), ";}flex-shrink:0;" + ("" ), "" );
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "19.20.1";
+var version = "19.21.0";
 
 exports.ThemeProvider = ThemeProvider;
 exports.customProperties = designTokens$1;

package/dist/commercetools-uikit-design-system.esm.js

@@ -1,4 +1,5 @@
 import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
+import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/esm/objectWithoutProperties';
 import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
 import _pt from 'prop-types';
 import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
@@ -532,6 +533,7 @@ function transformTokensToCssVarsReferences(tokens) {
   }));
 }
 
+const _excluded = ["parentSelector", "theme"];
 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; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 const allThemesNames = _Object$keys(themes);
@@ -561,24 +563,29 @@ const applyTheme = _ref => {
   });
   target.setAttribute('data-theme', validTheme);
 };
-const ThemeProvider = props => {
-  const parentSelectorRef = useRef(props.parentSelector);
+const ThemeProvider = _ref4 => {
+  let _ref4$parentSelector = _ref4.parentSelector,
+    parentSelector = _ref4$parentSelector === void 0 ? defaultParentSelector : _ref4$parentSelector,
+    _ref4$theme = _ref4.theme,
+    theme = _ref4$theme === void 0 ? 'default' : _ref4$theme,
+    props = _objectWithoutProperties(_ref4, _excluded);
+  const parentSelectorRef = useRef(parentSelector);
   const themeNameRef = useRef();
   const themeOverridesRef = useRef();
   useLayoutEffect(() => {
     // We want to make sure we don't really apply the change when the props
     // provided include a new object with the same theme overrides
     // (eg: users providing an inline object as prop to the ThemeProvider)
-    if (themeNameRef.current !== props.theme || !isEqual(themeOverridesRef.current, props.themeOverrides)) {
-      themeNameRef.current = props.theme;
+    if (themeNameRef.current !== theme || !isEqual(themeOverridesRef.current, props.themeOverrides)) {
+      themeNameRef.current = theme;
       themeOverridesRef.current = props.themeOverrides;
       applyTheme({
-        newTheme: props.theme,
+        newTheme: theme,
         parentSelector: parentSelectorRef.current,
         themeOverrides: props.themeOverrides
       });
     }
-  }, [props.theme, props.themeOverrides]);
+  }, [theme, props.themeOverrides]);
   return null;
 };
 ThemeProvider.propTypes = {
@@ -586,10 +593,6 @@ ThemeProvider.propTypes = {
   theme: _pt.string,
   themeOverrides: _pt.objectOf(_pt.string)
 };
-ThemeProvider.defaultProps = {
-  parentSelector: defaultParentSelector,
-  theme: 'default'
-};
 const useTheme = function () {
   let parentSelector = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultParentSelector;
   const _useState = useState('default'),
@@ -731,6 +734,6 @@ const getColor = color => {
 const getIconStyles = props => /*#__PURE__*/css("*:not([fill='none']){fill:", getColor(props.color), ";}&,image{", getSizeStyle(props.size), ";}flex-shrink:0;" + (process.env.NODE_ENV === "production" ? "" : ";label:getIconStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImljb24tdXRpbHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEd1RCIsImZpbGUiOiJpY29uLXV0aWxzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgQHR5cGVzY3JpcHQtZXNsaW50L25vLXVudXNlZC12YXJzICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgZGVzaWduVG9rZW5zIGZyb20gJy4vZGVzaWduLXRva2Vucyc7XG5cbmV4cG9ydCB0eXBlIFRJY29uUHJvcHMgPSB7XG4gIGNvbG9yPzpcbiAgICB8ICdzb2xpZCdcbiAgICB8ICduZXV0cmFsNjAnXG4gICAgfCAnc3VyZmFjZSdcbiAgICB8ICdpbmZvJ1xuICAgIHwgJ3ByaW1hcnknXG4gICAgfCAncHJpbWFyeTQwJ1xuICAgIHwgJ3dhcm5pbmcnXG4gICAgfCAnZXJyb3InXG4gICAgfCAnc3VjY2Vzcyc7XG4gIC8qKlxuICAgKiBUaGUgc2l6ZSBvZiB0aGUgaWNvbi4gJ3NtYWxsJywgJ21lZGl1bScsICdiaWcnIGhhdmUgYmVlbiBkZXByZWNhdGVkIGluIGZhdm9yIG9mICcxMCcsICcyMCcsICczMCcsICc0MCcuXG4gICAqL1xuICBzaXplPzogJ3NtYWxsJyB8ICdtZWRpdW0nIHwgJ2JpZycgfCAnc2NhbGUnIHwgJzEwJyB8ICcyMCcgfCAnMzAnIHwgJzQwJztcbn07XG5leHBvcnQgdHlwZSBUU1ZHUHJvcHMgPSBUSWNvblByb3BzICYgeyBjbGFzc05hbWU6IHN0cmluZyB9O1xuXG5jb25zdCBpY29uU2l6ZXMgPSB7XG4gIHNtYWxsOiAxMixcbiAgbWVkaXVtOiAxNixcbiAgYmlnOiAyNCxcbiAgJzEwJzogMTIsXG4gICcyMCc6IDE2LFxuICAnMzAnOiAyMCxcbiAgJzQwJzogMjQsXG59IGFzIGNvbnN0O1xuY29uc3QgZ2V0U2l6ZURpbWVuc2lvbnMgPSAoc2l6ZTogVEljb25Qcm9wc1snc2l6ZSddKSA9PiB7XG4gIHN3aXRjaCAoc2l6ZSkge1xuICAgIGNhc2UgJ3NjYWxlJzpcbiAgICAgIHJldHVybiB7IHdpZHRoOiAnMTAwJScsIGhlaWdodDogJ2F1dG8nIH07XG4gICAgY2FzZSAnc21hbGwnOlxuICAgIGNhc2UgJ21lZGl1bSc6XG4gICAgY2FzZSAnYmlnJzpcbiAgICBjYXNlICcxMCc6XG4gICAgY2FzZSAnMjAnOlxuICAgIGNhc2UgJzMwJzpcbiAgICBjYXNlICc0MCc6XG4gICAgICByZXR1cm4geyB3aWR0aDogYCR7aWNvblNpemVzW3NpemVdfXB4YCwgaGVpZ2h0OiBgJHtpY29uU2l6ZXNbc2l6ZV19cHhgIH07XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiB7IHdpZHRoOiBgJHtpY29uU2l6ZXNbJzQwJ119cHhgLCBoZWlnaHQ6IGAke2ljb25TaXplc1snNDAnXX1weGAgfTtcbiAgfVxufTtcbmNvbnN0IGdldFNpemVTdHlsZSA9IChzaXplOiBUSWNvblByb3BzWydzaXplJ10pID0+IHtcbiAgY29uc3QgZGltZW5zaW9ucyA9IGdldFNpemVEaW1lbnNpb25zKHNpemUpO1xuICBzd2l0Y2ggKHNpemUpIHtcbiAgICBjYXNlICdzY2FsZSc6XG4gICAgICByZXR1cm4gYFxuICAgICAgICAmOm5vdCg6cm9vdCkge1xuICAgICAgICAgIHdpZHRoOiAke2RpbWVuc2lvbnMud2lkdGh9O1xuICAgICAgICAgIGhlaWdodDogJHtkaW1lbnNpb25zLmhlaWdodH07XG4gICAgICAgIH1cbiAgICAgIGA7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBgXG4gICAgICAgIHdpZHRoOiAke2RpbWVuc2lvbnMud2lkdGh9O1xuICAgICAgICBoZWlnaHQ6ICR7ZGltZW5zaW9ucy5oZWlnaHR9O1xuICAgICAgYDtcbiAgfVxufTtcblxuY29uc3QgZ2V0Q29sb3IgPSAoY29sb3I6IFRJY29uUHJvcHNbJ2NvbG9yJ10pID0+IHtcbiAgaWYgKCFjb2xvcikgcmV0dXJuICdpbmhlcml0JztcblxuICBsZXQgaWNvbkNvbG9yO1xuICBzd2l0Y2ggKGNvbG9yKSB7XG4gICAgY2FzZSAnc29saWQnOlxuICAgICAgaWNvbkNvbG9yID0gZGVzaWduVG9rZW5zLmNvbG9yU29saWQ7XG4gICAgICBicmVhaztcbiAgICBjYXNlICduZXV0cmFsNjAnOlxuICAgICAgaWNvbkNvbG9yID0gZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwO1xuICAgICAgYnJlYWs7XG4gICAgY2FzZSAnc3VyZmFjZSc6XG4gICAgICBpY29uQ29sb3IgPSBkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlO1xuICAgICAgYnJlYWs7XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICBpY29uQ29sb3IgPSBkZXNpZ25Ub2tlbnMuY29sb3JJbmZvO1xuICAgICAgYnJlYWs7XG4gICAgY2FzZSAncHJpbWFyeSc6XG4gICAgICBpY29uQ29sb3IgPSBkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5O1xuICAgICAgYnJlYWs7XG4gICAgY2FzZSAncHJpbWFyeTQwJzpcbiAgICAgIGljb25Db2xvciA9IGRlc2lnblRva2Vucy5jb2xvclByaW1hcnk0MDtcbiAgICAgIGJyZWFrO1xuICAgIGNhc2UgJ3dhcm5pbmcnOlxuICAgICAgaWNvbkNvbG9yID0gZGVzaWduVG9rZW5zLmNvbG9yV2FybmluZztcbiAgICAgIGJyZWFrO1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIGljb25Db2xvciA9IGRlc2lnblRva2Vucy5jb2xvckVycm9yO1xuICAgICAgYnJlYWs7XG4gICAgY2FzZSAnc3VjY2Vzcyc6XG4gICAgICBpY29uQ29sb3IgPSBkZXNpZ25Ub2tlbnMuY29sb3JTdWNjZXNzO1xuICAgICAgYnJlYWs7XG4gICAgZGVmYXVsdDpcbiAgICAgIGJyZWFrO1xuICB9XG5cbiAgaWYgKCFpY29uQ29sb3IpIHtcbiAgICByZXR1cm4gJ2luaGVyaXQnO1xuICB9XG5cbiAgcmV0dXJuIGljb25Db2xvcjtcbn07XG5cbmV4cG9ydCBjb25zdCBnZXRJY29uU3R5bGVzID0gKHByb3BzOiBUSWNvblByb3BzKSA9PiBjc3NgXG4gICo6bm90KFtmaWxsPSdub25lJ10pIHtcbiAgICBmaWxsOiAke2dldENvbG9yKHByb3BzLmNvbG9yKX07XG4gIH1cbiAgJixcbiAgaW1hZ2Uge1xuICAgICR7Z2V0U2l6ZVN0eWxlKHByb3BzLnNpemUpfTtcbiAgfVxuICBmbGV4LXNocmluazogMDtcbmA7XG4iXX0= */");
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "19.20.1";
+var version = "19.21.0";
 
 export { ThemeProvider, designTokens$1 as customProperties, designTokens$1 as designTokens, getIconStyles, themes, transformTokensToCssVarsReferences, transformTokensToCssVarsValues, useTheme, version, withThemeContext };

package/dist/declarations/src/theme-provider.d.ts

@@ -3,17 +3,11 @@ import { themes } from "./design-tokens.js";
 type ThemeName = keyof typeof themes;
 declare const defaultParentSelector: () => HTMLElement | null;
 type ThemeProviderProps = {
-    parentSelector: typeof defaultParentSelector;
-    theme: string;
+    parentSelector?: typeof defaultParentSelector;
+    theme?: string;
     themeOverrides?: Record<string, string>;
 };
-declare const ThemeProvider: {
-    (props: ThemeProviderProps): null;
-    defaultProps: {
-        parentSelector: () => HTMLElement | null;
-        theme: string;
-    };
-};
+declare const ThemeProvider: ({ parentSelector, theme, ...props }: ThemeProviderProps) => null;
 type TUseThemeResult = {
     theme: ThemeName;
     themedValue: <Old extends string | ReactNode | undefined, New extends string | ReactNode | undefined>(defaultThemeValue: Old, newThemeValue: New) => Old | New;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@commercetools-uikit/design-system",
   "description": "Core package of the commercetools design system.",
-  "version": "19.20.1",
+  "version": "19.21.0",
   "bugs": "https://github.com/commercetools/ui-kit/issues",
   "repository": {
     "type": "git",
@@ -25,7 +25,7 @@
   "dependencies": {
     "@babel/runtime": "^7.20.13",
     "@babel/runtime-corejs3": "^7.20.13",
-    "@commercetools-uikit/hooks": "19.20.1",
+    "@commercetools-uikit/hooks": "19.21.0",
     "@emotion/react": "^11.10.5",
     "lodash": "4.17.21",
     "prop-types": "15.8.1",