bk-magic-vue 2.5.9-beta.2 → 2.5.9-beta.21

package/lib/ui/input.min.css

@@ -1,2 +1,2 @@
-:root{--font-size:12px}:root .medium-font{--font-size:14px}:root .large-font{--font-size:16px}.bk-form-control{position:relative;display:inline-block;width:100%;display:block;color:#63656e}.bk-form-control .bk-limit-box{position:absolute;bottom:2px;right:7px;font-size:12px;margin:0;padding:0;color:#979ba5;-webkit-transform:scale(.8);transform:scale(.8)}.bk-form-control .bk-limit-box .strong{color:#63656e}.bk-form-control.control-active .bk-textarea-wrapper{border-color:#3a84ff!important;background-color:#fff!important}.bk-form-control.control-active .bk-textarea-wrapper::-webkit-input-placeholder{color:#c4c6cc!important}.bk-form-control.control-active .bk-textarea-wrapper::-moz-placeholder{color:#c4c6cc!important}.bk-form-control.control-active .bk-textarea-wrapper:-ms-input-placeholder{color:#c4c6cc!important}.bk-form-control.control-active .bk-textarea-wrapper::-ms-input-placeholder{color:#c4c6cc!important}.bk-form-control.control-active .bk-textarea-wrapper::placeholder{color:#c4c6cc!important}.bk-form-control.control-disable .bk-textarea-wrapper{background-color:#fafbfd;cursor:not-allowed}.bk-form-control.control-prepend-group{display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#f2f4f8}.bk-form-control.control-prepend-group .bk-form-input,.bk-form-control.control-prepend-group .bk-form-password,.bk-form-control.control-prepend-group .bk-form-select,.bk-form-control.control-prepend-group .bk-form-textarea{border-radius:0 2px 2px 0}.bk-form-control.control-append-group{display:-webkit-box;display:-ms-flexbox;display:flex}.bk-form-control.control-append-group .bk-form-input,.bk-form-control.control-append-group .bk-form-password,.bk-form-control.control-append-group .bk-form-select,.bk-form-control.control-append-group .bk-form-textarea{border-radius:2px 0 0 2px}.bk-form-control.control-prepend-group.control-append-group .bk-form-input,.bk-form-control.control-prepend-group.control-append-group .bk-form-password,.bk-form-control.control-prepend-group.control-append-group .bk-form-select,.bk-form-control.control-prepend-group.control-append-group .bk-form-textarea{border-radius:0}.bk-form-control .group-box{vertical-align:middle;position:relative;border:1px solid #c4c6cc;border-radius:2px;height:32px}.bk-form-control .group-box .group-text{display:inline-block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#63656e;padding:0 15px;font-size:12px;font-size:var(--font-size);vertical-align:middle;line-height:28px}.bk-form-control .group-box .group-text.bk-dropdown-menu{padding:0;overflow:visible;white-space:normal}.bk-form-control .group-box .group-text.bk-dropdown-menu .bk-button{display:inline-block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:none;border-radius:0;height:30px;padding-right:30px}.bk-form-control .group-box .group-text.bk-dropdown-menu .bk-button .bk-icon{position:absolute;right:10px;top:7px}.bk-form-control .group-box.group-prepend{border-right:none;border-radius:2px 0 0 2px}.bk-form-control .group-box.group-append{border-left:none;border-radius:0 2px 2px 0}.bk-form-control .control-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;font-size:16px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#c4c6cc}.bk-form-control .control-icon .clear-icon{cursor:pointer;font-size:14px}.bk-form-control .control-icon .clear-icon:hover{color:#979ba5}.bk-form-control .control-icon.left-icon{left:10px}.bk-form-control.with-left-icon .bk-form-input,.bk-form-control.with-left-icon .bk-form-password,.bk-form-control.with-left-icon .bk-form-select,.bk-form-control.with-left-icon .bk-form-textarea{padding-left:30px}.bk-form-control.with-right-icon .bk-form-input,.bk-form-control.with-right-icon .bk-form-password,.bk-form-control.with-right-icon .bk-form-select,.bk-form-control.with-right-icon .bk-form-textarea{padding-right:30px}.bk-form-control.with-right-icon .bk-input-number{position:relative}.bk-form-control.with-right-icon .bk-input-number input{padding-right:12px}.bk-form-control .input-right-icon{cursor:pointer}.bk-form-control .input-right-icon:hover{color:#3c96ff}.bk-form-input,.bk-form-password,.bk-form-select,.bk-form-textarea{-webkit-box-sizing:border-box;height:32px;line-height:normal;color:#63656e;background-color:#fff;border-radius:2px;width:100%;font-size:12px;font-size:var(--font-size);box-sizing:border-box;border:1px solid #c4c6cc;padding:0 10px;text-align:left;vertical-align:middle;outline:none;resize:none;-webkit-transition:border .2s linear;transition:border .2s linear}.bk-form-input.only-bottom-border,.bk-form-password.only-bottom-border,.bk-form-select.only-bottom-border,.bk-form-textarea.only-bottom-border{border-color:transparent transparent #c4c6cc}.bk-form-input.only-bottom-border:focus,.bk-form-password.only-bottom-border:focus,.bk-form-select.only-bottom-border:focus,.bk-form-textarea.only-bottom-border:focus{border-color:transparent transparent #3a84ff!important;-webkit-box-shadow:none;box-shadow:none}.bk-form-input.only-bottom-border[disabled],.bk-form-input.only-bottom-border[readonly],.bk-form-password.only-bottom-border[disabled],.bk-form-password.only-bottom-border[readonly],.bk-form-select.only-bottom-border[disabled],.bk-form-select.only-bottom-border[readonly],.bk-form-textarea.only-bottom-border[disabled],.bk-form-textarea.only-bottom-border[readonly]{border-color:transparent transparent #dcdee5!important}.bk-form-input:focus,.bk-form-password:focus,.bk-form-select:focus,.bk-form-textarea:focus{border-color:#3a84ff!important;background-color:#fff!important}.bk-form-input:focus::-webkit-input-placeholder,.bk-form-password:focus::-webkit-input-placeholder,.bk-form-select:focus::-webkit-input-placeholder,.bk-form-textarea:focus::-webkit-input-placeholder{color:#c4c6cc!important}.bk-form-input:focus::-moz-placeholder,.bk-form-password:focus::-moz-placeholder,.bk-form-select:focus::-moz-placeholder,.bk-form-textarea:focus::-moz-placeholder{color:#c4c6cc!important}.bk-form-input:focus:-ms-input-placeholder,.bk-form-password:focus:-ms-input-placeholder,.bk-form-select:focus:-ms-input-placeholder,.bk-form-textarea:focus:-ms-input-placeholder{color:#c4c6cc!important}.bk-form-input:focus::-ms-input-placeholder,.bk-form-password:focus::-ms-input-placeholder,.bk-form-select:focus::-ms-input-placeholder,.bk-form-textarea:focus::-ms-input-placeholder{color:#c4c6cc!important}.bk-form-input:focus::placeholder,.bk-form-password:focus::placeholder,.bk-form-select:focus::placeholder,.bk-form-textarea:focus::placeholder{color:#c4c6cc!important}.bk-form-input::-webkit-input-placeholder,.bk-form-password::-webkit-input-placeholder,.bk-form-select::-webkit-input-placeholder,.bk-form-textarea::-webkit-input-placeholder{color:#c4c6cc}.bk-form-input::-moz-placeholder,.bk-form-password::-moz-placeholder,.bk-form-select::-moz-placeholder,.bk-form-textarea::-moz-placeholder{color:#c4c6cc}.bk-form-input:-ms-input-placeholder,.bk-form-password:-ms-input-placeholder,.bk-form-select:-ms-input-placeholder,.bk-form-textarea:-ms-input-placeholder{color:#c4c6cc}.bk-form-input::-ms-input-placeholder,.bk-form-password::-ms-input-placeholder,.bk-form-select::-ms-input-placeholder,.bk-form-textarea::-ms-input-placeholder{color:#c4c6cc}.bk-form-input::placeholder,.bk-form-password::placeholder,.bk-form-select::placeholder,.bk-form-textarea::placeholder{color:#c4c6cc}.bk-form-input[readonly],.bk-form-password[readonly],.bk-form-select[readonly],.bk-form-textarea[readonly]{background-color:#fafbfd!important;cursor:default;border-color:#dcdee5!important}.bk-form-input[disabled],.bk-form-password[disabled],.bk-form-select[disabled],.bk-form-textarea[disabled]{background-color:#fafbfd!important;cursor:not-allowed;border-color:#dcdee5!important}.bk-input-date,.bk-input-email,.bk-input-number,.bk-input-password,.bk-input-text,.bk-input-textarea,.bk-input-url{width:100%}.bk-input-number{position:relative}.bk-input-number input{padding-right:12px}.bk-input-number input[type=number]::-webkit-inner-spin-button,.bk-input-number input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}.bk-input-number input[type=number]{-moz-appearance:textfield}.bk-input-number .input-number-option{position:absolute;right:2px;top:1px;bottom:1px;width:26px;text-align:center;-ms-flex-pack:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#fff}.bk-input-number .input-number-option,.bk-input-number .input-number-option .number-option-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;justify-content:center}.bk-input-number .input-number-option .number-option-item{-webkit-box-flex:1;-ms-flex:auto;flex:auto;width:100%;max-height:45%;color:#979ba5;font-size:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:center}.bk-input-number .input-number-option .number-option-item:hover{background:#f4f6fa;cursor:pointer}.bk-textarea-wrapper{border:1px solid #c4c6cc;border-radius:2px}.bk-textarea-wrapper .bk-form-textarea{border:none;height:auto}.bk-textarea-wrapper .bk-form-textarea.textarea-maxlength{margin-bottom:16px}.bk-form-textarea{min-height:70px;line-height:20px;padding:5px 10px;line-height:1.5}.bk-input-wrapper-small .group-box{height:26px}.bk-input-wrapper-small .group-box .group-text{font-size:12px;line-height:24px}.bk-input-wrapper-small .group-box .group-text.bk-dropdown-menu{line-height:unset}.bk-input-wrapper-small .group-box .group-text.bk-dropdown-menu .bk-button{height:24px;line-height:24px}.bk-input-wrapper-small .group-box .group-text.bk-dropdown-menu .bk-button .bk-icon{top:4px}.bk-input-wrapper-small .input-number-option .number-option-item{font-size:14px}.bk-input-wrapper-large .group-box{height:38px}.bk-input-wrapper-large .group-box .group-text{font-size:14px;line-height:36px}.bk-input-wrapper-large .group-box .group-text.bk-dropdown-menu{line-height:unset}.bk-input-wrapper-large .group-box .group-text.bk-dropdown-menu .bk-button{height:36px;line-height:36px}.bk-input-wrapper-large .group-box .group-text.bk-dropdown-menu .bk-button .bk-icon{top:10px}.bk-input-wrapper-large .input-number-option .number-option-item{font-size:22px}.bk-input-small{height:26px;font-size:12px;line-height:26px}.bk-input-large{height:38px;font-size:14px;line-height:38px}.large-font .bk-input-large,.large-font .bk-input-small,.large-font .group-text,.medium-font .bk-input-large,.medium-font .bk-input-small,.medium-font .group-text{font-size:12px!important;font-size:var(--font-size)!important}
+:root{--font-size:12px}:root .medium-font{--font-size:14px}:root .large-font{--font-size:16px}.bk-form-control{position:relative;display:inline-block;width:100%;display:block;color:#63656e}.bk-form-control .bk-limit-box{position:absolute;bottom:2px;right:7px;font-size:12px;margin:0;padding:0;color:#979ba5;-webkit-transform:scale(.8);transform:scale(.8)}.bk-form-control .bk-limit-box .strong{color:#63656e}.bk-form-control.control-active .bk-textarea-wrapper{border-color:#3a84ff!important;background-color:#fff!important}.bk-form-control.control-active .bk-textarea-wrapper::-webkit-input-placeholder{color:#c4c6cc!important}.bk-form-control.control-active .bk-textarea-wrapper::-moz-placeholder{color:#c4c6cc!important}.bk-form-control.control-active .bk-textarea-wrapper:-ms-input-placeholder{color:#c4c6cc!important}.bk-form-control.control-active .bk-textarea-wrapper::-ms-input-placeholder{color:#c4c6cc!important}.bk-form-control.control-active .bk-textarea-wrapper::placeholder{color:#c4c6cc!important}.bk-form-control.control-disable .bk-textarea-wrapper{background-color:#fafbfd;cursor:not-allowed}.bk-form-control.control-prepend-group{display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#f2f4f8}.bk-form-control.control-prepend-group .bk-form-input,.bk-form-control.control-prepend-group .bk-form-password,.bk-form-control.control-prepend-group .bk-form-select,.bk-form-control.control-prepend-group .bk-form-textarea{border-radius:0 2px 2px 0}.bk-form-control.control-append-group{display:-webkit-box;display:-ms-flexbox;display:flex}.bk-form-control.control-append-group .bk-form-input,.bk-form-control.control-append-group .bk-form-password,.bk-form-control.control-append-group .bk-form-select,.bk-form-control.control-append-group .bk-form-textarea{border-radius:2px 0 0 2px}.bk-form-control.control-prepend-group.control-append-group .bk-form-input,.bk-form-control.control-prepend-group.control-append-group .bk-form-password,.bk-form-control.control-prepend-group.control-append-group .bk-form-select,.bk-form-control.control-prepend-group.control-append-group .bk-form-textarea{border-radius:0}.bk-form-control .group-box{vertical-align:middle;position:relative;border:1px solid #c4c6cc;border-radius:2px;height:32px}.bk-form-control .group-box .group-text{display:inline-block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#63656e;padding:0 15px;font-size:12px;font-size:var(--font-size);vertical-align:middle;line-height:28px}.bk-form-control .group-box .group-text.bk-dropdown-menu{padding:0;overflow:visible;white-space:normal}.bk-form-control .group-box .group-text.bk-dropdown-menu .bk-button{display:inline-block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:none;border-radius:0;height:30px;padding-right:30px}.bk-form-control .group-box .group-text.bk-dropdown-menu .bk-button .bk-icon{position:absolute;right:10px;top:7px}.bk-form-control .group-box.group-prepend{border-right:none;border-radius:2px 0 0 2px}.bk-form-control .group-box.group-append{border-left:none;border-radius:0 2px 2px 0}.bk-form-control .control-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;font-size:16px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#c4c6cc}.bk-form-control .control-icon .clear-icon{cursor:pointer;font-size:14px}.bk-form-control .control-icon .clear-icon:hover{color:#979ba5}.bk-form-control .control-icon.left-icon{left:10px}.bk-form-control.with-left-icon .bk-form-input,.bk-form-control.with-left-icon .bk-form-password,.bk-form-control.with-left-icon .bk-form-select,.bk-form-control.with-left-icon .bk-form-textarea{padding-left:30px}.bk-form-control.with-right-icon .bk-form-input,.bk-form-control.with-right-icon .bk-form-password,.bk-form-control.with-right-icon .bk-form-select,.bk-form-control.with-right-icon .bk-form-textarea{padding-right:30px}.bk-form-control.with-right-icon .bk-input-number{position:relative}.bk-form-control.with-right-icon .bk-input-number input{padding-right:12px}.bk-form-control .input-right-icon{cursor:pointer}.bk-form-control .input-right-icon:hover{color:#3c96ff}.bk-form-input,.bk-form-password,.bk-form-select,.bk-form-textarea{-webkit-box-sizing:border-box;height:32px;line-height:normal;color:#63656e;background-color:#fff;border-radius:2px;width:100%;font-size:12px;font-size:var(--font-size);box-sizing:border-box;border:1px solid #c4c6cc;padding:0 10px 0 8px;text-align:left;vertical-align:middle;outline:none;resize:none;-webkit-transition:border .2s linear;transition:border .2s linear}.bk-form-input.only-bottom-border,.bk-form-password.only-bottom-border,.bk-form-select.only-bottom-border,.bk-form-textarea.only-bottom-border{border-color:transparent transparent #c4c6cc}.bk-form-input.only-bottom-border:focus,.bk-form-password.only-bottom-border:focus,.bk-form-select.only-bottom-border:focus,.bk-form-textarea.only-bottom-border:focus{border-color:transparent transparent #3a84ff!important;-webkit-box-shadow:none;box-shadow:none}.bk-form-input.only-bottom-border[disabled],.bk-form-input.only-bottom-border[readonly],.bk-form-password.only-bottom-border[disabled],.bk-form-password.only-bottom-border[readonly],.bk-form-select.only-bottom-border[disabled],.bk-form-select.only-bottom-border[readonly],.bk-form-textarea.only-bottom-border[disabled],.bk-form-textarea.only-bottom-border[readonly]{border-color:transparent transparent #dcdee5!important}.bk-form-input:focus,.bk-form-password:focus,.bk-form-select:focus,.bk-form-textarea:focus{border-color:#3a84ff!important;background-color:#fff!important}.bk-form-input:focus::-webkit-input-placeholder,.bk-form-password:focus::-webkit-input-placeholder,.bk-form-select:focus::-webkit-input-placeholder,.bk-form-textarea:focus::-webkit-input-placeholder{color:#c4c6cc!important}.bk-form-input:focus::-moz-placeholder,.bk-form-password:focus::-moz-placeholder,.bk-form-select:focus::-moz-placeholder,.bk-form-textarea:focus::-moz-placeholder{color:#c4c6cc!important}.bk-form-input:focus:-ms-input-placeholder,.bk-form-password:focus:-ms-input-placeholder,.bk-form-select:focus:-ms-input-placeholder,.bk-form-textarea:focus:-ms-input-placeholder{color:#c4c6cc!important}.bk-form-input:focus::-ms-input-placeholder,.bk-form-password:focus::-ms-input-placeholder,.bk-form-select:focus::-ms-input-placeholder,.bk-form-textarea:focus::-ms-input-placeholder{color:#c4c6cc!important}.bk-form-input:focus::placeholder,.bk-form-password:focus::placeholder,.bk-form-select:focus::placeholder,.bk-form-textarea:focus::placeholder{color:#c4c6cc!important}.bk-form-input::-webkit-input-placeholder,.bk-form-password::-webkit-input-placeholder,.bk-form-select::-webkit-input-placeholder,.bk-form-textarea::-webkit-input-placeholder{color:#c4c6cc}.bk-form-input::-moz-placeholder,.bk-form-password::-moz-placeholder,.bk-form-select::-moz-placeholder,.bk-form-textarea::-moz-placeholder{color:#c4c6cc}.bk-form-input:-ms-input-placeholder,.bk-form-password:-ms-input-placeholder,.bk-form-select:-ms-input-placeholder,.bk-form-textarea:-ms-input-placeholder{color:#c4c6cc}.bk-form-input::-ms-input-placeholder,.bk-form-password::-ms-input-placeholder,.bk-form-select::-ms-input-placeholder,.bk-form-textarea::-ms-input-placeholder{color:#c4c6cc}.bk-form-input::placeholder,.bk-form-password::placeholder,.bk-form-select::placeholder,.bk-form-textarea::placeholder{color:#c4c6cc}.bk-form-input[readonly],.bk-form-password[readonly],.bk-form-select[readonly],.bk-form-textarea[readonly]{background-color:#fafbfd!important;cursor:default;border-color:#dcdee5!important}.bk-form-input[disabled],.bk-form-password[disabled],.bk-form-select[disabled],.bk-form-textarea[disabled]{background-color:#fafbfd!important;cursor:not-allowed;border-color:#dcdee5!important}.bk-input-date,.bk-input-email,.bk-input-number,.bk-input-password,.bk-input-text,.bk-input-textarea,.bk-input-url{width:100%}.bk-input-number{position:relative}.bk-input-number input{padding-right:12px}.bk-input-number input[type=number]::-webkit-inner-spin-button,.bk-input-number input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}.bk-input-number input[type=number]{-moz-appearance:textfield}.bk-input-number .input-number-option{position:absolute;right:2px;top:1px;bottom:1px;width:26px;text-align:center;-ms-flex-pack:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#fff}.bk-input-number .input-number-option,.bk-input-number .input-number-option .number-option-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;justify-content:center}.bk-input-number .input-number-option .number-option-item{-webkit-box-flex:1;-ms-flex:auto;flex:auto;width:100%;max-height:45%;color:#979ba5;font-size:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:center}.bk-input-number .input-number-option .number-option-item:hover{background:#f4f6fa;cursor:pointer}.bk-textarea-wrapper{border:1px solid #c4c6cc;border-radius:2px}.bk-textarea-wrapper .bk-form-textarea{border:none;height:auto}.bk-textarea-wrapper .bk-form-textarea.textarea-maxlength{margin-bottom:16px}.bk-form-textarea{min-height:70px;line-height:20px;padding:5px 10px;line-height:1.5}.bk-input-wrapper-small .group-box{height:26px}.bk-input-wrapper-small .group-box .group-text{font-size:12px;line-height:24px}.bk-input-wrapper-small .group-box .group-text.bk-dropdown-menu{line-height:unset}.bk-input-wrapper-small .group-box .group-text.bk-dropdown-menu .bk-button{height:24px;line-height:24px}.bk-input-wrapper-small .group-box .group-text.bk-dropdown-menu .bk-button .bk-icon{top:4px}.bk-input-wrapper-small .input-number-option .number-option-item{font-size:14px}.bk-input-wrapper-large .group-box{height:38px}.bk-input-wrapper-large .group-box .group-text{font-size:14px;line-height:36px}.bk-input-wrapper-large .group-box .group-text.bk-dropdown-menu{line-height:unset}.bk-input-wrapper-large .group-box .group-text.bk-dropdown-menu .bk-button{height:36px;line-height:36px}.bk-input-wrapper-large .group-box .group-text.bk-dropdown-menu .bk-button .bk-icon{top:10px}.bk-input-wrapper-large .input-number-option .number-option-item{font-size:22px}.bk-input-small{height:26px;font-size:12px;line-height:26px}.bk-input-large{height:38px;font-size:14px;line-height:38px}.large-font .bk-input-large,.large-font .bk-input-small,.large-font .group-text,.medium-font .bk-input-large,.medium-font .bk-input-small,.medium-font .group-text{font-size:12px!important;font-size:var(--font-size)!important}
 /*# sourceMappingURL=input.min.css.map */

package/lib/ui/input.min.css.map

@@ -1 +1 @@
-{"version":3,"sources":["input.css","mixins/ellipsis.css"],"names":[],"mappings":"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","file":"input.min.css","sourcesContent":["@import './variable.css';\n@import './mixins/ellipsis.css';\n\n:root {\n    --font-size: 12px;\n\n    .medium-font {\n        --font-size: 14px;\n    }\n\n    .large-font {\n        --font-size: 16px;\n    }\n}\n\n.bk-form-control {\n    position: relative;\n    display: inline-block;\n    width: 100%;\n    display: block;\n    color: $newBlackColor2;\n\n    .bk-limit-box {\n        position: absolute;\n        bottom: 2px;\n        right: 7px;\n        font-size: 12px;\n        margin: 0;\n        padding: 0;\n        color: $newBlackColor3;\n        transform: scale(0.8, 0.8);\n        .strong {\n            color: $newBlackColor2;\n        }\n    }\n\n     &.control-active {\n        /*textarea是在wrapper层实现边框*/\n        .bk-textarea-wrapper {\n            border-color: $newMainColor !important;\n            background-color: #fff !important;\n            &::placeholder {\n                color: $newGreyColor !important;\n            }\n        }\n    }\n\n    &.control-disable {\n        .bk-textarea-wrapper {\n            background-color: $newGreyColor3;\n            cursor: not-allowed;\n        }\n    }\n\n    &.control-prepend-group {\n        display: flex;\n        background-color: #f2f4f8;\n\n        .bk-form-input,\n        .bk-form-password,\n        .bk-form-select,\n        .bk-form-textarea {\n            border-radius: 0 2px 2px 0;\n        }\n    }\n    &.control-append-group {\n        display: flex;\n        .bk-form-input,\n        .bk-form-password,\n        .bk-form-select,\n        .bk-form-textarea {\n            border-radius: 2px 0 0 2px;\n        }\n    }\n    &.control-prepend-group.control-append-group {\n        .bk-form-input,\n        .bk-form-password,\n        .bk-form-select,\n        .bk-form-textarea {\n            border-radius: 0;\n        }\n    }\n    .group-box {\n        vertical-align: middle;\n        position: relative;\n        border: 1px solid $newGreyColor;\n        border-radius: 2px;\n        height: 32px;\n\n        .group-text {\n            @mixin ellipsis 200px;\n            color: $newBlackColor2;\n            padding: 0 15px;\n            font-size: var(--font-size);\n            vertical-align: middle;\n            line-height: 28px;\n            &.bk-dropdown-menu {\n                padding: 0;\n                overflow: visible;\n                white-space: normal;\n                .bk-button {\n                    @mixin ellipsis 200px;\n                    border: none;\n                    border-radius: 0;\n                    height: 30px;\n                    padding-right: 30px;\n                    .bk-icon {\n                        position: absolute;\n                        right: 10px;\n                        top: 7px;\n                    }\n                }\n            }\n        }\n        &.group-prepend {\n            border-right: none;\n            border-radius: 2px 0 0 2px;\n        }\n        &.group-append {\n            border-left: none;\n            border-radius: 0 2px 2px 0;\n        }\n    }\n    .control-icon {\n        display: flex;\n        align-items: center;\n        position: absolute;\n        font-size: $iconSmallerSize;\n        top: 50%;\n        transform: translateY(-50%);\n        color: $newGreyColor;\n        .clear-icon {\n            cursor: pointer;\n            font-size: $iconSmallestSize;\n            &:hover {\n                color: $newBlackColor3;\n            }\n        }\n        &.left-icon {\n            left: 10px;\n        }\n    }\n    &.with-left-icon {\n        .bk-form-input,\n        .bk-form-password,\n        .bk-form-select,\n        .bk-form-textarea {\n            padding-left: 30px;\n        }\n    }\n    &.with-right-icon {\n        .bk-form-input,\n        .bk-form-password,\n        .bk-form-select,\n        .bk-form-textarea {\n            padding-right: 30px;\n        }\n\n        .bk-input-number {\n            position: relative;\n            input {\n                padding-right: 12px;\n            }\n        }\n    }\n\n    .input-right-icon {\n        cursor: pointer;\n        &:hover {\n            color: $primaryColor;\n        }\n    }\n}\n\n.bk-form-input,\n.bk-form-password,\n.bk-form-select,\n.bk-form-textarea {\n    box-sizing: border-box;\n    height: 32px;\n    line-height: normal;\n    color: $newBlackColor2;\n    background-color: #fff;\n    border-radius: 2px;\n    width: 100%;\n    font-size: var(--font-size);\n    box-sizing: border-box;\n    border: 1px solid $newGreyColor;\n    padding: 0 10px;\n    text-align: left;\n    vertical-align: middle;\n    outline: none;\n    resize:none;\n    transition: border linear .2s;\n    &.only-bottom-border {\n        border-color: transparent transparent $newGreyColor transparent;\n        &:focus {\n            border-color: transparent transparent $newMainColor transparent !important;\n            box-shadow: none;\n        }\n        &[disabled],\n        &[readonly] {\n            border-color: transparent transparent $newGreyColor1 transparent !important;\n        }\n    }\n    &:focus {\n        border-color: $newMainColor !important;\n        background-color: #fff !important;\n        &::placeholder {\n            color: $newGreyColor !important;\n        }\n    }\n    &::placeholder {\n        color: $newGreyColor;\n    }\n\n    &[readonly] {\n        background-color: $newGreyColor3 !important;\n        cursor: default;\n        border-color: $newGreyColor1 !important;\n    }\n    &[disabled] {\n        /* color: $formBorderColor; */\n        background-color: $newGreyColor3 !important;\n        cursor: not-allowed;\n        border-color: $newGreyColor1 !important;\n    }\n}\n\n.bk-input-text,\n.bk-input-textarea,\n.bk-input-password,\n.bk-input-number,\n.bk-input-email,\n.bk-input-url,\n.bk-input-date {\n    width: 100%;\n}\n\n.bk-input-number {\n    position: relative;\n    input {\n        padding-right: 12px;\n        &[type=\"number\"] {\n            &::-webkit-outer-spin-button,&::-webkit-inner-spin-button {\n                appearance: none;\n            }\n            -moz-appearance: textfield;\n        }\n    }\n    .input-number-option {\n        position: absolute;\n        right: 2px;\n        top: 1px;\n        bottom: 1px;\n        width: 26px;\n        text-align: center;\n        display: flex;\n        justify-content: center;\n        flex-direction: column;\n        background: #fff;\n\n        .number-option-item {\n            flex: auto;\n            width: 100%;\n            max-height: 45%;\n            color: #979ba5;\n            font-size: $iconSmallSize;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            &:hover {\n                background: rgba(244, 246, 250, 1);\n                cursor: pointer;\n            }\n        }\n    }\n}\n\n.bk-textarea-wrapper {\n    border: 1px solid $newGreyColor;\n    border-radius: 2px;\n    .bk-form-textarea {\n        border: none;\n        height: auto;\n        &.textarea-maxlength {\n            margin-bottom: 16px;\n        }\n    }\n}\n\n.bk-form-textarea {\n    min-height: 70px;\n    line-height: 20px;\n    padding: 5px 10px;\n    line-height: 1.5;\n}\n\n/* size */\n.bk-input-wrapper-small {\n    .group-box {\n        height: 26px;\n        .group-text {\n            font-size: 12px;\n            line-height: 24px;\n            &.bk-dropdown-menu {\n                line-height: unset;\n                .bk-button {\n                    height: 24px;\n                    line-height: 24px;\n                    .bk-icon {\n                        top: 4px;\n                    }\n                }\n            }\n        }\n    }\n    .input-number-option {\n        .number-option-item {\n            font-size: $iconSmallestSize;\n        }\n    }\n}\n.bk-input-wrapper-large {\n    .group-box {\n        height: 38px;\n        .group-text {\n            font-size: 14px;\n            line-height: 36px;\n            &.bk-dropdown-menu {\n                line-height: unset;\n                .bk-button {\n                    height: 36px;\n                    line-height: 36px;\n                    .bk-icon {\n                        top: 10px;\n                    }\n                }\n            }\n        }\n    }\n    .input-number-option {\n        .number-option-item {\n            font-size: $iconNormalSize;\n        }\n    }\n}\n.bk-input-small {\n    height: 26px;\n    font-size: 12px;\n    line-height: 26px;\n}\n.bk-input-large {\n    height: 38px;\n    font-size: 14px;\n    line-height: 38px;\n}\n.large-font,\n.medium-font {\n    .bk-input-large,\n    .bk-input-small,\n    .group-text {\n        font-size: var(--font-size) !important;\n    }\n}\n","/**\n * @file ellipsis mixin\n *\n * usage:\n *      @mixin ellipsis 100px;\n */\n\n@define-mixin ellipsis $maxWidth, $display: inline-block {\n    display: $display;\n    max-width: $maxWidth;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n"]}
+{"version":3,"sources":["input.css","mixins/ellipsis.css"],"names":[],"mappings":"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","file":"input.min.css","sourcesContent":["@import './variable.css';\n@import './mixins/ellipsis.css';\n\n:root {\n    --font-size: 12px;\n\n    .medium-font {\n        --font-size: 14px;\n    }\n\n    .large-font {\n        --font-size: 16px;\n    }\n}\n\n.bk-form-control {\n    position: relative;\n    display: inline-block;\n    width: 100%;\n    display: block;\n    color: $newBlackColor2;\n\n    .bk-limit-box {\n        position: absolute;\n        bottom: 2px;\n        right: 7px;\n        font-size: 12px;\n        margin: 0;\n        padding: 0;\n        color: $newBlackColor3;\n        transform: scale(0.8, 0.8);\n        .strong {\n            color: $newBlackColor2;\n        }\n    }\n\n     &.control-active {\n        /*textarea是在wrapper层实现边框*/\n        .bk-textarea-wrapper {\n            border-color: $newMainColor !important;\n            background-color: #fff !important;\n            &::placeholder {\n                color: $newGreyColor !important;\n            }\n        }\n    }\n\n    &.control-disable {\n        .bk-textarea-wrapper {\n            background-color: $newGreyColor3;\n            cursor: not-allowed;\n        }\n    }\n\n    &.control-prepend-group {\n        display: flex;\n        background-color: #f2f4f8;\n\n        .bk-form-input,\n        .bk-form-password,\n        .bk-form-select,\n        .bk-form-textarea {\n            border-radius: 0 2px 2px 0;\n        }\n    }\n    &.control-append-group {\n        display: flex;\n        .bk-form-input,\n        .bk-form-password,\n        .bk-form-select,\n        .bk-form-textarea {\n            border-radius: 2px 0 0 2px;\n        }\n    }\n    &.control-prepend-group.control-append-group {\n        .bk-form-input,\n        .bk-form-password,\n        .bk-form-select,\n        .bk-form-textarea {\n            border-radius: 0;\n        }\n    }\n    .group-box {\n        vertical-align: middle;\n        position: relative;\n        border: 1px solid $newGreyColor;\n        border-radius: 2px;\n        height: 32px;\n\n        .group-text {\n            @mixin ellipsis 200px;\n            color: $newBlackColor2;\n            padding: 0 15px;\n            font-size: var(--font-size);\n            vertical-align: middle;\n            line-height: 28px;\n            &.bk-dropdown-menu {\n                padding: 0;\n                overflow: visible;\n                white-space: normal;\n                .bk-button {\n                    @mixin ellipsis 200px;\n                    border: none;\n                    border-radius: 0;\n                    height: 30px;\n                    padding-right: 30px;\n                    .bk-icon {\n                        position: absolute;\n                        right: 10px;\n                        top: 7px;\n                    }\n                }\n            }\n        }\n        &.group-prepend {\n            border-right: none;\n            border-radius: 2px 0 0 2px;\n        }\n        &.group-append {\n            border-left: none;\n            border-radius: 0 2px 2px 0;\n        }\n    }\n    .control-icon {\n        display: flex;\n        align-items: center;\n        position: absolute;\n        font-size: $iconSmallerSize;\n        top: 50%;\n        transform: translateY(-50%);\n        color: $newGreyColor;\n        .clear-icon {\n            cursor: pointer;\n            font-size: $iconSmallestSize;\n            &:hover {\n                color: $newBlackColor3;\n            }\n        }\n        &.left-icon {\n            left: 10px;\n        }\n    }\n    &.with-left-icon {\n        .bk-form-input,\n        .bk-form-password,\n        .bk-form-select,\n        .bk-form-textarea {\n            padding-left: 30px;\n        }\n    }\n    &.with-right-icon {\n        .bk-form-input,\n        .bk-form-password,\n        .bk-form-select,\n        .bk-form-textarea {\n            padding-right: 30px;\n        }\n\n        .bk-input-number {\n            position: relative;\n            input {\n                padding-right: 12px;\n            }\n        }\n    }\n\n    .input-right-icon {\n        cursor: pointer;\n        &:hover {\n            color: $primaryColor;\n        }\n    }\n}\n\n.bk-form-input,\n.bk-form-password,\n.bk-form-select,\n.bk-form-textarea {\n    box-sizing: border-box;\n    height: 32px;\n    line-height: normal;\n    color: $newBlackColor2;\n    background-color: #fff;\n    border-radius: 2px;\n    width: 100%;\n    font-size: var(--font-size);\n    box-sizing: border-box;\n    border: 1px solid $newGreyColor;\n    padding: 0 10px 0 8px;\n    text-align: left;\n    vertical-align: middle;\n    outline: none;\n    resize:none;\n    transition: border linear .2s;\n    &.only-bottom-border {\n        border-color: transparent transparent $newGreyColor transparent;\n        &:focus {\n            border-color: transparent transparent $newMainColor transparent !important;\n            box-shadow: none;\n        }\n        &[disabled],\n        &[readonly] {\n            border-color: transparent transparent $newGreyColor1 transparent !important;\n        }\n    }\n    &:focus {\n        border-color: $newMainColor !important;\n        background-color: #fff !important;\n        &::placeholder {\n            color: $newGreyColor !important;\n        }\n    }\n    &::placeholder {\n        color: $newGreyColor;\n    }\n\n    &[readonly] {\n        background-color: $newGreyColor3 !important;\n        cursor: default;\n        border-color: $newGreyColor1 !important;\n    }\n    &[disabled] {\n        /* color: $formBorderColor; */\n        background-color: $newGreyColor3 !important;\n        cursor: not-allowed;\n        border-color: $newGreyColor1 !important;\n    }\n}\n\n.bk-input-text,\n.bk-input-textarea,\n.bk-input-password,\n.bk-input-number,\n.bk-input-email,\n.bk-input-url,\n.bk-input-date {\n    width: 100%;\n}\n\n.bk-input-number {\n    position: relative;\n    input {\n        padding-right: 12px;\n        &[type=\"number\"] {\n            &::-webkit-outer-spin-button,&::-webkit-inner-spin-button {\n                appearance: none;\n            }\n            -moz-appearance: textfield;\n        }\n    }\n    .input-number-option {\n        position: absolute;\n        right: 2px;\n        top: 1px;\n        bottom: 1px;\n        width: 26px;\n        text-align: center;\n        display: flex;\n        justify-content: center;\n        flex-direction: column;\n        background: #fff;\n\n        .number-option-item {\n            flex: auto;\n            width: 100%;\n            max-height: 45%;\n            color: #979ba5;\n            font-size: $iconSmallSize;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            &:hover {\n                background: rgba(244, 246, 250, 1);\n                cursor: pointer;\n            }\n        }\n    }\n}\n\n.bk-textarea-wrapper {\n    border: 1px solid $newGreyColor;\n    border-radius: 2px;\n    .bk-form-textarea {\n        border: none;\n        height: auto;\n        &.textarea-maxlength {\n            margin-bottom: 16px;\n        }\n    }\n}\n\n.bk-form-textarea {\n    min-height: 70px;\n    line-height: 20px;\n    padding: 5px 10px;\n    line-height: 1.5;\n}\n\n/* size */\n.bk-input-wrapper-small {\n    .group-box {\n        height: 26px;\n        .group-text {\n            font-size: 12px;\n            line-height: 24px;\n            &.bk-dropdown-menu {\n                line-height: unset;\n                .bk-button {\n                    height: 24px;\n                    line-height: 24px;\n                    .bk-icon {\n                        top: 4px;\n                    }\n                }\n            }\n        }\n    }\n    .input-number-option {\n        .number-option-item {\n            font-size: $iconSmallestSize;\n        }\n    }\n}\n.bk-input-wrapper-large {\n    .group-box {\n        height: 38px;\n        .group-text {\n            font-size: 14px;\n            line-height: 36px;\n            &.bk-dropdown-menu {\n                line-height: unset;\n                .bk-button {\n                    height: 36px;\n                    line-height: 36px;\n                    .bk-icon {\n                        top: 10px;\n                    }\n                }\n            }\n        }\n    }\n    .input-number-option {\n        .number-option-item {\n            font-size: $iconNormalSize;\n        }\n    }\n}\n.bk-input-small {\n    height: 26px;\n    font-size: 12px;\n    line-height: 26px;\n}\n.bk-input-large {\n    height: 38px;\n    font-size: 14px;\n    line-height: 38px;\n}\n.large-font,\n.medium-font {\n    .bk-input-large,\n    .bk-input-small,\n    .group-text {\n        font-size: var(--font-size) !important;\n    }\n}\n","/**\n * @file ellipsis mixin\n *\n * usage:\n *      @mixin ellipsis 100px;\n */\n\n@define-mixin ellipsis $maxWidth, $display: inline-block {\n    display: $display;\n    max-width: $maxWidth;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n"]}

package/lib/ui/link.css

@@ -44,6 +44,12 @@
 .bk-link.is-primary:hover{
             color:#699df4;
         }
+.bk-link.is-primary:active{
+            color:#1768ef;
+        }
+.bk-link.is-primary:visited{
+            color:#699df4;
+        }
 .bk-link.is-primary.is-disabled{
             color:#a3c5fd;
         }
@@ -51,7 +57,13 @@
         color:#2dcb56
     }
 .bk-link.is-success:hover{
-            color:#45e35f;
+            color:#44e360;
+        }
+.bk-link.is-success:active{
+            color:#1bb943;
+        }
+.bk-link.is-success:visited{
+            color:#44e360;
         }
 .bk-link.is-success.is-disabled{
             color:#94f5a4;
@@ -60,7 +72,13 @@
         color:#ff9c01
     }
 .bk-link.is-warning:hover{
-            color:#ffb848;
+            color:#ffb849;
+        }
+.bk-link.is-warning:active{
+            color:#eb9000;
+        }
+.bk-link.is-warning:visited{
+            color:#ffb849;
         }
 .bk-link.is-warning.is-disabled{
             color:#ffd695;
@@ -69,7 +87,13 @@
         color:#ea3636
     }
 .bk-link.is-danger:hover{
-            color:#ff5656;
+            color:#fe5657;
+        }
+.bk-link.is-danger:active{
+            color:#da2726;
+        }
+.bk-link.is-danger:visited{
+            color:#fe5657;
         }
 .bk-link.is-danger.is-disabled{
             color:#fd9c9c;

package/lib/ui/link.min.css

@@ -1,2 +1,2 @@
-.bk-link{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:middle;text-decoration:none;cursor:pointer;line-height:20px}.bk-link .bk-link-icon{font-size:14px}.bk-link .bk-link-icon.is-left{margin-right:4px}.bk-link .bk-link-icon.is-right{margin-left:4px}.bk-link .bk-link-text{font-size:14px}.bk-link.is-default{color:#63656e}.bk-link.is-default:hover{color:#979ba5}.bk-link.is-default.is-disabled{color:#dcdee5}.bk-link.is-primary{color:#3a84ff}.bk-link.is-primary:hover{color:#699df4}.bk-link.is-primary.is-disabled{color:#a3c5fd}.bk-link.is-success{color:#2dcb56}.bk-link.is-success:hover{color:#45e35f}.bk-link.is-success.is-disabled{color:#94f5a4}.bk-link.is-warning{color:#ff9c01}.bk-link.is-warning:hover{color:#ffb848}.bk-link.is-warning.is-disabled{color:#ffd695}.bk-link.is-danger{color:#ea3636}.bk-link.is-danger:hover{color:#ff5656}.bk-link.is-danger.is-disabled{color:#fd9c9c}.bk-link.is-disabled{cursor:not-allowed}.bk-link.has-underline{text-decoration:underline}
+.bk-link{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:middle;text-decoration:none;cursor:pointer;line-height:20px}.bk-link .bk-link-icon{font-size:14px}.bk-link .bk-link-icon.is-left{margin-right:4px}.bk-link .bk-link-icon.is-right{margin-left:4px}.bk-link .bk-link-text{font-size:14px}.bk-link.is-default{color:#63656e}.bk-link.is-default:hover{color:#979ba5}.bk-link.is-default.is-disabled{color:#dcdee5}.bk-link.is-primary{color:#3a84ff}.bk-link.is-primary:hover{color:#699df4}.bk-link.is-primary:active{color:#1768ef}.bk-link.is-primary:visited{color:#699df4}.bk-link.is-primary.is-disabled{color:#a3c5fd}.bk-link.is-success{color:#2dcb56}.bk-link.is-success:hover{color:#44e360}.bk-link.is-success:active{color:#1bb943}.bk-link.is-success:visited{color:#44e360}.bk-link.is-success.is-disabled{color:#94f5a4}.bk-link.is-warning{color:#ff9c01}.bk-link.is-warning:hover{color:#ffb849}.bk-link.is-warning:active{color:#eb9000}.bk-link.is-warning:visited{color:#ffb849}.bk-link.is-warning.is-disabled{color:#ffd695}.bk-link.is-danger{color:#ea3636}.bk-link.is-danger:hover{color:#fe5657}.bk-link.is-danger:active{color:#da2726}.bk-link.is-danger:visited{color:#fe5657}.bk-link.is-danger.is-disabled{color:#fd9c9c}.bk-link.is-disabled{cursor:not-allowed}.bk-link.has-underline{text-decoration:underline}
 /*# sourceMappingURL=link.min.css.map */

package/lib/ui/link.min.css.map

@@ -1 +1 @@
-{"version":3,"sources":["link.css"],"names":[],"mappings":"AAoBA,SACI,0BAAoB,CAApB,0BAAoB,CAApB,mBAAoB,CACpB,6BAAmB,CAAnB,4BAAmB,CAAnB,sBAAmB,CAAnB,kBAAmB,CACnB,wBAAmB,CAAnB,qBAAmB,CAAnB,kBAAmB,CACnB,uBAAuB,CAAvB,oBAAuB,CAAvB,sBAAuB,CACvB,qBAAsB,CACtB,oBAAqB,CACrB,cAAe,CACf,gBAgEJ,CA/DI,uBACI,cAOJ,CANI,+BACI,gBACJ,CACA,gCACI,eACJ,CAEJ,uBACI,cACJ,CACA,oBACI,aAOJ,CANI,0BACI,aACJ,CACA,gCACI,aACJ,CAEJ,oBACI,aAOJ,CANI,0BACI,aACJ,CACA,gCACI,aACJ,CAEJ,oBACI,aAOJ,CANI,0BACI,aACJ,CACA,gCACI,aACJ,CAEJ,oBACI,aAOJ,CANI,0BACI,aACJ,CACA,gCACI,aACJ,CAEJ,mBACI,aAOJ,CANI,yBACI,aACJ,CACA,+BACI,aACJ,CAEJ,qBACI,kBACJ,CACA,uBACI,yBACJ","file":"link.min.css","sourcesContent":["$defaultColor: #63656e;\n$defaultHoverColor: #979ba5;\n$defaultDisabledColor: #dcdee5;\n\n$primaryColor: #3a84ff;\n$primaryHoverColor: #699df4;\n$primaryDisabledColor: #a3c5fd;\n\n$successColor: #2dcb56;\n$successHoverColor: #45e35f;\n$successDisabledColor: #94f5a4;\n\n$warningColor: #ff9c01;\n$warningHoverColor: #ffb848;\n$warningDisabledColor: #ffd695;\n\n$dangerColor: #ea3636;\n$dangerHoverColor: #ff5656;\n$dangerDisabledColor: #fd9c9c;\n\n.bk-link {\n    display: inline-flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n    vertical-align: middle;\n    text-decoration: none;\n    cursor: pointer;\n    line-height: 20px;\n    .bk-link-icon {\n        font-size: 14px;\n        &.is-left {\n            margin-right: 4px;\n        }\n        &.is-right {\n            margin-left: 4px;\n        }\n    }\n    .bk-link-text {\n        font-size: 14px;\n    }\n    &.is-default {\n        color: $defaultColor;\n        &:hover {\n            color: $defaultHoverColor;\n        }\n        &.is-disabled {\n            color: $defaultDisabledColor;\n        }\n    }\n    &.is-primary {\n        color: $primaryColor;\n        &:hover {\n            color: $primaryHoverColor;\n        }\n        &.is-disabled {\n            color: $primaryDisabledColor;\n        }\n    }\n    &.is-success {\n        color: $successColor;\n        &:hover {\n            color: $successHoverColor;\n        }\n        &.is-disabled {\n            color: $successDisabledColor;\n        }\n    }\n    &.is-warning {\n        color: $warningColor;\n        &:hover {\n            color: $warningHoverColor;\n        }\n        &.is-disabled {\n            color: $warningDisabledColor;\n        }\n    }\n    &.is-danger {\n        color: $dangerColor;\n        &:hover {\n            color: $dangerHoverColor;\n        }\n        &.is-disabled {\n            color: $dangerDisabledColor;\n        }\n    }\n    &.is-disabled {\n        cursor: not-allowed;\n    }\n    &.has-underline {\n        text-decoration: underline;\n    }\n}\n"]}
+{"version":3,"sources":["link.css"],"names":[],"mappings":"AAoBA,SACI,0BAAoB,CAApB,0BAAoB,CAApB,mBAAoB,CACpB,6BAAmB,CAAnB,4BAAmB,CAAnB,sBAAmB,CAAnB,kBAAmB,CACnB,wBAAmB,CAAnB,qBAAmB,CAAnB,kBAAmB,CACnB,uBAAuB,CAAvB,oBAAuB,CAAvB,sBAAuB,CACvB,qBAAsB,CACtB,oBAAqB,CACrB,cAAe,CACf,gBAwFJ,CAvFI,uBACI,cAOJ,CANI,+BACI,gBACJ,CACA,gCACI,eACJ,CAEJ,uBACI,cACJ,CACA,oBACI,aAOJ,CANI,0BACI,aACJ,CACA,gCACI,aACJ,CAEJ,oBACI,aAaJ,CAZI,0BACI,aACJ,CACA,2BACI,aACJ,CACA,4BACI,aACJ,CACA,gCACI,aACJ,CAEJ,oBACI,aAaJ,CAZI,0BACI,aACJ,CACA,2BACI,aACJ,CACA,4BACI,aACJ,CACA,gCACI,aACJ,CAEJ,oBACI,aAaJ,CAZI,0BACI,aACJ,CACA,2BACI,aACJ,CACA,4BACI,aACJ,CACA,gCACI,aACJ,CAEJ,mBACI,aAaJ,CAZI,yBACI,aACJ,CACA,0BACI,aACJ,CACA,2BACI,aACJ,CACA,+BACI,aACJ,CAEJ,qBACI,kBACJ,CACA,uBACI,yBACJ","file":"link.min.css","sourcesContent":["$defaultColor: #63656e;\n$defaultHoverColor: #979ba5;\n$defaultDisabledColor: #dcdee5;\n\n$primaryColor: #3a84ff;\n$primaryHoverColor: #699df4;\n$primaryDisabledColor: #a3c5fd;\n\n$successColor: #2dcb56;\n$successHoverColor: #44e360;\n$successDisabledColor: #94f5a4;\n\n$warningColor: #ff9c01;\n$warningHoverColor: #ffb849;\n$warningDisabledColor: #ffd695;\n\n$dangerColor: #ea3636;\n$dangerHoverColor: #fe5657;\n$dangerDisabledColor: #fd9c9c;\n\n.bk-link {\n    display: inline-flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n    vertical-align: middle;\n    text-decoration: none;\n    cursor: pointer;\n    line-height: 20px;\n    .bk-link-icon {\n        font-size: 14px;\n        &.is-left {\n            margin-right: 4px;\n        }\n        &.is-right {\n            margin-left: 4px;\n        }\n    }\n    .bk-link-text {\n        font-size: 14px;\n    }\n    &.is-default {\n        color: $defaultColor;\n        &:hover {\n            color: $defaultHoverColor;\n        }\n        &.is-disabled {\n            color: $defaultDisabledColor;\n        }\n    }\n    &.is-primary {\n        color: $primaryColor;\n        &:hover {\n            color: $primaryHoverColor;\n        }\n        &:active {\n            color: #1768ef;\n        }\n        &:visited {\n            color: $primaryHoverColor;\n        }\n        &.is-disabled {\n            color: $primaryDisabledColor;\n        }\n    }\n    &.is-success {\n        color: $successColor;\n        &:hover {\n            color: $successHoverColor;\n        }\n        &:active {\n            color: #1bb943;\n        }\n        &:visited {\n            color: $successHoverColor;\n        }\n        &.is-disabled {\n            color: $successDisabledColor;\n        }\n    }\n    &.is-warning {\n        color: $warningColor;\n        &:hover {\n            color: $warningHoverColor;\n        }\n        &:active {\n            color: #eb9000;\n        }\n        &:visited {\n            color: $warningHoverColor;\n        }\n        &.is-disabled {\n            color: $warningDisabledColor;\n        }\n    }\n    &.is-danger {\n        color: $dangerColor;\n        &:hover {\n            color: $dangerHoverColor;\n        }\n        &:active {\n            color: #da2726;\n        }\n        &:visited {\n            color: $dangerHoverColor;\n        }\n        &.is-disabled {\n            color: $dangerDisabledColor;\n        }\n    }\n    &.is-disabled {\n        cursor: not-allowed;\n    }\n    &.has-underline {\n        text-decoration: underline;\n    }\n}\n"]}