adata-ui 0.1.0 → 0.1.4
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 +3 -20
- package/dist/adata-ui.common.js +591 -42
- package/dist/adata-ui.common.js.map +1 -1
- package/dist/adata-ui.css +1 -1
- package/dist/adata-ui.umd.js +591 -42
- package/dist/adata-ui.umd.js.map +1 -1
- package/dist/adata-ui.umd.min.js +1 -1
- package/dist/adata-ui.umd.min.js.map +1 -1
- package/package-lock.json +8132 -241
- package/package.json +70 -52
- package/src/App.vue +1 -6
- package/src/components/Alert/Alert.stories.js +17 -0
- package/src/components/Alert/Alert.vue +63 -0
- package/src/components/Button/BaseButton.vue +241 -0
- package/src/components/Button/Button.stories.js +23 -0
- package/src/components/Footer/Footer.stories.js +20 -0
- package/src/components/Footer/Footer.vue +233 -0
- package/src/components/Header/Header.stories.js +0 -0
- package/src/components/Header/Header.vue +135 -0
- package/src/components/PasswordField/PasswordField.stories.js +16 -0
- package/src/components/PasswordField/PasswordField.vue +68 -0
- package/src/components/TextField/TextField.stories.js +17 -0
- package/src/components/TextField/TextField.vue +355 -0
- package/src/components/index.js +8 -2
- package/src/stories/Button.stories.js +46 -0
- package/src/stories/Button.vue +54 -0
- package/src/stories/Header.stories.js +21 -0
- package/src/stories/Header.vue +59 -0
- package/src/stories/Introduction.stories.mdx +211 -0
- package/src/stories/Page.stories.js +25 -0
- package/src/stories/Page.vue +88 -0
- package/src/stories/assets/code-brackets.svg +1 -0
- package/src/stories/assets/colors.svg +1 -0
- package/src/stories/assets/comments.svg +1 -0
- package/src/stories/assets/direction.svg +1 -0
- package/src/stories/assets/flow.svg +1 -0
- package/src/stories/assets/plugin.svg +1 -0
- package/src/stories/assets/repo.svg +1 -0
- package/src/stories/assets/stackalt.svg +1 -0
- package/src/stories/button.css +30 -0
- package/src/stories/header.css +26 -0
- package/src/stories/page.css +69 -0
- package/src/components/HelloWorld.vue +0 -58
package/dist/adata-ui.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
.btn[data-v-6768373e]{cursor:pointer;border:none;box-sizing:border-box}.btn.full-width[data-v-6768373e]{width:100%}.btn[data-v-6768373e]:disabled{cursor:not-allowed}.btn.size[data-v-6768373e]{box-sizing:border-box}.btn.size-sm[data-v-6768373e]{padding:6px 16px;font-size:12px;line-height:18px}.btn.size-md[data-v-6768373e]{padding:8px 36px;font-size:14px;line-height:24px}.btn.size-md-short[data-v-6768373e]{padding:8px 16px;font-size:14px;line-height:24px}.btn.size-lg[data-v-6768373e]{padding:8px 40px;font-size:14px;line-height:24px}.btn.size-fz-sm[data-v-6768373e]{font-size:12px;line-height:20px}.btn-grey[data-v-6768373e]{color:var(--newGray);border:1px solid #9da3ac;background:#fff}.btn-grey[data-v-6768373e]:active,.btn-grey[data-v-6768373e]:hover{background:#eef0f5}.btn-white[data-v-6768373e]{background:#fff;color:#007aff}.btn-white[data-v-6768373e]:hover{background:#eef0f5}.btn-white[data-v-6768373e]:active{background:#d6d6d7}.btn-yellow[data-v-6768373e]{background:#ffcd33;color:#333}.btn-yellow[data-v-6768373e]:hover{background:rgba(255,205,51,.7)}.btn-yellow[data-v-6768373e]:active{background:#fab619}.btn-danger[data-v-6768373e]{border:1px solid #ff2e43;color:#ff2e43}.btn-danger[data-v-6768373e]:active,.btn-danger[data-v-6768373e]:hover{background:#ff2e43;color:#fff}.btn-success[data-v-6768373e]{background:#00b92d;color:#fff}.btn-success[data-v-6768373e]:active,.btn-success[data-v-6768373e]:hover{background:#008621}.btn-primary-outlined[data-v-6768373e]{border:1px solid #007aff;color:#007aff}.btn-primary-outlined[data-v-6768373e]:hover{background:#007aff;color:#fff}.btn-primary-outlined[data-v-6768373e]:active{background:#05b;color:#fff}.btn-primary[data-v-6768373e]{background:#1e88e5;color:#fff}.btn-primary[data-v-6768373e]:hover{background:#007aff;color:#fff}.btn-primary[data-v-6768373e]:active{background:#05b;color:#fff}:focus{outline:none}.adt-text-block{position:relative;width:100%}.adt-text-block.magnifier .adt-text-block__input{padding:19px 40px 5px 40px}.adt-text-block.magnifier .adt-text-block__label{left:40px}.adt-text-block.magnifier-mobile .adt-text-block__magnifier{display:block}.adt-text-block.magnifier-mobile .adt-text-block__input{padding:19px 8px 5px 11px;border-top-right-radius:0;border-bottom-right-radius:0;-webkit-appearance:none}.adt-text-block.magnifier-mobile .adt-text-block__label{left:12px}.adt-text-block__input-mob-search{border-top-right-radius:0;border-bottom-right-radius:0;-webkit-appearance:none}.adt-text-block__error{text-align:left;font-size:var(--fs-content-micro);line-height:14px;color:#ff2e43;margin-top:6px}.adt-text-block__field{position:relative;overflow:hidden}@media(max-width:1025px){.adt-text-block__field{width:100%;display:flex}}.adt-text-block__input{background:#fff;border:1px solid #c4c4c4;box-sizing:border-box;border-radius:2px;width:100%;height:40px;font-size:var(--fs-form);color:#1a2030;padding:19px 40px 5px 16px;transition:all .3s}@media(max-width:1025px){.adt-text-block__input{padding:19px 36px 7px 12px;height:40px;border:1px solid #71757a;font-size:var(--fs-content-mini)}}.adt-text-block__input:focus~.adt-text-block__label,.adt-text-block__input:not(:focus):valid~.adt-text-block__label{top:12px;font-size:var(--fs-content-micro);color:#71757a}@media(max-width:1025px){.adt-text-block__input:focus~.adt-text-block__label,.adt-text-block__input:not(:focus):valid~.adt-text-block__label{font-size:var(--fs-content-nano)}}.adt-text-block__input:focus{border:1px solid #2c3e50}.adt-text-block__input::-moz-placeholder{font-size:12px}.adt-text-block__input:-ms-input-placeholder{font-size:12px}.adt-text-block__input::placeholder{font-size:12px}.adt-text-block__input.error{background:rgba(255,46,67,.12156862745098039)}.adt-text-block__label{position:absolute;pointer-events:none;left:16px;top:50%;transform:translateY(-50%);white-space:nowrap;overflow:hidden;line-height:40px;transition:.3s;color:#71757a;font-size:var(--fs-form-placeholder)}@media(max-width:1025px){.adt-text-block__label{left:12px;font-size:var(--fs-content-micro);line-height:16px;color:#71757a}}.adt-text-block__icon{position:absolute;right:16px;height:100%;top:0;display:flex;align-items:center}.adt-text-block__icon:hover{cursor:pointer}.adt-text-block__required{color:rgba(255,0,0,.5294117647058824)}.adt-text-block__options{position:absolute;top:calc(100% + 4px);left:0;width:100%;background:#fff;z-index:1000;border-radius:2px;border:1px solid #71757a;padding:12px 0}@media(max-width:1025px){.adt-text-block__options{overflow:auto}}.adt-text-block__options #searchVariant{background:#eef0f5}.adt-text-block .search-options__item{padding:5px 16px;line-height:16px;font-size:14px;color:var(--newGray);transition:all .3s;cursor:pointer}@media(max-width:1025px){.adt-text-block .search-options__item{font-size:10px}}.adt-text-block .search-options__item:hover{background:#eef0f5}.adt-text-block .mobile-magnifier{display:flex;justify-content:center;align-items:center;height:40px;width:40px;min-width:40px;border:1px solid #71757a;border-radius:0 2px 2px 0;border-left:none;background:#ffcd33}.adt-text-block__input-mob-filter{background:#fff;border:1px solid #71757a;border-bottom:none;box-sizing:border-box;border-radius:2px;width:100%;height:48px;font-size:16px;line-height:19px;display:flex;align-items:center;color:#1a2030;padding:19px 40px 5px 16px;transition:all .3s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.adt-text-block__input-mob-filter:focus~.adt-text-block__label-mob-filter,.adt-text-block__input-mob-filter:not(:focus):valid~.adt-text-block__label-mob-filter{top:11px;font-size:10px;color:#71757a}@media(max-width:1025px){.adt-text-block__input-mob-filter:focus~.adt-text-block__label-mob-filter,.adt-text-block__input-mob-filter:not(:focus):valid~.adt-text-block__label-mob-filter{font-size:7px}}.adt-text-block__input-mob-filter:focus{border:1px solid #2c3e50}.adt-text-block__input-mob-filter::-moz-placeholder{font-size:12px}.adt-text-block__input-mob-filter:-ms-input-placeholder{font-size:12px}.adt-text-block__input-mob-filter::placeholder{font-size:12px}.adt-text-block__input-mob-filter.error{background:rgba(255,46,67,.12156862745098039)}.adt-text-block__label-mob-filter{position:absolute;pointer-events:none;left:16px;top:50%;transform:translateY(-50%);white-space:nowrap;overflow:hidden;line-height:40px;transition:.3s;color:#71757a}@media(max-width:1025px){.adt-text-block__label-mob-filter{left:16px;font-size:14px;line-height:16px;color:#71757a}}.adt-text-block__label-mob-filter__red{color:rgba(255,0,0,.53)}.adt-text-block__magnifier{left:8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.note[data-v-413e43f2]{font-weight:400;font-style:italic;font-size:12px;line-height:20px;display:flex;align-items:center;color:#007aff;padding:8px 16px;background:rgba(0,122,255,.09803921568627451);border-radius:2px}.note--error[data-v-413e43f2]{background:rgba(220,88,88,.2);color:#e60000}@media(max-width:1025px){.note[data-v-413e43f2]{width:100%;font-weight:400;font-size:10px;line-height:16px;margin:0 0 16px}}.note-svg[data-v-413e43f2]{margin-right:8px;width:16px;height:16px}
|