kitchen-simulator 5.0.0-test.3 → 5.0.0-test.5

package/lib/components/wizardstep/button/styles.js

@@ -1,67 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.WizardStepWrapper = exports.WizardIntro = exports.TitleBarWrapper = exports.TitleBarButtonWrapper = exports.TitleBarButton = exports.TitleBar = exports.Title = exports.StepBulletLabel = exports.StepBulletIcon = exports.StepBullet = exports.StepBarWrapper = exports.StepBarIcon = exports.SelectArrow = exports.RoomContentImage = exports.MeasurementUnitSelect = exports.MeasurementUnitOption = exports.MeasurementUnitLabel = exports.MaskImageWrapper = exports.IntroTitle = exports.IntroSelect = exports.IntroPlane = exports.IntroMark = exports.IntroItemText = exports.IntroItem = exports.IntroDescription = exports.FinishContentImageWrapper = exports.FinishContentImage = exports.DoorStyleWrapper = exports.DoorStyleContentItem = exports.DoorStyleContentImageWrapper = exports.DoorStyleContentImage = exports.DoorCategoryContentImageWrapper = exports.DoorCategoryContentImage = exports.DialogContent = exports.DialogAction = exports.Description = exports.ContentWrapper2 = exports.ContentWrapper1 = exports.ContentWrapper = exports.ContentItemLabel = exports.ContentItem = exports.ContentCheckImage = exports.ConfirmButton = exports.ColorContentItem = exports.ColorContentImage = exports.CeilingHeight = exports.Button = void 0;
-var _constants = require("../../../constants");
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40, _templateObject41, _templateObject42, _templateObject43, _templateObject44, _templateObject45;
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-var WizardIntro = exports.WizardIntro = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: absolute;\n  left: 0;\n  top: 60px;\n  width: 100%;\n  height: calc(100% - 60px);\n  display: flex;\n"])));
-var IntroPlane = exports.IntroPlane = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  position: relative;\n  margin: auto;\n  width: 700px;\n  padding: 50px 70px;\n  user-select: none;\n  text-align: center;\n  border-radius: 10px;\n  z-index: 10;\n  flex-flow: column;\n  background-color: rgb(255, 255, 255);\n  box-shadow: 0px 3px 5px -1px rgba(156, 154, 154, 0.2),\n    0px 6px 10px 0px rgba(156, 154, 154, 0.39),\n    0px 1px 18px 0px rgba(156, 154, 154, 0.12);\n"])));
-var IntroMark = exports.IntroMark = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  margin-bottom: 20px;\n"])));
-var IntroTitle = exports.IntroTitle = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  font-size: 26px;\n  font-weight: 700;\n  line-height: 36px;\n  margin-bottom: 10px;\n"])));
-var IntroDescription = exports.IntroDescription = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 22px;\n"])));
-var IntroSelect = exports.IntroSelect = _styledComponents["default"].div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-around;\n  margin-top: 40px;\n"])));
-var IntroItem = exports.IntroItem = _styledComponents["default"].div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: block;\n  text-align: center;\n  img {\n    cursor: pointer;\n  }\n"])));
-var IntroItemText = exports.IntroItemText = _styledComponents["default"].div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  margin-top: 10px;\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 18px;\n"])));
-var WizardStepWrapper = exports.WizardStepWrapper = _styledComponents["default"].div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  position: absolute;\n  left: 25px;\n  top: 90px;\n  z-index: 10;\n  flex-flow: column;\n  background-color: rgb(255, 255, 255);\n  box-shadow: 0px 3px 5px -1px rgba(156, 154, 154, 0.2),\n    0px 6px 10px 0px rgba(156, 154, 154, 0.39),\n    0px 1px 18px 0px rgba(156, 154, 154, 0.12);\n  border-radius: 10px;\n  padding: 25px;\n  user-select: none;\n  max-height: calc(100vh - 110px);\n  display: flex;\n  max-width: calc(100vw - 50px);\n  overflow-y: auto;\n"])));
-var TitleBarWrapper = exports.TitleBarWrapper = _styledComponents["default"].div(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  position: relative;\n"])));
-var TitleBar = exports.TitleBar = _styledComponents["default"].div(_templateObject1 || (_templateObject1 = _taggedTemplateLiteral(["\n  font-size: 26px;\n  font-family: ", ";\n  font-weight: 700;\n  line-height: 36px;\n  color: ", ";\n  text-align: left;\n"])), _constants.DEFAULT_FONT_FAMILY, _constants.TEXT_COLOR_NEUTRAL_0);
-var TitleBarButtonWrapper = exports.TitleBarButtonWrapper = _styledComponents["default"].div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n"])));
-var TitleBarButton = exports.TitleBarButton = _styledComponents["default"].button(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  display: flex;\n  cursor: pointor;\n  align-items: center;\n  color: ", ";\n  outline: 0;\n\n  @media screen and (min-width: 1024) {\n    font-size: 11px;\n  }\n  @media screen and (max-width: 1024) {\n    font-size: 11px;\n  }\n  @media screen and (min-width: 1366) {\n    font-size: 13px;\n  }\n  @media screen and (max-width: 1366) {\n    font-size: 13px;\n  }\n  @media screen and (min-width: 1440) {\n    font-size: 16px;\n  }\n  @media screen and (max-width: 1440) {\n    font-size: 16px;\n  }\n  font-family: ", ";\n  font-weight: 600;\n  font-size: 16px;\n  margin-left: 10px;\n  padding: 8px 14px;\n  border: 1px solid;\n  justify-content: center;\n  cursor: pointer;\n  border-radius: 5px;\n  line-height: 22px;\n  text-align: center;\n  background-color: ", ";\n  :hover {\n    background-color: ", ";\n  }\n  :active {\n    background-color: ", ";\n  }\n  :focus {\n    // box-shadow: 0px 0px 8px 2px ", ";\n  }\n"])), _constants.SECONDARY_PURPLE_COLOR, _constants.DEFAULT_FONT_FAMILY, _constants.BG_COLOR_1, _constants.BG_COLOR_0, _constants.BG_COLOR_0, _constants.SECONDARY_PURPLE_COLOR);
-var ConfirmButton = exports.ConfirmButton = _styledComponents["default"].button(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  display: flex;\n  cursor: pointor;\n  align-items: center;\n  color: ", ";\n  background-color: ", ";\n\n  @media screen and (min-width: 1024) {\n    font-size: 11px;\n  }\n  @media screen and (max-width: 1024) {\n    font-size: 11px;\n  }\n  @media screen and (min-width: 1366) {\n    font-size: 13px;\n  }\n  @media screen and (max-width: 1366) {\n    font-size: 13px;\n  }\n  @media screen and (min-width: 1440) {\n    font-size: 16px;\n  }\n  @media screen and (max-width: 1440) {\n    font-size: 16px;\n  }\n  font-family: ", ";\n  font-weight: 600;\n  font-size: 16px;\n  margin-left: 10px;\n  padding: 8px 14px;\n  border: 1px solid ", ";\n  justify-content: center;\n  cursor: pointer;\n  border-radius: 5px;\n  line-height: 22px;\n  text-align: center;\n  :hover {\n    background-color: ", ";\n    border-color: ", ";\n  }\n  :active {\n    background-color: ", ";\n    border-color: ", ";\n  }\n"])), _constants.BG_COLOR_1, _constants.SECONDARY_PURPLE_COLOR, _constants.DEFAULT_FONT_FAMILY, _constants.SECONDARY_PURPLE_COLOR, _constants.SHADE_LIGHT_PURPLE_COLOR, _constants.SHADE_LIGHT_PURPLE_COLOR, _constants.SHADE_DARK_PURPLE_COLOR, _constants.SHADE_DARK_PURPLE_COLOR);
-var StepBarWrapper = exports.StepBarWrapper = _styledComponents["default"].div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  align-items: flex-start;\n  flex-direction: row;\n  display: flex;\n  padding: 25px;\n  box-shadow: none;\n  color: rgba(0, 0, 0, 0.87);\n  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n  background-color: ", ";\n"])), _constants.BG_COLOR_1);
-var StepBullet = exports.StepBullet = _styledComponents["default"].div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  flex-direction: column;\n  flex: 1;\n  position: relative;\n  min-width: 230px;\n  max-width: 230px;\n  display: flex;\n  align-items: center;\n"])));
-var StepBulletLabel = exports.StepBulletLabel = _styledComponents["default"].span(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  margin-bottom: 5px;\n  text-align: center;\n  color: ", ";\n  display: block;\n  font-size: 16px;\n  font-family: ", ";\n  font-weight: 600;\n  line-height: 22px;\n  text-align: center;\n"])), _constants.TEXT_COLOR_NEUTRAL_1, _constants.DEFAULT_FONT_FAMILY);
-var StepBulletIcon = exports.StepBulletIcon = _styledComponents["default"].img(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n  justify-content: center;\n  display: flex;\n  flex-shrink: 0;\n  cursor: pointer;\n  width: 16px;\n"])));
-var StepBarIcon = exports.StepBarIcon = _styledComponents["default"].img(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n  width: 250px;\n  display: block;\n"])));
-var ContentWrapper = exports.ContentWrapper = _styledComponents["default"].div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  margin-top: 30px;\n"])));
-var ContentWrapper1 = exports.ContentWrapper1 = _styledComponents["default"].div(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n  display: flex;\n  margin-top: 20px;\n"])));
-var ContentItem = exports.ContentItem = _styledComponents["default"].div(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  align-items: center;\n  margin-right: 30px;\n  cursor: pointer;\n  img#check {\n    display: none;\n  }\n  span#hint {\n    display: none;\n  }\n  :hover {\n    img#check {\n      display: block;\n      background-color: ", ";\n      z-index: 1;\n    }\n    span#hint {\n      display: block;\n    }\n  }\n"])), _constants.BG_COLOR_HOVER);
-var ContentItemLabel = exports.ContentItemLabel = _styledComponents["default"].span(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n  margin-top: 10px;\n  color: ", ";\n  margin-bottom: 7px;\n  font-family: ", ";\n  /* @media screen and (min-width : 1024){font-size : 11px;}\n@media screen and (max-width : 1024){font-size : 11px;}\n@media screen and (min-width : 1366){font-size : 13px;}\n@media screen and (max-width : 1366){font-size : 13px;}\n@media screen and (min-width : 1440){font-size : 16px;}\n@media screen and (max-width : 1440){font-size : 16px;} */\n  font-weight: 600;\n  font-size: 16px;\n  line-height: 22px;\n  text-align: center;\n  cursor: pointer;\n"])), _constants.TEXT_COLOR_NEUTRAL_0, _constants.DEFAULT_FONT_FAMILY);
-var MeasurementUnitLabel = exports.MeasurementUnitLabel = _styledComponents["default"].span(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n  position: absolute;\n  left: 8px;\n\n  @media screen and (min-width: 1024) {\n    font-size: 11px;\n  }\n  @media screen and (max-width: 1024) {\n    font-size: 11px;\n  }\n  @media screen and (min-width: 1366) {\n    font-size: 13px;\n  }\n  @media screen and (max-width: 1366) {\n    font-size: 13px;\n  }\n  @media screen and (min-width: 1440) {\n    font-size: 16px;\n  }\n  @media screen and (max-width: 1440) {\n    font-size: 16px;\n  }\n  line-height: 22px;\n  padding: 0px 8px;\n  top: -9px;\n  font-weight: 400;\n  font-size: 16px;\n  text-align: left;\n  background-color: ", ";\n  color: ", ";\n  font-family: ", ";\n"])), _constants.BG_COLOR_1, _constants.TEXT_COLOR_NEUTRAL_1, _constants.DEFAULT_FONT_FAMILY);
-var MeasurementUnitSelect = exports.MeasurementUnitSelect = _styledComponents["default"].div(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n  cursor: pointer;\n  width: 170px;\n  padding: 15px 15px;\n  color: ", ";\n\n  @media screen and (min-width: 1024) {\n    font-size: 11px;\n  }\n  @media screen and (max-width: 1024) {\n    font-size: 11px;\n  }\n  @media screen and (min-width: 1366) {\n    font-size: 13px;\n  }\n  @media screen and (max-width: 1366) {\n    font-size: 13px;\n  }\n  @media screen and (min-width: 1440) {\n    font-size: 16px;\n  }\n  @media screen and (max-width: 1440) {\n    font-size: 16px;\n  }\n  font-weight: 600;\n  line-height: 18px;\n  text-align: left;\n  font-family: ", ";\n  border-radius: 5px;\n  border: 2px solid ", ";\n"])), _constants.TEXT_COLOR_NEUTRAL_0, _constants.DEFAULT_FONT_FAMILY, _constants.TEXT_COLOR_NEUTRAL_3);
-var MeasurementUnitOption = exports.MeasurementUnitOption = _styledComponents["default"].div(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n  padding: 12px 20px;\n\n  @media screen and (min-width: 1024) {\n    font-size: 11px;\n  }\n  @media screen and (max-width: 1024) {\n    font-size: 11px;\n  }\n  @media screen and (min-width: 1366) {\n    font-size: 13px;\n  }\n  @media screen and (max-width: 1366) {\n    font-size: 13px;\n  }\n  @media screen and (min-width: 1440) {\n    font-size: 16px;\n  }\n  @media screen and (max-width: 1440) {\n    font-size: 16px;\n  }\n  font-family: ", ";\n  color: ", ";\n  line-height: 22px;\n  text-align: left;\n  font-size: 16px;\n  font-weight: 600;\n  cursor: pointer;\n  :hover {\n    background-color: ", ";\n  }\n"])), _constants.DEFAULT_FONT_FAMILY, _constants.TEXT_COLOR_NEUTRAL_0, _constants.BG_COLOR_HOVER);
-var SelectArrow = exports.SelectArrow = _styledComponents["default"].img(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n  position: absolute;\n  right: 15px;\n  width: 15px;\n  height: 9px;\n  background-color: ", ";\n  -webkit-mask-image: url(", ");\n  -webkit-mask-size: 100% 100%;\n  -webkit-mask-repeat: no-repeat;\n"])), _constants.TEXT_COLOR_NEUTRAL_3, function (props) {
-  return props.maskImage + '?nocache=2025';
-});
-var CeilingHeight = exports.CeilingHeight = _styledComponents["default"].input(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n  padding: 15px 15px;\n  padding-right: 105px;\n  color: ", ";\n\n  @media screen and (min-width: 1024) {\n    font-size: 11px;\n  }\n  @media screen and (max-width: 1024) {\n    font-size: 11px;\n  }\n  @media screen and (min-width: 1366) {\n    font-size: 13px;\n  }\n  @media screen and (max-width: 1366) {\n    font-size: 13px;\n  }\n  @media screen and (min-width: 1440) {\n    font-size: 16px;\n  }\n  @media screen and (max-width: 1440) {\n    font-size: 16px;\n  }\n  font-weight: 600;\n  line-height: 22px;\n  width: 150px;\n  font-size: 16px;\n  text-align: left;\n  font-family: ", ";\n  border: 2px solid ", ";\n  border-radius: 5px;\n  outline: 0;\n  :focus {\n    border-color: ", ";\n  }\n  :hover {\n    border-color: ", ";\n  }\n"])), _constants.TEXT_COLOR_NEUTRAL_0, _constants.DEFAULT_FONT_FAMILY, _constants.TEXT_COLOR_NEUTRAL_3, _constants.SECONDARY_PURPLE_COLOR, _constants.SECONDARY_PURPLE_COLOR);
-var RoomContentImage = exports.RoomContentImage = _styledComponents["default"].img(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n  height: 120px;\n  width: 120px;\n  z-index: 2;\n  background-color: ", ";\n  -webkit-mask-image: url(", ");\n  -webkit-mask-size: 100% 100%;\n  -webkit-mask-repeat: no-repeat;\n"])), _constants.TEXT_COLOR_NEUTRAL_3, function (props) {
-  return props.maskImage + '?nocache=2025';
-});
-var ContentCheckImage = exports.ContentCheckImage = _styledComponents["default"].img(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n  position: absolute;\n  height: 120px;\n  width: 120px;\n  padding: 45px;\n  cursor: pointer;\n  z-index: 2;\n"])));
-var ColorContentItem = exports.ColorContentItem = _styledComponents["default"].div(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  align-items: center;\n  margin-right: 10px;\n  img#check {\n    display: none;\n  }\n  :hover {\n    img#check {\n      display: block;\n      border: 2px solid ", ";\n      border-radius: 50%;\n    }\n  }\n"])), _constants.SECONDARY_PURPLE_COLOR);
-var ColorContentImage = exports.ColorContentImage = _styledComponents["default"].img(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["\n  height: 70px;\n  width: 70px;\n  cursor: pointer;\n  border-radius: 50%;\n  border: 1px solid ", ";\n"])), _constants.TEXT_COLOR_NEUTRAL_4);
-var DoorStyleContentItem = exports.DoorStyleContentItem = _styledComponents["default"].div(_templateObject31 || (_templateObject31 = _taggedTemplateLiteral(["\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  align-items: center;\n  margin-right: 10px;\n  cursor: pointer;\n  width: max-content;\n  margin-right: 30px;\n  img#check {\n    display: none;\n  }\n  :hover {\n    img#check {\n      display: block;\n      background-color: ", ";\n      z-index: 1;\n    }\n    div#item {\n      background-color: ", ";\n    }\n  }\n"])), _constants.TEXT_COLOR_NEUTRAL_5, _constants.BG_COLOR_HOVER);
-var DoorStyleContentImageWrapper = exports.DoorStyleContentImageWrapper = _styledComponents["default"].div(_templateObject32 || (_templateObject32 = _taggedTemplateLiteral(["\n  height: 120px;\n  width: 120px;\n  z-index: 2;\n  border-radius: 10px;\n  border: 2px solid ", ";\n"])), _constants.TEXT_COLOR_NEUTRAL_3);
-var DoorStyleContentImage = exports.DoorStyleContentImage = _styledComponents["default"].img(_templateObject33 || (_templateObject33 = _taggedTemplateLiteral(["\n  height: 120px;\n  background-color: ", ";\n  width: 120px;\n  border-radius: 10px;\n  z-index: 2;\n  -webkit-mask-image: url(", ");\n  -webkit-mask-size: calc(100% - 50px) calc(100% - 50px);\n  -webkit-mask-repeat: no-repeat;\n  -webkit-mask-position: 25px 25px;\n"])), _constants.TEXT_COLOR_NEUTRAL_3, function (props) {
-  return props.maskImage + '?nocache=2025';
-});
-var DoorCategoryContentImageWrapper = exports.DoorCategoryContentImageWrapper = _styledComponents["default"].div(_templateObject34 || (_templateObject34 = _taggedTemplateLiteral(["\n  width: 120px;\n  display: flex;\n  justify-content: center;\n  border-radius: 10px;\n  :hover {\n    background-color: ", ";\n  }\n"])), _constants.BG_COLOR_HOVER);
-var DoorCategoryContentImage = exports.DoorCategoryContentImage = _styledComponents["default"].img(_templateObject35 || (_templateObject35 = _taggedTemplateLiteral(["\n  height: 120px;\n  background-color: ", ";\n  width: 120px;\n  border-radius: 10px;\n  z-index: 2;\n  -webkit-mask-image: url(", ");\n  -webkit-mask-size: calc(100% - 50px) calc(100% - 50px);\n  -webkit-mask-repeat: no-repeat;\n  -webkit-mask-position: 25px 25px;\n"])), _constants.TEXT_COLOR_NEUTRAL_3, function (props) {
-  return props.maskImage + '?nocache=2025';
-});
-var FinishContentImage = exports.FinishContentImage = _styledComponents["default"].img(_templateObject36 || (_templateObject36 = _taggedTemplateLiteral(["\n  height: 120px;\n  z-index: 2;\n"])));
-var ContentWrapper2 = exports.ContentWrapper2 = _styledComponents["default"].div(_templateObject37 || (_templateObject37 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  margin-right: 30px;\n  align-items: center;\n"])));
-var DoorStyleWrapper = exports.DoorStyleWrapper = _styledComponents["default"].div(_templateObject38 || (_templateObject38 = _taggedTemplateLiteral(["\n  display: flex;\n  margin-top: 20px;\n  flex-wrap: wrap;\n  overflow-y: scroll;\n  max-height: calc(100vh - 250px);\n"])));
-var Title = exports.Title = _styledComponents["default"].span(_templateObject39 || (_templateObject39 = _taggedTemplateLiteral(["\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 22px;\n  text-align: left;\n  font-family: ", ";\n  color: ", ";\n"])), _constants.DEFAULT_FONT_FAMILY, _constants.TEXT_COLOR_NEUTRAL_0);
-var MaskImageWrapper = exports.MaskImageWrapper = _styledComponents["default"].div(_templateObject40 || (_templateObject40 = _taggedTemplateLiteral(["\n  height: 120px;\n  width: 120px;\n  z-index: 2;\n"])));
-var DialogContent = exports.DialogContent = _styledComponents["default"].span(_templateObject41 || (_templateObject41 = _taggedTemplateLiteral(["\n  font-family: ", ";\n  color: ", ";\n  padding: 10px 30px;\n  padding-top: 30px;\n"])), _constants.DEFAULT_FONT_FAMILY, _constants.TEXT_COLOR_NEUTRAL_1);
-var DialogAction = exports.DialogAction = _styledComponents["default"].div(_templateObject42 || (_templateObject42 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  padding: 15px 30px 25px;\n"])));
-var Button = exports.Button = _styledComponents["default"].div(_templateObject43 || (_templateObject43 = _taggedTemplateLiteral(["\n  padding: 10px 20px;\n  cursor: pointer;\n  margin-right: 10px;\n  color: ", ";\n  font-weight: bold;\n  font-family: ", ";\n  font-size: 16px;\n  border-radius: 20px;\n  :hover {\n    background-color: ", ";\n  }\n"])), _constants.SECONDARY_PURPLE_COLOR, _constants.DEFAULT_FONT_FAMILY, _constants.BG_COLOR_HOVER);
-var Description = exports.Description = _styledComponents["default"].span(_templateObject44 || (_templateObject44 = _taggedTemplateLiteral(["\n  font-family: ", ";\n  color: ", ";\n  @media screen and (min-width: 1024) {\n    font-size: 11px;\n  }\n  @media screen and (max-width: 1024) {\n    font-size: 11px;\n  }\n  @media screen and (min-width: 1366) {\n    font-size: 13px;\n  }\n  @media screen and (max-width: 1366) {\n    font-size: 13px;\n  }\n  @media screen and (min-width: 1440) {\n    font-size: 16px;\n  }\n  @media screen and (max-width: 1440) {\n    font-size: 16px;\n  }\n  font-weight: 400;\n  line-height: 22px;\n  text-align: left;\n  font-size: 16px;\n"])), _constants.DEFAULT_FONT_FAMILY, _constants.TEXT_COLOR_NEUTRAL_0);
-var FinishContentImageWrapper = exports.FinishContentImageWrapper = _styledComponents["default"].div(_templateObject45 || (_templateObject45 = _taggedTemplateLiteral(["\n  display: flex;\n  height: 254px;\n  width: 127px;\n  align-items: center;\n  justify-content: center;\n  border-radius: 10px;\n  overflow: hidden;\n  max-height: 238px;\n  min-height: 238px;\n  :hover {\n    background-color: ", ";\n  }\n"])), _constants.TEXT_COLOR_NEUTRAL_5);
-//# sourceMappingURL=styles.js.map

package/lib/components/wizardstep/button/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","names":["_constants","require","_styledComponents","_interopRequireDefault","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject0","_templateObject1","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","_templateObject16","_templateObject17","_templateObject18","_templateObject19","_templateObject20","_templateObject21","_templateObject22","_templateObject23","_templateObject24","_templateObject25","_templateObject26","_templateObject27","_templateObject28","_templateObject29","_templateObject30","_templateObject31","_templateObject32","_templateObject33","_templateObject34","_templateObject35","_templateObject36","_templateObject37","_templateObject38","_templateObject39","_templateObject40","_templateObject41","_templateObject42","_templateObject43","_templateObject44","_templateObject45","e","__esModule","_taggedTemplateLiteral","t","slice","Object","freeze","defineProperties","raw","value","WizardIntro","exports","styled","div","IntroPlane","IntroMark","IntroTitle","IntroDescription","IntroSelect","IntroItem","IntroItemText","WizardStepWrapper","TitleBarWrapper","TitleBar","DEFAULT_FONT_FAMILY","TEXT_COLOR_NEUTRAL_0","TitleBarButtonWrapper","TitleBarButton","button","SECONDARY_PURPLE_COLOR","BG_COLOR_1","BG_COLOR_0","ConfirmButton","SHADE_LIGHT_PURPLE_COLOR","SHADE_DARK_PURPLE_COLOR","StepBarWrapper","StepBullet","StepBulletLabel","span","TEXT_COLOR_NEUTRAL_1","StepBulletIcon","img","StepBarIcon","ContentWrapper","ContentWrapper1","ContentItem","BG_COLOR_HOVER","ContentItemLabel","MeasurementUnitLabel","MeasurementUnitSelect","TEXT_COLOR_NEUTRAL_3","MeasurementUnitOption","SelectArrow","props","maskImage","CeilingHeight","input","RoomContentImage","ContentCheckImage","ColorContentItem","ColorContentImage","TEXT_COLOR_NEUTRAL_4","DoorStyleContentItem","TEXT_COLOR_NEUTRAL_5","DoorStyleContentImageWrapper","DoorStyleContentImage","DoorCategoryContentImageWrapper","DoorCategoryContentImage","FinishContentImage","ContentWrapper2","DoorStyleWrapper","Title","MaskImageWrapper","DialogContent","DialogAction","Button","Description","FinishContentImageWrapper"],"sources":["../../../../src/components/wizardstep/button/styles.js"],"sourcesContent":["import {\r\n  BG_COLOR_1,\r\n  BG_COLOR_HOVER,\r\n  SECONDARY_PURPLE_COLOR,\r\n  TEXT_COLOR_NEUTRAL_0,\r\n  TEXT_COLOR_NEUTRAL_1,\r\n  TEXT_COLOR_NEUTRAL_2,\r\n  TEXT_COLOR_NEUTRAL_3,\r\n  TEXT_COLOR_NEUTRAL_4,\r\n  TEXT_COLOR_NEUTRAL_5,\r\n  DEFAULT_FONT_FAMILY,\r\n  SHADE_LIGHT_PURPLE_COLOR,\r\n  SHADE_DARK_PURPLE_COLOR,\r\n  BG_COLOR_0\r\n} from '../../../constants';\r\nimport styled from 'styled-components';\r\n\r\nexport const WizardIntro = styled.div`\r\n  position: absolute;\r\n  left: 0;\r\n  top: 60px;\r\n  width: 100%;\r\n  height: calc(100% - 60px);\r\n  display: flex;\r\n`;\r\n\r\nexport const IntroPlane = styled.div`\r\n  position: relative;\r\n  margin: auto;\r\n  width: 700px;\r\n  padding: 50px 70px;\r\n  user-select: none;\r\n  text-align: center;\r\n  border-radius: 10px;\r\n  z-index: 10;\r\n  flex-flow: column;\r\n  background-color: rgb(255, 255, 255);\r\n  box-shadow: 0px 3px 5px -1px rgba(156, 154, 154, 0.2),\r\n    0px 6px 10px 0px rgba(156, 154, 154, 0.39),\r\n    0px 1px 18px 0px rgba(156, 154, 154, 0.12);\r\n`;\r\n\r\nexport const IntroMark = styled.div`\r\n  margin-bottom: 20px;\r\n`;\r\n\r\nexport const IntroTitle = styled.div`\r\n  font-size: 26px;\r\n  font-weight: 700;\r\n  line-height: 36px;\r\n  margin-bottom: 10px;\r\n`;\r\n\r\nexport const IntroDescription = styled.div`\r\n  font-size: 14px;\r\n  font-weight: 400;\r\n  line-height: 22px;\r\n`;\r\n\r\nexport const IntroSelect = styled.div`\r\n  display: flex;\r\n  justify-content: space-around;\r\n  margin-top: 40px;\r\n`;\r\n\r\nexport const IntroItem = styled.div`\r\n  display: block;\r\n  text-align: center;\r\n  img {\r\n    cursor: pointer;\r\n  }\r\n`;\r\n\r\nexport const IntroItemText = styled.div`\r\n  margin-top: 10px;\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  line-height: 18px;\r\n`;\r\n\r\nexport const WizardStepWrapper = styled.div`\r\n  position: absolute;\r\n  left: 25px;\r\n  top: 90px;\r\n  z-index: 10;\r\n  flex-flow: column;\r\n  background-color: rgb(255, 255, 255);\r\n  box-shadow: 0px 3px 5px -1px rgba(156, 154, 154, 0.2),\r\n    0px 6px 10px 0px rgba(156, 154, 154, 0.39),\r\n    0px 1px 18px 0px rgba(156, 154, 154, 0.12);\r\n  border-radius: 10px;\r\n  padding: 25px;\r\n  user-select: none;\r\n  max-height: calc(100vh - 110px);\r\n  display: flex;\r\n  max-width: calc(100vw - 50px);\r\n  overflow-y: auto;\r\n`;\r\n\r\nexport const TitleBarWrapper = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  position: relative;\r\n`;\r\n\r\nexport const TitleBar = styled.div`\r\n  font-size: 26px;\r\n  font-family: ${DEFAULT_FONT_FAMILY};\r\n  font-weight: 700;\r\n  line-height: 36px;\r\n  color: ${TEXT_COLOR_NEUTRAL_0};\r\n  text-align: left;\r\n`;\r\n\r\nexport const TitleBarButtonWrapper = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n`;\r\n\r\nexport const TitleBarButton = styled.button`\r\n  display: flex;\r\n  cursor: pointor;\r\n  align-items: center;\r\n  color: ${SECONDARY_PURPLE_COLOR};\r\n  outline: 0;\r\n\r\n  @media screen and (min-width: 1024) {\r\n    font-size: 11px;\r\n  }\r\n  @media screen and (max-width: 1024) {\r\n    font-size: 11px;\r\n  }\r\n  @media screen and (min-width: 1366) {\r\n    font-size: 13px;\r\n  }\r\n  @media screen and (max-width: 1366) {\r\n    font-size: 13px;\r\n  }\r\n  @media screen and (min-width: 1440) {\r\n    font-size: 16px;\r\n  }\r\n  @media screen and (max-width: 1440) {\r\n    font-size: 16px;\r\n  }\r\n  font-family: ${DEFAULT_FONT_FAMILY};\r\n  font-weight: 600;\r\n  font-size: 16px;\r\n  margin-left: 10px;\r\n  padding: 8px 14px;\r\n  border: 1px solid;\r\n  justify-content: center;\r\n  cursor: pointer;\r\n  border-radius: 5px;\r\n  line-height: 22px;\r\n  text-align: center;\r\n  background-color: ${BG_COLOR_1};\r\n  :hover {\r\n    background-color: ${BG_COLOR_0};\r\n  }\r\n  :active {\r\n    background-color: ${BG_COLOR_0};\r\n  }\r\n  :focus {\r\n    // box-shadow: 0px 0px 8px 2px ${SECONDARY_PURPLE_COLOR};\r\n  }\r\n`;\r\n\r\nexport const ConfirmButton = styled.button`\r\n  display: flex;\r\n  cursor: pointor;\r\n  align-items: center;\r\n  color: ${BG_COLOR_1};\r\n  background-color: ${SECONDARY_PURPLE_COLOR};\r\n\r\n  @media screen and (min-width: 1024) {\r\n    font-size: 11px;\r\n  }\r\n  @media screen and (max-width: 1024) {\r\n    font-size: 11px;\r\n  }\r\n  @media screen and (min-width: 1366) {\r\n    font-size: 13px;\r\n  }\r\n  @media screen and (max-width: 1366) {\r\n    font-size: 13px;\r\n  }\r\n  @media screen and (min-width: 1440) {\r\n    font-size: 16px;\r\n  }\r\n  @media screen and (max-width: 1440) {\r\n    font-size: 16px;\r\n  }\r\n  font-family: ${DEFAULT_FONT_FAMILY};\r\n  font-weight: 600;\r\n  font-size: 16px;\r\n  margin-left: 10px;\r\n  padding: 8px 14px;\r\n  border: 1px solid ${SECONDARY_PURPLE_COLOR};\r\n  justify-content: center;\r\n  cursor: pointer;\r\n  border-radius: 5px;\r\n  line-height: 22px;\r\n  text-align: center;\r\n  :hover {\r\n    background-color: ${SHADE_LIGHT_PURPLE_COLOR};\r\n    border-color: ${SHADE_LIGHT_PURPLE_COLOR};\r\n  }\r\n  :active {\r\n    background-color: ${SHADE_DARK_PURPLE_COLOR};\r\n    border-color: ${SHADE_DARK_PURPLE_COLOR};\r\n  }\r\n`;\r\n\r\nexport const StepBarWrapper = styled.div`\r\n  align-items: flex-start;\r\n  flex-direction: row;\r\n  display: flex;\r\n  padding: 25px;\r\n  box-shadow: none;\r\n  color: rgba(0, 0, 0, 0.87);\r\n  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\r\n  background-color: ${BG_COLOR_1};\r\n`;\r\n\r\nexport const StepBullet = styled.div`\r\n  flex-direction: column;\r\n  flex: 1;\r\n  position: relative;\r\n  min-width: 230px;\r\n  max-width: 230px;\r\n  display: flex;\r\n  align-items: center;\r\n`;\r\n\r\nexport const StepBulletLabel = styled.span`\r\n  margin-bottom: 5px;\r\n  text-align: center;\r\n  color: ${TEXT_COLOR_NEUTRAL_1};\r\n  display: block;\r\n  font-size: 16px;\r\n  font-family: ${DEFAULT_FONT_FAMILY};\r\n  font-weight: 600;\r\n  line-height: 22px;\r\n  text-align: center;\r\n`;\r\n\r\nexport const StepBulletIcon = styled.img`\r\n  justify-content: center;\r\n  display: flex;\r\n  flex-shrink: 0;\r\n  cursor: pointer;\r\n  width: 16px;\r\n`;\r\n\r\nexport const StepBarIcon = styled.img`\r\n  width: 250px;\r\n  display: block;\r\n`;\r\n\r\nexport const ContentWrapper = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin-top: 30px;\r\n`;\r\n\r\nexport const ContentWrapper1 = styled.div`\r\n  display: flex;\r\n  margin-top: 20px;\r\n`;\r\n\r\nexport const ContentItem = styled.div`\r\n  display: flex;\r\n  position: relative;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  margin-right: 30px;\r\n  cursor: pointer;\r\n  img#check {\r\n    display: none;\r\n  }\r\n  span#hint {\r\n    display: none;\r\n  }\r\n  :hover {\r\n    img#check {\r\n      display: block;\r\n      background-color: ${BG_COLOR_HOVER};\r\n      z-index: 1;\r\n    }\r\n    span#hint {\r\n      display: block;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const ContentItemLabel = styled.span`\r\n  margin-top: 10px;\r\n  color: ${TEXT_COLOR_NEUTRAL_0};\r\n  margin-bottom: 7px;\r\n  font-family: ${DEFAULT_FONT_FAMILY};\r\n  /* @media screen and (min-width : 1024){font-size : 11px;}\r\n@media screen and (max-width : 1024){font-size : 11px;}\r\n@media screen and (min-width : 1366){font-size : 13px;}\r\n@media screen and (max-width : 1366){font-size : 13px;}\r\n@media screen and (min-width : 1440){font-size : 16px;}\r\n@media screen and (max-width : 1440){font-size : 16px;} */\r\n  font-weight: 600;\r\n  font-size: 16px;\r\n  line-height: 22px;\r\n  text-align: center;\r\n  cursor: pointer;\r\n`;\r\n\r\nexport const MeasurementUnitLabel = styled.span`\r\n  position: absolute;\r\n  left: 8px;\r\n\r\n  @media screen and (min-width: 1024) {\r\n    font-size: 11px;\r\n  }\r\n  @media screen and (max-width: 1024) {\r\n    font-size: 11px;\r\n  }\r\n  @media screen and (min-width: 1366) {\r\n    font-size: 13px;\r\n  }\r\n  @media screen and (max-width: 1366) {\r\n    font-size: 13px;\r\n  }\r\n  @media screen and (min-width: 1440) {\r\n    font-size: 16px;\r\n  }\r\n  @media screen and (max-width: 1440) {\r\n    font-size: 16px;\r\n  }\r\n  line-height: 22px;\r\n  padding: 0px 8px;\r\n  top: -9px;\r\n  font-weight: 400;\r\n  font-size: 16px;\r\n  text-align: left;\r\n  background-color: ${BG_COLOR_1};\r\n  color: ${TEXT_COLOR_NEUTRAL_1};\r\n  font-family: ${DEFAULT_FONT_FAMILY};\r\n`;\r\n\r\nexport const MeasurementUnitSelect = styled.div`\r\n  cursor: pointer;\r\n  width: 170px;\r\n  padding: 15px 15px;\r\n  color: ${TEXT_COLOR_NEUTRAL_0};\r\n\r\n  @media screen and (min-width: 1024) {\r\n    font-size: 11px;\r\n  }\r\n  @media screen and (max-width: 1024) {\r\n    font-size: 11px;\r\n  }\r\n  @media screen and (min-width: 1366) {\r\n    font-size: 13px;\r\n  }\r\n  @media screen and (max-width: 1366) {\r\n    font-size: 13px;\r\n  }\r\n  @media screen and (min-width: 1440) {\r\n    font-size: 16px;\r\n  }\r\n  @media screen and (max-width: 1440) {\r\n    font-size: 16px;\r\n  }\r\n  font-weight: 600;\r\n  line-height: 18px;\r\n  text-align: left;\r\n  font-family: ${DEFAULT_FONT_FAMILY};\r\n  border-radius: 5px;\r\n  border: 2px solid ${TEXT_COLOR_NEUTRAL_3};\r\n`;\r\n\r\nexport const MeasurementUnitOption = styled.div`\r\n  padding: 12px 20px;\r\n\r\n  @media screen and (min-width: 1024) {\r\n    font-size: 11px;\r\n  }\r\n  @media screen and (max-width: 1024) {\r\n    font-size: 11px;\r\n  }\r\n  @media screen and (min-width: 1366) {\r\n    font-size: 13px;\r\n  }\r\n  @media screen and (max-width: 1366) {\r\n    font-size: 13px;\r\n  }\r\n  @media screen and (min-width: 1440) {\r\n    font-size: 16px;\r\n  }\r\n  @media screen and (max-width: 1440) {\r\n    font-size: 16px;\r\n  }\r\n  font-family: ${DEFAULT_FONT_FAMILY};\r\n  color: ${TEXT_COLOR_NEUTRAL_0};\r\n  line-height: 22px;\r\n  text-align: left;\r\n  font-size: 16px;\r\n  font-weight: 600;\r\n  cursor: pointer;\r\n  :hover {\r\n    background-color: ${BG_COLOR_HOVER};\r\n  }\r\n`;\r\n\r\nexport const SelectArrow = styled.img`\r\n  position: absolute;\r\n  right: 15px;\r\n  width: 15px;\r\n  height: 9px;\r\n  background-color: ${TEXT_COLOR_NEUTRAL_3};\r\n  -webkit-mask-image: url(${props => props.maskImage + '?nocache=2025'});\r\n  -webkit-mask-size: 100% 100%;\r\n  -webkit-mask-repeat: no-repeat;\r\n`;\r\n\r\nexport const CeilingHeight = styled.input`\r\n  padding: 15px 15px;\r\n  padding-right: 105px;\r\n  color: ${TEXT_COLOR_NEUTRAL_0};\r\n\r\n  @media screen and (min-width: 1024) {\r\n    font-size: 11px;\r\n  }\r\n  @media screen and (max-width: 1024) {\r\n    font-size: 11px;\r\n  }\r\n  @media screen and (min-width: 1366) {\r\n    font-size: 13px;\r\n  }\r\n  @media screen and (max-width: 1366) {\r\n    font-size: 13px;\r\n  }\r\n  @media screen and (min-width: 1440) {\r\n    font-size: 16px;\r\n  }\r\n  @media screen and (max-width: 1440) {\r\n    font-size: 16px;\r\n  }\r\n  font-weight: 600;\r\n  line-height: 22px;\r\n  width: 150px;\r\n  font-size: 16px;\r\n  text-align: left;\r\n  font-family: ${DEFAULT_FONT_FAMILY};\r\n  border: 2px solid ${TEXT_COLOR_NEUTRAL_3};\r\n  border-radius: 5px;\r\n  outline: 0;\r\n  :focus {\r\n    border-color: ${SECONDARY_PURPLE_COLOR};\r\n  }\r\n  :hover {\r\n    border-color: ${SECONDARY_PURPLE_COLOR};\r\n  }\r\n`;\r\n\r\nexport const RoomContentImage = styled.img`\r\n  height: 120px;\r\n  width: 120px;\r\n  z-index: 2;\r\n  background-color: ${TEXT_COLOR_NEUTRAL_3};\r\n  -webkit-mask-image: url(${props => props.maskImage + '?nocache=2025'});\r\n  -webkit-mask-size: 100% 100%;\r\n  -webkit-mask-repeat: no-repeat;\r\n`;\r\n\r\nexport const ContentCheckImage = styled.img`\r\n  position: absolute;\r\n  height: 120px;\r\n  width: 120px;\r\n  padding: 45px;\r\n  cursor: pointer;\r\n  z-index: 2;\r\n`;\r\n\r\nexport const ColorContentItem = styled.div`\r\n  display: flex;\r\n  position: relative;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  margin-right: 10px;\r\n  img#check {\r\n    display: none;\r\n  }\r\n  :hover {\r\n    img#check {\r\n      display: block;\r\n      border: 2px solid ${SECONDARY_PURPLE_COLOR};\r\n      border-radius: 50%;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const ColorContentImage = styled.img`\r\n  height: 70px;\r\n  width: 70px;\r\n  cursor: pointer;\r\n  border-radius: 50%;\r\n  border: 1px solid ${TEXT_COLOR_NEUTRAL_4};\r\n`;\r\n\r\nexport const DoorStyleContentItem = styled.div`\r\n  display: flex;\r\n  position: relative;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  margin-right: 10px;\r\n  cursor: pointer;\r\n  width: max-content;\r\n  margin-right: 30px;\r\n  img#check {\r\n    display: none;\r\n  }\r\n  :hover {\r\n    img#check {\r\n      display: block;\r\n      background-color: ${TEXT_COLOR_NEUTRAL_5};\r\n      z-index: 1;\r\n    }\r\n    div#item {\r\n      background-color: ${BG_COLOR_HOVER};\r\n    }\r\n  }\r\n`;\r\n\r\nexport const DoorStyleContentImageWrapper = styled.div`\r\n  height: 120px;\r\n  width: 120px;\r\n  z-index: 2;\r\n  border-radius: 10px;\r\n  border: 2px solid ${TEXT_COLOR_NEUTRAL_3};\r\n`;\r\n\r\nexport const DoorStyleContentImage = styled.img`\r\n  height: 120px;\r\n  background-color: ${TEXT_COLOR_NEUTRAL_3};\r\n  width: 120px;\r\n  border-radius: 10px;\r\n  z-index: 2;\r\n  -webkit-mask-image: url(${props => props.maskImage + '?nocache=2025'});\r\n  -webkit-mask-size: calc(100% - 50px) calc(100% - 50px);\r\n  -webkit-mask-repeat: no-repeat;\r\n  -webkit-mask-position: 25px 25px;\r\n`;\r\n\r\nexport const DoorCategoryContentImageWrapper = styled.div`\r\n  width: 120px;\r\n  display: flex;\r\n  justify-content: center;\r\n  border-radius: 10px;\r\n  :hover {\r\n    background-color: ${BG_COLOR_HOVER};\r\n  }\r\n`;\r\n\r\nexport const DoorCategoryContentImage = styled.img`\r\n  height: 120px;\r\n  background-color: ${TEXT_COLOR_NEUTRAL_3};\r\n  width: 120px;\r\n  border-radius: 10px;\r\n  z-index: 2;\r\n  -webkit-mask-image: url(${props => props.maskImage + '?nocache=2025'});\r\n  -webkit-mask-size: calc(100% - 50px) calc(100% - 50px);\r\n  -webkit-mask-repeat: no-repeat;\r\n  -webkit-mask-position: 25px 25px;\r\n`;\r\n\r\nexport const FinishContentImage = styled.img`\r\n  height: 120px;\r\n  z-index: 2;\r\n`;\r\n\r\nexport const ContentWrapper2 = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin-right: 30px;\r\n  align-items: center;\r\n`;\r\n\r\nexport const DoorStyleWrapper = styled.div`\r\n  display: flex;\r\n  margin-top: 20px;\r\n  flex-wrap: wrap;\r\n  overflow-y: scroll;\r\n  max-height: calc(100vh - 250px);\r\n`;\r\n\r\nexport const Title = styled.span`\r\n  font-size: 16px;\r\n  font-weight: 400;\r\n  line-height: 22px;\r\n  text-align: left;\r\n  font-family: ${DEFAULT_FONT_FAMILY};\r\n  color: ${TEXT_COLOR_NEUTRAL_0};\r\n`;\r\n\r\nexport const MaskImageWrapper = styled.div`\r\n  height: 120px;\r\n  width: 120px;\r\n  z-index: 2;\r\n`;\r\n\r\nexport const DialogContent = styled.span`\r\n  font-family: ${DEFAULT_FONT_FAMILY};\r\n  color: ${TEXT_COLOR_NEUTRAL_1};\r\n  padding: 10px 30px;\r\n  padding-top: 30px;\r\n`;\r\n\r\nexport const DialogAction = styled.div`\r\n  display: flex;\r\n  justify-content: center;\r\n  padding: 15px 30px 25px;\r\n`;\r\n\r\nexport const Button = styled.div`\r\n  padding: 10px 20px;\r\n  cursor: pointer;\r\n  margin-right: 10px;\r\n  color: ${SECONDARY_PURPLE_COLOR};\r\n  font-weight: bold;\r\n  font-family: ${DEFAULT_FONT_FAMILY};\r\n  font-size: 16px;\r\n  border-radius: 20px;\r\n  :hover {\r\n    background-color: ${BG_COLOR_HOVER};\r\n  }\r\n`;\r\n\r\nexport const Description = styled.span`\r\n  font-family: ${DEFAULT_FONT_FAMILY};\r\n  color: ${TEXT_COLOR_NEUTRAL_0};\r\n  @media screen and (min-width: 1024) {\r\n    font-size: 11px;\r\n  }\r\n  @media screen and (max-width: 1024) {\r\n    font-size: 11px;\r\n  }\r\n  @media screen and (min-width: 1366) {\r\n    font-size: 13px;\r\n  }\r\n  @media screen and (max-width: 1366) {\r\n    font-size: 13px;\r\n  }\r\n  @media screen and (min-width: 1440) {\r\n    font-size: 16px;\r\n  }\r\n  @media screen and (max-width: 1440) {\r\n    font-size: 16px;\r\n  }\r\n  font-weight: 400;\r\n  line-height: 22px;\r\n  text-align: left;\r\n  font-size: 16px;\r\n`;\r\n\r\nexport const FinishContentImageWrapper = styled.div`\r\n  display: flex;\r\n  height: 254px;\r\n  width: 127px;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border-radius: 10px;\r\n  overflow: hidden;\r\n  max-height: 238px;\r\n  min-height: 238px;\r\n  :hover {\r\n    background-color: ${TEXT_COLOR_NEUTRAL_5};\r\n  }\r\n`;\r\n"],"mappings":"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","ignoreList":[]}

package/lib/components/wizardstep/export.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _index = _interopRequireDefault(require("./index"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-var _default = exports["default"] = {
-  WizardStep: _index["default"]
-};
-//# sourceMappingURL=export.js.map

package/lib/components/wizardstep/export.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"export.js","names":["_index","_interopRequireDefault","require","e","__esModule","_default","exports","WizardStep"],"sources":["../../../src/components/wizardstep/export.js"],"sourcesContent":["import WizardStep from './index';\r\n\r\nexport default {\r\n  WizardStep\r\n};\r\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAiC,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,gBAAAA,CAAA;AAAA,IAAAE,QAAA,GAAAC,OAAA,cAElB;EACbC,UAAU,EAAVA;AACF,CAAC","ignoreList":[]}