@opentiny/vue-theme-saas 3.21.0 → 3.22.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/guide/index.css CHANGED
@@ -1 +1 @@
1
- .tiny-guide .shepherd-arrow{height:16px;position:absolute;width:16px;z-index:-10}.tiny-guide .shepherd-arrow:before{width:16px;position:absolute;height:16px;background-color:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);z-index:-10;content:''}.tiny-guide .shepherd-content{width:100%;border-radius:4px;padding:0;outline:0}.tiny-guide .shepherd-content .shepherd-header{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-top-left-radius:4px;border-top-right-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;line-height:32px;padding-left:24px;padding-right:24px;padding-top:24px;background-color:#fff}.tiny-guide .shepherd-content .shepherd-header .shepherd-title{font-size:18px;color:#333d48;line-height:20px;font-weight:700;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;padding:0;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;font-family:PingFangSC}.tiny-guide .shepherd-content .shepherd-header .shepherd-cancel-icon{display:-webkit-box;display:-ms-flexbox;display:flex;background-color:transparent;border:none;cursor:pointer;margin:0;padding:0;-webkit-transition:color .5s ease;transition:color .5s ease}.tiny-guide .shepherd-content .shepherd-header .shepherd-cancel-icon span{font-size:30px;width:20px;height:20px;line-height:20px;color:#333d48;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:300;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);margin-top:-6px}.tiny-guide .shepherd-content .shepherd-header .shepherd-cancel-icon:hover{color:rgba(0,0,0,.75)}.tiny-guide .shepherd-content .shepherd-text{line-height:20px;color:#333d48;font-size:14px;padding:24px 24px 22px}.tiny-guide .shepherd-content .shepherd-text .scrollBox{width:100%;overflow:auto;text-align:justify;padding-right:8px}.tiny-guide .shepherd-content .shepherd-text .scrollBox::-webkit-scrollbar{width:4px;height:40px}.tiny-guide .shepherd-content .shepherd-text .scrollBox::-webkit-scrollbar-thumb{width:4px;height:40px;border-radius:2px;background-clip:padding-box;border:4px solid rgba(57,57,57,.3)}.tiny-guide .shepherd-content .shepherd-text p{margin-top:0}.tiny-guide .shepherd-content .shepherd-text p:last-child{margin-bottom:0}.tiny-guide .shepherd-content .shepherd-footer{border-bottom-right-radius:4px;border-bottom-left-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-top:0;padding-left:24px;padding-right:24px;padding-bottom:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.tiny-guide .shepherd-content .shepherd-footer.shepherd-button:last-child{margin-right:0}.tiny-guide .shepherd-content .shepherd-footer .progress-style{position:absolute;left:24px;font-size:14px;color:#161e26;font-weight:400;font-family:PingFangSC}.tiny-guide .shepherd-content .shepherd-footer .shepherd-button{color:#fff;background-color:#0067d1;cursor:pointer;border-radius:4px;border:0;width:96px;height:32px;margin-left:8px;-webkit-transition:all .5s ease;transition:all .5s ease}.tiny-guide .shepherd-content .shepherd-footer .shepherd-button:hover{background-color:#0072e8}.tiny-guide .shepherd-content .shepherd-footer .shepherd-button:focus{background-color:#0067d1}.tiny-guide .shepherd-content .shepherd-footer .shepherd-button:active{background-color:#005bba}.tiny-guide .shepherd-content .shepherd-footer .shepherd-button:disabled{background-color:rgba(0,103,209,.3);color:#fff;cursor:not-allowed}.tiny-guide .shepherd-content .shepherd-footer .shepherd-button.shepherd-button-secondary{color:#161e26;border-radius:4px;font-size:12px;text-align:center;line-height:12px;font-weight:400px;margin-left:8px;border-color:rgba(22,30,38,.2);background-color:#fff;border-left-width:1px;border-right-width:1px;border-top-width:1px;border-bottom-width:1px;border-style:solid}.tiny-guide .shepherd-content .shepherd-footer .shepherd-button.shepherd-button-secondary:hover{border-color:#161e26}.tiny-guide .shepherd-content .shepherd-footer .shepherd-button.shepherd-button-secondary:active{border-color:#005bba}.tiny-guide .shepherd-content .shepherd-footer .shepherd-button.shepherd-button-secondary:focus{border-color:#161e26}.tiny-guide .shepherd-content .shepherd-footer .shepherd-button.shepherd-button-secondary:disabled{background-color:rgba(22,30,38,.05);cursor:not-allowed;border-color:rgba(22,30,38,.1);color:rgba(22,30,38,.3)}.tiny-guide.only-content .shepherd-header{padding-top:0}.tiny-guide.only-content .shepherd-header .shepherd-cancel-icon{position:absolute;top:24px}.tiny-guide.only-content .shepherd-text{padding-right:52px}.tiny-guide .tiny-guide__z-top{z-index:9999;position:relative;background-color:#fff}.tiny-guide.shepherd-has-title.shepherd-content.shepherd-cancel-icon{color:hsla(0,0%,50%,.75)}.tiny-guide.shepherd-has-title.shepherd-content.shepherd-cancel-icon:hover{color:rgba(0,0,0,.75)}.tiny-guide.shepherd-element.shepherd-has-title[data-popper-placement^=bottom]>.shepherd-arrow:before{background-color:#fff}.tiny-guide.shepherd-element{height:auto;-webkit-box-shadow:0 16px 48px 0 rgba(0,0,0,.16);box-shadow:0 16px 48px 0 rgba(0,0,0,.16);background-color:#fff;opacity:0;visibility:hidden;z-index:9999;width:510px;outline:0;border-radius:4px;-webkit-transition:opacity .3s,visibility .3s;transition:opacity .3s,visibility .3s}.tiny-guide.shepherd-enabled.shepherd-element{opacity:1;visibility:visible}.tiny-guide.shepherd-element[data-popper-reference-hidden]:not(.shepherd-centered){opacity:0;pointer-events:none;visibility:hidden}.tiny-guide.shepherd-element,.tiny-guide.shepherd-element *,.tiny-guide.shepherd-element :after,.tiny-guide.shepherd-element :before{-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-guide.shepherd-element[data-popper-placement^=top]>.shepherd-arrow{bottom:-8px}.tiny-guide.shepherd-element[data-popper-placement^=bottom]>.shepherd-arrow{top:-8px}.tiny-guide.shepherd-element[data-popper-placement^=left]>.shepherd-arrow{right:-8px}.tiny-guide.shepherd-element[data-popper-placement^=right]>.shepherd-arrow{left:-8px}.tiny-guide.shepherd-element.shepherd-centered>.shepherd-arrow{opacity:0}.tiny-guide.shepherd-element.shepherd-has-title[data-popper-placement^=bottom]>.shepherd-arrow:before{background-color:#fff}.tiny-guide.shepherd-target-click-disabled.shepherd-enabled.shepherd-target,.tiny-guide.shepherd-target-click-disabled.shepherd-enabled.shepherd-target *{pointer-events:none}.shepherd-modal-overlay-container{pointer-events:none;width:100%;overflow:hidden;height:100%;left:0;right:0;bottom:0;opacity:0;position:fixed;z-index:9997;top:0;-webkit-transition:all .3s ease-out,height 0s .3s,opacity .3s 0s;transition:all .3s ease-out,height 0s .3s,opacity .3s 0s}.shepherd-modal-overlay-container.shepherd-modal-is-visible{opacity:.5;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:all .3s ease-out,height 0s 0s,opacity .3s 0s;transition:all .3s ease-out,height 0s 0s,opacity .3s 0s}.shepherd-modal-overlay-container.shepherd-modal-is-visible path{pointer-events:all}.tiny-guide__z-top{z-index:9999;position:relative;background-color:#fff}
1
+ .tiny-guide .shepherd-arrow{position:absolute;z-index:-10;height:var(--tiny-spacing-4,1rem);width:var(--tiny-spacing-4,1rem)}.tiny-guide .shepherd-arrow:before{position:absolute;z-index:-10;height:var(--tiny-spacing-4,1rem);width:var(--tiny-spacing-4,1rem);--tw-rotate:45deg;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));background-color:var(--tiny-color-bg-1,#fff);content:''}.tiny-guide .shepherd-content{width:100%;border-radius:4px;padding:0;outline:0}.tiny-guide .shepherd-content .shepherd-header{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-top-left-radius:4px;border-top-right-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;line-height:32px;padding-left:24px;padding-right:24px;padding-top:24px;background-color:var(--tiny-color-bg-1,#fff)}.tiny-guide .shepherd-content .shepherd-header .shepherd-title{font-size:18px;color:var(--tiny-color-text-primary,#191919);line-height:20px;font-weight:700;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;padding:0;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;font-family:PingFangSC}.tiny-guide .shepherd-content .shepherd-header .shepherd-cancel-icon{display:-webkit-box;display:-ms-flexbox;display:flex;background-color:transparent;border:none;cursor:pointer;margin:0;padding:0;-webkit-transition:color .5s ease;transition:color .5s ease}.tiny-guide .shepherd-content .shepherd-header .shepherd-cancel-icon span{font-size:30px;width:20px;height:20px;line-height:20px;color:var(--tiny-color-text-primary,#191919);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:300;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);margin-top:-6px}.tiny-guide .shepherd-content .shepherd-header .shepherd-cancel-icon:hover{color:rgba(0,0,0,.75)}.tiny-guide .shepherd-content .shepherd-text{line-height:20px;color:var(--tiny-color-text-primary,#191919);font-size:14px;padding:24px 24px 22px}.tiny-guide .shepherd-content .shepherd-text .scrollBox{width:100%;overflow:auto;text-align:justify;padding-right:8px}.tiny-guide .shepherd-content .shepherd-text .scrollBox::-webkit-scrollbar{width:4px;height:40px}.tiny-guide .shepherd-content .shepherd-text .scrollBox::-webkit-scrollbar-thumb{width:4px;height:40px;border-radius:2px;background-clip:padding-box;border:4px solid rgba(57,57,57,.3)}.tiny-guide .shepherd-content .shepherd-text p{margin-top:0}.tiny-guide .shepherd-content .shepherd-text p:last-child{margin-bottom:0}.tiny-guide .shepherd-content .shepherd-footer{border-bottom-right-radius:4px;border-bottom-left-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-top:0;padding-left:24px;padding-right:24px;padding-bottom:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.tiny-guide .shepherd-content .shepherd-footer.shepherd-button:last-child{margin-right:0}.tiny-guide .shepherd-content .shepherd-footer .progress-style{position:absolute;left:24px;font-size:14px;color:var(--tiny-color-text-primary,#191919);font-weight:400;font-family:PingFangSC}.tiny-guide .shepherd-content .shepherd-footer .shepherd-button{color:var(--tiny-color-text-inverse,#fff);background-color:var(--tiny-color-brand,#0067d1);cursor:pointer;border-radius:4px;border:0;width:96px;height:32px;margin-left:8px;-webkit-transition:all .5s ease;transition:all .5s ease}.tiny-guide .shepherd-content .shepherd-footer .shepherd-button:hover{background-color:var(--tiny-color-brand-hover,#2e86de)}.tiny-guide .shepherd-content .shepherd-footer .shepherd-button:focus{background-color:var(--tiny-color-brand,#0067d1)}.tiny-guide .shepherd-content .shepherd-footer .shepherd-button:active{background-color:var(--tiny-color-brand-active,#004ea8)}.tiny-guide .shepherd-content .shepherd-footer .shepherd-button:disabled{background-color:rgba(0,103,209,.3);color:var(--tiny-color-text-inverse,#fff);cursor:not-allowed}.tiny-guide .shepherd-content .shepherd-footer .shepherd-button.shepherd-button-secondary{color:var(--tiny-color-text-primary,#191919);border-radius:4px;font-size:12px;text-align:center;line-height:12px;font-weight:400px;margin-left:8px;border-color:rgba(22,30,38,.2);background-color:var(--tiny-color-bg-1,#fff);border-left-width:1px;border-right-width:1px;border-top-width:1px;border-bottom-width:1px;border-style:solid}.tiny-guide .shepherd-content .shepherd-footer .shepherd-button.shepherd-button-secondary:hover{border-color:var(--tiny-color-text-primary,#191919)}.tiny-guide .shepherd-content .shepherd-footer .shepherd-button.shepherd-button-secondary:active{border-color:var(--tiny-color-brand-active,#004ea8)}.tiny-guide .shepherd-content .shepherd-footer .shepherd-button.shepherd-button-secondary:focus{border-color:var(--tiny-color-text-primary,#191919)}.tiny-guide .shepherd-content .shepherd-footer .shepherd-button.shepherd-button-secondary:disabled{background-color:rgba(22,30,38,.05);cursor:not-allowed;border-color:rgba(22,30,38,.1);color:rgba(22,30,38,.3)}.tiny-guide.only-content .shepherd-header{padding-top:0}.tiny-guide.only-content .shepherd-header .shepherd-cancel-icon{position:absolute;top:24px}.tiny-guide.only-content .shepherd-text{padding-right:52px}.tiny-guide .tiny-guide__z-top{z-index:9999;position:relative;background-color:var(--tiny-color-bg-1,#fff)}.tiny-guide.shepherd-has-title.shepherd-content.shepherd-cancel-icon{color:hsla(0,0%,50%,.75)}.tiny-guide.shepherd-has-title.shepherd-content.shepherd-cancel-icon:hover{color:rgba(0,0,0,.75)}.tiny-guide.shepherd-element.shepherd-has-title[data-popper-placement^=bottom]>.shepherd-arrow:before{background-color:var(--tiny-color-bg-1,#fff)}.tiny-guide.shepherd-element{height:auto;-webkit-box-shadow:0 16px 48px 0 rgba(0,0,0,.16);box-shadow:0 16px 48px 0 rgba(0,0,0,.16);background-color:var(--tiny-color-bg-1,#fff);opacity:0;visibility:hidden;z-index:9999;width:510px;outline:0;border-radius:4px;-webkit-transition:opacity .3s,visibility .3s;transition:opacity .3s,visibility .3s}.tiny-guide.shepherd-enabled.shepherd-element{opacity:1;visibility:visible}.tiny-guide.shepherd-element[data-popper-reference-hidden]:not(.shepherd-centered){opacity:0;pointer-events:none;visibility:hidden}.tiny-guide.shepherd-element,.tiny-guide.shepherd-element *,.tiny-guide.shepherd-element :after,.tiny-guide.shepherd-element :before{-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-guide.shepherd-element[data-popper-placement^=top]>.shepherd-arrow{bottom:-8px}.tiny-guide.shepherd-element[data-popper-placement^=bottom]>.shepherd-arrow{top:-8px}.tiny-guide.shepherd-element[data-popper-placement^=left]>.shepherd-arrow{right:-8px}.tiny-guide.shepherd-element[data-popper-placement^=right]>.shepherd-arrow{left:-8px}.tiny-guide.shepherd-element.shepherd-centered>.shepherd-arrow{opacity:0}.tiny-guide.shepherd-element.shepherd-has-title[data-popper-placement^=bottom]>.shepherd-arrow:before{background-color:var(--tiny-color-bg-1,#fff)}.tiny-guide.shepherd-target-click-disabled.shepherd-enabled.shepherd-target,.tiny-guide.shepherd-target-click-disabled.shepherd-enabled.shepherd-target *{pointer-events:none}.shepherd-modal-overlay-container{pointer-events:none;width:100%;overflow:hidden;height:100%;left:0;right:0;bottom:0;opacity:0;position:fixed;z-index:9997;top:0;-webkit-transition:all .3s ease-out,height 0s .3s,opacity .3s 0s;transition:all .3s ease-out,height 0s .3s,opacity .3s 0s}.shepherd-modal-overlay-container.shepherd-modal-is-visible{opacity:.5;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:all .3s ease-out,height 0s 0s,opacity .3s 0s;transition:all .3s ease-out,height 0s 0s,opacity .3s 0s}.shepherd-modal-overlay-container.shepherd-modal-is-visible path{pointer-events:all}.tiny-guide__z-top{z-index:9999;position:relative;background-color:var(--tiny-color-bg-1,#fff)}