diff --git a/package.json b/package.json index 1512d61d..c22bc9d4 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@nih-sparc/sparc-design-system-components", - "version": "0.26.12", + "version": "0.26.13", "private": false, "scripts": { "serve": "vue-cli-service serve", diff --git a/src/assets/components/_el-input.scss b/src/assets/components/_el-input.scss index f0489a78..7fc2ce47 100644 --- a/src/assets/components/_el-input.scss +++ b/src/assets/components/_el-input.scss @@ -3,7 +3,7 @@ .el-input { &.secondary { .el-input__inner { - border-color: #dcdfe6; + border-color: $lineColor1 } } &__inner { @@ -30,7 +30,7 @@ } &.is-disabled { .el-input__inner { - border-color: #dcdfe6; + border-color: $lineColor1; color: $mediumGrey; &:hover { border-color: #dcdfe6 !important; diff --git a/src/assets/components/_el-select.scss b/src/assets/components/_el-select.scss index 9715663b..ed70d195 100644 --- a/src/assets/components/_el-select.scss +++ b/src/assets/components/_el-select.scss @@ -3,7 +3,7 @@ &.secondary { .el-input { input { - border-color: lightgray; + border-color: $lightGrey; } } } diff --git a/src/components/DropdownMultiselect/src/DropdownLabel.vue b/src/components/DropdownMultiselect/src/DropdownLabel.vue index f4eb28ca..66892ae9 100644 --- a/src/components/DropdownMultiselect/src/DropdownLabel.vue +++ b/src/components/DropdownMultiselect/src/DropdownLabel.vue @@ -85,7 +85,7 @@ export default { diff --git a/src/components/DropdownMultiselect/src/DropdownMultiselect.vue b/src/components/DropdownMultiselect/src/DropdownMultiselect.vue index f2352902..813901de 100644 --- a/src/components/DropdownMultiselect/src/DropdownMultiselect.vue +++ b/src/components/DropdownMultiselect/src/DropdownMultiselect.vue @@ -294,7 +294,7 @@ export default { @import '../../../assets/_variables.scss'; .sparc-design-system-component-dropdown-multiselect { background-color: white; - border: 1px solid #dbdfe6; + border: 1px solid $lineColor2; border-top: none; } @@ -319,7 +319,7 @@ export default { } } .light-gray-background .el-tree { - background: rgb(250, 251, 252); + background: $background; } .el-tree-node__expand-icon.el-icon-caret-right { order: 1;