@deskhero/dh_ui 1.10.1 → 1.10.2
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.
|
Binary file
|
|
Binary file
|
|
Binary file
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--dh-filter-blue: invert(42%) sepia(82%) saturate(6840%) hue-rotate(189deg) brightness(91%) contrast(88%);--dh-filter-red: invert(27%) sepia(53%) saturate(2191%) hue-rotate(340deg) brightness(92%) contrast(96%);--dh-filter-gray: invert(48%) sepia(0%) saturate(1294%) hue-rotate(102deg) brightness(95%) contrast(86%);--dh-filter-light: brightness(120%);--dh-filter-lighter: brightness(200%);--dh-shadow-1: 0px 10px 30px 0px #97979733;--dh-shadow-2: 0px 0px 12px rgba(136, 136, 136, .08);--dh-shadow-3: 0px 0px 30px 0px #97979733;--dh-primary: #0f71b4;--dh-primary-lighter: #5ea9e5;--dh-primary-light: #1e8bd6;--dh-white: #ffffff;--dh-dark: #231f20;--dh-text-disabled: #e0e0e0;--dh-text-secondary: #828282;--dh-text-secondary-lighter: #aaacb4;--dh-text-primary: #555555;--dh-bg-primary: #f9fbfd;--dh-grey: #7a8393;--dh-grey-light: #f2f2f2;--dh-grey-lighter: #f8f9fa;--dh-blue-light: #daebf6;--dh-blue-tint: #ecf4fa;--dh-danger: #c32f27;--dh-danger-light: #e58b86;--dh-danger-lighter: #fce4e2;--dh-success: #1d8245;--dh-success-light: #dcf5e0;--dh-success-lighter: #f1fbf3;--dh-warning: #cd7f0a;--dh-warning-light: #fff7eb;--dh-purple: #9b51e0;--dh-purple-lighter: #fff5f4;--dh-stepper-primary-background: var(--dh-grey-lighter);--dh-stepper-primary-color: var(--dh-text-disabled);--dh-stepper-active-background: var(--dh-blue-tint);--dh-stepper-active-color: var(--dh-primary)}.btn{border:0;border-radius:.5rem;font-size:14px;height:2.5rem;line-height:2.5rem;cursor:pointer;min-width:unset;padding:0 1rem;white-space:nowrap;text-align:center}.btn-small{line-height:1.5rem;height:1.5rem;font-size:12px}.btn-mini{font-size:14px;padding:.7rem;min-width:0;height:0;line-height:0;border-radius:4px}.btn-large{line-height:3.5rem;height:3.5rem;font-size:16px;font-weight:600}.btn-primary{background-color:var(--dh-blue-tint);color:var(--dh-primary)}.btn-primary:active{background-color:var(--dh-blue-tint)}.btn-secondary{background-color:var(--dh-grey-lighter);color:var(--dh-text-primary)}.btn-secondary.btn-large{font-weight:400}.btn-secondary:active{background-color:var(--dh-text-disabled)}.btn-danger{background-color:var(--dh-danger-lighter);color:var(--dh-danger)}.btn-success{background-color:var(--dh-success-lighter);color:var(--dh-success)}.btn-disabled{background-color:var(--dh-grey-lighter);color:var(--dh-text-secondary-lighter)}.btn.focus{border:2px solid var(--dh-blue-tint)}.btn:hover:enabled{box-shadow:var(--dh-shadow-1)}.btn:disabled{background-color:var(--dh-grey-lighter);color:var(--dh-text-secondary-lighter)}.card{background-color:var(--dh-white);border-radius:8px;box-shadow:var(--dh-shadow-2);border:1px solid var(--dh-grey-light)}.input-group{display:flex;flex-direction:column;margin-bottom:1rem}.input-group .input-label{color:var(--dh-text-primary);margin-bottom:.5rem}.form-input{height:2.5rem;padding:0 .75rem;border-radius:.25rem}.invalid-feedback{display:block;width:100%;margin-top:.25rem;font-size:.875em;color:var(--dh-danger)}.form-input{border:solid 1px var(--dh-text-disabled);color:solid 1px var(--dh-dark)}.form-input::placeholder{color:var(--dh-text-secondary-lighter)}.form-input.active,.form-input:focus{border-color:var(--dh-primary);outline:0}.form-input.success{background:url(../assets/icons/success.png) no-repeat;background-position:right 10px center;background-size:1rem}.form-input.error{background:url(../assets/icons/error.png) no-repeat;background-position:right 10px center;background-size:1rem;border-color:var(--dh-danger)}::-webkit-scrollbar-track{border-radius:10px;background-color:transparent}::-webkit-scrollbar{width:5px;height:5px;background-color:transparent}::-webkit-scrollbar-thumb{border-radius:10px;background-color:var(--dh-text-disabled)}table{width:100%;border-collapse:collapse}table thead{background-color:var(--dh-grey-lighter);height:2.5rem;text-transform:uppercase;position:sticky;top:0;z-index:1;font-size:16px}table thead tr th{border-right:1px solid var(--dh-text-disabled);text-align:justify}table thead .table-control{background-color:var(--dh-grey-lighter)}table tbody tr td{height:2.8125rem;color:var(--dh-text-primary)}table tbody tr.hover,table tbody tr:hover{background:var(--dh-grey-lighter)}table tbody .table-control{background-color:var(--dh-white)}table tbody .table-control.hover,table tbody .table-control:hover{background:var(--dh-grey-lighter)}th,td{border:none;border-top:1px solid var(--dh-text-disabled);padding:.5rem 2.5rem;white-space:nowrap;overflow:hidden}th .btn,td .btn{min-width:auto;padding:0 1rem}th:not(.no-ellipse),td:not(.no-ellipse){text-overflow:ellipsis}.content-end{justify-content:flex-end}.content-space-between{justify-content:space-between}.tag{border:0;border-radius:.25rem;font-size:14px;height:2.5rem;line-height:2.5rem;cursor:pointer;min-width:unset;padding:0 1rem;white-space:nowrap;text-align:center}.tag-small{line-height:1.5rem;height:1.5rem;font-size:12px}.tag-mini{font-size:14px;padding:.7rem;min-width:0;height:0;line-height:0;border-radius:4px}.tag-large{line-height:3.5rem;height:3.5rem;font-size:16px;font-weight:600}.tag-primary{background-color:var(--dh-blue-tint);color:var(--dh-primary)}.tag-primary:active{background-color:var(--dh-blue-tint)}.tag-secondary{background-color:var(--dh-grey-lighter);color:var(--dh-primary)}.tag-secondary.btn-large{font-weight:400}.tag-secondary:active{background-color:var(--dh-text-disabled)}.tag-light{background-color:var(--dh-white);color:var(--dh-text-secondary-lighter)}.tag-light.btn-large{font-weight:500}.tag-light:active{background-color:var(--dh-text-disabled)}.tag-danger{background-color:var(--dh-danger-lighter);color:var(--dh-danger)}.tag-success{background-color:var(--dh-success-light);color:var(--dh-success)}.tag-lighter{background-color:var(--dh-grey-lighter);color:var(--dh-grey)}.tag-dark{background-color:var(--dh-grey);color:var(--dh-grey-lighter)}.tag.focus{border:2px solid var(--dh-blue-tint)}.tag:hover:enabled{box-shadow:var(--dh-shadow-1)}.tag:disabled{background-color:var(--dh-grey-lighter);color:var(--dh-text-secondary-lighter)}@font-face{font-family:Rubik-Bold;src:url(
|
|
1
|
+
:root{--dh-filter-blue: invert(42%) sepia(82%) saturate(6840%) hue-rotate(189deg) brightness(91%) contrast(88%);--dh-filter-red: invert(27%) sepia(53%) saturate(2191%) hue-rotate(340deg) brightness(92%) contrast(96%);--dh-filter-gray: invert(48%) sepia(0%) saturate(1294%) hue-rotate(102deg) brightness(95%) contrast(86%);--dh-filter-light: brightness(120%);--dh-filter-lighter: brightness(200%);--dh-shadow-1: 0px 10px 30px 0px #97979733;--dh-shadow-2: 0px 0px 12px rgba(136, 136, 136, .08);--dh-shadow-3: 0px 0px 30px 0px #97979733;--dh-primary: #0f71b4;--dh-primary-lighter: #5ea9e5;--dh-primary-light: #1e8bd6;--dh-white: #ffffff;--dh-dark: #231f20;--dh-text-disabled: #e0e0e0;--dh-text-secondary: #828282;--dh-text-secondary-lighter: #aaacb4;--dh-text-primary: #555555;--dh-bg-primary: #f9fbfd;--dh-grey: #7a8393;--dh-grey-light: #f2f2f2;--dh-grey-lighter: #f8f9fa;--dh-blue-light: #daebf6;--dh-blue-tint: #ecf4fa;--dh-danger: #c32f27;--dh-danger-light: #e58b86;--dh-danger-lighter: #fce4e2;--dh-success: #1d8245;--dh-success-light: #dcf5e0;--dh-success-lighter: #f1fbf3;--dh-warning: #cd7f0a;--dh-warning-light: #fff7eb;--dh-purple: #9b51e0;--dh-purple-lighter: #fff5f4;--dh-stepper-primary-background: var(--dh-grey-lighter);--dh-stepper-primary-color: var(--dh-text-disabled);--dh-stepper-active-background: var(--dh-blue-tint);--dh-stepper-active-color: var(--dh-primary);--dh-font-family: "Rubik-Regular", Arial, Helvetica, sans-serif}.btn{border:0;border-radius:.5rem;font-size:14px;height:2.5rem;line-height:2.5rem;cursor:pointer;min-width:unset;padding:0 1rem;white-space:nowrap;text-align:center}.btn-small{line-height:1.5rem;height:1.5rem;font-size:12px}.btn-mini{font-size:14px;padding:.7rem;min-width:0;height:0;line-height:0;border-radius:4px}.btn-large{line-height:3.5rem;height:3.5rem;font-size:16px;font-weight:600}.btn-primary{background-color:var(--dh-blue-tint);color:var(--dh-primary)}.btn-primary:active{background-color:var(--dh-blue-tint)}.btn-secondary{background-color:var(--dh-grey-lighter);color:var(--dh-text-primary)}.btn-secondary.btn-large{font-weight:400}.btn-secondary:active{background-color:var(--dh-text-disabled)}.btn-danger{background-color:var(--dh-danger-lighter);color:var(--dh-danger)}.btn-success{background-color:var(--dh-success-lighter);color:var(--dh-success)}.btn-disabled{background-color:var(--dh-grey-lighter);color:var(--dh-text-secondary-lighter)}.btn.focus{border:2px solid var(--dh-blue-tint)}.btn:hover:enabled{box-shadow:var(--dh-shadow-1)}.btn:disabled{background-color:var(--dh-grey-lighter);color:var(--dh-text-secondary-lighter)}.card{background-color:var(--dh-white);border-radius:8px;box-shadow:var(--dh-shadow-2);border:1px solid var(--dh-grey-light)}.input-group{display:flex;flex-direction:column;margin-bottom:1rem}.input-group .input-label{color:var(--dh-text-primary);margin-bottom:.5rem}.form-input{height:2.5rem;padding:0 .75rem;border-radius:.25rem}.invalid-feedback{display:block;width:100%;margin-top:.25rem;font-size:.875em;color:var(--dh-danger)}.form-input{border:solid 1px var(--dh-text-disabled);color:solid 1px var(--dh-dark)}.form-input::placeholder{color:var(--dh-text-secondary-lighter)}.form-input.active,.form-input:focus{border-color:var(--dh-primary);outline:0}.form-input.success{background:url(../assets/icons/success.png) no-repeat;background-position:right 10px center;background-size:1rem}.form-input.error{background:url(../assets/icons/error.png) no-repeat;background-position:right 10px center;background-size:1rem;border-color:var(--dh-danger)}::-webkit-scrollbar-track{border-radius:10px;background-color:transparent}::-webkit-scrollbar{width:5px;height:5px;background-color:transparent}::-webkit-scrollbar-thumb{border-radius:10px;background-color:var(--dh-text-disabled)}table{width:100%;border-collapse:collapse}table thead{background-color:var(--dh-grey-lighter);height:2.5rem;text-transform:uppercase;position:sticky;top:0;z-index:1;font-size:16px}table thead tr th{border-right:1px solid var(--dh-text-disabled);text-align:justify}table thead .table-control{background-color:var(--dh-grey-lighter)}table tbody tr td{height:2.8125rem;color:var(--dh-text-primary)}table tbody tr.hover,table tbody tr:hover{background:var(--dh-grey-lighter)}table tbody .table-control{background-color:var(--dh-white)}table tbody .table-control.hover,table tbody .table-control:hover{background:var(--dh-grey-lighter)}th,td{border:none;border-top:1px solid var(--dh-text-disabled);padding:.5rem 2.5rem;white-space:nowrap;overflow:hidden}th .btn,td .btn{min-width:auto;padding:0 1rem}th:not(.no-ellipse),td:not(.no-ellipse){text-overflow:ellipsis}.content-end{justify-content:flex-end}.content-space-between{justify-content:space-between}.tag{border:0;border-radius:.25rem;font-size:14px;height:2.5rem;line-height:2.5rem;cursor:pointer;min-width:unset;padding:0 1rem;white-space:nowrap;text-align:center}.tag-small{line-height:1.5rem;height:1.5rem;font-size:12px}.tag-mini{font-size:14px;padding:.7rem;min-width:0;height:0;line-height:0;border-radius:4px}.tag-large{line-height:3.5rem;height:3.5rem;font-size:16px;font-weight:600}.tag-primary{background-color:var(--dh-blue-tint);color:var(--dh-primary)}.tag-primary:active{background-color:var(--dh-blue-tint)}.tag-secondary{background-color:var(--dh-grey-lighter);color:var(--dh-primary)}.tag-secondary.btn-large{font-weight:400}.tag-secondary:active{background-color:var(--dh-text-disabled)}.tag-light{background-color:var(--dh-white);color:var(--dh-text-secondary-lighter)}.tag-light.btn-large{font-weight:500}.tag-light:active{background-color:var(--dh-text-disabled)}.tag-danger{background-color:var(--dh-danger-lighter);color:var(--dh-danger)}.tag-success{background-color:var(--dh-success-light);color:var(--dh-success)}.tag-lighter{background-color:var(--dh-grey-lighter);color:var(--dh-grey)}.tag-dark{background-color:var(--dh-grey);color:var(--dh-grey-lighter)}.tag.focus{border:2px solid var(--dh-blue-tint)}.tag:hover:enabled{box-shadow:var(--dh-shadow-1)}.tag:disabled{background-color:var(--dh-grey-lighter);color:var(--dh-text-secondary-lighter)}@font-face{font-family:Rubik-Bold;src:url(./fonts/Rubik-Bold.ttf)}@font-face{font-family:Rubik-Medium;src:url(./fonts/Rubik-Medium.ttf)}@font-face{font-family:Rubik-Regular;src:url(./fonts/Rubik-Regular.ttf)}h1,h3,h4,h2{font-family:var(--dh-font-family)}h1{font-size:36px}h2{font-size:28px}h3{font-size:24px}h4{font-size:18px}.text-1,.text-2{color:var(--dh-text-secondary-lighter)}.text-1{font-size:14px}.text-2{font-size:16px}.text-3{font-size:16px;font-weight:700;color:var(--dh-text-primary) default}.text-4{font-weight:400;color:var(--dh-text-primary)}body{font-family:var(--dh-font-family)}.label{font-family:var(--dh-font-family);font-size:12px}.additional{font-family:var(--dh-font-family);font-size:10px}.medium{font-family:var(--dh-font-family)}a{text-decoration:none}button{font-family:var(--dh-font-family)}.active[data-v-201309a0],.active-hover[data-v-201309a0]:hover{filter:var(--dh-filter-blue)}.search-panel[data-v-a0b1531a]{width:100%;display:flex}.search-panel-input[data-v-a0b1531a]{width:100%;padding:0 2.5rem;height:2rem;box-shadow:var(--dh-shadow-2)}.search-panel-button[data-v-a0b1531a],.search-panel-open[data-v-a0b1531a]{background:transparent;border:transparent;line-height:1;padding-top:.188rem;cursor:pointer}.search-panel-button.close[data-v-a0b1531a] :hover,.search-panel-open.close[data-v-a0b1531a] :hover{filter:var(--dh-filter-red)}.search-panel-button[data-v-a0b1531a]{margin-left:-2.25rem}.form-input[data-v-a0b1531a]{height:2.5rem;padding:0 .75rem;border-radius:8px}.form-input[data-v-a0b1531a]{border:solid 1px var(--dh-text-disabled);color:solid 1px var(--dh-dark)}.form-input[data-v-a0b1531a]::placeholder{color:var(--dh-text-secondary-lighter)}.form-input.active[data-v-a0b1531a],.form-input[data-v-a0b1531a]:focus{border-color:var(--dh-primary);outline:0}.stepper[data-v-75456844]{display:flex;justify-content:center}.stepper .step[data-v-75456844]{display:flex;justify-content:center;align-items:center;height:100%}.stepper .step .step-number[data-v-75456844]{background:var(--dh-stepper-primary-background);color:var(--dh-stepper-primary-color);border-radius:24px;width:24px;height:24px;display:flex;justify-content:center;align-items:center}.stepper .step .step-number.active[data-v-75456844]{background:var(--dh-stepper-active-background);color:var(--dh-stepper-active-color)}.stepper .step hr.solid[data-v-75456844]{border:1px solid var(--dh-stepper-primary-color);background:var(--dh-stepper-primary-color);width:40px;margin:0 1rem}.stepper .step:last-child hr.solid[data-v-75456844]{display:none}.footer[data-v-75456844]{width:100%;display:flex;gap:1rem}.footer .btn[data-v-75456844]{height:40px;line-height:40px;width:100%}.footer .transparent[data-v-75456844]{background:transparent;color:var(--dh-text-secondary-lighter)}.footer .transparent[data-v-75456844]:hover{background:transparent;box-shadow:none}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@deskhero/dh_ui",
|
|
3
|
-
"version": "1.10.
|
|
3
|
+
"version": "1.10.2",
|
|
4
4
|
"files": [
|
|
5
5
|
"dist"
|
|
6
6
|
],
|
|
@@ -30,11 +30,11 @@
|
|
|
30
30
|
"chromatic": "npx chromatic --project-token=9b1dd74e6816"
|
|
31
31
|
},
|
|
32
32
|
"dependencies": {
|
|
33
|
-
"storybook-addon-designs": "^6.3.1",
|
|
34
|
-
"storybook-zeplin": "^1.7.2",
|
|
35
33
|
"vue": "^3.2.36"
|
|
36
34
|
},
|
|
37
35
|
"devDependencies": {
|
|
36
|
+
"storybook-addon-designs": "^6.3.1",
|
|
37
|
+
"storybook-zeplin": "^1.7.2",
|
|
38
38
|
"@babel/core": "^7.18.5",
|
|
39
39
|
"@semantic-release/changelog": "^6.0.1",
|
|
40
40
|
"@semantic-release/git": "^10.0.1",
|