@salutejs/plasma-new-hope 0.328.0-canary.2047.15880698675.0 → 0.328.0-canary.2047.15976223953.0

package/emotion/es/components/TextField/variations/_size/base.js

@@ -1,4 +1,4 @@
 import { css } from "@emotion/react";
 import { classes, tokens } from "../../TextField.tokens";
 import { HintTargetWrapper, Input, InputContainer, InputWrapper, Label, LeftHelper, StyledContentRight, StyledContentRightWrapper, StyledHintWrapper, StyledOptionalText, StyledTextAfter, StyledTextBefore, TitleCaption } from "../../TextField.styles";
-export var base = /*#__PURE__*/ css(Input, "{width:100%;font:inherit;letter-spacing:inherit;line-height:inherit;}", InputContainer, "{width:100%;font-family:var(", tokens.fontFamily, ");font-size:var(", tokens.fontSize, ");font-style:var(", tokens.fontStyle, ");font-weight:var(", tokens.fontWeight, ");letter-spacing:var(", tokens.letterSpacing, ");line-height:var(", tokens.lineHeight, ");}", InputWrapper, "{height:var(", tokens.height, ");border-radius:var(", tokens.borderRadius, ");padding:var(", tokens.padding, ");&.", classes.hasChips, "{padding-top:var(", tokens.paddingWithChips, ");padding-bottom:var(", tokens.paddingWithChips, ");}&.", classes.hasEmptyContentLeft, "{padding-left:var(", tokens.paddingWithChips, ");}&.", classes.hasEmptyContentRight, "{padding-right:var(", tokens.paddingWithChips, ");}}", Label, ",&:not(.", classes.innerLabelPlacement, ") ", StyledOptionalText, "{font-family:var(", tokens.labelFontFamily, ");font-size:var(", tokens.labelFontSize, ");font-style:var(", tokens.labelFontStyle, ");font-weight:var(", tokens.labelFontWeight, ");letter-spacing:var(", tokens.labelLetterSpacing, ");line-height:var(", tokens.labelLineHeight, ");}", StyledHintWrapper, "{margin:var(", tokens.hintMargin, ");width:var(", tokens.hintTargetSize, ");height:var(", tokens.hintTargetSize, ");}", HintTargetWrapper, "{width:var(", tokens.hintTargetSize, ");height:var(", tokens.hintTargetSize, ");}", TitleCaption, "{font-family:var(", tokens.titleCaptionFontFamily, ");font-size:var(", tokens.titleCaptionFontSize, ");font-style:var(", tokens.titleCaptionFontStyle, ");font-weight:var(", tokens.titleCaptionFontWeight, ");letter-spacing:var(", tokens.titleCaptionLetterSpacing, ");line-height:var(", tokens.titleCaptionLineHeight, ");}", LeftHelper, "{margin-top:var(", tokens.leftHelperOffset, ");font-family:var(", tokens.leftHelperFontFamily, ");font-size:var(", tokens.leftHelperFontSize, ");font-style:var(", tokens.leftHelperFontStyle, ");font-weight:var(", tokens.leftHelperFontWeight, ");letter-spacing:var(", tokens.leftHelperLetterSpacing, ");line-height:var(", tokens.leftHelperLineHeight, ");}", StyledTextBefore, ",", StyledTextAfter, "{font-family:var(", tokens.fontFamily, ");font-size:var(", tokens.fontSize, ");font-style:var(", tokens.fontStyle, ");font-weight:var(", tokens.fontWeight, ");letter-spacing:var(", tokens.letterSpacing, ");line-height:var(", tokens.lineHeight, ");}", StyledTextBefore, "{margin:var(", tokens.textBeforeMargin, ");}", StyledTextAfter, "{margin:var(", tokens.textAfterMargin, ");}", StyledContentRightWrapper, ".", classes.contentRightCompensationMargin, "{gap:var(", tokens.contentRightWrapperGap, ");margin:var(", tokens.contentRightWrapperMargin, ");", StyledContentRight, "{margin:var(", tokens.rightContentWithHintMargin, ");}}", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9UZXh0RmllbGQvdmFyaWF0aW9ucy9fc2l6ZS9iYXNlLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL1RleHRGaWVsZC92YXJpYXRpb25zL19zaXplL2Jhc2UudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuLi8uLi9UZXh0RmllbGQudG9rZW5zJztcbmltcG9ydCB7XG4gICAgSGludFRhcmdldFdyYXBwZXIsXG4gICAgSW5wdXQsXG4gICAgSW5wdXRDb250YWluZXIsXG4gICAgSW5wdXRXcmFwcGVyLFxuICAgIExhYmVsLFxuICAgIExlZnRIZWxwZXIsXG4gICAgU3R5bGVkQ29udGVudFJpZ2h0LFxuICAgIFN0eWxlZENvbnRlbnRSaWdodFdyYXBwZXIsXG4gICAgU3R5bGVkSGludFdyYXBwZXIsXG4gICAgU3R5bGVkT3B0aW9uYWxUZXh0LFxuICAgIFN0eWxlZFRleHRBZnRlcixcbiAgICBTdHlsZWRUZXh0QmVmb3JlLFxuICAgIFRpdGxlQ2FwdGlvbixcbn0gZnJvbSAnLi4vLi4vVGV4dEZpZWxkLnN0eWxlcyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgICR7SW5wdXR9IHtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIGZvbnQ6IGluaGVyaXQ7XG4gICAgICAgIGxldHRlci1zcGFjaW5nOiBpbmhlcml0O1xuICAgICAgICBsaW5lLWhlaWdodDogaW5oZXJpdDtcbiAgICB9XG5cbiAgICAke0lucHV0Q29udGFpbmVyfSB7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmZvbnRGYW1pbHl9KTtcbiAgICAgICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMuZm9udFNpemV9KTtcbiAgICAgICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLmZvbnRTdHlsZX0pO1xuICAgICAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmZvbnRXZWlnaHR9KTtcbiAgICAgICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5sZXR0ZXJTcGFjaW5nfSk7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMubGluZUhlaWdodH0pO1xuICAgIH1cblxuICAgICR7SW5wdXRXcmFwcGVyfSB7XG4gICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmhlaWdodH0pO1xuICAgICAgICBib3JkZXItcmFkaXVzOiB2YXIoJHt0b2tlbnMuYm9yZGVyUmFkaXVzfSk7XG4gICAgICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5wYWRkaW5nfSk7XG5cbiAgICAgICAgJi4ke2NsYXNzZXMuaGFzQ2hpcHN9IHtcbiAgICAgICAgICAgIHBhZGRpbmctdG9wOiB2YXIoJHt0b2tlbnMucGFkZGluZ1dpdGhDaGlwc30pO1xuICAgICAgICAgICAgcGFkZGluZy1ib3R0b206IHZhcigke3Rva2Vucy5wYWRkaW5nV2l0aENoaXBzfSk7XG4gICAgICAgIH1cblxuICAgICAgICAmLiR7Y2xhc3Nlcy5oYXNFbXB0eUNvbnRlbnRMZWZ0fSB7XG4gICAgICAgICAgICBwYWRkaW5nLWxlZnQ6IHZhcigke3Rva2Vucy5wYWRkaW5nV2l0aENoaXBzfSk7XG4gICAgICAgIH1cblxuICAgICAgICAmLiR7Y2xhc3Nlcy5oYXNFbXB0eUNvbnRlbnRSaWdodH0ge1xuICAgICAgICAgICAgcGFkZGluZy1yaWdodDogdmFyKCR7dG9rZW5zLnBhZGRpbmdXaXRoQ2hpcHN9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICR7TGFiZWx9LCAmOm5vdCguJHtjbGFzc2VzLmlubmVyTGFiZWxQbGFjZW1lbnR9KSAke1N0eWxlZE9wdGlvbmFsVGV4dH0ge1xuICAgICAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmxhYmVsRm9udEZhbWlseX0pO1xuICAgICAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy5sYWJlbEZvbnRTaXplfSk7XG4gICAgICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy5sYWJlbEZvbnRTdHlsZX0pO1xuICAgICAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmxhYmVsRm9udFdlaWdodH0pO1xuICAgICAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLmxhYmVsTGV0dGVyU3BhY2luZ30pO1xuICAgICAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLmxhYmVsTGluZUhlaWdodH0pO1xuICAgIH1cblxuICAgICR7U3R5bGVkSGludFdyYXBwZXJ9IHtcbiAgICAgICAgbWFyZ2luOiB2YXIoJHt0b2tlbnMuaGludE1hcmdpbn0pO1xuICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmhpbnRUYXJnZXRTaXplfSk7XG4gICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmhpbnRUYXJnZXRTaXplfSk7XG4gICAgfVxuXG4gICAgJHtIaW50VGFyZ2V0V3JhcHBlcn0ge1xuICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmhpbnRUYXJnZXRTaXplfSk7XG4gICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmhpbnRUYXJnZXRTaXplfSk7XG4gICAgfVxuXG4gICAgJHtUaXRsZUNhcHRpb259IHtcbiAgICAgICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy50aXRsZUNhcHRpb25Gb250RmFtaWx5fSk7XG4gICAgICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLnRpdGxlQ2FwdGlvbkZvbnRTaXplfSk7XG4gICAgICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy50aXRsZUNhcHRpb25Gb250U3R5bGV9KTtcbiAgICAgICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy50aXRsZUNhcHRpb25Gb250V2VpZ2h0fSk7XG4gICAgICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMudGl0bGVDYXB0aW9uTGV0dGVyU3BhY2luZ30pO1xuICAgICAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLnRpdGxlQ2FwdGlvbkxpbmVIZWlnaHR9KTtcbiAgICB9XG5cbiAgICAke0xlZnRIZWxwZXJ9IHtcbiAgICAgICAgbWFyZ2luLXRvcDogdmFyKCR7dG9rZW5zLmxlZnRIZWxwZXJPZmZzZXR9KTtcblxuICAgICAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmxlZnRIZWxwZXJGb250RmFtaWx5fSk7XG4gICAgICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLmxlZnRIZWxwZXJGb250U2l6ZX0pO1xuICAgICAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMubGVmdEhlbHBlckZvbnRTdHlsZX0pO1xuICAgICAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmxlZnRIZWxwZXJGb250V2VpZ2h0fSk7XG4gICAgICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMubGVmdEhlbHBlckxldHRlclNwYWNpbmd9KTtcbiAgICAgICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy5sZWZ0SGVscGVyTGluZUhlaWdodH0pO1xuICAgIH1cblxuICAgICR7U3R5bGVkVGV4dEJlZm9yZX0sICR7U3R5bGVkVGV4dEFmdGVyfSB7XG4gICAgICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMuZm9udEZhbWlseX0pO1xuICAgICAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy5mb250U2l6ZX0pO1xuICAgICAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMuZm9udFN0eWxlfSk7XG4gICAgICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMuZm9udFdlaWdodH0pO1xuICAgICAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLmxldHRlclNwYWNpbmd9KTtcbiAgICAgICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy5saW5lSGVpZ2h0fSk7XG4gICAgfVxuXG4gICAgJHtTdHlsZWRUZXh0QmVmb3JlfSB7XG4gICAgICAgIG1hcmdpbjogdmFyKCR7dG9rZW5zLnRleHRCZWZvcmVNYXJnaW59KTtcbiAgICB9XG5cbiAgICAke1N0eWxlZFRleHRBZnRlcn0ge1xuICAgICAgICBtYXJnaW46IHZhcigke3Rva2Vucy50ZXh0QWZ0ZXJNYXJnaW59KTtcbiAgICB9XG5cbiAgICAke1N0eWxlZENvbnRlbnRSaWdodFdyYXBwZXJ9LiR7Y2xhc3Nlcy5jb250ZW50UmlnaHRDb21wZW5zYXRpb25NYXJnaW59IHtcbiAgICAgICAgZ2FwOiB2YXIoJHt0b2tlbnMuY29udGVudFJpZ2h0V3JhcHBlckdhcH0pO1xuICAgICAgICBtYXJnaW46IHZhcigke3Rva2Vucy5jb250ZW50UmlnaHRXcmFwcGVyTWFyZ2lufSk7XG5cbiAgICAgICAgJHtTdHlsZWRDb250ZW50UmlnaHR9IHtcbiAgICAgICAgICAgIG1hcmdpbjogdmFyKCR7dG9rZW5zLnJpZ2h0Q29udGVudFdpdGhIaW50TWFyZ2lufSk7XG4gICAgICAgIH1cbiAgICB9XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Cb0IifQ== */");
+export var base = /*#__PURE__*/ css(tokens.tourBorderRadius, ":var(", tokens.borderRadius, ");", Input, "{width:100%;font:inherit;letter-spacing:inherit;line-height:inherit;}", InputContainer, "{width:100%;font-family:var(", tokens.fontFamily, ");font-size:var(", tokens.fontSize, ");font-style:var(", tokens.fontStyle, ");font-weight:var(", tokens.fontWeight, ");letter-spacing:var(", tokens.letterSpacing, ");line-height:var(", tokens.lineHeight, ");}", InputWrapper, "{height:var(", tokens.height, ");border-radius:var(", tokens.borderRadius, ");padding:var(", tokens.padding, ");&.", classes.hasChips, "{padding-top:var(", tokens.paddingWithChips, ");padding-bottom:var(", tokens.paddingWithChips, ");}&.", classes.hasEmptyContentLeft, "{padding-left:var(", tokens.paddingWithChips, ");}&.", classes.hasEmptyContentRight, "{padding-right:var(", tokens.paddingWithChips, ");}}", Label, ",&:not(.", classes.innerLabelPlacement, ") ", StyledOptionalText, "{font-family:var(", tokens.labelFontFamily, ");font-size:var(", tokens.labelFontSize, ");font-style:var(", tokens.labelFontStyle, ");font-weight:var(", tokens.labelFontWeight, ");letter-spacing:var(", tokens.labelLetterSpacing, ");line-height:var(", tokens.labelLineHeight, ");}", StyledHintWrapper, "{margin:var(", tokens.hintMargin, ");width:var(", tokens.hintTargetSize, ");height:var(", tokens.hintTargetSize, ");}", HintTargetWrapper, "{width:var(", tokens.hintTargetSize, ");height:var(", tokens.hintTargetSize, ");}", TitleCaption, "{font-family:var(", tokens.titleCaptionFontFamily, ");font-size:var(", tokens.titleCaptionFontSize, ");font-style:var(", tokens.titleCaptionFontStyle, ");font-weight:var(", tokens.titleCaptionFontWeight, ");letter-spacing:var(", tokens.titleCaptionLetterSpacing, ");line-height:var(", tokens.titleCaptionLineHeight, ");}", LeftHelper, "{margin-top:var(", tokens.leftHelperOffset, ");font-family:var(", tokens.leftHelperFontFamily, ");font-size:var(", tokens.leftHelperFontSize, ");font-style:var(", tokens.leftHelperFontStyle, ");font-weight:var(", tokens.leftHelperFontWeight, ");letter-spacing:var(", tokens.leftHelperLetterSpacing, ");line-height:var(", tokens.leftHelperLineHeight, ");}", StyledTextBefore, ",", StyledTextAfter, "{font-family:var(", tokens.fontFamily, ");font-size:var(", tokens.fontSize, ");font-style:var(", tokens.fontStyle, ");font-weight:var(", tokens.fontWeight, ");letter-spacing:var(", tokens.letterSpacing, ");line-height:var(", tokens.lineHeight, ");}", StyledTextBefore, "{margin:var(", tokens.textBeforeMargin, ");}", StyledTextAfter, "{margin:var(", tokens.textAfterMargin, ");}", StyledContentRightWrapper, ".", classes.contentRightCompensationMargin, "{gap:var(", tokens.contentRightWrapperGap, ");margin:var(", tokens.contentRightWrapperMargin, ");", StyledContentRight, "{margin:var(", tokens.rightContentWithHintMargin, ");}}", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9UZXh0RmllbGQvdmFyaWF0aW9ucy9fc2l6ZS9iYXNlLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL1RleHRGaWVsZC92YXJpYXRpb25zL19zaXplL2Jhc2UudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuLi8uLi9UZXh0RmllbGQudG9rZW5zJztcbmltcG9ydCB7XG4gICAgSGludFRhcmdldFdyYXBwZXIsXG4gICAgSW5wdXQsXG4gICAgSW5wdXRDb250YWluZXIsXG4gICAgSW5wdXRXcmFwcGVyLFxuICAgIExhYmVsLFxuICAgIExlZnRIZWxwZXIsXG4gICAgU3R5bGVkQ29udGVudFJpZ2h0LFxuICAgIFN0eWxlZENvbnRlbnRSaWdodFdyYXBwZXIsXG4gICAgU3R5bGVkSGludFdyYXBwZXIsXG4gICAgU3R5bGVkT3B0aW9uYWxUZXh0LFxuICAgIFN0eWxlZFRleHRBZnRlcixcbiAgICBTdHlsZWRUZXh0QmVmb3JlLFxuICAgIFRpdGxlQ2FwdGlvbixcbn0gZnJvbSAnLi4vLi4vVGV4dEZpZWxkLnN0eWxlcyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgICR7dG9rZW5zLnRvdXJCb3JkZXJSYWRpdXN9OiB2YXIoJHt0b2tlbnMuYm9yZGVyUmFkaXVzfSk7XG5cbiAgICAke0lucHV0fSB7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBmb250OiBpbmhlcml0O1xuICAgICAgICBsZXR0ZXItc3BhY2luZzogaW5oZXJpdDtcbiAgICAgICAgbGluZS1oZWlnaHQ6IGluaGVyaXQ7XG4gICAgfVxuXG4gICAgJHtJbnB1dENvbnRhaW5lcn0ge1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy5mb250RmFtaWx5fSk7XG4gICAgICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLmZvbnRTaXplfSk7XG4gICAgICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy5mb250U3R5bGV9KTtcbiAgICAgICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy5mb250V2VpZ2h0fSk7XG4gICAgICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMubGV0dGVyU3BhY2luZ30pO1xuICAgICAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLmxpbmVIZWlnaHR9KTtcbiAgICB9XG5cbiAgICAke0lucHV0V3JhcHBlcn0ge1xuICAgICAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy5oZWlnaHR9KTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuICAgICAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMucGFkZGluZ30pO1xuXG4gICAgICAgICYuJHtjbGFzc2VzLmhhc0NoaXBzfSB7XG4gICAgICAgICAgICBwYWRkaW5nLXRvcDogdmFyKCR7dG9rZW5zLnBhZGRpbmdXaXRoQ2hpcHN9KTtcbiAgICAgICAgICAgIHBhZGRpbmctYm90dG9tOiB2YXIoJHt0b2tlbnMucGFkZGluZ1dpdGhDaGlwc30pO1xuICAgICAgICB9XG5cbiAgICAgICAgJi4ke2NsYXNzZXMuaGFzRW1wdHlDb250ZW50TGVmdH0ge1xuICAgICAgICAgICAgcGFkZGluZy1sZWZ0OiB2YXIoJHt0b2tlbnMucGFkZGluZ1dpdGhDaGlwc30pO1xuICAgICAgICB9XG5cbiAgICAgICAgJi4ke2NsYXNzZXMuaGFzRW1wdHlDb250ZW50UmlnaHR9IHtcbiAgICAgICAgICAgIHBhZGRpbmctcmlnaHQ6IHZhcigke3Rva2Vucy5wYWRkaW5nV2l0aENoaXBzfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAke0xhYmVsfSwgJjpub3QoLiR7Y2xhc3Nlcy5pbm5lckxhYmVsUGxhY2VtZW50fSkgJHtTdHlsZWRPcHRpb25hbFRleHR9IHtcbiAgICAgICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy5sYWJlbEZvbnRGYW1pbHl9KTtcbiAgICAgICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMubGFiZWxGb250U2l6ZX0pO1xuICAgICAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMubGFiZWxGb250U3R5bGV9KTtcbiAgICAgICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy5sYWJlbEZvbnRXZWlnaHR9KTtcbiAgICAgICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5sYWJlbExldHRlclNwYWNpbmd9KTtcbiAgICAgICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy5sYWJlbExpbmVIZWlnaHR9KTtcbiAgICB9XG5cbiAgICAke1N0eWxlZEhpbnRXcmFwcGVyfSB7XG4gICAgICAgIG1hcmdpbjogdmFyKCR7dG9rZW5zLmhpbnRNYXJnaW59KTtcbiAgICAgICAgd2lkdGg6IHZhcigke3Rva2Vucy5oaW50VGFyZ2V0U2l6ZX0pO1xuICAgICAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy5oaW50VGFyZ2V0U2l6ZX0pO1xuICAgIH1cblxuICAgICR7SGludFRhcmdldFdyYXBwZXJ9IHtcbiAgICAgICAgd2lkdGg6IHZhcigke3Rva2Vucy5oaW50VGFyZ2V0U2l6ZX0pO1xuICAgICAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy5oaW50VGFyZ2V0U2l6ZX0pO1xuICAgIH1cblxuICAgICR7VGl0bGVDYXB0aW9ufSB7XG4gICAgICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMudGl0bGVDYXB0aW9uRm9udEZhbWlseX0pO1xuICAgICAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy50aXRsZUNhcHRpb25Gb250U2l6ZX0pO1xuICAgICAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMudGl0bGVDYXB0aW9uRm9udFN0eWxlfSk7XG4gICAgICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMudGl0bGVDYXB0aW9uRm9udFdlaWdodH0pO1xuICAgICAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLnRpdGxlQ2FwdGlvbkxldHRlclNwYWNpbmd9KTtcbiAgICAgICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy50aXRsZUNhcHRpb25MaW5lSGVpZ2h0fSk7XG4gICAgfVxuXG4gICAgJHtMZWZ0SGVscGVyfSB7XG4gICAgICAgIG1hcmdpbi10b3A6IHZhcigke3Rva2Vucy5sZWZ0SGVscGVyT2Zmc2V0fSk7XG5cbiAgICAgICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy5sZWZ0SGVscGVyRm9udEZhbWlseX0pO1xuICAgICAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy5sZWZ0SGVscGVyRm9udFNpemV9KTtcbiAgICAgICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLmxlZnRIZWxwZXJGb250U3R5bGV9KTtcbiAgICAgICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy5sZWZ0SGVscGVyRm9udFdlaWdodH0pO1xuICAgICAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLmxlZnRIZWxwZXJMZXR0ZXJTcGFjaW5nfSk7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMubGVmdEhlbHBlckxpbmVIZWlnaHR9KTtcbiAgICB9XG5cbiAgICAke1N0eWxlZFRleHRCZWZvcmV9LCAke1N0eWxlZFRleHRBZnRlcn0ge1xuICAgICAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmZvbnRGYW1pbHl9KTtcbiAgICAgICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMuZm9udFNpemV9KTtcbiAgICAgICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLmZvbnRTdHlsZX0pO1xuICAgICAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmZvbnRXZWlnaHR9KTtcbiAgICAgICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5sZXR0ZXJTcGFjaW5nfSk7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMubGluZUhlaWdodH0pO1xuICAgIH1cblxuICAgICR7U3R5bGVkVGV4dEJlZm9yZX0ge1xuICAgICAgICBtYXJnaW46IHZhcigke3Rva2Vucy50ZXh0QmVmb3JlTWFyZ2lufSk7XG4gICAgfVxuXG4gICAgJHtTdHlsZWRUZXh0QWZ0ZXJ9IHtcbiAgICAgICAgbWFyZ2luOiB2YXIoJHt0b2tlbnMudGV4dEFmdGVyTWFyZ2lufSk7XG4gICAgfVxuXG4gICAgJHtTdHlsZWRDb250ZW50UmlnaHRXcmFwcGVyfS4ke2NsYXNzZXMuY29udGVudFJpZ2h0Q29tcGVuc2F0aW9uTWFyZ2lufSB7XG4gICAgICAgIGdhcDogdmFyKCR7dG9rZW5zLmNvbnRlbnRSaWdodFdyYXBwZXJHYXB9KTtcbiAgICAgICAgbWFyZ2luOiB2YXIoJHt0b2tlbnMuY29udGVudFJpZ2h0V3JhcHBlck1hcmdpbn0pO1xuXG4gICAgICAgICR7U3R5bGVkQ29udGVudFJpZ2h0fSB7XG4gICAgICAgICAgICBtYXJnaW46IHZhcigke3Rva2Vucy5yaWdodENvbnRlbnRXaXRoSGludE1hcmdpbn0pO1xuICAgICAgICB9XG4gICAgfVxuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQm9CIn0= */");

package/emotion/es/components/Tour/Tour.js

@@ -0,0 +1,328 @@
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+import React, { forwardRef, useEffect, useState, useRef } from "react";
+import { createPortal } from "react-dom";
+import { useFloating, offset, flip, shift, autoUpdate } from "@floating-ui/react-dom";
+import { canUseDOM } from "../../utils";
+import { getHTMLElement, getIncreasedRadius, findRootElement } from "./utils";
+import { MaskContainer, Mask, Highlight, TourPortal } from "./Tour.styles";
+import { base as viewCSS } from "./variatoins/_view/base";
+import { base as sizeCSS } from "./variatoins/_size/base";
+import { classes } from "./Tour.tokens";
+export var tourRoot = function(Root) {
+    return /*#__PURE__*/ forwardRef(function(_param, outerRef) {
+        var steps = _param.steps, current = _param.current, _param_defaultCurrent = _param.defaultCurrent, defaultCurrent = _param_defaultCurrent === void 0 ? 0 : _param_defaultCurrent, open = _param.open, _param_defaultOpen = _param.defaultOpen, defaultOpen = _param_defaultOpen === void 0 ? false : _param_defaultOpen, onClose = _param.onClose, _param_withOverlay = _param.withOverlay, withOverlay = _param_withOverlay === void 0 ? true : _param_withOverlay, overlayColor = _param.overlayColor, _param_zIndex = _param.zIndex, zIndex = _param_zIndex === void 0 ? 9000 : _param_zIndex, view = _param.view, size = _param.size, tmp = _param.offset, offsetProp = tmp === void 0 ? [
+            12,
+            12
+        ] : tmp, _param_highlightOffset = _param.highlightOffset, highlightOffset = _param_highlightOffset === void 0 ? 4 : _param_highlightOffset, renderStep = _param.renderStep, rest = _object_without_properties(_param, [
+            "steps",
+            "current",
+            "defaultCurrent",
+            "open",
+            "defaultOpen",
+            "onClose",
+            "withOverlay",
+            "overlayColor",
+            "zIndex",
+            "view",
+            "size",
+            "offset",
+            "highlightOffset",
+            "renderStep"
+        ]);
+        var TOUR_PORTAL_ID = "plasma-tour-portal-".concat(Date.now());
+        var isCurrentControlled = typeof current === 'number';
+        var isOpenControlled = typeof open === 'boolean';
+        var _useState = _sliced_to_array(useState(defaultCurrent), 2), innerCurrent = _useState[0], setInnerCurrent = _useState[1];
+        var _useState1 = _sliced_to_array(useState(defaultOpen), 2), innerOpen = _useState1[0], setInnerOpen = _useState1[1];
+        var _useState2 = _sliced_to_array(useState(null), 2), highlightRect = _useState2[0], setHighlightRect = _useState2[1];
+        var _useState3 = _sliced_to_array(useState(null), 2), highlightBorderRadius = _useState3[0], setHighlightBorderRadius = _useState3[1];
+        var _useState4 = _sliced_to_array(useState(null), 2), targetElement = _useState4[0], setTargetElement = _useState4[1];
+        var portalRef = useRef(null);
+        var active = isCurrentControlled ? current : innerCurrent;
+        var isOpen = isOpenControlled ? open : innerOpen;
+        var currentStep = steps[active];
+        var rawPlacement = currentStep === null || currentStep === void 0 ? void 0 : currentStep.placement;
+        var placement = (Array.isArray(rawPlacement) ? rawPlacement[0] : rawPlacement) || 'bottom';
+        var middleware = [
+            offset(offsetProp[0]),
+            flip({
+                fallbackPlacements: Array.isArray(currentStep === null || currentStep === void 0 ? void 0 : currentStep.placement) ? currentStep.placement : undefined
+            }),
+            shift({
+                padding: offsetProp[1]
+            })
+        ];
+        var _useFloating = useFloating({
+            placement: placement,
+            middleware: middleware,
+            whileElementsMounted: autoUpdate
+        }), refs = _useFloating.refs, floatingStyles = _useFloating.floatingStyles, calculatedPlacement = _useFloating.placement;
+        var handleSetOpen = function(value) {
+            if (!isOpenControlled) {
+                setInnerOpen(value);
+            }
+            if (!value) {
+                onClose === null || onClose === void 0 ? void 0 : onClose();
+                setInnerCurrent(0);
+                setHighlightRect(null);
+                setTargetElement(null);
+            }
+        };
+        var handleClose = function() {
+            handleSetOpen(false);
+        };
+        var updateHighlight = function() {
+            if (!isOpen || !currentStep) {
+                return;
+            }
+            var rootItem = findRootElement(currentStep.target);
+            var highlightElement = getHTMLElement(rootItem);
+            if (highlightElement) {
+                var rect = highlightElement.getBoundingClientRect();
+                setHighlightRect(rect);
+                setTargetElement(highlightElement);
+                var _currentStep_borderRadius;
+                var borderRadius = currentStep.borderRadius === 'auto' || currentStep.borderRadius === undefined || currentStep.borderRadius === null ? getIncreasedRadius(rootItem, highlightOffset) : (_currentStep_borderRadius = currentStep === null || currentStep === void 0 ? void 0 : currentStep.borderRadius) !== null && _currentStep_borderRadius !== void 0 ? _currentStep_borderRadius : '0px';
+                setHighlightBorderRadius(borderRadius);
+            } else {
+                setHighlightRect(null);
+                setTargetElement(null);
+            }
+        };
+        useEffect(function() {
+            refs.setReference(targetElement);
+        }, [
+            refs,
+            targetElement
+        ]);
+        useEffect(function() {
+            if (!canUseDOM) {
+                return;
+            }
+            var portal = document.getElementById(TOUR_PORTAL_ID);
+            if (!portal) {
+                portal = document.createElement('div');
+                portal.setAttribute('id', TOUR_PORTAL_ID);
+                document.body.appendChild(portal);
+            }
+            portalRef.current = portal;
+            return function() {
+                if (portal) {
+                    portal.remove();
+                }
+            };
+        }, []);
+        useEffect(function() {
+            updateHighlight();
+            window.addEventListener('resize', updateHighlight);
+            window.addEventListener('scroll', updateHighlight, true);
+            return function() {
+                window.removeEventListener('resize', updateHighlight);
+                window.removeEventListener('scroll', updateHighlight, true);
+            };
+        }, [
+            currentStep
+        ]);
+        useEffect(function() {
+            if (isOpen && targetElement) {
+                targetElement.scrollIntoView({
+                    block: 'center',
+                    inline: 'center',
+                    behavior: 'smooth'
+                });
+            }
+        }, [
+            isOpen,
+            active,
+            targetElement
+        ]);
+        useEffect(function() {
+            var handleKeyDown = function(e) {
+                if (e.key === 'Escape') {
+                    handleClose();
+                }
+            };
+            if (isOpen) {
+                window.addEventListener('keydown', handleKeyDown);
+            }
+            return function() {
+                window.removeEventListener('keydown', handleKeyDown);
+            };
+        }, [
+            isOpen,
+            handleClose
+        ]);
+        if (!currentStep || !canUseDOM || !portalRef.current) {
+            return null;
+        }
+        var _highlightRect_left, _highlightRect_top, _highlightRect_width, _highlightRect_height;
+        var tourContent = /*#__PURE__*/ React.createElement(Root, _object_spread({
+            renderStep: renderStep,
+            steps: steps,
+            ref: outerRef,
+            view: view,
+            size: size
+        }, rest), isOpen && withOverlay && /*#__PURE__*/ React.createElement(MaskContainer, {
+            className: classes.mask,
+            zIndex: zIndex
+        }, /*#__PURE__*/ React.createElement(Mask, null), Boolean(highlightRect) && /*#__PURE__*/ React.createElement(Highlight, {
+            overlayColor: overlayColor,
+            borderRadius: highlightBorderRadius,
+            style: {
+                left: ((_highlightRect_left = highlightRect === null || highlightRect === void 0 ? void 0 : highlightRect.left) !== null && _highlightRect_left !== void 0 ? _highlightRect_left : 0) - highlightOffset,
+                top: ((_highlightRect_top = highlightRect === null || highlightRect === void 0 ? void 0 : highlightRect.top) !== null && _highlightRect_top !== void 0 ? _highlightRect_top : 0) - highlightOffset,
+                width: ((_highlightRect_width = highlightRect === null || highlightRect === void 0 ? void 0 : highlightRect.width) !== null && _highlightRect_width !== void 0 ? _highlightRect_width : 0) + highlightOffset * 2,
+                height: ((_highlightRect_height = highlightRect === null || highlightRect === void 0 ? void 0 : highlightRect.height) !== null && _highlightRect_height !== void 0 ? _highlightRect_height : 0) + highlightOffset * 2
+            }
+        })), isOpen && Boolean(targetElement) && /*#__PURE__*/ React.createElement(TourPortal, {
+            ref: refs.setFloating,
+            style: _object_spread_props(_object_spread({}, floatingStyles), {
+                zIndex: Number(zIndex)
+            }),
+            "data-placement": calculatedPlacement
+        }, renderStep && renderStep(active, steps.length, active === steps.length - 1, steps[active])));
+        return /*#__PURE__*/ createPortal(tourContent, portalRef.current);
+    });
+};
+export var tourConfig = {
+    name: 'Tour',
+    tag: 'div',
+    layout: tourRoot,
+    base: '',
+    variations: {
+        view: {
+            css: viewCSS
+        },
+        size: {
+            css: sizeCSS
+        }
+    },
+    defaults: {
+        view: 'default',
+        size: 'm'
+    }
+};

package/emotion/es/components/Tour/Tour.styles.js

@@ -0,0 +1,26 @@
+import styled from "@emotion/styled";
+export var MaskContainer = /*#__PURE__*/ styled("div", {
+    target: "e21u2800",
+    label: "MaskContainer"
+})("z-index:", function(param) {
+    var zIndex = param.zIndex;
+    return zIndex || 9000;
+}, ";", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ub3VyL1RvdXIuc3R5bGVzLnRzeCIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ub3VyL1RvdXIuc3R5bGVzLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzIH0gZnJvbSAncmVhY3QnO1xuXG5leHBvcnQgY29uc3QgTWFza0NvbnRhaW5lciA9IHN0eWxlZC5kaXY8eyB6SW5kZXg6IENTU1Byb3BlcnRpZXNbJ3pJbmRleCddIH0+YFxuICAgIHotaW5kZXg6ICR7KHsgekluZGV4IH0pID0+IHpJbmRleCB8fCA5MDAwfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNYXNrID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgaW5zZXQ6IDA7XG4gICAgcG9pbnRlci1ldmVudHM6IGFsbDtcbmA7XG5cbmV4cG9ydCBjb25zdCBIaWdobGlnaHQgPSBzdHlsZWQuZGl2PHtcbiAgICBvdmVybGF5Q29sb3I/OiBDU1NQcm9wZXJ0aWVzWydjb2xvciddO1xuICAgIGJvcmRlclJhZGl1cz86IENTU1Byb3BlcnRpZXNbJ2JvcmRlclJhZGl1cyddIHwgbnVsbDtcbn0+YFxuICAgIC0tcHJpdmF0ZS1tYXNrLWNvbG9yOiAkeyh7IG92ZXJsYXlDb2xvciB9KSA9PiBgJHtvdmVybGF5Q29sb3IgfHwgJ3JnYmEoMCwgMCwgMCwgMC40NSknfWB9O1xuICAgIHBvc2l0aW9uOiBmaXhlZDtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICBib3JkZXItcmFkaXVzOiAkeyh7IGJvcmRlclJhZGl1cyB9KSA9PiBib3JkZXJSYWRpdXMgPz8gMH07XG4gICAgYm94LXNoYWRvdzogMCAwIDAgOTk5OXB4IHZhcigtLXByaXZhdGUtbWFzay1jb2xvcik7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgdHJhbnNpdGlvbjogYWxsIDAuM3MgY3ViaWMtYmV6aWVyKDAuNCwgMCwgMC4yLCAxKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBUb3VyUG9ydGFsID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUc2QiJ9 */");
+export var Mask = /*#__PURE__*/ styled("div", {
+    target: "e21u2801",
+    label: "Mask"
+})("position:fixed;inset:0;pointer-events:all;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ub3VyL1RvdXIuc3R5bGVzLnRzeCIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ub3VyL1RvdXIuc3R5bGVzLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzIH0gZnJvbSAncmVhY3QnO1xuXG5leHBvcnQgY29uc3QgTWFza0NvbnRhaW5lciA9IHN0eWxlZC5kaXY8eyB6SW5kZXg6IENTU1Byb3BlcnRpZXNbJ3pJbmRleCddIH0+YFxuICAgIHotaW5kZXg6ICR7KHsgekluZGV4IH0pID0+IHpJbmRleCB8fCA5MDAwfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNYXNrID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgaW5zZXQ6IDA7XG4gICAgcG9pbnRlci1ldmVudHM6IGFsbDtcbmA7XG5cbmV4cG9ydCBjb25zdCBIaWdobGlnaHQgPSBzdHlsZWQuZGl2PHtcbiAgICBvdmVybGF5Q29sb3I/OiBDU1NQcm9wZXJ0aWVzWydjb2xvciddO1xuICAgIGJvcmRlclJhZGl1cz86IENTU1Byb3BlcnRpZXNbJ2JvcmRlclJhZGl1cyddIHwgbnVsbDtcbn0+YFxuICAgIC0tcHJpdmF0ZS1tYXNrLWNvbG9yOiAkeyh7IG92ZXJsYXlDb2xvciB9KSA9PiBgJHtvdmVybGF5Q29sb3IgfHwgJ3JnYmEoMCwgMCwgMCwgMC40NSknfWB9O1xuICAgIHBvc2l0aW9uOiBmaXhlZDtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICBib3JkZXItcmFkaXVzOiAkeyh7IGJvcmRlclJhZGl1cyB9KSA9PiBib3JkZXJSYWRpdXMgPz8gMH07XG4gICAgYm94LXNoYWRvdzogMCAwIDAgOTk5OXB4IHZhcigtLXByaXZhdGUtbWFzay1jb2xvcik7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgdHJhbnNpdGlvbjogYWxsIDAuM3MgY3ViaWMtYmV6aWVyKDAuNCwgMCwgMC4yLCAxKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBUb3VyUG9ydGFsID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU9vQiJ9 */");
+export var Highlight = /*#__PURE__*/ styled("div", {
+    target: "e21u2802",
+    label: "Highlight"
+})("--private-mask-color:", function(param) {
+    var overlayColor = param.overlayColor;
+    return "".concat(overlayColor || 'rgba(0, 0, 0, 0.45)');
+}, ";position:fixed;background:transparent;border-radius:", function(param) {
+    var borderRadius = param.borderRadius;
+    return borderRadius !== null && borderRadius !== void 0 ? borderRadius : 0;
+}, ";box-shadow:0 0 0 9999px var(--private-mask-color);pointer-events:none;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ub3VyL1RvdXIuc3R5bGVzLnRzeCIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ub3VyL1RvdXIuc3R5bGVzLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzIH0gZnJvbSAncmVhY3QnO1xuXG5leHBvcnQgY29uc3QgTWFza0NvbnRhaW5lciA9IHN0eWxlZC5kaXY8eyB6SW5kZXg6IENTU1Byb3BlcnRpZXNbJ3pJbmRleCddIH0+YFxuICAgIHotaW5kZXg6ICR7KHsgekluZGV4IH0pID0+IHpJbmRleCB8fCA5MDAwfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNYXNrID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgaW5zZXQ6IDA7XG4gICAgcG9pbnRlci1ldmVudHM6IGFsbDtcbmA7XG5cbmV4cG9ydCBjb25zdCBIaWdobGlnaHQgPSBzdHlsZWQuZGl2PHtcbiAgICBvdmVybGF5Q29sb3I/OiBDU1NQcm9wZXJ0aWVzWydjb2xvciddO1xuICAgIGJvcmRlclJhZGl1cz86IENTU1Byb3BlcnRpZXNbJ2JvcmRlclJhZGl1cyddIHwgbnVsbDtcbn0+YFxuICAgIC0tcHJpdmF0ZS1tYXNrLWNvbG9yOiAkeyh7IG92ZXJsYXlDb2xvciB9KSA9PiBgJHtvdmVybGF5Q29sb3IgfHwgJ3JnYmEoMCwgMCwgMCwgMC40NSknfWB9O1xuICAgIHBvc2l0aW9uOiBmaXhlZDtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICBib3JkZXItcmFkaXVzOiAkeyh7IGJvcmRlclJhZGl1cyB9KSA9PiBib3JkZXJSYWRpdXMgPz8gMH07XG4gICAgYm94LXNoYWRvdzogMCAwIDAgOTk5OXB4IHZhcigtLXByaXZhdGUtbWFzay1jb2xvcik7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgdHJhbnNpdGlvbjogYWxsIDAuM3MgY3ViaWMtYmV6aWVyKDAuNCwgMCwgMC4yLCAxKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBUb3VyUG9ydGFsID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWF5QiJ9 */");
+export var TourPortal = /*#__PURE__*/ styled("div", {
+    target: "e21u2803",
+    label: "TourPortal"
+})("position:absolute;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ub3VyL1RvdXIuc3R5bGVzLnRzeCIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ub3VyL1RvdXIuc3R5bGVzLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzIH0gZnJvbSAncmVhY3QnO1xuXG5leHBvcnQgY29uc3QgTWFza0NvbnRhaW5lciA9IHN0eWxlZC5kaXY8eyB6SW5kZXg6IENTU1Byb3BlcnRpZXNbJ3pJbmRleCddIH0+YFxuICAgIHotaW5kZXg6ICR7KHsgekluZGV4IH0pID0+IHpJbmRleCB8fCA5MDAwfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNYXNrID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgaW5zZXQ6IDA7XG4gICAgcG9pbnRlci1ldmVudHM6IGFsbDtcbmA7XG5cbmV4cG9ydCBjb25zdCBIaWdobGlnaHQgPSBzdHlsZWQuZGl2PHtcbiAgICBvdmVybGF5Q29sb3I/OiBDU1NQcm9wZXJ0aWVzWydjb2xvciddO1xuICAgIGJvcmRlclJhZGl1cz86IENTU1Byb3BlcnRpZXNbJ2JvcmRlclJhZGl1cyddIHwgbnVsbDtcbn0+YFxuICAgIC0tcHJpdmF0ZS1tYXNrLWNvbG9yOiAkeyh7IG92ZXJsYXlDb2xvciB9KSA9PiBgJHtvdmVybGF5Q29sb3IgfHwgJ3JnYmEoMCwgMCwgMCwgMC40NSknfWB9O1xuICAgIHBvc2l0aW9uOiBmaXhlZDtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICBib3JkZXItcmFkaXVzOiAkeyh7IGJvcmRlclJhZGl1cyB9KSA9PiBib3JkZXJSYWRpdXMgPz8gMH07XG4gICAgYm94LXNoYWRvdzogMCAwIDAgOTk5OXB4IHZhcigtLXByaXZhdGUtbWFzay1jb2xvcik7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgdHJhbnNpdGlvbjogYWxsIDAuM3MgY3ViaWMtYmV6aWVyKDAuNCwgMCwgMC4yLCAxKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBUb3VyUG9ydGFsID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCMEIifQ== */");

package/emotion/es/components/Tour/Tour.tokens.js

@@ -0,0 +1,13 @@
+export var classes = {
+    mask: 'tour-mask'
+};
+export var tokens = {
+    cardPadding: '--plasma-tour-card-padding',
+    cardRadius: '--plasma-tour-card-radius',
+    cardBgColor: '--plasma-tour-card-bg',
+    cardShadow: '--plasma-tour-card-shadow',
+    maskBgColor: '--plasma-tour-mask-bg',
+    titleColor: '--plasma-tour-title-color',
+    descriptionColor: '--plasma-tour-description-color',
+    highlightRadius: '--plasma-tour-highlight-radius'
+};

package/emotion/es/components/Tour/Tour.types.js

@@ -0,0 +1 @@
+export { };

package/emotion/es/components/Tour/index.js

@@ -0,0 +1,2 @@
+export { tourRoot, tourConfig } from "./Tour";
+export { tokens as tourTokens, classes as tourClasses } from "./Tour.tokens";

package/emotion/es/components/Tour/utils/index.js

@@ -0,0 +1,127 @@
+import { canUseDOM } from "../../../utils";
+export var TOUR_FINDER_MARK = 'data-tour';
+export var ROOT_COMPONENT = 'data-root';
+export var TOUR_BORDER_RADIUS_TOKEN = '--plasma-tour__border-radius';
+export var getHTMLElement = function(target) {
+    if (!target || !canUseDOM) {
+        return null;
+    }
+    if (typeof target === 'string') {
+        return document.querySelector(target);
+    }
+    if ('current' in target) {
+        return target.current;
+    }
+    return target;
+};
+export var getIncreasedRadius = function(ref, offset) {
+    if (!ref.current) {
+        return '';
+    }
+    var element = ref.current;
+    var computedStyle = getComputedStyle(element);
+    var borderRadiusComponent = computedStyle.getPropertyValue(TOUR_BORDER_RADIUS_TOKEN);
+    var currentRadius = computedStyle.borderRadius !== undefined && computedStyle.borderRadius !== null && computedStyle.borderRadius !== '0px' ? computedStyle.borderRadius : borderRadiusComponent;
+    var parseValue = function(value, context) {
+        var num = parseFloat(value);
+        if (Number.isNaN(num)) return 0;
+        if (value.endsWith('px')) return num;
+        if (value.endsWith('%')) return num / 100 * context.width;
+        if (value.endsWith('em')) return num * parseFloat(computedStyle.fontSize);
+        if (value.endsWith('rem')) {
+            return num * parseFloat(getComputedStyle(document.documentElement).fontSize);
+        }
+        if (value.endsWith('vw')) return num / 100 * window.innerWidth;
+        if (value.endsWith('vh')) return num / 100 * window.innerHeight;
+        if (value.endsWith('vmin')) return num / 100 * Math.min(window.innerWidth, window.innerHeight);
+        if (value.endsWith('vmax')) return num / 100 * Math.max(window.innerWidth, window.innerHeight);
+        return num;
+    };
+    var context = {
+        width: element.offsetWidth,
+        height: element.offsetHeight
+    };
+    var parseRadius = function(radius) {
+        var parts = radius.split('/').map(function(part) {
+            return part.trim();
+        });
+        var horizontal = parts[0].split(/\s+/).map(function(val) {
+            return parseValue(val, context);
+        });
+        var normalize = function(values) {
+            if (values.length === 1) return [
+                values[0],
+                values[0],
+                values[0],
+                values[0]
+            ];
+            if (values.length === 2) return [
+                values[0],
+                values[1],
+                values[0],
+                values[1]
+            ];
+            if (values.length === 3) return [
+                values[0],
+                values[1],
+                values[2],
+                values[1]
+            ];
+            return values.slice(0, 4);
+        };
+        return {
+            horizontal: normalize(horizontal),
+            vertical: parts[1] ? normalize(parts[1].split(/\s+/).map(function(val) {
+                return parseValue(val, context);
+            })) : normalize(horizontal)
+        };
+    };
+    try {
+        var parsed = parseRadius(currentRadius);
+        var newHorizontal = parsed.horizontal.map(function(val) {
+            return val !== 0 ? Math.max(0, val + offset) : 0;
+        });
+        var newVertical = parsed.vertical.map(function(val) {
+            return val !== 0 ? Math.max(0, val + offset) : 0;
+        });
+        var format = function(values) {
+            return values.map(function(v) {
+                return "".concat(v, "px");
+            }).join(' ');
+        };
+        var horizontalStr = format(newHorizontal);
+        var verticalStr = format(newVertical);
+        return horizontalStr === verticalStr ? horizontalStr : "".concat(horizontalStr, " / ").concat(verticalStr);
+    } catch (error) {
+        return '';
+    }
+};
+export var findRootElement = function(ref) {
+    if (!ref.current) {
+        return '';
+    }
+    var currentElement = ref.current;
+    if (!(currentElement === null || currentElement === void 0 ? void 0 : currentElement.hasAttribute(TOUR_FINDER_MARK))) {
+        return {
+            current: currentElement
+        };
+    }
+    while(currentElement !== null && currentElement !== document.documentElement){
+        if (currentElement.hasAttribute(ROOT_COMPONENT)) {
+            return {
+                current: currentElement
+            };
+        }
+        var parent = currentElement.parentElement;
+        if (parent === null) {
+            break;
+        }
+        currentElement = parent;
+    }
+    if (currentElement === null || currentElement === void 0 ? void 0 : currentElement.hasAttribute(ROOT_COMPONENT)) {
+        return {
+            current: currentElement
+        };
+    }
+    return ref;
+};

package/emotion/es/components/Tour/variatoins/_size/base.js

@@ -0,0 +1,2 @@
+import { css } from "@emotion/react";
+export var base = /*#__PURE__*/ css("base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ub3VyL3ZhcmlhdG9pbnMvX3NpemUvYmFzZS50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ub3VyL3ZhcmlhdG9pbnMvX3NpemUvYmFzZS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYGA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRW9CIn0= */");

package/emotion/es/components/Tour/variatoins/_view/base.js

@@ -0,0 +1,2 @@
+import { css } from "@emotion/react";
+export var base = /*#__PURE__*/ css("base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ub3VyL3ZhcmlhdG9pbnMvX3ZpZXcvYmFzZS50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ub3VyL3ZhcmlhdG9pbnMvX3ZpZXcvYmFzZS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYGA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRW9CIn0= */");

package/emotion/es/examples/plasma_b2c/components/Tour/Tour.config.js

@@ -0,0 +1,16 @@
+import { css } from "@emotion/react";
+import { tokens } from "../../../../components/Tour/Tour.tokens";
+export var config = {
+    defaults: {
+        view: 'accent',
+        size: 's'
+    },
+    variations: {
+        view: {
+            default: /*#__PURE__*/ css("default", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vZXhhbXBsZXMvcGxhc21hX2IyYy9jb21wb25lbnRzL1RvdXIvVG91ci5jb25maWcudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9Ub3VyL1RvdXIuY29uZmlnLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy9Ub3VyL1RvdXIudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICB2aWV3OiAnYWNjZW50JyxcbiAgICAgICAgc2l6ZTogJ3MnLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgYCxcbiAgICAgICAgfSxcbiAgICAgICAgc2l6ZToge1xuICAgICAgICAgICAgczogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcmRQYWRkaW5nfTogMC43NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXJkUmFkaXVzfTogMC43NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5oaWdobGlnaHRSYWRpdXN9OiAwLjc1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXcUIifQ== */")
+        },
+        size: {
+            s: /*#__PURE__*/ css(tokens.cardPadding, ":0.75rem;", tokens.cardRadius, ":0.75rem;", tokens.highlightRadius, ":0.75rem;", "s", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vZXhhbXBsZXMvcGxhc21hX2IyYy9jb21wb25lbnRzL1RvdXIvVG91ci5jb25maWcudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9Ub3VyL1RvdXIuY29uZmlnLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy9Ub3VyL1RvdXIudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICB2aWV3OiAnYWNjZW50JyxcbiAgICAgICAgc2l6ZTogJ3MnLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgYCxcbiAgICAgICAgfSxcbiAgICAgICAgc2l6ZToge1xuICAgICAgICAgICAgczogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcmRQYWRkaW5nfTogMC43NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXJkUmFkaXVzfTogMC43NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5oaWdobGlnaHRSYWRpdXN9OiAwLjc1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjZSJ9 */")
+        }
+    }
+};

package/emotion/es/examples/plasma_b2c/components/Tour/Tour.js

@@ -0,0 +1,5 @@
+import { tourConfig } from "../../../../components/Tour";
+import { component, mergeConfig } from "../../../../engines";
+import { config } from "./Tour.config";
+var mergedConfig = mergeConfig(tourConfig, config);
+export var Tour = component(mergedConfig);

package/emotion/es/examples/plasma_web/components/Tour/Tour.config.js

@@ -0,0 +1,16 @@
+import { css } from "@emotion/react";
+import { tokens } from "../../../../components/Tour/Tour.tokens";
+export var config = {
+    defaults: {
+        view: 'accent',
+        size: 's'
+    },
+    variations: {
+        view: {
+            default: /*#__PURE__*/ css("default", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vZXhhbXBsZXMvcGxhc21hX3dlYi9jb21wb25lbnRzL1RvdXIvVG91ci5jb25maWcudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9Ub3VyL1RvdXIuY29uZmlnLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy9Ub3VyL1RvdXIudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICB2aWV3OiAnYWNjZW50JyxcbiAgICAgICAgc2l6ZTogJ3MnLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgYCxcbiAgICAgICAgfSxcbiAgICAgICAgc2l6ZToge1xuICAgICAgICAgICAgczogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcmRQYWRkaW5nfTogMC43NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXJkUmFkaXVzfTogMC43NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5oaWdobGlnaHRSYWRpdXN9OiAwLjc1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXcUIifQ== */")
+        },
+        size: {
+            s: /*#__PURE__*/ css(tokens.cardPadding, ":0.75rem;", tokens.cardRadius, ":0.75rem;", tokens.highlightRadius, ":0.75rem;", "s", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vZXhhbXBsZXMvcGxhc21hX3dlYi9jb21wb25lbnRzL1RvdXIvVG91ci5jb25maWcudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9Ub3VyL1RvdXIuY29uZmlnLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy9Ub3VyL1RvdXIudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICB2aWV3OiAnYWNjZW50JyxcbiAgICAgICAgc2l6ZTogJ3MnLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgYCxcbiAgICAgICAgfSxcbiAgICAgICAgc2l6ZToge1xuICAgICAgICAgICAgczogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcmRQYWRkaW5nfTogMC43NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXJkUmFkaXVzfTogMC43NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5oaWdobGlnaHRSYWRpdXN9OiAwLjc1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjZSJ9 */")
+        }
+    }
+};

package/emotion/es/examples/plasma_web/components/Tour/Tour.js

@@ -0,0 +1,5 @@
+import { tourConfig } from "../../../../components/Tour";
+import { component, mergeConfig } from "../../../../engines";
+import { config } from "./Tour.config";
+var mergedConfig = mergeConfig(tourConfig, config);
+export var Tour = component(mergedConfig);

package/emotion/es/index.js

@@ -80,3 +80,4 @@ export * from "./components/PaginationDots";
 export * from "./components/CodeInput";
 export * from "./components/CodeField";
 export * from "./components/List";
+export * from "./components/Tour";