@vnmfify/core
Version:
```shell npm i @vnmfify/core -S ```
1 lines • 5.37 kB
Source Map (JSON)
{"version":3,"sources":["form/form-label.scss","form/_variables.scss","form/form-item.scss","form/form-control.scss","form/form-feedback.scss"],"names":[],"mappings":"AAEA,oBAGE,kBAAA,CAKA,oBAAA,CAPA,6BAAA,CAAA,qBAAA,CAKA,mDCHiB,CDDjB,mBAAA,CAAA,oBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,iBAAA,CAAA,aAAA,CAAA,SAAA,CAEA,kECDwB,CDGxB,eAAA,CAHA,mCAIA,CAEA,0BACE,sBAAA,CAAA,mBAAA,CAAA,kCAAA,CAAA,0BAAA,CACA,eAAA,CAGF,4BACE,uBAAA,CAAA,oBAAA,CAAA,8BAAA,CAAA,sBAAA,CACA,iBAAA,CAGF,2BACE,oBAAA,CAAA,iBAAA,CAAA,gCAAA,CAAA,wBAAA,CACA,gBAAA,CAIA,qCAEE,yDCvBsB,CDwBtB,WAAA,CAFA,gBAEA,CE5BJ,wCACE,kBAAA,CAIA,kDACE,4DDDsB,CCK1B,0BACE,gBAAA,CAGF,wDAEE,mBAAA,CAAA,qBAAA,CAAA,aAAA,CAGF,+BAGE,mBAAA,CADA,2DDXgC,CCUhC,oEAEA,CAGF,kFAEE,aAAA,CACA,yCDrBkB,CCsBlB,mBAAA,CAGF,kDACE,mBAAA,CAAA,qBAAA,CAAA,aAAA,CACA,4EDvBiC,CEZrC,sBAEE,wBAAA,CAAA,qBAAA,CAAA,0BAAA,CAAA,kBAAA,CAEA,uEFUmB,CEbnB,mBAAA,CAAA,oBAAA,CAAA,mBAAA,CAAA,YAAA,CAEA,sEFWmB,CERnB,4BACE,sBAAA,CAAA,mBAAA,CAAA,kCAAA,CAAA,0BAAA,CACA,eAAA,CAGF,8BACE,uBAAA,CAAA,oBAAA,CAAA,8BAAA,CAAA,sBAAA,CACA,iBAAA,CAGF,6BACE,oBAAA,CAAA,iBAAA,CAAA,gCAAA,CAAA,wBAAA,CACA,gBAAA,CClBJ,uBACE,iEHgBwB,CGdxB,6BACE,eAAA,CAGF,+BACE,iBAAA,CAGF,8BACE,gBAAA,CAGF,8BACE,gFHEwB,CGC1B,gCACE,mFHD0B,CGI5B,gCACE,+EHJ0B","file":"index.css","sourcesContent":["@import \"./variables\";\r\n\r\n.#{$component-prefix}form-label {\r\n box-sizing: border-box;\r\n display: flex;\r\n flex: none;\r\n width: $form-label-width;\r\n margin-right: $form-label-margin-right;\r\n color: $form-label-color;\r\n text-align: left;\r\n word-wrap: break-word;\r\n\r\n &--left {\r\n justify-content: flex-start;\r\n text-align: left;\r\n }\r\n\r\n &--center {\r\n justify-content: center;\r\n text-align: center;\r\n }\r\n\r\n &--right {\r\n justify-content: flex-end;\r\n text-align: right;\r\n }\r\n\r\n &--required {\r\n &::before {\r\n margin-right: 2px * $hd;\r\n color: $form-label-required-color;\r\n content: '*';\r\n }\r\n }\r\n}\r\n\r\n","@import \"../styles/prefix\";\r\n@import \"../styles/variables\";\r\n@import \"../cell/variables\";\r\n\r\n$form-label-width: var(--form-label-width, 6.2em);\r\n$form-label-color: var(--form-label-color, var(--gray-7, $gray-7));\r\n$form-label-margin-right: var(--form-label-margin-right, var(--padding-sm, $padding-sm));\r\n$form-label-required-color: var(--form-label-required-color, var(--red, $red));\r\n$form-label-disabled-color: var(--form-label-disabled-color, var(--gray-5, $gray-5));\r\n\r\n$form-item-icon-size: var(--form-item-icon-size, 16px * $hd);\r\n$form-item-right-icon-color: var(--gray-6, $gray-6);\r\n$form-item-right-icon-padding: var(--form-item-right-icon-padding, 0 var(--padding-xs, $padding-xs));\r\n$form-item-right-icon-margin-right: var(--form-item-right-icon-margin-right, -8px * $hd);\r\n$form-item-right-button-margin-left: var(--form-item-right-button-margin-left, var(--padding-xs, $padding-xs));\r\n\r\n$form-control-color: var(--form-control-color, var(--text-color, $text-color));\r\n$form-control-min-height: var(--form-control-min-height, $cell-line-height);\r\n\r\n$form-feedback-font-size: var(--form-feedback-font-size, var(--font-size-sm, $font-size-sm));\r\n$form-feedback-valid-color: var(--form-feedback-valid-color, var(--success-color, $success-color));\r\n$form-feedback-warning-color: var(--form-feedback-warning-color, var(--warning-color, $warning-color));\r\n$form-feedback-invalid-color: var(--form-feedback-invalid-color, var(--danger-color, $danger-color));\r\n","@import \"./variables\";\r\n\r\n.#{$component-prefix}form-item {\r\n > .#{$component-prefix}cell__value {\r\n text-align: initial;\r\n }\r\n\r\n &--disabled {\r\n .#{$component-prefix}form__label {\r\n color: $form-label-disabled-color;\r\n }\r\n }\r\n\r\n &__value {\r\n overflow: visible;\r\n }\r\n\r\n &__icon,\r\n &__right-icon {\r\n flex-shrink: 0;\r\n }\r\n\r\n &__right-icon {\r\n padding: $form-item-right-icon-padding;\r\n margin-right: $form-item-right-icon-margin-right;\r\n line-height: inherit;\r\n }\r\n\r\n &__icon.#{$component-prefix}icon,\r\n &__right-icon.#{$component-prefix}icon {\r\n display: block;\r\n font-size: $form-item-icon-size;\r\n line-height: inherit;\r\n }\r\n\r\n .#{$component-prefix}input + .#{$component-prefix}button {\r\n flex-shrink: 0;\r\n margin-left: $form-item-right-button-margin-left;\r\n }\r\n}\r\n","@import \"./variables\";\r\n\r\n.#{$component-prefix}form-control {\r\n display: flex;\r\n align-items: center;\r\n min-height: $form-control-min-height;\r\n color: $form-control-color;\r\n\r\n &--left {\r\n justify-content: flex-start;\r\n text-align: left;\r\n }\r\n\r\n &--center {\r\n justify-content: center;\r\n text-align: center;\r\n }\r\n\r\n &--right {\r\n justify-content: flex-end;\r\n text-align: right;\r\n }\r\n}\r\n","@import \"./variables\";\r\n\r\n.#{$component-prefix}form-feedback {\r\n font-size: $form-feedback-font-size;\r\n\r\n &--left {\r\n text-align: left;\r\n }\r\n\r\n &--center {\r\n text-align: center;\r\n }\r\n\r\n &--right {\r\n text-align: right;\r\n }\r\n\r\n &--valid {\r\n color: $form-feedback-valid-color;\r\n }\r\n\r\n &--warning {\r\n color: $form-feedback-warning-color;\r\n }\r\n\r\n &--invalid {\r\n color: $form-feedback-invalid-color;\r\n }\r\n}\r\n"]}