@dfds-ui/react-components 0.8.74-alpha.2802bf41 → 0.8.74-alpha.2d3f8295

package/cjs/badge/Badge.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = Badge;
 
-var _core = require("@emotion/core");
-
 var _react = _interopRequireDefault(require("react"));
 
+var _react2 = require("@emotion/react");
+
 var _theme = require("@dfds-ui/theme");
 
 var _typography = require("@dfds-ui/typography");
@@ -28,12 +28,12 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 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)."; }
 
 var _ref = process.env.NODE_ENV === "production" ? {
-  name: "8uhtka",
-  styles: "overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"
+  name: "1h52dri",
+  styles: "overflow:hidden;text-overflow:ellipsis;white-space:nowrap"
 } : {
-  name: "8uhtka",
-  styles: "overflow:hidden;text-overflow:ellipsis;white-space:nowrap;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9iYWRnZS9CYWRnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0RnQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvYmFkZ2UvQmFkZ2UudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IEludGVudCwgZ2V0SW50ZW50Q29sb3IsIGdldEludGVudFRleHRDb2xvciB9IGZyb20gJy4uL2NvbW1vbi9pbnRlbnQnXG5pbXBvcnQgRmxleEJveCwgeyBGbGV4Qm94UHJvcHMgfSBmcm9tICcuLi9mbGV4Ym94L0ZsZXhCb3gnXG5cbmV4cG9ydCB0eXBlIEJhZGdlUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBTcGVjaWZpZXMgdGhlIGludGVudCBvZiB0aGUgQmFkZ2VcbiAgICovXG4gIGludGVudD86IEludGVudFxuXG4gIC8qKlxuICAgKiBUZXh0IHRvIGJlIHNob3duIGluIHRoZSBiYWRnZSAodXN1YWxseSBqdXN0IGEgc3RyaW5nKVxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZVxuICAvKipcbiAgICogQ2xhc3MgbmFtZSB0byBiZSBhZGRlZCB0byB0aGUgYmFkZ2VcbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuXG4gIC8qKlxuICAgKiBQcm9wcyBjb250cm9sbGluZyB0aGUgZmxleGJveFxuICAgKi9cbiAgZmxleEJveFByb3BzPzogRmxleEJveFByb3BzXG5cbiAgLyoqXG4gICAqIEhUTUwgdGFnIG9yIGN1c3RvbSBjb21wb25lbnQgYmVpbmcgcmVuZGVyZWRcbiAgICovXG4gIGFzPzogUmVhY3QuRWxlbWVudFR5cGVcbn1cblxuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gQmFkZ2Uoe1xuICBhcyA9ICdkaXYnLFxuICBjaGlsZHJlbixcbiAgaW50ZW50ID0gJ25vbmUnLFxuICBmbGV4Qm94UHJvcHMgPSB7IGlubGluZTogdHJ1ZSB9LFxuICAuLi5yZXN0XG59OiBCYWRnZVByb3BzKSB7XG4gIHJldHVybiAoXG4gICAgPEZsZXhCb3hcbiAgICAgIGFzPXthc31cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldEludGVudENvbG9yKGludGVudCl9O1xuICAgICAgICBib3JkZXItcmFkaXVzOiAwLjYyNXJlbTtcbiAgICAgICAgY29sb3I6ICR7Z2V0SW50ZW50VGV4dENvbG9yKGludGVudCl9O1xuICAgICAgICBoZWlnaHQ6IDEuMjVyZW07XG4gICAgICAgIG1heC13aWR0aDogJHtmbGV4Qm94UHJvcHMuaW5saW5lICYmIGBjYWxjKDEwMCUgLSAke3RoZW1lLnNwYWNpbmcueHN9KWB9O1xuICAgICAgICBwYWRkaW5nOiAwICR7dGhlbWUuc3BhY2luZy54c307XG4gICAgICBgfVxuICAgICAgey4uLmZsZXhCb3hQcm9wc31cbiAgICAgIHsuLi5yZXN0fVxuICAgID5cbiAgICAgIDxUZXh0XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gICAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICAgICAgYH1cbiAgICAgICAgc3R5bGVkQXM9XCJib2R5SW50ZXJmYWNlU21hbGxcIlxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1RleHQ+XG4gICAgPC9GbGV4Qm94PlxuICApXG59XG4iXX0= */",
+  name: "vqzb74-Badge",
+  styles: "overflow:hidden;text-overflow:ellipsis;white-space:nowrap;label:Badge;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9iYWRnZS9CYWRnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0RnQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvYmFkZ2UvQmFkZ2UudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5pbXBvcnQgeyBJbnRlbnQsIGdldEludGVudENvbG9yLCBnZXRJbnRlbnRUZXh0Q29sb3IgfSBmcm9tICcuLi9jb21tb24vaW50ZW50J1xuaW1wb3J0IEZsZXhCb3gsIHsgRmxleEJveFByb3BzIH0gZnJvbSAnLi4vZmxleGJveC9GbGV4Qm94J1xuXG5leHBvcnQgdHlwZSBCYWRnZVByb3BzID0ge1xuICAvKipcbiAgICogU3BlY2lmaWVzIHRoZSBpbnRlbnQgb2YgdGhlIEJhZGdlXG4gICAqL1xuICBpbnRlbnQ/OiBJbnRlbnRcblxuICAvKipcbiAgICogVGV4dCB0byBiZSBzaG93biBpbiB0aGUgYmFkZ2UgKHVzdWFsbHkganVzdCBhIHN0cmluZylcbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVcbiAgLyoqXG4gICAqIENsYXNzIG5hbWUgdG8gYmUgYWRkZWQgdG8gdGhlIGJhZGdlXG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcblxuICAvKipcbiAgICogUHJvcHMgY29udHJvbGxpbmcgdGhlIGZsZXhib3hcbiAgICovXG4gIGZsZXhCb3hQcm9wcz86IEZsZXhCb3hQcm9wc1xuXG4gIC8qKlxuICAgKiBIVE1MIHRhZyBvciBjdXN0b20gY29tcG9uZW50IGJlaW5nIHJlbmRlcmVkXG4gICAqL1xuICBhcz86IFJlYWN0LkVsZW1lbnRUeXBlXG59XG5cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIEJhZGdlKHtcbiAgYXMgPSAnZGl2JyxcbiAgY2hpbGRyZW4sXG4gIGludGVudCA9ICdub25lJyxcbiAgZmxleEJveFByb3BzID0geyBpbmxpbmU6IHRydWUgfSxcbiAgLi4ucmVzdFxufTogQmFkZ2VQcm9wcykge1xuICByZXR1cm4gKFxuICAgIDxGbGV4Qm94XG4gICAgICBhcz17YXN9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRJbnRlbnRDb2xvcihpbnRlbnQpfTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogMC42MjVyZW07XG4gICAgICAgIGNvbG9yOiAke2dldEludGVudFRleHRDb2xvcihpbnRlbnQpfTtcbiAgICAgICAgaGVpZ2h0OiAxLjI1cmVtO1xuICAgICAgICBtYXgtd2lkdGg6ICR7ZmxleEJveFByb3BzLmlubGluZSAmJiBgY2FsYygxMDAlIC0gJHt0aGVtZS5zcGFjaW5nLnhzfSlgfTtcbiAgICAgICAgcGFkZGluZzogMCAke3RoZW1lLnNwYWNpbmcueHN9O1xuICAgICAgYH1cbiAgICAgIHsuLi5mbGV4Qm94UHJvcHN9XG4gICAgICB7Li4ucmVzdH1cbiAgICA+XG4gICAgICA8VGV4dFxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAgICAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgICAgIGB9XG4gICAgICAgIHN0eWxlZEFzPVwiYm9keUludGVyZmFjZVNtYWxsXCJcbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9UZXh0PlxuICAgIDwvRmxleEJveD5cbiAgKVxufVxuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 
@@ -49,10 +49,10 @@ function Badge(_ref2) {
   } : _ref2$flexBoxProps,
       rest = _objectWithoutProperties(_ref2, ["as", "children", "intent", "flexBoxProps"]);
 
-  return (0, _core.jsx)(_FlexBox.default, _extends({
+  return (0, _react2.jsx)(_FlexBox.default, _extends({
     as: as,
-    css: /*#__PURE__*/(0, _core.css)("align-items:center;background-color:", (0, _intent.getIntentColor)(intent), ";border-radius:0.625rem;color:", (0, _intent.getIntentTextColor)(intent), ";height:1.25rem;max-width:", flexBoxProps.inline && `calc(100% - ${_theme.theme.spacing.xs})`, ";padding:0 ", _theme.theme.spacing.xs, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9iYWRnZS9CYWRnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkNjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9iYWRnZS9CYWRnZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9jb3JlJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IFRleHQgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuaW1wb3J0IHsgSW50ZW50LCBnZXRJbnRlbnRDb2xvciwgZ2V0SW50ZW50VGV4dENvbG9yIH0gZnJvbSAnLi4vY29tbW9uL2ludGVudCdcbmltcG9ydCBGbGV4Qm94LCB7IEZsZXhCb3hQcm9wcyB9IGZyb20gJy4uL2ZsZXhib3gvRmxleEJveCdcblxuZXhwb3J0IHR5cGUgQmFkZ2VQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFNwZWNpZmllcyB0aGUgaW50ZW50IG9mIHRoZSBCYWRnZVxuICAgKi9cbiAgaW50ZW50PzogSW50ZW50XG5cbiAgLyoqXG4gICAqIFRleHQgdG8gYmUgc2hvd24gaW4gdGhlIGJhZGdlICh1c3VhbGx5IGp1c3QgYSBzdHJpbmcpXG4gICAqL1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlXG4gIC8qKlxuICAgKiBDbGFzcyBuYW1lIHRvIGJlIGFkZGVkIHRvIHRoZSBiYWRnZVxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG5cbiAgLyoqXG4gICAqIFByb3BzIGNvbnRyb2xsaW5nIHRoZSBmbGV4Ym94XG4gICAqL1xuICBmbGV4Qm94UHJvcHM/OiBGbGV4Qm94UHJvcHNcblxuICAvKipcbiAgICogSFRNTCB0YWcgb3IgY3VzdG9tIGNvbXBvbmVudCBiZWluZyByZW5kZXJlZFxuICAgKi9cbiAgYXM/OiBSZWFjdC5FbGVtZW50VHlwZVxufVxuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBCYWRnZSh7XG4gIGFzID0gJ2RpdicsXG4gIGNoaWxkcmVuLFxuICBpbnRlbnQgPSAnbm9uZScsXG4gIGZsZXhCb3hQcm9wcyA9IHsgaW5saW5lOiB0cnVlIH0sXG4gIC4uLnJlc3Rcbn06IEJhZGdlUHJvcHMpIHtcbiAgcmV0dXJuIChcbiAgICA8RmxleEJveFxuICAgICAgYXM9e2FzfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0SW50ZW50Q29sb3IoaW50ZW50KX07XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDAuNjI1cmVtO1xuICAgICAgICBjb2xvcjogJHtnZXRJbnRlbnRUZXh0Q29sb3IoaW50ZW50KX07XG4gICAgICAgIGhlaWdodDogMS4yNXJlbTtcbiAgICAgICAgbWF4LXdpZHRoOiAke2ZsZXhCb3hQcm9wcy5pbmxpbmUgJiYgYGNhbGMoMTAwJSAtICR7dGhlbWUuc3BhY2luZy54c30pYH07XG4gICAgICAgIHBhZGRpbmc6IDAgJHt0aGVtZS5zcGFjaW5nLnhzfTtcbiAgICAgIGB9XG4gICAgICB7Li4uZmxleEJveFByb3BzfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAgPFRleHRcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgICAgICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgICAgICBgfVxuICAgICAgICBzdHlsZWRBcz1cImJvZHlJbnRlcmZhY2VTbWFsbFwiXG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvVGV4dD5cbiAgICA8L0ZsZXhCb3g+XG4gIClcbn1cbiJdfQ== */"))
-  }, flexBoxProps, rest), (0, _core.jsx)(_typography.Text, {
+    css: /*#__PURE__*/(0, _react2.css)("align-items:center;background-color:", (0, _intent.getIntentColor)(intent), ";border-radius:0.625rem;color:", (0, _intent.getIntentTextColor)(intent), ";height:1.25rem;max-width:", flexBoxProps.inline && `calc(100% - ${_theme.theme.spacing.xs})`, ";padding:0 ", _theme.theme.spacing.xs, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Badge;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9iYWRnZS9CYWRnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkNjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9iYWRnZS9CYWRnZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IEludGVudCwgZ2V0SW50ZW50Q29sb3IsIGdldEludGVudFRleHRDb2xvciB9IGZyb20gJy4uL2NvbW1vbi9pbnRlbnQnXG5pbXBvcnQgRmxleEJveCwgeyBGbGV4Qm94UHJvcHMgfSBmcm9tICcuLi9mbGV4Ym94L0ZsZXhCb3gnXG5cbmV4cG9ydCB0eXBlIEJhZGdlUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBTcGVjaWZpZXMgdGhlIGludGVudCBvZiB0aGUgQmFkZ2VcbiAgICovXG4gIGludGVudD86IEludGVudFxuXG4gIC8qKlxuICAgKiBUZXh0IHRvIGJlIHNob3duIGluIHRoZSBiYWRnZSAodXN1YWxseSBqdXN0IGEgc3RyaW5nKVxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZVxuICAvKipcbiAgICogQ2xhc3MgbmFtZSB0byBiZSBhZGRlZCB0byB0aGUgYmFkZ2VcbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuXG4gIC8qKlxuICAgKiBQcm9wcyBjb250cm9sbGluZyB0aGUgZmxleGJveFxuICAgKi9cbiAgZmxleEJveFByb3BzPzogRmxleEJveFByb3BzXG5cbiAgLyoqXG4gICAqIEhUTUwgdGFnIG9yIGN1c3RvbSBjb21wb25lbnQgYmVpbmcgcmVuZGVyZWRcbiAgICovXG4gIGFzPzogUmVhY3QuRWxlbWVudFR5cGVcbn1cblxuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gQmFkZ2Uoe1xuICBhcyA9ICdkaXYnLFxuICBjaGlsZHJlbixcbiAgaW50ZW50ID0gJ25vbmUnLFxuICBmbGV4Qm94UHJvcHMgPSB7IGlubGluZTogdHJ1ZSB9LFxuICAuLi5yZXN0XG59OiBCYWRnZVByb3BzKSB7XG4gIHJldHVybiAoXG4gICAgPEZsZXhCb3hcbiAgICAgIGFzPXthc31cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldEludGVudENvbG9yKGludGVudCl9O1xuICAgICAgICBib3JkZXItcmFkaXVzOiAwLjYyNXJlbTtcbiAgICAgICAgY29sb3I6ICR7Z2V0SW50ZW50VGV4dENvbG9yKGludGVudCl9O1xuICAgICAgICBoZWlnaHQ6IDEuMjVyZW07XG4gICAgICAgIG1heC13aWR0aDogJHtmbGV4Qm94UHJvcHMuaW5saW5lICYmIGBjYWxjKDEwMCUgLSAke3RoZW1lLnNwYWNpbmcueHN9KWB9O1xuICAgICAgICBwYWRkaW5nOiAwICR7dGhlbWUuc3BhY2luZy54c307XG4gICAgICBgfVxuICAgICAgey4uLmZsZXhCb3hQcm9wc31cbiAgICAgIHsuLi5yZXN0fVxuICAgID5cbiAgICAgIDxUZXh0XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gICAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICAgICAgYH1cbiAgICAgICAgc3R5bGVkQXM9XCJib2R5SW50ZXJmYWNlU21hbGxcIlxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1RleHQ+XG4gICAgPC9GbGV4Qm94PlxuICApXG59XG4iXX0= */")
+  }, flexBoxProps, rest), (0, _react2.jsx)(_typography.Text, {
     css: _ref,
     styledAs: "bodyInterfaceSmall"
   }, children));

package/cjs/button/BadgeIcon.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.BadgeIcon = void 0;
 
-var _core = require("@emotion/core");
-
 var _react = _interopRequireDefault(require("react"));
 
+var _react2 = require("@emotion/react");
+
 var _theme = require("@dfds-ui/theme");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -17,18 +17,18 @@ const BadgeIcon = ({
   letter,
   className
 }) => {
-  return (0, _core.jsx)("svg", {
-    css: /*#__PURE__*/(0, _core.css)("font-family:", _theme.theme.fontFamilies.display, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9idXR0b24vQmFkZ2VJY29uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZYyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvYnV0dG9uL0JhZGdlSWNvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9jb3JlJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxuZXhwb3J0IHR5cGUgQmFkZ2VJY29uUHJvcHMgPSB7XG4gIGxldHRlcjogc3RyaW5nXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xufVxuXG5leHBvcnQgY29uc3QgQmFkZ2VJY29uID0gKHsgbGV0dGVyLCBjbGFzc05hbWUgfTogQmFkZ2VJY29uUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8c3ZnXG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZm9udC1mYW1pbHk6ICR7dGhlbWUuZm9udEZhbWlsaWVzLmRpc3BsYXl9O1xuICAgICAgYH1cbiAgICAgIHdpZHRoPVwiMWVtXCJcbiAgICAgIGhlaWdodD1cIjFlbVwiXG4gICAgICB2aWV3Qm94PVwiMCAwIDI0IDI0XCJcbiAgICAgIGZvY3VzYWJsZT17ZmFsc2V9XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICA+XG4gICAgICA8Y2lyY2xlIGN4PVwiNTAlXCIgY3k9XCI1MCVcIiByPVwiNTAlXCIgLz5cbiAgICAgIDx0ZXh0IHRleHRBbmNob3I9XCJtaWRkbGVcIiB4PVwiNTAlXCIgeT1cIjUwJVwiIGR5PVwiMC4zMjVlbVwiIGZvbnRTaXplPVwiMC44NzVyZW1cIiBmb250V2VpZ2h0PXsyMDB9IGZpbGw9XCIjZmZmXCI+XG4gICAgICAgIHtsZXR0ZXIudG9VcHBlckNhc2UoKX1cbiAgICAgIDwvdGV4dD5cbiAgICA8L3N2Zz5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBCYWRnZUljb25cbiJdfQ== */")),
+  return (0, _react2.jsx)("svg", {
+    css: /*#__PURE__*/(0, _react2.css)("font-family:", _theme.theme.fontFamilies.display, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:BadgeIcon;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9idXR0b24vQmFkZ2VJY29uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZYyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvYnV0dG9uL0JhZGdlSWNvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmV4cG9ydCB0eXBlIEJhZGdlSWNvblByb3BzID0ge1xuICBsZXR0ZXI6IHN0cmluZ1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbn1cblxuZXhwb3J0IGNvbnN0IEJhZGdlSWNvbiA9ICh7IGxldHRlciwgY2xhc3NOYW1lIH06IEJhZGdlSWNvblByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPHN2Z1xuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGZvbnQtZmFtaWx5OiAke3RoZW1lLmZvbnRGYW1pbGllcy5kaXNwbGF5fTtcbiAgICAgIGB9XG4gICAgICB3aWR0aD1cIjFlbVwiXG4gICAgICBoZWlnaHQ9XCIxZW1cIlxuICAgICAgdmlld0JveD1cIjAgMCAyNCAyNFwiXG4gICAgICBmb2N1c2FibGU9e2ZhbHNlfVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgPlxuICAgICAgPGNpcmNsZSBjeD1cIjUwJVwiIGN5PVwiNTAlXCIgcj1cIjUwJVwiIC8+XG4gICAgICA8dGV4dCB0ZXh0QW5jaG9yPVwibWlkZGxlXCIgeD1cIjUwJVwiIHk9XCI1MCVcIiBkeT1cIjAuMzI1ZW1cIiBmb250U2l6ZT1cIjAuODc1cmVtXCIgZm9udFdlaWdodD17MjAwfSBmaWxsPVwiI2ZmZlwiPlxuICAgICAgICB7bGV0dGVyLnRvVXBwZXJDYXNlKCl9XG4gICAgICA8L3RleHQ+XG4gICAgPC9zdmc+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgQmFkZ2VJY29uXG4iXX0= */"),
     width: "1em",
     height: "1em",
     viewBox: "0 0 24 24",
     focusable: false,
     className: className
-  }, (0, _core.jsx)("circle", {
+  }, (0, _react2.jsx)("circle", {
     cx: "50%",
     cy: "50%",
     r: "50%"
-  }), (0, _core.jsx)("text", {
+  }), (0, _react2.jsx)("text", {
     textAnchor: "middle",
     x: "50%",
     y: "50%",

package/cjs/button/BaseButton.d.ts

@@ -5,7 +5,10 @@ export declare type ButtonVariation = typeof variations[number];
 export declare type ButtonVariationProps = {
     variation?: ButtonVariation;
 };
-export declare const BaseButton: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+export declare const BaseButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+} & {
     selected?: boolean | undefined;
-}, object>;
-export declare function getButtonVariationStyle(variation?: ButtonVariation): import("@emotion/utils").SerializedStyles;
+}, React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare function getButtonVariationStyle(variation?: ButtonVariation): import("@emotion/react").SerializedStyles;

package/cjs/button/BaseButton.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.getButtonVariationStyle = getButtonVariationStyle;
 exports.BaseButton = exports.variations = void 0;
 
-var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
 
 var _buttonStyle = require("./button-style");
 
@@ -16,8 +16,11 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 const variations = ['primary', 'secondary', 'outlined', 'text', 'danger', 'link'];
 exports.variations = variations;
-const BaseButton = (0, _styledBase.default)("button", {
+const BaseButton = (0, _base.default)("button", process.env.NODE_ENV === "production" ? {
   target: "egdn0t20"
+} : {
+  target: "egdn0t20",
+  label: "BaseButton"
 })(_buttonStyle.baseButtonStyle, ";", props => _theme.theme.states.overlay(props.selected), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9idXR0b24vQmFzZUJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWStEIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9idXR0b24vQmFzZUJ1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGJhc2VCdXR0b25TdHlsZSwgcHJpbWFyeUJ1dHRvblN0eWxlcywgc2Vjb25kYXJ5QnV0dG9uU3R5bGVzLCBvdXRsaW5lZEJ1dHRvblN0eWxlcyB9IGZyb20gJy4vYnV0dG9uLXN0eWxlJ1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG5leHBvcnQgY29uc3QgdmFyaWF0aW9ucyA9IFsncHJpbWFyeScsICdzZWNvbmRhcnknLCAnb3V0bGluZWQnLCAndGV4dCcsICdkYW5nZXInLCAnbGluayddIGFzIGNvbnN0XG5cbmV4cG9ydCB0eXBlIEJhc2VCdXR0b25Qcm9wcyA9IFJlYWN0LlByb3BzV2l0aG91dFJlZjxKU1guSW50cmluc2ljRWxlbWVudHNbJ2J1dHRvbiddPlxuXG5leHBvcnQgdHlwZSBCdXR0b25WYXJpYXRpb24gPSB0eXBlb2YgdmFyaWF0aW9uc1tudW1iZXJdXG5leHBvcnQgdHlwZSBCdXR0b25WYXJpYXRpb25Qcm9wcyA9IHsgdmFyaWF0aW9uPzogQnV0dG9uVmFyaWF0aW9uIH1cblxuZXhwb3J0IGNvbnN0IEJhc2VCdXR0b24gPSBzdHlsZWQuYnV0dG9uPHsgc2VsZWN0ZWQ/OiBib29sZWFuIH0+YFxuICAke2Jhc2VCdXR0b25TdHlsZX07XG4gICR7KHByb3BzKSA9PiB0aGVtZS5zdGF0ZXMub3ZlcmxheShwcm9wcy5zZWxlY3RlZCl9O1xuYFxuXG5leHBvcnQgZnVuY3Rpb24gZ2V0QnV0dG9uVmFyaWF0aW9uU3R5bGUodmFyaWF0aW9uPzogQnV0dG9uVmFyaWF0aW9uKSB7XG4gIHN3aXRjaCAodmFyaWF0aW9uKSB7XG4gICAgZGVmYXVsdDpcbiAgICBjYXNlICdwcmltYXJ5JzpcbiAgICAgIHJldHVybiBwcmltYXJ5QnV0dG9uU3R5bGVzXG4gICAgY2FzZSAnc2Vjb25kYXJ5JzpcbiAgICAgIHJldHVybiBzZWNvbmRhcnlCdXR0b25TdHlsZXNcbiAgICBjYXNlICdvdXRsaW5lZCc6XG4gICAgICByZXR1cm4gb3V0bGluZWRCdXR0b25TdHlsZXNcbiAgfVxufVxuIl19 */"));
 exports.BaseButton = BaseButton;