@sl-ui-pc/theme-chalk 0.1.0-beta
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/README.md +32 -0
- package/dist/base.css +1 -0
- package/dist/css-variables.css +142 -0
- package/dist/css-vars.css +1 -0
- package/dist/dark/css-vars.css +1 -0
- package/dist/display.css +1 -0
- package/dist/index.css +1 -0
- package/dist/sl-affix.css +1 -0
- package/dist/sl-alert.css +1 -0
- package/dist/sl-anchor-link.css +1 -0
- package/dist/sl-anchor.css +1 -0
- package/dist/sl-aside.css +1 -0
- package/dist/sl-autocomplete.css +1 -0
- package/dist/sl-avatar.css +1 -0
- package/dist/sl-backtop.css +1 -0
- package/dist/sl-badge.css +1 -0
- package/dist/sl-breadcrumb-item.css +0 -0
- package/dist/sl-breadcrumb.css +1 -0
- package/dist/sl-button-group.css +1 -0
- package/dist/sl-button.css +1 -0
- package/dist/sl-calendar.css +1 -0
- package/dist/sl-card.css +1 -0
- package/dist/sl-carousel-item.css +1 -0
- package/dist/sl-carousel.css +1 -0
- package/dist/sl-cascader-panel.css +1 -0
- package/dist/sl-cascader.css +1 -0
- package/dist/sl-check-tag.css +1 -0
- package/dist/sl-checkbox-button.css +1 -0
- package/dist/sl-checkbox-group.css +1 -0
- package/dist/sl-checkbox.css +1 -0
- package/dist/sl-code-input.css +1 -0
- package/dist/sl-col.css +1 -0
- package/dist/sl-collapse-item.css +0 -0
- package/dist/sl-collapse-transition.css +0 -0
- package/dist/sl-collapse.css +1 -0
- package/dist/sl-color-picker-panel.css +1 -0
- package/dist/sl-color-picker.css +1 -0
- package/dist/sl-config-provider.css +0 -0
- package/dist/sl-container.css +1 -0
- package/dist/sl-css-variables.css +1 -0
- package/dist/sl-date-picker.css +1 -0
- package/dist/sl-descriptions-item.css +1 -0
- package/dist/sl-descriptions.css +1 -0
- package/dist/sl-dialog.css +1 -0
- package/dist/sl-divider.css +1 -0
- package/dist/sl-drawer.css +1 -0
- package/dist/sl-dropdown-item.css +0 -0
- package/dist/sl-dropdown-menu.css +0 -0
- package/dist/sl-dropdown.css +1 -0
- package/dist/sl-empty.css +1 -0
- package/dist/sl-footer.css +1 -0
- package/dist/sl-form-item.css +0 -0
- package/dist/sl-form.css +1 -0
- package/dist/sl-header.css +1 -0
- package/dist/sl-icon.css +1 -0
- package/dist/sl-image-viewer.css +1 -0
- package/dist/sl-image.css +1 -0
- package/dist/sl-infinite-scroll.css +0 -0
- package/dist/sl-input-number.css +1 -0
- package/dist/sl-input-tag.css +1 -0
- package/dist/sl-input.css +1 -0
- package/dist/sl-link.css +1 -0
- package/dist/sl-loading.css +1 -0
- package/dist/sl-main.css +1 -0
- package/dist/sl-mention.css +1 -0
- package/dist/sl-menu-item-group.css +0 -0
- package/dist/sl-menu-item.css +0 -0
- package/dist/sl-menu.css +1 -0
- package/dist/sl-message-box.css +1 -0
- package/dist/sl-message.css +1 -0
- package/dist/sl-notification.css +1 -0
- package/dist/sl-option-group.css +1 -0
- package/dist/sl-option.css +1 -0
- package/dist/sl-overlay.css +1 -0
- package/dist/sl-page-header.css +1 -0
- package/dist/sl-pagination.css +1 -0
- package/dist/sl-popconfirm.css +1 -0
- package/dist/sl-popover.css +1 -0
- package/dist/sl-popper.css +1 -0
- package/dist/sl-progress.css +1 -0
- package/dist/sl-radio-button.css +1 -0
- package/dist/sl-radio-group.css +1 -0
- package/dist/sl-radio.css +1 -0
- package/dist/sl-rate.css +1 -0
- package/dist/sl-reset.css +1 -0
- package/dist/sl-result.css +1 -0
- package/dist/sl-row.css +1 -0
- package/dist/sl-scrollbar.css +1 -0
- package/dist/sl-segmented.css +1 -0
- package/dist/sl-select-dropdown-v2.css +1 -0
- package/dist/sl-select-dropdown.css +1 -0
- package/dist/sl-select-v2.css +1 -0
- package/dist/sl-select.css +1 -0
- package/dist/sl-skeleton-item.css +1 -0
- package/dist/sl-skeleton.css +1 -0
- package/dist/sl-slider-block-vertify.css +1 -0
- package/dist/sl-slider.css +1 -0
- package/dist/sl-space.css +1 -0
- package/dist/sl-spinner.css +1 -0
- package/dist/sl-splitter-panel.css +1 -0
- package/dist/sl-splitter.css +1 -0
- package/dist/sl-statistic.css +1 -0
- package/dist/sl-step.css +1 -0
- package/dist/sl-steps.css +1 -0
- package/dist/sl-sub-menu.css +0 -0
- package/dist/sl-switch.css +1 -0
- package/dist/sl-tab-pane.css +0 -0
- package/dist/sl-table-column.css +1 -0
- package/dist/sl-table-v2.css +1 -0
- package/dist/sl-table.css +1 -0
- package/dist/sl-tabs.css +1 -0
- package/dist/sl-tag.css +1 -0
- package/dist/sl-text.css +1 -0
- package/dist/sl-time-picker.css +1 -0
- package/dist/sl-time-select.css +1 -0
- package/dist/sl-timeline-item.css +1 -0
- package/dist/sl-timeline.css +1 -0
- package/dist/sl-tooltip-v2.css +1 -0
- package/dist/sl-tooltip.css +0 -0
- package/dist/sl-tour.css +1 -0
- package/dist/sl-transfer.css +1 -0
- package/dist/sl-tree-select.css +1 -0
- package/dist/sl-tree.css +1 -0
- package/dist/sl-upload.css +1 -0
- package/dist/sl-var.css +142 -0
- package/dist/sl-virtual-list.css +1 -0
- package/package.json +46 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:var(--sl-transition-fade-linear)}.fade-in-linear-enter-from,.fade-in-linear-leave-to{opacity:0}.sl-fade-in-linear-enter-active,.sl-fade-in-linear-leave-active{transition:var(--sl-transition-fade-linear)}.sl-fade-in-linear-enter-from,.sl-fade-in-linear-leave-to{opacity:0}.sl-fade-in-enter-active,.sl-fade-in-leave-active{transition:all var(--sl-transition-duration) cubic-bezier(.55,0,.1,1)}.sl-fade-in-enter-from,.sl-fade-in-leave-active{opacity:0}.sl-zoom-in-center-enter-active,.sl-zoom-in-center-leave-active{transition:all var(--sl-transition-duration) cubic-bezier(.55,0,.1,1)}.sl-zoom-in-center-enter-from,.sl-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.sl-zoom-in-top-enter-active,.sl-zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transform-origin:center top;transition:var(--sl-transition-md-fade)}.sl-zoom-in-top-enter-active[data-popper-placement^=top],.sl-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.sl-zoom-in-top-enter-from,.sl-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.sl-zoom-in-bottom-enter-active,.sl-zoom-in-bottom-leave-active{opacity:1;transform:scaleY(1);transform-origin:center bottom;transition:var(--sl-transition-md-fade)}.sl-zoom-in-bottom-enter-from,.sl-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.sl-zoom-in-left-enter-active,.sl-zoom-in-left-leave-active{opacity:1;transform:scale(1);transform-origin:top left;transition:var(--sl-transition-md-fade)}.sl-zoom-in-left-enter-from,.sl-zoom-in-left-leave-active{opacity:0;transform:scale(.45)}.collapse-transition{transition:var(--sl-transition-duration) height ease-in-out,var(--sl-transition-duration) padding-top ease-in-out,var(--sl-transition-duration) padding-bottom ease-in-out}.sl-collapse-transition-enter-active,.sl-collapse-transition-leave-active{transition:var(--sl-transition-duration) max-height ease-in-out,var(--sl-transition-duration) padding-top ease-in-out,var(--sl-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--sl-transition-duration) width ease-in-out,var(--sl-transition-duration) padding-left ease-in-out,var(--sl-transition-duration) padding-right ease-in-out}.sl-list-enter-active,.sl-list-leave-active{transition:all 1s}.sl-list-enter-from,.sl-list-leave-to{opacity:0;transform:translateY(-30px)}.sl-list-leave-active{position:absolute!important}.sl-opacity-transition{transition:opacity var(--sl-transition-duration) cubic-bezier(.55,0,.1,1)}.sl-picker__popper{--sl-datepicker-border-color:var(--sl-disabled-border-color)}.sl-picker__popper.sl-popper{background:var(--sl-bg-color-overlay);box-shadow:var(--sl-box-shadow-light)}.sl-picker__popper.sl-popper,.sl-picker__popper.sl-popper .sl-popper__arrow:before{border:1px solid var(--sl-datepicker-border-color)}.sl-picker__popper.sl-popper[data-popper-placement^=top] .sl-popper__arrow:before{border-left-color:transparent;border-top-color:transparent}.sl-picker__popper.sl-popper[data-popper-placement^=bottom] .sl-popper__arrow:before{border-bottom-color:transparent;border-right-color:transparent}.sl-picker__popper.sl-popper[data-popper-placement^=left] .sl-popper__arrow:before{border-bottom-color:transparent;border-left-color:transparent}.sl-picker__popper.sl-popper[data-popper-placement^=right] .sl-popper__arrow:before{border-right-color:transparent;border-top-color:transparent}.sl-date-editor{--sl-date-editor-width:220px;--sl-date-editor-monthrange-width:300px;--sl-date-editor-daterange-width:350px;--sl-date-editor-datetimerange-width:400px;--sl-input-text-color:var(--sl-text-color-regular);--sl-input-border:var(--sl-border);--sl-input-hover-border:var(--sl-border-color-hover);--sl-input-focus-border:var(--sl-color-primary);--sl-input-transparent-border:0 0 0 1px transparent inset;--sl-input-border-color:var(--sl-border-color);--sl-input-border-radius:var(--sl-border-radius-base);--sl-input-bg-color:var(--sl-fill-color-blank);--sl-input-icon-color:var(--sl-text-color-placeholder);--sl-input-placeholder-color:var(--sl-text-color-placeholder);--sl-input-hover-border-color:var(--sl-border-color-hover);--sl-input-clear-hover-color:var(--sl-text-color-secondary);--sl-input-focus-border-color:var(--sl-color-primary);--sl-input-width:100%;position:relative;text-align:left;vertical-align:middle}.sl-date-editor.sl-input__wrapper{box-shadow:0 0 0 1px var(--sl-input-border-color,var(--sl-border-color)) inset}.sl-date-editor.sl-input__wrapper:hover{box-shadow:0 0 0 1px var(--sl-input-hover-border-color) inset}.sl-date-editor.sl-input,.sl-date-editor.sl-input__wrapper{height:var(--sl-input-height,var(--sl-component-size));width:var(--sl-date-editor-width)}.sl-date-editor--monthrange{--sl-date-editor-width:var(--sl-date-editor-monthrange-width)}.sl-date-editor--daterange,.sl-date-editor--timerange{--sl-date-editor-width:var(--sl-date-editor-daterange-width)}.sl-date-editor--datetimerange{--sl-date-editor-width:var(--sl-date-editor-datetimerange-width)}.sl-date-editor--dates .sl-input__wrapper{text-overflow:ellipsis;white-space:nowrap}.sl-date-editor .clear-icon,.sl-date-editor .close-icon{cursor:pointer}.sl-date-editor .clear-icon:hover{color:var(--sl-input-clear-hover-color)}.sl-date-editor .sl-range__icon{color:var(--sl-text-color-placeholder);float:left;font-size:14px;height:inherit}.sl-date-editor .sl-range__icon svg{vertical-align:middle}.sl-date-editor .sl-range-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;color:var(--sl-text-color-regular);display:inline-block;font-size:var(--sl-font-size-base);height:30px;line-height:30px;margin:0;outline:none;padding:0;text-align:left;width:39%}.sl-date-editor .sl-range-input::-moz-placeholder{color:var(--sl-text-color-placeholder)}.sl-date-editor .sl-range-input::placeholder{color:var(--sl-text-color-placeholder)}.sl-date-editor .sl-range-separator{align-items:center;color:var(--sl-text-color-primary);display:inline-flex;flex:1;font-size:14px;height:100%;justify-content:center;margin:0;overflow-wrap:break-word;padding:0 5px}.sl-date-editor .sl-range__close-icon{color:var(--sl-text-color-placeholder);cursor:pointer;font-size:14px;height:inherit;width:unset}.sl-date-editor .sl-range__close-icon:hover{color:var(--sl-input-clear-hover-color)}.sl-date-editor .sl-range__close-icon svg{vertical-align:middle}.sl-date-editor .sl-range__close-icon--hidden{display:none}.sl-range-editor.sl-input__wrapper{align-items:center;display:inline-flex;padding:0 10px;vertical-align:middle}.sl-range-editor.is-active,.sl-range-editor.is-active:hover{box-shadow:0 0 0 1px var(--sl-input-focus-border-color) inset}.sl-range-editor--large{line-height:var(--sl-component-size-large)}.sl-range-editor--large.sl-input__wrapper{height:var(--sl-component-size-large)}.sl-range-editor--large .sl-range-separator{font-size:16px;line-height:40px}.sl-range-editor--large .sl-range-input{font-size:16px;height:38px;line-height:38px}.sl-range-editor--small{line-height:var(--sl-component-size-small)}.sl-range-editor--small.sl-input__wrapper{height:var(--sl-component-size-small)}.sl-range-editor--small .sl-range-separator{font-size:12px;line-height:24px}.sl-range-editor--small .sl-range-input{font-size:12px;height:22px;line-height:22px}.sl-range-editor.is-disabled{background-color:var(--sl-disabled-bg-color);color:var(--sl-disabled-text-color);cursor:not-allowed}.sl-range-editor.is-disabled,.sl-range-editor.is-disabled:focus,.sl-range-editor.is-disabled:hover{border-color:var(--sl-disabled-border-color)}.sl-range-editor.is-disabled input{background-color:var(--sl-disabled-bg-color);color:var(--sl-disabled-text-color);cursor:not-allowed}.sl-range-editor.is-disabled input::-moz-placeholder{color:var(--sl-text-color-placeholder)}.sl-range-editor.is-disabled input::placeholder{color:var(--sl-text-color-placeholder)}.sl-range-editor.is-disabled .sl-range-separator{color:var(--sl-disabled-text-color)}.sl-picker-panel{background:var(--sl-bg-color-overlay);border-radius:var(--sl-popper-border-radius,var(--sl-border-radius-base));color:var(--sl-text-color-regular);line-height:30px}.sl-picker-panel .sl-time-panel{background-color:var(--sl-bg-color-overlay);border:1px solid var(--sl-datepicker-border-color);box-shadow:var(--sl-box-shadow-light);margin:5px 0}.sl-picker-panel__body-wrapper:after,.sl-picker-panel__body:after{clear:both;content:"";display:table}.sl-picker-panel__content{margin:15px;position:relative}.sl-picker-panel__footer{background-color:var(--sl-bg-color-overlay);border-top:1px solid var(--sl-datepicker-inner-border-color);font-size:0;padding:4px 12px;position:relative;text-align:right}.sl-picker-panel__shortcut{background-color:transparent;border:0;color:var(--sl-datepicker-text-color);cursor:pointer;display:block;font-size:12px;line-height:28px;outline:none;padding-left:12px;text-align:left;width:100%}.sl-picker-panel__shortcut:hover{color:var(--sl-datepicker-hover-text-color)}.sl-picker-panel__shortcut.active{background-color:#e6f1fe;color:var(--sl-datepicker-active-color)}.sl-picker-panel__btn{background-color:transparent;border:1px solid var(--sl-fill-color-darker);border-radius:2px;color:var(--sl-text-color-primary);cursor:pointer;font-size:12px;line-height:24px;outline:none;padding:0 20px}.sl-picker-panel__btn[disabled]{color:var(--sl-text-color-disabled);cursor:not-allowed}.sl-picker-panel__icon-btn{background:transparent;border:0;color:var(--sl-datepicker-icon-color);cursor:pointer;font-size:12px;margin-top:8px;outline:none}.sl-picker-panel__icon-btn:hover{color:var(--sl-datepicker-hover-text-color)}.sl-picker-panel__icon-btn:focus-visible{color:var(--sl-datepicker-hover-text-color)}.sl-picker-panel__icon-btn.is-disabled{color:var(--sl-text-color-disabled)}.sl-picker-panel__icon-btn.is-disabled:hover{cursor:not-allowed}.sl-picker-panel__icon-btn .sl-icon{cursor:pointer;font-size:inherit}.sl-picker-panel__link-btn{vertical-align:middle}.sl-picker-panel [slot=sidebar],.sl-picker-panel__sidebar{border-right:1px solid var(--sl-datepicker-inner-border-color);bottom:0;box-sizing:border-box;overflow:auto;padding-top:6px;position:absolute;top:0;width:110px}.sl-picker-panel [slot=sidebar]+.sl-picker-panel__body,.sl-picker-panel__sidebar+.sl-picker-panel__body{margin-left:110px}.sl-date-picker{--sl-datepicker-text-color:var(--sl-text-color-regular);--sl-datepicker-off-text-color:var(--sl-text-color-placeholder);--sl-datepicker-header-text-color:var(--sl-text-color-regular);--sl-datepicker-icon-color:var(--sl-text-color-primary);--sl-datepicker-border-color:var(--sl-disabled-border-color);--sl-datepicker-inner-border-color:var(--sl-border-color-light);--sl-datepicker-inrange-bg-color:var(--sl-border-color-light);--sl-datepicker-inrange-hover-bg-color:var(--sl-border-color-light);--sl-datepicker-active-color:var(--sl-color-primary);--sl-datepicker-hover-text-color:var(--sl-color-primary);width:322px}.sl-date-picker.has-sidebar.has-time{width:434px}.sl-date-picker.has-sidebar{width:438px}.sl-date-picker.has-time .sl-picker-panel__body-wrapper{position:relative}.sl-date-picker .sl-picker-panel__content{width:292px}.sl-date-picker table{table-layout:fixed;width:100%}.sl-date-picker__editor-wrap{display:table-cell;padding:0 5px;position:relative}.sl-date-picker__time-header{border-bottom:1px solid var(--sl-datepicker-inner-border-color);box-sizing:border-box;display:table;font-size:12px;padding:8px 5px 5px;position:relative;width:100%}.sl-date-picker__header{padding:12px 12px 0;text-align:center}.sl-date-picker__header--bordered{border-bottom:1px solid var(--sl-border-color-light);margin-bottom:0;padding-bottom:12px}.sl-date-picker__header--bordered+.sl-picker-panel__content{margin-top:0}.sl-date-picker__header-label{color:var(--sl-text-color-regular);cursor:pointer;font-size:16px;font-weight:500;line-height:22px;padding:0 5px;text-align:center}.sl-date-picker__header-label:hover{color:var(--sl-datepicker-hover-text-color)}.sl-date-picker__header-label:focus-visible{color:var(--sl-datepicker-hover-text-color);outline:none}.sl-date-picker__header-label.active{color:var(--sl-datepicker-active-color)}.sl-date-picker__prev-btn{float:left}.sl-date-picker__next-btn{float:right}.sl-date-picker__time-wrap{padding:10px;text-align:center}.sl-date-picker__time-label{cursor:pointer;float:left;line-height:30px;margin-left:10px}.sl-date-picker .sl-time-panel{position:absolute}.time-select{margin:5px 0;min-width:0}.time-select .sl-picker-panel__content{margin:0;max-height:200px}.time-select-item{font-size:14px;line-height:20px;padding:8px 10px}.time-select-item.disabled{color:var(--sl-datepicker-border-color);cursor:not-allowed}.time-select-item:hover{background-color:var(--sl-fill-color-light);cursor:pointer;font-weight:bold}.time-select .time-select-item.selected:not(.disabled){color:var(--sl-color-primary);font-weight:bold}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.sl-timeline-item{padding-bottom:20px;position:relative}.sl-timeline-item__wrapper{padding-left:28px;position:relative;top:-3px}.sl-timeline-item__tail{border-left:2px solid var(--sl-timeline-node-color);height:100%;left:4px;position:absolute}.sl-timeline-item .sl-timeline-item__icon{color:var(--sl-color-white);font-size:var(--sl-font-size-small)}.sl-timeline-item__node{align-items:center;background-color:var(--sl-timeline-node-color);border-color:var(--sl-timeline-node-color);border-radius:50%;box-sizing:border-box;display:flex;justify-content:center;position:absolute}.sl-timeline-item__node--normal{height:var(--sl-timeline-node-size-normal);left:-1px;width:var(--sl-timeline-node-size-normal)}.sl-timeline-item__node--large{height:var(--sl-timeline-node-size-large);left:-2px;width:var(--sl-timeline-node-size-large)}.sl-timeline-item__node.is-hollow{background:var(--sl-color-white);border-style:solid;border-width:2px}.sl-timeline-item__node--primary{background-color:var(--sl-color-primary);border-color:var(--sl-color-primary)}.sl-timeline-item__node--success{background-color:var(--sl-color-success);border-color:var(--sl-color-success)}.sl-timeline-item__node--warning{background-color:var(--sl-color-warning);border-color:var(--sl-color-warning)}.sl-timeline-item__node--danger{background-color:var(--sl-color-danger);border-color:var(--sl-color-danger)}.sl-timeline-item__node--info{background-color:var(--sl-color-info);border-color:var(--sl-color-info)}.sl-timeline-item__dot{align-items:center;display:flex;justify-content:center;position:absolute}.sl-timeline-item__content{color:var(--sl-text-color-primary)}.sl-timeline-item__timestamp{color:var(--sl-text-color-secondary);font-size:var(--sl-font-size-small);line-height:1}.sl-timeline-item__timestamp.is-top{margin-bottom:8px;padding-top:4px}.sl-timeline-item__timestamp.is-bottom{margin-top:8px}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.sl-timeline{--sl-timeline-node-size-normal:12px;--sl-timeline-node-size-large:14px;--sl-timeline-node-color:var(--sl-border-color-light);font-size:var(--sl-font-size-base);list-style:none;margin:0}.sl-timeline .sl-timeline-item:last-child .sl-timeline-item__tail{display:none}.sl-timeline .sl-timeline-item__center{align-items:center;display:flex}.sl-timeline .sl-timeline-item__center .sl-timeline-item__wrapper{width:100%}.sl-timeline .sl-timeline-item__center .sl-timeline-item__tail{top:0}.sl-timeline .sl-timeline-item__center:first-child .sl-timeline-item__tail{height:calc(50% + 10px);top:calc(50% - 10px)}.sl-timeline .sl-timeline-item__center:last-child .sl-timeline-item__tail{display:block;height:calc(50% - 10px)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.sl-tooltip-v2__content{--sl-tooltip-v2-padding:5px 10px;--sl-tooltip-v2-border-radius:4px;--sl-tooltip-v2-border-color:var(--sl-border-color);background-color:var(--sl-color-white);border:1px solid var(--sl-border-color);border-radius:var(--sl-tooltip-v2-border-radius);color:var(--sl-color-black);padding:var(--sl-tooltip-v2-padding)}.sl-tooltip-v2__arrow{color:var(--sl-color-white);height:var(--sl-tooltip-v2-arrow-height);left:var(--sl-tooltip-v2-arrow-x);pointer-events:none;position:absolute;top:var(--sl-tooltip-v2-arrow-y);width:var(--sl-tooltip-v2-arrow-width)}.sl-tooltip-v2__arrow:after,.sl-tooltip-v2__arrow:before{border:var(--sl-tooltip-v2-arrow-border-width) solid transparent;content:"";height:0;position:absolute;width:0}.sl-tooltip-v2__content[data-side^=top] .sl-tooltip-v2__arrow{bottom:0}.sl-tooltip-v2__content[data-side^=top] .sl-tooltip-v2__arrow:before{border-bottom:0;border-top-color:var(--sl-color-white);border-top-width:var(--sl-tooltip-v2-arrow-border-width);top:calc(100% - 1px)}.sl-tooltip-v2__content[data-side^=top] .sl-tooltip-v2__arrow:after{border-bottom:0;border-top-color:var(--sl-border-color);border-top-width:var(--sl-tooltip-v2-arrow-border-width);top:100%;z-index:-1}.sl-tooltip-v2__content[data-side^=bottom] .sl-tooltip-v2__arrow{top:0}.sl-tooltip-v2__content[data-side^=bottom] .sl-tooltip-v2__arrow:before{border-bottom-color:var(--sl-color-white);border-bottom-width:var(--sl-tooltip-v2-arrow-border-width);border-top:0;bottom:calc(100% - 1px)}.sl-tooltip-v2__content[data-side^=bottom] .sl-tooltip-v2__arrow:after{border-bottom-color:var(--sl-border-color);border-bottom-width:var(--sl-tooltip-v2-arrow-border-width);border-top:0;bottom:100%;z-index:-1}.sl-tooltip-v2__content[data-side^=left] .sl-tooltip-v2__arrow{right:0}.sl-tooltip-v2__content[data-side^=left] .sl-tooltip-v2__arrow:before{border-left-color:var(--sl-color-white);border-left-width:var(--sl-tooltip-v2-arrow-border-width);border-right:0;left:calc(100% - 1px)}.sl-tooltip-v2__content[data-side^=left] .sl-tooltip-v2__arrow:after{border-left-color:var(--sl-border-color);border-left-width:var(--sl-tooltip-v2-arrow-border-width);border-right:0;left:100%;z-index:-1}.sl-tooltip-v2__content[data-side^=right] .sl-tooltip-v2__arrow{left:0}.sl-tooltip-v2__content[data-side^=right] .sl-tooltip-v2__arrow:before{border-left:0;border-right-color:var(--sl-color-white);border-right-width:var(--sl-tooltip-v2-arrow-border-width);right:calc(100% - 1px)}.sl-tooltip-v2__content[data-side^=right] .sl-tooltip-v2__arrow:after{border-left:0;border-right-color:var(--sl-border-color);border-right-width:var(--sl-tooltip-v2-arrow-border-width);right:100%;z-index:-1}.sl-tooltip-v2__content.is-dark{--sl-tooltip-v2-border-color:transparent;color:var(--sl-color-white)}.sl-tooltip-v2__content.is-dark,.sl-tooltip-v2__content.is-dark .sl-tooltip-v2__arrow{background-color:var(--sl-color-black);border-color:transparent}
|
|
File without changes
|
package/dist/sl-tour.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.sl-tour{--sl-tour-width:520px;--sl-tour-padding-primary:12px;--sl-tour-font-line-height:var(--sl-font-line-height-primary);--sl-tour-text-color:var(--sl-text-color-primary);--sl-tour-title-font-size:16px;--sl-tour-title-text-color:var(--sl-text-color-primary);--sl-tour-title-font-weight:400;--sl-tour-close-color:var(--sl-color-info);--sl-tour-font-size:var(--sl-font-size-base);--sl-tour-color:var(--sl-text-color-primary);--sl-tour-bg-color:var(--sl-bg-color);--sl-tour-border-radius:4px}.sl-tour__hollow{transition:all var(--sl-transition-duration) ease}.sl-tour__content{border-radius:var(--sl-tour-border-radius);box-shadow:var(--sl-box-shadow-light);outline:none;overflow-wrap:break-word;padding:var(--sl-tour-padding-primary);width:var(--sl-tour-width)}.sl-tour__arrow,.sl-tour__content{background:var(--sl-tour-bg-color);box-sizing:border-box}.sl-tour__arrow{height:10px;pointer-events:none;position:absolute;transform:rotate(45deg);width:10px}.sl-tour__content[data-side^=top] .sl-tour__arrow{border-left-color:transparent;border-top-color:transparent}.sl-tour__content[data-side^=bottom] .sl-tour__arrow{border-bottom-color:transparent;border-right-color:transparent}.sl-tour__content[data-side^=left] .sl-tour__arrow{border-bottom-color:transparent;border-left-color:transparent}.sl-tour__content[data-side^=right] .sl-tour__arrow{border-right-color:transparent;border-top-color:transparent}.sl-tour__content[data-side^=top] .sl-tour__arrow{bottom:-5px}.sl-tour__content[data-side^=bottom] .sl-tour__arrow{top:-5px}.sl-tour__content[data-side^=left] .sl-tour__arrow{right:-5px}.sl-tour__content[data-side^=right] .sl-tour__arrow{left:-5px}.sl-tour__closebtn{background:transparent;border:none;cursor:pointer;font-size:var(--sl-message-close-size,16px);height:40px;outline:none;padding:0;position:absolute;right:0;top:0;width:40px}.sl-tour__closebtn .sl-tour__close{color:var(--sl-tour-close-color);font-size:inherit}.sl-tour__closebtn:focus .sl-tour__close,.sl-tour__closebtn:hover .sl-tour__close{color:var(--sl-color-primary)}.sl-tour__header{padding-bottom:var(--sl-tour-padding-primary)}.sl-tour__header.show-close{padding-right:calc(var(--sl-tour-padding-primary) + var(--sl-message-close-size, 16px))}.sl-tour__title{color:var(--sl-tour-title-text-color);font-size:var(--sl-tour-title-font-size);font-weight:var(--sl-tour-title-font-weight);line-height:var(--sl-tour-font-line-height)}.sl-tour__body{color:var(--sl-tour-text-color);font-size:var(--sl-tour-font-size)}.sl-tour__body img,.sl-tour__body video{max-width:100%}.sl-tour__footer{box-sizing:border-box;display:flex;justify-content:space-between;padding-top:var(--sl-tour-padding-primary)}.sl-tour__content .sl-tour-indicators{display:inline-block;flex:1}.sl-tour__content .sl-tour-indicator{background:var(--sl-color-info-light-9);border-radius:50%;display:inline-block;height:6px;margin-right:6px;width:6px}.sl-tour__content .sl-tour-indicator.is-active{background:var(--sl-color-primary)}.sl-tour.sl-tour--primary{--sl-tour-title-text-color:#fff;--sl-tour-text-color:#fff;--sl-tour-bg-color:var(--sl-color-primary);--sl-tour-close-color:#fff}.sl-tour.sl-tour--primary .sl-tour__closebtn:focus .sl-tour__close,.sl-tour.sl-tour--primary .sl-tour__closebtn:hover .sl-tour__close{color:var(--sl-tour-title-text-color)}.sl-tour.sl-tour--primary .sl-button--default{background:#fff;border-color:var(--sl-color-primary);color:var(--sl-color-primary)}.sl-tour.sl-tour--primary .sl-button--primary{border-color:#fff}.sl-tour.sl-tour--primary .sl-tour-indicator{background:rgba(255,255,255,.15)}.sl-tour.sl-tour--primary .sl-tour-indicator.is-active{background:#fff}.sl-tour-parent--hidden{overflow:hidden}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.sl-transfer{--sl-transfer-border-color:var(--sl-border-color-light);--sl-transfer-border-radius:var(--sl-border-radius-base);--sl-transfer-panel-width:200px;--sl-transfer-panel-header-height:40px;--sl-transfer-panel-header-bg-color:var(--sl-fill-color-light);--sl-transfer-panel-footer-height:40px;--sl-transfer-panel-body-height:278px;--sl-transfer-item-height:30px;--sl-transfer-filter-height:32px;font-size:var(--sl-font-size-base)}.sl-transfer__buttons{display:inline-block;padding:0 30px;vertical-align:middle}.sl-transfer__button{vertical-align:top}.sl-transfer__button:nth-child(2){margin:0 0 0 10px}.sl-transfer__button i,.sl-transfer__button span{font-size:14px}.sl-transfer__button .sl-icon+span{margin-left:0}.sl-transfer-panel{background:var(--sl-bg-color-overlay);box-sizing:border-box;display:inline-block;max-height:100%;overflow:hidden;position:relative;text-align:left;vertical-align:middle;width:var(--sl-transfer-panel-width)}.sl-transfer-panel__body{border-bottom:1px solid var(--sl-transfer-border-color);border-bottom-left-radius:var(--sl-transfer-border-radius);border-bottom-right-radius:var(--sl-transfer-border-radius);border-left:1px solid var(--sl-transfer-border-color);border-right:1px solid var(--sl-transfer-border-color);height:var(--sl-transfer-panel-body-height);overflow:hidden}.sl-transfer-panel__body.is-with-footer{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.sl-transfer-panel__list{box-sizing:border-box;height:var(--sl-transfer-panel-body-height);list-style:none;margin:0;overflow:auto;padding:6px 0}.sl-transfer-panel__list.is-filterable{height:calc(100% - var(--sl-transfer-filter-height) - 30px);padding-top:0}.sl-transfer-panel__item{display:block!important;height:var(--sl-transfer-item-height);line-height:var(--sl-transfer-item-height);padding-left:15px}.sl-transfer-panel__item+.sl-transfer-panel__item{margin-left:0}.sl-transfer-panel__item.sl-checkbox{color:var(--sl-text-color-regular)}.sl-transfer-panel__item:hover{color:var(--sl-color-primary)}.sl-transfer-panel__item.sl-checkbox .sl-checkbox__label{box-sizing:border-box;display:block;line-height:var(--sl-transfer-item-height);overflow:hidden;padding-left:22px;text-overflow:ellipsis;white-space:nowrap;width:100%}.sl-transfer-panel__item .sl-checkbox__input{position:absolute;top:8px}.sl-transfer-panel__filter{box-sizing:border-box;padding:15px;text-align:center}.sl-transfer-panel__filter .sl-input__inner{box-sizing:border-box;display:inline-block;font-size:12px;height:var(--sl-transfer-filter-height);width:100%}.sl-transfer-panel__filter .sl-icon-circle-close{cursor:pointer}.sl-transfer-panel .sl-transfer-panel__header{align-items:center;background:var(--sl-transfer-panel-header-bg-color);border:1px solid var(--sl-transfer-border-color);border-top-left-radius:var(--sl-transfer-border-radius);border-top-right-radius:var(--sl-transfer-border-radius);box-sizing:border-box;color:var(--sl-color-black);display:flex;height:var(--sl-transfer-panel-header-height);margin:0;padding-left:15px}.sl-transfer-panel .sl-transfer-panel__header .sl-checkbox{align-items:center;display:flex;position:relative;width:100%}.sl-transfer-panel .sl-transfer-panel__header .sl-checkbox .sl-checkbox__label{color:var(--sl-text-color-primary);font-size:16px;font-weight:normal}.sl-transfer-panel .sl-transfer-panel__header .sl-checkbox .sl-checkbox__label span{color:var(--sl-text-color-secondary);font-size:12px;font-weight:normal;position:absolute;right:15px;top:50%;transform:translate3d(0,-50%,0)}.sl-transfer-panel .sl-transfer-panel__footer{background:var(--sl-bg-color-overlay);border:1px solid var(--sl-transfer-border-color);border-bottom-left-radius:var(--sl-transfer-border-radius);border-bottom-right-radius:var(--sl-transfer-border-radius);height:var(--sl-transfer-panel-footer-height);margin:0;padding:0}.sl-transfer-panel .sl-transfer-panel__footer:after{content:"";display:inline-block;height:100%;vertical-align:middle}.sl-transfer-panel .sl-transfer-panel__footer .sl-checkbox{color:var(--sl-text-color-regular);padding-left:20px}.sl-transfer-panel .sl-transfer-panel__empty{color:var(--sl-text-color-secondary);height:var(--sl-transfer-item-height);line-height:var(--sl-transfer-item-height);margin:0;padding:6px 15px 0;text-align:center}.sl-transfer-panel .sl-checkbox__label{padding-left:8px}.sl-transfer-panel .sl-checkbox__inner{border-radius:3px;height:14px;width:14px}.sl-transfer-panel .sl-checkbox__inner:after{height:6px;left:4px;width:3px}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.sl-tree-select{--sl-tree-node-content-height:26px;--sl-tree-node-hover-bg-color:var(--sl-fill-color-light);--sl-tree-text-color:var(--sl-text-color-regular);--sl-tree-expand-icon-color:var(--sl-text-color-placeholder)}.sl-tree-select__popper .sl-tree-node__expand-icon{margin-left:8px}.sl-tree-select__popper .sl-tree-node.is-checked>.sl-tree-node__content .sl-select-dropdown__item.selected:after{content:none}.sl-tree-select__popper .sl-select-dropdown__list>.sl-select-dropdown__item{padding-left:32px}.sl-tree-select__popper .sl-select-dropdown__item{background:transparent!important;flex:1;height:20px;line-height:20px;padding-left:0}
|
package/dist/sl-tree.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:var(--sl-transition-fade-linear)}.fade-in-linear-enter-from,.fade-in-linear-leave-to{opacity:0}.sl-fade-in-linear-enter-active,.sl-fade-in-linear-leave-active{transition:var(--sl-transition-fade-linear)}.sl-fade-in-linear-enter-from,.sl-fade-in-linear-leave-to{opacity:0}.sl-fade-in-enter-active,.sl-fade-in-leave-active{transition:all var(--sl-transition-duration) cubic-bezier(.55,0,.1,1)}.sl-fade-in-enter-from,.sl-fade-in-leave-active{opacity:0}.sl-zoom-in-center-enter-active,.sl-zoom-in-center-leave-active{transition:all var(--sl-transition-duration) cubic-bezier(.55,0,.1,1)}.sl-zoom-in-center-enter-from,.sl-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.sl-zoom-in-top-enter-active,.sl-zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transform-origin:center top;transition:var(--sl-transition-md-fade)}.sl-zoom-in-top-enter-active[data-popper-placement^=top],.sl-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.sl-zoom-in-top-enter-from,.sl-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.sl-zoom-in-bottom-enter-active,.sl-zoom-in-bottom-leave-active{opacity:1;transform:scaleY(1);transform-origin:center bottom;transition:var(--sl-transition-md-fade)}.sl-zoom-in-bottom-enter-from,.sl-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.sl-zoom-in-left-enter-active,.sl-zoom-in-left-leave-active{opacity:1;transform:scale(1);transform-origin:top left;transition:var(--sl-transition-md-fade)}.sl-zoom-in-left-enter-from,.sl-zoom-in-left-leave-active{opacity:0;transform:scale(.45)}.collapse-transition{transition:var(--sl-transition-duration) height ease-in-out,var(--sl-transition-duration) padding-top ease-in-out,var(--sl-transition-duration) padding-bottom ease-in-out}.sl-collapse-transition-enter-active,.sl-collapse-transition-leave-active{transition:var(--sl-transition-duration) max-height ease-in-out,var(--sl-transition-duration) padding-top ease-in-out,var(--sl-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--sl-transition-duration) width ease-in-out,var(--sl-transition-duration) padding-left ease-in-out,var(--sl-transition-duration) padding-right ease-in-out}.sl-list-enter-active,.sl-list-leave-active{transition:all 1s}.sl-list-enter-from,.sl-list-leave-to{opacity:0;transform:translateY(-30px)}.sl-list-leave-active{position:absolute!important}.sl-opacity-transition{transition:opacity var(--sl-transition-duration) cubic-bezier(.55,0,.1,1)}.sl-tree{--sl-tree-node-content-height:26px;--sl-tree-node-hover-bg-color:var(--sl-fill-color-light);--sl-tree-text-color:var(--sl-text-color-regular);--sl-tree-expand-icon-color:var(--sl-text-color-placeholder);background:var(--sl-fill-color-blank);color:var(--sl-tree-text-color);cursor:default;font-size:var(--sl-font-size-base);position:relative}.sl-tree__empty-block{height:100%;min-height:60px;position:relative;text-align:center;width:100%}.sl-tree__empty-text{color:var(--sl-text-color-secondary);font-size:var(--sl-font-size-base);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.sl-tree__drop-indicator{background-color:var(--sl-color-primary);height:1px;left:0;position:absolute;right:0}.sl-tree-node{outline:none;white-space:nowrap}.sl-tree-node:focus>.sl-tree-node__content{background-color:var(--sl-tree-node-hover-bg-color)}.sl-tree-node.is-drop-inner>.sl-tree-node__content .sl-tree-node__label{background-color:var(--sl-color-primary);color:#fff}.sl-tree-node__content{--sl-checkbox-height:var(--sl-tree-node-content-height);align-items:center;cursor:pointer;display:flex;height:var(--sl-tree-node-content-height)}.sl-tree-node__content>.sl-tree-node__expand-icon{box-sizing:content-box;padding:6px}.sl-tree-node__content>label.sl-checkbox{margin-right:8px}.sl-tree-node__content:hover{background-color:var(--sl-tree-node-hover-bg-color)}.sl-tree.is-dragging .sl-tree-node__content{cursor:move}.sl-tree.is-dragging .sl-tree-node__content *{pointer-events:none}.sl-tree.is-dragging.is-drop-not-allow .sl-tree-node__content{cursor:not-allowed}.sl-tree-node__expand-icon{color:var(--sl-tree-expand-icon-color);cursor:pointer;font-size:12px;transform:rotate(0deg);transition:transform var(--sl-transition-duration) ease-in-out}.sl-tree-node__expand-icon.expanded{transform:rotate(90deg)}.sl-tree-node__expand-icon.is-leaf{color:transparent;cursor:default;visibility:hidden}.sl-tree-node__expand-icon.is-hidden{visibility:hidden}.sl-tree-node__loading-icon{color:var(--sl-tree-expand-icon-color);font-size:var(--sl-font-size-base);margin-right:8px}.sl-tree-node>.sl-tree-node__children{background-color:transparent;overflow:hidden}.sl-tree-node.is-expanded>.sl-tree-node__children{display:block}.sl-tree--highlight-current .sl-tree-node.is-current>.sl-tree-node__content{background-color:var(--sl-color-primary-light-9)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.sl-upload{--sl-upload-dragger-padding-horizontal:40px;--sl-upload-dragger-padding-vertical:10px;align-items:center;cursor:pointer;display:inline-flex;justify-content:center;outline:none}.sl-upload.is-disabled{cursor:not-allowed}.sl-upload.is-disabled:focus{color:inherit}.sl-upload.is-disabled:focus,.sl-upload.is-disabled:focus .sl-upload-dragger{border-color:var(--sl-border-color-darker)}.sl-upload.is-disabled .sl-upload-dragger{background-color:var(--sl-disabled-bg-color);cursor:not-allowed}.sl-upload.is-disabled .sl-upload-dragger .sl-upload__text{color:var(--sl-text-color-placeholder)}.sl-upload.is-disabled .sl-upload-dragger .sl-upload__text em{color:var(--sl-disabled-text-color)}.sl-upload.is-disabled .sl-upload-dragger:hover{border-color:var(--sl-border-color-darker)}.sl-upload__input{display:none}.sl-upload__tip{color:var(--sl-text-color-regular);font-size:12px;margin-top:7px}.sl-upload iframe{filter:alpha(opacity=0);left:0;opacity:0;position:absolute;top:0;z-index:-1}.sl-upload--picture-card{--sl-upload-picture-card-size:148px;align-items:center;background-color:var(--sl-fill-color-lighter);border:1px dashed var(--sl-border-color-darker);border-radius:6px;box-sizing:border-box;cursor:pointer;display:inline-flex;height:var(--sl-upload-picture-card-size);justify-content:center;vertical-align:top;width:var(--sl-upload-picture-card-size)}.sl-upload--picture-card>i{color:var(--sl-text-color-secondary);font-size:28px}.sl-upload--picture-card:hover{border-color:var(--sl-color-primary);color:var(--sl-color-primary)}.sl-upload.is-drag{display:block}.sl-upload:focus{color:var(--sl-color-primary)}.sl-upload:focus,.sl-upload:focus .sl-upload-dragger{border-color:var(--sl-color-primary)}.sl-upload-dragger{background-color:var(--sl-fill-color-blank);border:1px dashed var(--sl-border-color);border-radius:6px;box-sizing:border-box;cursor:pointer;overflow:hidden;padding:var(--sl-upload-dragger-padding-horizontal) var(--sl-upload-dragger-padding-vertical);position:relative;text-align:center}.sl-upload-dragger .sl-icon--upload{color:var(--sl-text-color-placeholder);font-size:67px;line-height:50px;margin-bottom:16px}.sl-upload-dragger+.sl-upload__tip{text-align:center}.sl-upload-dragger~.sl-upload__files{border-top:var(--sl-border);margin-top:7px;padding-top:5px}.sl-upload-dragger .sl-upload__text{color:var(--sl-text-color-regular);font-size:14px;text-align:center}.sl-upload-dragger .sl-upload__text em{color:var(--sl-color-primary);font-style:normal}.sl-upload-dragger:hover{border-color:var(--sl-color-primary)}.sl-upload-dragger.is-dragover{background-color:var(--sl-color-primary-light-9);border:2px dashed var(--sl-color-primary);padding:calc(var(--sl-upload-dragger-padding-horizontal) - 1px) calc(var(--sl-upload-dragger-padding-vertical) - 1px)}.sl-upload-list{list-style:none;margin:10px 0 0;padding:0;position:relative}.sl-upload-list__item{border-radius:4px;box-sizing:border-box;color:var(--sl-text-color-regular);font-size:14px;margin-bottom:5px;position:relative;transition:all .5s cubic-bezier(.55,0,.1,1);width:100%}.sl-upload-list__item .sl-progress{position:absolute;top:20px;width:100%}.sl-upload-list__item .sl-progress__text{position:absolute;right:0;top:-13px}.sl-upload-list__item .sl-progress-bar{margin-right:0;padding-right:0}.sl-upload-list__item .sl-icon--upload-success{color:var(--sl-color-success)}.sl-upload-list__item .sl-icon--close{color:var(--sl-text-color-regular);cursor:pointer;display:none;opacity:.75;position:absolute;right:5px;top:50%;transform:translateY(-50%);transition:opacity var(--sl-transition-duration)}.sl-upload-list__item .sl-icon--close:hover{color:var(--sl-color-primary);opacity:1}.sl-upload-list__item .sl-icon--close-tip{color:var(--sl-color-primary);cursor:pointer;display:none;font-size:12px;font-style:normal;opacity:1;position:absolute;right:5px;top:1px}.sl-upload-list__item:hover{background-color:var(--sl-fill-color-light)}.sl-upload-list__item:hover .sl-icon--close{display:inline-flex}.sl-upload-list__item:hover .sl-progress__text{display:none}.sl-upload-list__item .sl-upload-list__item-info{display:inline-flex;flex-direction:column;justify-content:center;margin-left:4px;width:calc(100% - 30px)}.sl-upload-list__item.is-success .sl-upload-list__item-status-label{display:inline-flex}.sl-upload-list__item.is-success .sl-upload-list__item-name:focus,.sl-upload-list__item.is-success .sl-upload-list__item-name:hover{color:var(--sl-color-primary);cursor:pointer}.sl-upload-list__item.is-success:focus:not(:hover) .sl-icon--close-tip{display:inline-block}.sl-upload-list__item.is-success:active,.sl-upload-list__item.is-success:not(.focusing):focus{outline-width:0}.sl-upload-list__item.is-success:active .sl-icon--close-tip,.sl-upload-list__item.is-success:not(.focusing):focus .sl-icon--close-tip{display:none}.sl-upload-list__item.is-success:focus .sl-upload-list__item-status-label,.sl-upload-list__item.is-success:hover .sl-upload-list__item-status-label{display:none;opacity:0}.sl-upload-list__item-name{align-items:center;color:var(--sl-text-color-regular);display:inline-flex;font-size:var(--sl-font-size-base);padding:0 4px;text-align:center;transition:color var(--sl-transition-duration)}.sl-upload-list__item-name .sl-icon{color:var(--sl-text-color-secondary);margin-right:6px}.sl-upload-list__item-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sl-upload-list__item-status-label{align-items:center;display:none;height:100%;justify-content:center;line-height:inherit;position:absolute;right:5px;top:0;transition:opacity var(--sl-transition-duration)}.sl-upload-list__item-delete{color:var(--sl-text-color-regular);display:none;font-size:12px;position:absolute;right:10px;top:0}.sl-upload-list__item-delete:hover{color:var(--sl-color-primary)}.sl-upload-list--picture-card{--sl-upload-list-picture-card-size:148px;display:inline-flex;flex-wrap:wrap;margin:0}.sl-upload-list--picture-card .sl-upload-list__item{background-color:var(--sl-fill-color-blank);border:1px solid var(--sl-border-color);border-radius:6px;box-sizing:border-box;display:inline-flex;height:var(--sl-upload-list-picture-card-size);margin:0 8px 8px 0;overflow:hidden;padding:0;width:var(--sl-upload-list-picture-card-size)}.sl-upload-list--picture-card .sl-upload-list__item .sl-icon--check,.sl-upload-list--picture-card .sl-upload-list__item .sl-icon--circle-check{color:#ffffff}.sl-upload-list--picture-card .sl-upload-list__item .sl-icon--close{display:none}.sl-upload-list--picture-card .sl-upload-list__item:hover .sl-upload-list__item-status-label{display:block;opacity:0}.sl-upload-list--picture-card .sl-upload-list__item:hover .sl-progress__text{display:block}.sl-upload-list--picture-card .sl-upload-list__item .sl-upload-list__item-name{display:none}.sl-upload-list--picture-card .sl-upload-list__item-thumbnail{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.sl-upload-list--picture-card .sl-upload-list__item-status-label{background:var(--sl-color-success);height:24px;right:-15px;text-align:center;top:-6px;transform:rotate(45deg);width:40px}.sl-upload-list--picture-card .sl-upload-list__item-status-label i{font-size:12px;margin-top:11px;transform:rotate(-45deg)}.sl-upload-list--picture-card .sl-upload-list__item-actions{align-items:center;background-color:var(--sl-overlay-color-lighter);color:#fff;cursor:default;display:inline-flex;font-size:20px;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity var(--sl-transition-duration);width:100%}.sl-upload-list--picture-card .sl-upload-list__item-actions span{cursor:pointer;display:none}.sl-upload-list--picture-card .sl-upload-list__item-actions span+span{margin-left:16px}.sl-upload-list--picture-card .sl-upload-list__item-actions .sl-upload-list__item-delete{color:inherit;font-size:inherit;position:static}.sl-upload-list--picture-card .sl-upload-list__item-actions:hover{opacity:1}.sl-upload-list--picture-card .sl-upload-list__item-actions:hover span{display:inline-flex}.sl-upload-list--picture-card .sl-progress{bottom:auto;left:50%;top:50%;transform:translate(-50%,-50%);width:126px}.sl-upload-list--picture-card .sl-progress .sl-progress__text{top:50%}.sl-upload-list--picture .sl-upload-list__item{align-items:center;background-color:var(--sl-fill-color-blank);border:1px solid var(--sl-border-color);border-radius:6px;box-sizing:border-box;display:flex;margin-top:10px;overflow:hidden;padding:10px;z-index:0}.sl-upload-list--picture .sl-upload-list__item .sl-icon--check,.sl-upload-list--picture .sl-upload-list__item .sl-icon--circle-check{color:#ffffff}.sl-upload-list--picture .sl-upload-list__item:hover .sl-upload-list__item-status-label{display:inline-flex;opacity:0}.sl-upload-list--picture .sl-upload-list__item:hover .sl-progress__text{display:block}.sl-upload-list--picture .sl-upload-list__item.is-success .sl-upload-list__item-name i{display:none}.sl-upload-list--picture .sl-upload-list__item .sl-icon--close{top:5px;transform:translateY(0)}.sl-upload-list--picture .sl-upload-list__item-thumbnail{align-items:center;background-color:var(--sl-color-white);display:inline-flex;height:70px;justify-content:center;-o-object-fit:contain;object-fit:contain;position:relative;width:70px;z-index:1}.sl-upload-list--picture .sl-upload-list__item-status-label{background:var(--sl-color-success);height:26px;position:absolute;right:-17px;text-align:center;top:-7px;transform:rotate(45deg);width:46px}.sl-upload-list--picture .sl-upload-list__item-status-label i{font-size:12px;margin-top:12px;transform:rotate(-45deg)}.sl-upload-list--picture .sl-progress{position:relative;top:-7px}.sl-upload-cover{cursor:default;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:10}.sl-upload-cover:after{content:"";display:inline-block;height:100%;vertical-align:middle}.sl-upload-cover img{display:block;height:100%;width:100%}.sl-upload-cover__label{background:var(--sl-color-success);height:24px;right:-15px;text-align:center;top:-6px;transform:rotate(45deg);width:40px}.sl-upload-cover__label i{color:#fff;font-size:12px;margin-top:11px;transform:rotate(-45deg)}.sl-upload-cover__progress{display:inline-block;position:static;vertical-align:middle;width:243px}.sl-upload-cover__progress+.sl-upload__inner{opacity:0}.sl-upload-cover__content{height:100%;left:0;position:absolute;top:0;width:100%}.sl-upload-cover__interact{background-color:var(--sl-overlay-color-light);bottom:0;height:100%;left:0;position:absolute;text-align:center;width:100%}.sl-upload-cover__interact .btn{color:#ffffff;cursor:pointer;display:inline-block;font-size:14px;margin-top:60px;transition:var(--sl-transition-md-fade);vertical-align:middle}.sl-upload-cover__interact .btn i{margin-top:0}.sl-upload-cover__interact .btn span{opacity:0;transition:opacity .15s linear}.sl-upload-cover__interact .btn:not(:first-child){margin-left:35px}.sl-upload-cover__interact .btn:hover{transform:translateY(-13px)}.sl-upload-cover__interact .btn:hover span{opacity:1}.sl-upload-cover__interact .btn i{color:#ffffff;display:block;font-size:24px;line-height:inherit;margin:0 auto 5px}.sl-upload-cover__title{background-color:#ffffff;bottom:0;color:var(--sl-text-color-primary);font-size:14px;font-weight:normal;height:36px;left:0;line-height:36px;margin:0;overflow:hidden;padding:0 10px;position:absolute;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}.sl-upload-cover+.sl-upload__inner{opacity:0;position:relative;z-index:1}
|
package/dist/sl-var.css
ADDED
|
@@ -0,0 +1,142 @@
|
|
|
1
|
+
@charset "UTF-8";
|
|
2
|
+
|
|
3
|
+
:root {
|
|
4
|
+
--sl-color-white: #ffffff;
|
|
5
|
+
--sl-color-black: #000000;
|
|
6
|
+
--sl-color-primary-rgb: 40, 120, 255;
|
|
7
|
+
--sl-color-success-rgb: 0, 180, 42;
|
|
8
|
+
--sl-color-warning-rgb: 255, 105, 0;
|
|
9
|
+
--sl-color-danger-rgb: 255, 77, 80;
|
|
10
|
+
--sl-color-error-rgb: 255, 77, 80;
|
|
11
|
+
--sl-color-info-rgb: 136, 141, 154;
|
|
12
|
+
--sl-font-size-extra-large: 20px;
|
|
13
|
+
--sl-font-size-large: 18px;
|
|
14
|
+
--sl-font-size-medium: 16px;
|
|
15
|
+
--sl-font-size-base: 14px;
|
|
16
|
+
--sl-font-size-small: 13px;
|
|
17
|
+
--sl-font-size-extra-small: 12px;
|
|
18
|
+
--sl-font-size-extra-smaller: 11px;
|
|
19
|
+
--sl-font-size-last-small: 10px;
|
|
20
|
+
--sl-font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, "Hiragino Sans GB", "微软雅黑", Arial, sans-serif;
|
|
21
|
+
--sl-font-weight-primary: 400;
|
|
22
|
+
--sl-font-weight-500: 500;
|
|
23
|
+
--sl-font-line-height-primary: 24px;
|
|
24
|
+
--sl-index-normal: 1;
|
|
25
|
+
--sl-index-top: 1000;
|
|
26
|
+
--sl-index-popper: 2000;
|
|
27
|
+
--sl-border-radius-base: 4px;
|
|
28
|
+
--sl-border-radius-small: 2px;
|
|
29
|
+
--sl-border-radius-round: 20px;
|
|
30
|
+
--sl-border-radius-circle: 100%;
|
|
31
|
+
--sl-transition-duration: 0.3s;
|
|
32
|
+
--sl-transition-duration-fast: 0.2s;
|
|
33
|
+
--sl-transition-function-ease-in-out-bezier: cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
34
|
+
--sl-transition-function-fast-bezier: cubic-bezier(0.23, 1, 0.32, 1);
|
|
35
|
+
--sl-transition-all: all var(--sl-transition-duration) var(--sl-transition-function-ease-in-out-bezier);
|
|
36
|
+
--sl-transition-fade: opacity var(--sl-transition-duration) var(--sl-transition-function-fast-bezier);
|
|
37
|
+
--sl-transition-md-fade: transform var(--sl-transition-duration) var(--sl-transition-function-fast-bezier), opacity var(--sl-transition-duration) var(--sl-transition-function-fast-bezier);
|
|
38
|
+
--sl-transition-fade-linear: opacity var(--sl-transition-duration-fast) linear;
|
|
39
|
+
--sl-transition-border: border-color var(--sl-transition-duration-fast) var(--sl-transition-function-ease-in-out-bezier);
|
|
40
|
+
--sl-transition-box-shadow: box-shadow var(--sl-transition-duration-fast) var(--sl-transition-function-ease-in-out-bezier);
|
|
41
|
+
--sl-transition-color: color var(--sl-transition-duration-fast) var(--sl-transition-function-ease-in-out-bezier);
|
|
42
|
+
--sl-component-size-large: 40px;
|
|
43
|
+
--sl-component-size: 32px;
|
|
44
|
+
--sl-component-size-small: 24px;
|
|
45
|
+
color-scheme: light;
|
|
46
|
+
--sl-color-primary: #2878ff;
|
|
47
|
+
--sl-color-primary-light-3: #5594ff;
|
|
48
|
+
--sl-color-primary-light-5: #9FC3FF;
|
|
49
|
+
--sl-color-primary-light-7: #bfd7ff;
|
|
50
|
+
--sl-color-primary-light-8: #d4e4ff;
|
|
51
|
+
--sl-color-primary-light-9: #E8F3FF;
|
|
52
|
+
--sl-color-primary-dark-2: #0A59DF;
|
|
53
|
+
--sl-color-success: #00B42A;
|
|
54
|
+
--sl-color-success-light-3: rgb(77, 203, 106);
|
|
55
|
+
--sl-color-success-light-5: rgb(128, 218, 149);
|
|
56
|
+
--sl-color-success-light-7: rgb(179, 233, 191);
|
|
57
|
+
--sl-color-success-light-8: rgb(204, 240, 212);
|
|
58
|
+
--sl-color-success-light-9: #E8FFEA;
|
|
59
|
+
--sl-color-success-dark-2: rgb(0, 144, 34);
|
|
60
|
+
--sl-color-warning: #FF6900;
|
|
61
|
+
--sl-color-warning-light-3: rgb(255, 150, 77);
|
|
62
|
+
--sl-color-warning-light-5: rgb(255, 180, 128);
|
|
63
|
+
--sl-color-warning-light-7: rgb(255, 210, 179);
|
|
64
|
+
--sl-color-warning-light-8: rgb(255, 225, 204);
|
|
65
|
+
--sl-color-warning-light-9: #FFF3E4;
|
|
66
|
+
--sl-color-warning-dark-2: rgb(204, 84, 0);
|
|
67
|
+
--sl-color-danger: #FF4D50;
|
|
68
|
+
--sl-color-danger-light-3: rgb(255, 130, 133);
|
|
69
|
+
--sl-color-danger-light-5: rgb(255, 166, 168);
|
|
70
|
+
--sl-color-danger-light-7: rgb(255, 202, 203);
|
|
71
|
+
--sl-color-danger-light-8: rgb(255, 219, 220);
|
|
72
|
+
--sl-color-danger-light-9: #FFEBEB;
|
|
73
|
+
--sl-color-danger-dark-2: rgb(204, 62, 64);
|
|
74
|
+
--sl-color-error: #FF4D50;
|
|
75
|
+
--sl-color-error-light-3: rgb(255, 130, 133);
|
|
76
|
+
--sl-color-error-light-5: rgb(255, 166, 168);
|
|
77
|
+
--sl-color-error-light-7: rgb(255, 202, 203);
|
|
78
|
+
--sl-color-error-light-8: rgb(255, 219, 220);
|
|
79
|
+
--sl-color-error-light-9: rgb(255, 237, 238);
|
|
80
|
+
--sl-color-error-dark-2: rgb(204, 62, 64);
|
|
81
|
+
--sl-color-info: #888d9a;
|
|
82
|
+
--sl-color-info-light-3: #b1b3b8;
|
|
83
|
+
--sl-color-info-light-5: #c8c9cc;
|
|
84
|
+
--sl-color-info-light-7: #dedfe0;
|
|
85
|
+
--sl-color-info-light-8: #e9e9eb;
|
|
86
|
+
--sl-color-info-light-9: #f4f5f6;
|
|
87
|
+
--sl-color-info-dark-2: rgb(109, 113, 123);
|
|
88
|
+
--sl-color-rest: #955609;
|
|
89
|
+
--sl-color-rest-light-1: #ffeac9;
|
|
90
|
+
--sl-color-success-light-4: #23C343;
|
|
91
|
+
--sl-color-success-light-6: #7BE188;
|
|
92
|
+
--sl-color-warning-light-4: #FD7E14;
|
|
93
|
+
--sl-color-warning-light-6: #FFC078;
|
|
94
|
+
--sl-color-danger-light-4: #FC7274;
|
|
95
|
+
--sl-color-danger-light-6: #FFB9BA;
|
|
96
|
+
--sl-bg-color: #ffffff;
|
|
97
|
+
--sl-bg-color-page: #f2f3f5;
|
|
98
|
+
--sl-bg-color-overlay: #ffffff;
|
|
99
|
+
--sl-bg-color-rest: rgba(253, 192, 45, 0.03);
|
|
100
|
+
--sl-bg-color-container: #f2f4f6;
|
|
101
|
+
--sl-text-color: #1D2129;
|
|
102
|
+
--sl-text-color-primary: #1D2129;
|
|
103
|
+
--sl-text-color-regular: #1D2129;
|
|
104
|
+
--sl-text-color-secondary: #4E5969;
|
|
105
|
+
--sl-text-color-thridary: #86909C;
|
|
106
|
+
--sl-text-color-four: #C9CDD4;
|
|
107
|
+
--sl-text-color-fifth: #FFFFFF;
|
|
108
|
+
--sl-text-color-placeholder: #86909C;
|
|
109
|
+
--sl-text-color-disabled: #C9CDD4;
|
|
110
|
+
--sl-text-color-icon: #afb1b4;
|
|
111
|
+
--sl-border-color: #E5E6EB;
|
|
112
|
+
--sl-border-color-light: #F2F3F5;
|
|
113
|
+
--sl-border-color-dark: #C9CDD4;
|
|
114
|
+
--sl-border-color-darker: #86909C;
|
|
115
|
+
--sl-border-color-checkbox: #C9CDD4;
|
|
116
|
+
--sl-border-color-switch: #C9CDD4;
|
|
117
|
+
--sl-fill-color: #F2F3F5;
|
|
118
|
+
--sl-fill-color-light: #F7F8FA;
|
|
119
|
+
--sl-fill-color-dark: #E5E6EB;
|
|
120
|
+
--sl-fill-color-darker: #C9CDD4;
|
|
121
|
+
--sl-fill-color-extra-darker: #4E5969;
|
|
122
|
+
--sl-fill-color-blank: #ffffff;
|
|
123
|
+
--sl-box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, 0.04), 0px 8px 20px rgba(0, 0, 0, 0.08);
|
|
124
|
+
--sl-box-shadow-light: 0px 0px 12px rgba(0, 0, 0, 0.12);
|
|
125
|
+
--sl-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, 0.12);
|
|
126
|
+
--sl-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, 0.08), 0px 12px 32px rgba(0, 0, 0, 0.12), 0px 8px 16px -8px rgba(0, 0, 0, 0.16);
|
|
127
|
+
--sl-disabled-bg-color: var(--sl-fill-color-light);
|
|
128
|
+
--sl-disabled-text-color: var(--sl-text-color-thridary);
|
|
129
|
+
--sl-disabled-border-color: var(--sl-border-color-dark);
|
|
130
|
+
--sl-overlay-color: rgba(0, 0, 0, 0.8);
|
|
131
|
+
--sl-overlay-color-light: rgba(0, 0, 0, 0.7);
|
|
132
|
+
--sl-overlay-color-lighter: rgba(0, 0, 0, 0.5);
|
|
133
|
+
--sl-mask-color: rgba(255, 255, 255, 0.9);
|
|
134
|
+
--sl-mask-color-extra-light: rgba(255, 255, 255, 0.3);
|
|
135
|
+
--sl-border-width: 1px;
|
|
136
|
+
--sl-border-style: solid;
|
|
137
|
+
--sl-border-color-hover: var(--sl-text-color-disabled);
|
|
138
|
+
--sl-border: var(--sl-border-width) var(--sl-border-style) var(--sl-border-color);
|
|
139
|
+
--sl-checkbox-input-border-custom: var(--sl-border-width) var(--sl-border-style) var(--sl-border-color-checkbox);
|
|
140
|
+
--sl-svg-monochrome-grey: var(--sl-border-color);
|
|
141
|
+
--sl-form-item-tooltip-width: 240px
|
|
142
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.sl-vl__wrapper{position:relative}.sl-vl__wrapper.always-on .sl-virtual-scrollbar,.sl-vl__wrapper:hover .sl-virtual-scrollbar{opacity:1}.sl-vl__window{scrollbar-width:none}.sl-vl__window::-webkit-scrollbar{display:none}.sl-virtual-scrollbar{opacity:0;transition:opacity .34s ease-out}.sl-virtual-scrollbar.always-on{opacity:1}.sl-vg__wrapper{position:relative}
|
package/package.json
ADDED
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@sl-ui-pc/theme-chalk",
|
|
3
|
+
"version": "0.1.0-beta",
|
|
4
|
+
"description": "Element component chalk theme.",
|
|
5
|
+
"keywords": [
|
|
6
|
+
"vue-components",
|
|
7
|
+
"sl-ui",
|
|
8
|
+
"theme-chalk",
|
|
9
|
+
"theme-light"
|
|
10
|
+
],
|
|
11
|
+
"homepage": "https://git.wuuxiang.com/tcsl-fe-template/sl-ui",
|
|
12
|
+
"bugs": {
|
|
13
|
+
"url": "https://git.wuuxiang.com/tcsl-fe-template/sl-ui/-/issues"
|
|
14
|
+
},
|
|
15
|
+
"license": "MIT",
|
|
16
|
+
"author": "Tcsl Fe Team",
|
|
17
|
+
"files": [
|
|
18
|
+
"dist/**",
|
|
19
|
+
"package.json",
|
|
20
|
+
"README.md",
|
|
21
|
+
"LICENSE"
|
|
22
|
+
],
|
|
23
|
+
"main": "index.css",
|
|
24
|
+
"unpkg": "index.css",
|
|
25
|
+
"jsdelivr": "index.css",
|
|
26
|
+
"repository": {},
|
|
27
|
+
"style": "index.css",
|
|
28
|
+
"scripts": {
|
|
29
|
+
"clean": "rimraf dist",
|
|
30
|
+
"build": "gulp --require tsx/dist/loader.cjs",
|
|
31
|
+
"build:vars": "gulp buildGlobalCssVars --require tsx/dist/loader.cjs"
|
|
32
|
+
},
|
|
33
|
+
"devDependencies": {
|
|
34
|
+
"@sl-ui-pc/build": "workspace:*",
|
|
35
|
+
"@types/gulp-autoprefixer": "^0.0.33",
|
|
36
|
+
"@types/gulp-rename": "^2.0.1",
|
|
37
|
+
"@types/gulp-sass": "^5.0.0",
|
|
38
|
+
"cssnano": "^6.0.5",
|
|
39
|
+
"gulp-autoprefixer": "^8.0.0",
|
|
40
|
+
"gulp-rename": "^2.0.0",
|
|
41
|
+
"gulp-sass": "^6.0.0",
|
|
42
|
+
"postcss": "^8.4.35",
|
|
43
|
+
"tsx": "^4.19.3"
|
|
44
|
+
},
|
|
45
|
+
"gitHead": "c69724230befa8fede0e6b9c37fb0b7e39fd7cdd"
|
|
46
|
+
}
|