plain-design 1.0.0-beta.22 → 1.0.0-beta.24

package/dist/plain-design.min.css

@@ -78,3 +78,4 @@ html{line-height:1.4;-webkit-text-size-adjust:100%}body{margin:0}main{display:bl
 .pl-outer-operation.table-operation-bar{display:flex;justify-content:space-between;margin-bottom:16px}.pl-outer-operation.table-operation-bar .table-operation-bar-left{flex:1;overflow:hidden;white-space:nowrap;text-align:left}.pl-auto-table.auto-table-size-large .table-operation-bar{margin-bottom:var(--pl-margin-large)}.pl-auto-table.auto-table-size-large .table-operation-bar .table-operation-bar-right>*+*{margin-left:calc(var(--pl-margin-large) - 8px)}.pl-auto-table.auto-table-size-large .table-operation-bar .table-operation-bar-right>.pl-button-group{display:inline-block}.pl-auto-table.auto-table-size-normal .table-operation-bar{margin-bottom:var(--pl-margin-normal)}.pl-auto-table.auto-table-size-normal .table-operation-bar .table-operation-bar-right>*+*{margin-left:calc(var(--pl-margin-normal) - 8px)}.pl-auto-table.auto-table-size-normal .table-operation-bar .table-operation-bar-right>.pl-button-group{display:inline-block}.pl-auto-table.auto-table-size-small .table-operation-bar{margin-bottom:var(--pl-margin-small)}.pl-auto-table.auto-table-size-small .table-operation-bar .table-operation-bar-right>*+*{margin-left:calc(var(--pl-margin-small) - 8px)}.pl-auto-table.auto-table-size-small .table-operation-bar .table-operation-bar-right>.pl-button-group{display:inline-block}.pl-auto-table.auto-table-size-mini .table-operation-bar{margin-bottom:var(--pl-margin-mini)}.pl-auto-table.auto-table-size-mini .table-operation-bar .table-operation-bar-right>*+*{margin-left:calc(var(--pl-margin-mini) - 8px)}.pl-auto-table.auto-table-size-mini .table-operation-bar .table-operation-bar-right>.pl-button-group{display:inline-block}
 .pl-filter-form-multiple .pl-form{padding-left:0 !important;padding-right:0 !important;margin:0 !important}.pl-filter-form-multiple .pl-form .form-inner{width:100%}.pl-filter-form-multiple .filter-form-multiple-first-column .form-item-label{text-align:left !important}.pl-filter-form-multiple .filter-form-multiple-operation{display:inline-flex;align-items:center}.pl-filter-form-multiple .filter-form-multiple-operation .pl-button+button{margin-left:4px}
 .pl-layout{display:flex;align-items:stretch;justify-content:space-between}.pl-layout.layout-vertical{flex-direction:column}.pl-layout>.pl-layout-section.layout-section-position-center{flex:1;position:relative;z-index:1}.pl-layout>.pl-layout-section.layout-section-position-top,.pl-layout>.pl-layout-section.layout-section-position-bottom,.pl-layout>.pl-layout-section.layout-section-position-left,.pl-layout>.pl-layout-section.layout-section-position-right{position:relative;flex-shrink:0;flex-grow:0;z-index:2}.pl-layout>.pl-layout-section.layout-section-position-top>.layout-section-inner,.pl-layout>.pl-layout-section.layout-section-position-bottom>.layout-section-inner,.pl-layout>.pl-layout-section.layout-section-position-left>.layout-section-inner,.pl-layout>.pl-layout-section.layout-section-position-right>.layout-section-inner{overflow:hidden}.pl-layout>.pl-layout-section.layout-section-position-top.layout-section-fixed>.layout-section-inner,.pl-layout>.pl-layout-section.layout-section-position-bottom.layout-section-fixed>.layout-section-inner,.pl-layout>.pl-layout-section.layout-section-position-left.layout-section-fixed>.layout-section-inner,.pl-layout>.pl-layout-section.layout-section-position-right.layout-section-fixed>.layout-section-inner{position:absolute;top:0;left:0;right:0;bottom:0}.pl-layout>.pl-layout-section.layout-section-position-top>.layout-section-separator,.pl-layout>.pl-layout-section.layout-section-position-bottom>.layout-section-separator,.pl-layout>.pl-layout-section.layout-section-position-left>.layout-section-separator,.pl-layout>.pl-layout-section.layout-section-position-right>.layout-section-separator{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pl-layout>.pl-layout-section.layout-section-position-top>.layout-section-collapse-btn,.pl-layout>.pl-layout-section.layout-section-position-bottom>.layout-section-collapse-btn,.pl-layout>.pl-layout-section.layout-section-position-left>.layout-section-collapse-btn,.pl-layout>.pl-layout-section.layout-section-position-right>.layout-section-collapse-btn{opacity:0;transition:all ease .3s;cursor:pointer}.pl-layout>.pl-layout-section.layout-section-position-top:hover>.layout-section-collapse-btn,.pl-layout>.pl-layout-section.layout-section-position-bottom:hover>.layout-section-collapse-btn,.pl-layout>.pl-layout-section.layout-section-position-left:hover>.layout-section-collapse-btn,.pl-layout>.pl-layout-section.layout-section-position-right:hover>.layout-section-collapse-btn{opacity:1}.pl-layout>.pl-layout-section.layout-section-position-left>.layout-section-separator,.pl-layout>.pl-layout-section.layout-section-position-right>.layout-section-separator{cursor:col-resize}.pl-layout>.pl-layout-section.layout-section-position-left.layout-section-collapse,.pl-layout>.pl-layout-section.layout-section-position-right.layout-section-collapse{width:0 !important}.pl-layout>.pl-layout-section.layout-section-position-left.layout-section-collapse>.layout-section-collapse-btn,.pl-layout>.pl-layout-section.layout-section-position-right.layout-section-collapse>.layout-section-collapse-btn{opacity:1}.pl-layout>.pl-layout-section.layout-section-position-left.layout-section-collapse.layout-section-position-left>.layout-section-collapse-btn,.pl-layout>.pl-layout-section.layout-section-position-right.layout-section-collapse.layout-section-position-left>.layout-section-collapse-btn{border-top-left-radius:0;border-bottom-left-radius:0;right:-12px}.pl-layout>.pl-layout-section.layout-section-position-left.layout-section-collapse.layout-section-position-right>.layout-section-collapse-btn,.pl-layout>.pl-layout-section.layout-section-position-right.layout-section-collapse.layout-section-position-right>.layout-section-collapse-btn{border-top-right-radius:0;border-bottom-right-radius:0;left:-12px}.pl-layout>.pl-layout-section.layout-section-position-left>.layout-section-separator{position:absolute;right:0;width:4px;top:0;bottom:0;border-right:solid 1px var(--pl-border-color)}.pl-layout>.pl-layout-section.layout-section-position-left>.layout-section-collapse-btn{position:absolute;right:calc(12px / 2 * -1);top:calc(50% - 12px * 3 / 2);font-size:12px;height:calc(12px * 3);width:12px;display:flex;align-items:center;justify-content:center;background-color:var(--pl-background-color);border-radius:100px;box-shadow:0 2px 5px var(--pl-secondary-4)}.pl-layout>.pl-layout-section.layout-section-position-right>.layout-section-separator{position:absolute;left:0;width:4px;top:0;bottom:0;border-left:solid 1px var(--pl-border-color)}.pl-layout>.pl-layout-section.layout-section-position-right>.layout-section-collapse-btn{position:absolute;left:calc(12px / 2 * -1);top:calc(50% - 12px * 3 / 2);font-size:12px;height:calc(12px * 3);width:12px;display:flex;align-items:center;justify-content:center;background-color:var(--pl-background-color);border-radius:100px;box-shadow:0 2px 5px var(--pl-secondary-4)}.pl-layout>.pl-layout-section.layout-section-position-top>.layout-section-separator,.pl-layout>.pl-layout-section.layout-section-position-bottom>.layout-section-separator{cursor:row-resize}.pl-layout>.pl-layout-section.layout-section-position-top.layout-section-collapse,.pl-layout>.pl-layout-section.layout-section-position-bottom.layout-section-collapse{height:0 !important}.pl-layout>.pl-layout-section.layout-section-position-top.layout-section-collapse>.layout-section-collapse-btn,.pl-layout>.pl-layout-section.layout-section-position-bottom.layout-section-collapse>.layout-section-collapse-btn{opacity:1}.pl-layout>.pl-layout-section.layout-section-position-top.layout-section-collapse.layout-section-position-top>.layout-section-collapse-btn,.pl-layout>.pl-layout-section.layout-section-position-bottom.layout-section-collapse.layout-section-position-top>.layout-section-collapse-btn{border-top-left-radius:0;border-top-right-radius:0;bottom:-12px}.pl-layout>.pl-layout-section.layout-section-position-top.layout-section-collapse.layout-section-position-bottom>.layout-section-collapse-btn,.pl-layout>.pl-layout-section.layout-section-position-bottom.layout-section-collapse.layout-section-position-bottom>.layout-section-collapse-btn{border-bottom-left-radius:0;border-bottom-right-radius:0;top:-12px}.pl-layout>.pl-layout-section.layout-section-position-top>.layout-section-separator{position:absolute;bottom:0;height:4px;left:0;right:0;border-bottom:solid 1px var(--pl-border-color)}.pl-layout>.pl-layout-section.layout-section-position-top>.layout-section-collapse-btn{position:absolute;bottom:calc(12px / 2 * -1);left:calc(50% - 12px * 3 / 2);font-size:12px;width:calc(12px * 3);height:12px;display:flex;align-items:center;justify-content:center;background-color:var(--pl-background-color);border-radius:100px;box-shadow:0 2px 5px var(--pl-secondary-4)}.pl-layout>.pl-layout-section.layout-section-position-bottom>.layout-section-separator{position:absolute;top:0;height:4px;left:0;right:0;border-top:solid 1px var(--pl-border-color)}.pl-layout>.pl-layout-section.layout-section-position-bottom>.layout-section-collapse-btn{position:absolute;top:calc(12px / 2 * -1);left:calc(50% - 12px * 3 / 2);font-size:12px;width:calc(12px * 3);height:12px;display:flex;align-items:center;justify-content:center;background-color:var(--pl-background-color);border-radius:100px;box-shadow:0 2px 5px var(--pl-secondary-4)}
+.pl-theme-editor{position:fixed;right:0;border-right:none;padding:5px 10px 5px 5px;border-top-left-radius:999px;border-bottom-left-radius:999px;box-sizing:border-box;transition:all ease 300ms;overflow-y:hidden;z-index:99999}.pl-theme-editor:before{content:"";background-color:var(--pl-primary-light-2);border-radius:inherit;position:absolute;inset:0;pointer-events:none}.pl-theme-editor .theme-editor-inner{position:absolute;z-index:1;bottom:5px;right:10px;cursor:pointer;height:calc(var(--pl-box-size-normal-height) * 1.5);width:calc(var(--pl-box-size-normal-height) * 1.5);border-radius:calc(var(--pl-box-size-normal-height) * 1.5);background-color:var(--pl-primary-6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;transition:all ease 300ms}.pl-theme-editor.is-expand{width:300px;height:260px;border-top-left-radius:var(--pl-box-size-normal-border-radius);border-bottom-left-radius:var(--pl-box-size-normal-border-radius)}.pl-theme-editor.is-expand:before{background-color:var(--pl-background-color);border:solid 1px var(--pl-border-color)}.pl-theme-editor.is-expand .theme-editor-inner{border-radius:var(--pl-box-size-normal-border-radius);background-color:transparent;color:var(--pl-text-2)}.pl-theme-editor.is-expand .theme-editor-inner:hover{background-color:var(--pl-secondary-2)}.pl-theme-editor:not(.is-expand){width:calc(var(--pl-box-size-normal-height) * 1.5 + 15px);height:calc(var(--pl-box-size-normal-height) * 1.5 + 10px)}.pl-theme-editor .theme-editor-form{padding:8px;box-sizing:border-box;position:relative;z-index:2;display:flex;flex-wrap:wrap;flex-direction:row}.pl-theme-editor .theme-editor-form>div{width:calc(50% - 4px);font-size:12px;color:var(--pl-text-2);margin-bottom:20px}.pl-theme-editor .theme-editor-form>div:nth-child(2n){margin-left:8px}.pl-theme-editor .theme-editor-form>div>div:first-child{margin-left:10px;margin-bottom:4px}