@1money/react-ui 0.1.0-alpha.13 → 0.1.0-alpha.14

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.
@@ -1 +1 @@
1
- .usd1-react-ui-input{display:inline-flex;color:#000;font-weight:300;font-size:14px;font-style:normal;line-height:20px;background-color:#fafafc;border:.5px solid #e0e2ee;border-radius:20px}.usd1-react-ui-input-otp{background-color:inherit;border:none}.usd1-react-ui-input.p-inputtext:enabled:focus,.usd1-react-ui-input .p-inputtext:enabled:focus{border-color:#3d73f2;box-shadow:0 0 0 2px #abc4ff}.usd1-react-ui-input>input{background-color:inherit;border:inherit;border-radius:inherit}.usd1-react-ui-input-wrapper{display:inline-flex;flex-direction:column}.usd1-react-ui-input-label{margin-bottom:8px;padding-left:8px;font-weight:400;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-input-label-required:after{color:#cc1461;font-weight:400;font-size:14px;font-style:normal;line-height:120%;content:"*"}
1
+ .usd1-react-ui-input{display:inline-flex;color:#000;font-weight:300;font-size:14px;font-style:normal;line-height:20px;background-color:#fafafc;border:.5px solid #e0e2ee;border-radius:20px}.usd1-react-ui-input-mask,.usd1-react-ui-input-text{padding:12px 24px}.usd1-react-ui-input-otp{background-color:inherit;border:none}.usd1-react-ui-input.p-inputtext:enabled:focus,.usd1-react-ui-input .p-inputtext:enabled:focus{border-color:#3d73f2;box-shadow:0 0 0 2px #abc4ff}.usd1-react-ui-input>input{padding:12px 24px;background-color:inherit;border:inherit;border-radius:inherit}.usd1-react-ui-input-wrapper{display:inline-flex;flex-direction:column}.usd1-react-ui-input-label{margin-bottom:8px;padding-left:8px;font-weight:400;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-input-label-required:after{color:#cc1461;font-weight:400;font-size:14px;font-style:normal;line-height:120%;content:"*"}
@@ -9,6 +9,11 @@
9
9
  border: 0.5px solid #E0E2EE;
10
10
  border-radius: 20px;
11
11
 
12
+ &-text,
13
+ &-mask {
14
+ padding: 12px 24px;
15
+ }
16
+
12
17
  &-otp {
13
18
  background-color: inherit;
14
19
  border: none;
@@ -21,6 +26,7 @@
21
26
  }
22
27
 
23
28
  >input {
29
+ padding: 12px 24px;
24
30
  background-color: inherit;
25
31
  border: inherit;
26
32
  border-radius: inherit;
@@ -1 +1 @@
1
- .usd1-react-ui-select{display:inline-flex;background-color:#fafafc;border:.5px solid #e0e2ee;border-radius:20px}.usd1-react-ui-select.p-dropdown:not(.p-disabled).p-focus,.usd1-react-ui-select.p-multiselect:not(.p-disabled).p-focus{border-color:#3d73f2;box-shadow:0 0 0 2px #abc4ff}.usd1-react-ui-select.p-dropdown:not(.p-disabled):hover,.usd1-react-ui-select.p-multiselect:not(.p-disabled):hover{border-color:#3d73f2}.usd1-react-ui-select .p-multiselect-label,.usd1-react-ui-select>.p-placeholder{margin-left:14px;color:gray;font-weight:300;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-select-panel{border-radius:20px;box-shadow:0 4px 8px 0 rgba(0,0,0,.1)}.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight,.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus{font-weight:600;background-color:inherit}.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus{font-weight:600;background-color:#fafafc}.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item{color:#000;font-weight:300;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-select-show svg{transform:rotate(180deg)}.usd1-react-ui-select-wrapper{display:inline-flex;flex-direction:column}.usd1-react-ui-select-label{margin-bottom:8px;padding-left:8px;font-weight:400;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-select-label-required:after{color:#cc1461;font-weight:400;font-size:14px;font-style:normal;line-height:120%;content:"*"}
1
+ .usd1-react-ui-select{display:inline-flex;padding:0 24px;background-color:#fafafc;border:.5px solid #e0e2ee;border-radius:20px}.usd1-react-ui-select.p-dropdown:not(.p-disabled).p-focus,.usd1-react-ui-select.p-multiselect:not(.p-disabled).p-focus{border-color:#3d73f2;box-shadow:0 0 0 2px #abc4ff}.usd1-react-ui-select.p-dropdown:not(.p-disabled):hover,.usd1-react-ui-select.p-multiselect:not(.p-disabled):hover{border-color:#3d73f2}.usd1-react-ui-select .p-dropdown-label,.usd1-react-ui-select .p-multiselect-label{padding:12px 12px 12px 0}.usd1-react-ui-select .p-multiselect-label,.usd1-react-ui-select>.p-placeholder{color:gray;font-weight:300;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-select .p-dropdown-trigger,.usd1-react-ui-select .p-multiselect-trigger{width:auto}.usd1-react-ui-select-panel{border-radius:20px;box-shadow:0 4px 8px 0 rgba(0,0,0,.1)}.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight,.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus{font-weight:600;background-color:inherit}.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus{font-weight:600;background-color:#fafafc}.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item{color:#000;font-weight:300;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-select-show svg{transform:rotate(180deg)}.usd1-react-ui-select-wrapper{display:inline-flex;flex-direction:column}.usd1-react-ui-select-label{margin-bottom:8px;padding-left:8px;font-weight:400;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-select-label-required:after{color:#cc1461;font-weight:400;font-size:14px;font-style:normal;line-height:120%;content:"*"}
@@ -1,5 +1,6 @@
1
1
  .usd1-react-ui-select {
2
2
  display: inline-flex;
3
+ padding: 0 24px;
3
4
  background-color: #FAFAFC;
4
5
  border: 0.5px solid #E0E2EE;
5
6
  border-radius: 20px;
@@ -17,9 +18,13 @@
17
18
  }
18
19
  }
19
20
 
21
+ .p-dropdown-label,
22
+ .p-multiselect-label {
23
+ padding: 12px 12px 12px 0;
24
+ }
25
+
20
26
  .p-multiselect-label,
21
27
  >.p-placeholder {
22
- margin-left: 14px;
23
28
  color: #808080;
24
29
  font-weight: 300;
25
30
  font-size: 14px;
@@ -27,6 +32,11 @@
27
32
  line-height: 20px;
28
33
  }
29
34
 
35
+ .p-dropdown-trigger,
36
+ .p-multiselect-trigger {
37
+ width: auto;
38
+ }
39
+
30
40
  &-panel {
31
41
  border-radius: 20px;
32
42
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.10);
package/es/index.css CHANGED
@@ -1 +1 @@
1
- .usd1-react-ui-button{display:inline-flex}.prefix-calendar{display:block;color:#00f}.prefix-loading{display:block;color:#00f}.usd1-react-ui-checkbox-wrapper{display:flex;flex-direction:row}.usd1-react-ui-checkbox-inner{display:flex;align-items:center;margin-right:12px}.usd1-react-ui-checkbox-inner-checkbox{align-self:flex-start}.usd1-react-ui-checkbox-inner-checkbox>.p-checkbox-box{border:1px solid #e0e2ee;border-radius:2px}.usd1-react-ui-checkbox-inner-checkbox>.p-checkbox-input{border:none;border-radius:2px}.usd1-react-ui-checkbox-inner-checkbox.p-checkbox.p-highlight .p-checkbox-box{background-color:#6491fa}.usd1-react-ui-checkbox-inner label{margin-left:10px;font-weight:300;font-size:14px;font-style:normal;line-height:20px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.usd1-react-ui-collapse{font-family:inherit;background-color:#fff}.usd1-react-ui-collapse>.p-accordion-tab{margin-bottom:0!important}.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content){border-bottom:.5px solid #e0e2ee;cursor:pointer}.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content):hover{background-color:#fafafc}.p-accordion-tab-active>.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content)>a{font-weight:600}.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content)>a{display:inline-flex;align-items:center;width:100%;padding:30px 40px;font-weight:300;font-size:24px;font-style:normal;line-height:30px;background-color:inherit;border:none}.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content)>a span{margin-left:40px}.usd1-react-ui-collapse-item-content{padding:20px 40px 30px 108px;font-weight:300;font-size:20px;font-style:normal;line-height:32px}.usd1-react-ui-collapse-item-content>.p-accordion-content{padding:0;border:none}.usd1-react-ui-collapse-item-content>.p-accordion-content p{margin:0}.usd1-react-ui-collapse-icon{display:inline-block;width:24px;height:24px}.prefix-message{display:block;color:#00f}.usd1-react-ui-input{display:inline-flex;color:#000;font-weight:300;font-size:14px;font-style:normal;line-height:20px;background-color:#fafafc;border:.5px solid #e0e2ee;border-radius:20px}.usd1-react-ui-input-otp{background-color:inherit;border:none}.usd1-react-ui-input .p-inputtext:enabled:focus,.usd1-react-ui-input.p-inputtext:enabled:focus{border-color:#3d73f2;box-shadow:0 0 0 2px #abc4ff}.usd1-react-ui-input>input{background-color:inherit;border:inherit;border-radius:inherit}.usd1-react-ui-input-wrapper{display:inline-flex;flex-direction:column}.usd1-react-ui-input-label{margin-bottom:8px;padding-left:8px;font-weight:400;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-input-label-required:after{color:#cc1461;font-weight:400;font-size:14px;font-style:normal;line-height:120%;content:"*"}.prefix-modal{display:block;color:#00f}.prefix-popup{display:block;color:#00f}.usd1-react-ui-radiogroup-wrapper{display:flex;flex-direction:row}.usd1-react-ui-radiogroup-inner{display:flex;align-items:center;margin-right:12px}.usd1-react-ui-radiogroup-inner-checkbox{align-self:flex-start}.usd1-react-ui-radiogroup-inner label{margin-left:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.usd1-react-ui-select{display:inline-flex;background-color:#fafafc;border:.5px solid #e0e2ee;border-radius:20px}.usd1-react-ui-select.p-dropdown:not(.p-disabled).p-focus,.usd1-react-ui-select.p-multiselect:not(.p-disabled).p-focus{border-color:#3d73f2;box-shadow:0 0 0 2px #abc4ff}.usd1-react-ui-select.p-dropdown:not(.p-disabled):hover,.usd1-react-ui-select.p-multiselect:not(.p-disabled):hover{border-color:#3d73f2}.usd1-react-ui-select .p-multiselect-label,.usd1-react-ui-select>.p-placeholder{margin-left:14px;color:gray;font-weight:300;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-select-panel{border-radius:20px;box-shadow:0 4px 8px 0 rgba(0,0,0,.1)}.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight,.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus{font-weight:600;background-color:inherit}.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus{font-weight:600;background-color:#fafafc}.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item{color:#000;font-weight:300;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-select-show svg{transform:rotate(180deg)}.usd1-react-ui-select-wrapper{display:inline-flex;flex-direction:column}.usd1-react-ui-select-label{margin-bottom:8px;padding-left:8px;font-weight:400;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-select-label-required:after{color:#cc1461;font-weight:400;font-size:14px;font-style:normal;line-height:120%;content:"*"}.prefix-toast{display:block;color:#00f}.prefix-switch{display:block;color:#00f}
1
+ .usd1-react-ui-button{display:inline-flex}.prefix-calendar{display:block;color:#00f}.usd1-react-ui-collapse{font-family:inherit;background-color:#fff}.usd1-react-ui-collapse>.p-accordion-tab{margin-bottom:0!important}.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content){border-bottom:.5px solid #e0e2ee;cursor:pointer}.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content):hover{background-color:#fafafc}.p-accordion-tab-active>.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content)>a{font-weight:600}.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content)>a{display:inline-flex;align-items:center;width:100%;padding:30px 40px;font-weight:300;font-size:24px;font-style:normal;line-height:30px;background-color:inherit;border:none}.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content)>a span{margin-left:40px}.usd1-react-ui-collapse-item-content{padding:20px 40px 30px 108px;font-weight:300;font-size:20px;font-style:normal;line-height:32px}.usd1-react-ui-collapse-item-content>.p-accordion-content{padding:0;border:none}.usd1-react-ui-collapse-item-content>.p-accordion-content p{margin:0}.usd1-react-ui-collapse-icon{display:inline-block;width:24px;height:24px}.usd1-react-ui-checkbox-wrapper{display:flex;flex-direction:row}.usd1-react-ui-checkbox-inner{display:flex;align-items:center;margin-right:12px}.usd1-react-ui-checkbox-inner-checkbox{align-self:flex-start}.usd1-react-ui-checkbox-inner-checkbox>.p-checkbox-box{border:1px solid #e0e2ee;border-radius:2px}.usd1-react-ui-checkbox-inner-checkbox>.p-checkbox-input{border:none;border-radius:2px}.usd1-react-ui-checkbox-inner-checkbox.p-checkbox.p-highlight .p-checkbox-box{background-color:#6491fa}.usd1-react-ui-checkbox-inner label{margin-left:10px;font-weight:300;font-size:14px;font-style:normal;line-height:20px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.usd1-react-ui-input{display:inline-flex;color:#000;font-weight:300;font-size:14px;font-style:normal;line-height:20px;background-color:#fafafc;border:.5px solid #e0e2ee;border-radius:20px}.usd1-react-ui-input-mask,.usd1-react-ui-input-text{padding:12px 24px}.usd1-react-ui-input-otp{background-color:inherit;border:none}.usd1-react-ui-input .p-inputtext:enabled:focus,.usd1-react-ui-input.p-inputtext:enabled:focus{border-color:#3d73f2;box-shadow:0 0 0 2px #abc4ff}.usd1-react-ui-input>input{padding:12px 24px;background-color:inherit;border:inherit;border-radius:inherit}.usd1-react-ui-input-wrapper{display:inline-flex;flex-direction:column}.usd1-react-ui-input-label{margin-bottom:8px;padding-left:8px;font-weight:400;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-input-label-required:after{color:#cc1461;font-weight:400;font-size:14px;font-style:normal;line-height:120%;content:"*"}.prefix-loading{display:block;color:#00f}.prefix-message{display:block;color:#00f}.prefix-popup{display:block;color:#00f}.prefix-modal{display:block;color:#00f}.usd1-react-ui-radiogroup-wrapper{display:flex;flex-direction:row}.usd1-react-ui-radiogroup-inner{display:flex;align-items:center;margin-right:12px}.usd1-react-ui-radiogroup-inner-checkbox{align-self:flex-start}.usd1-react-ui-radiogroup-inner label{margin-left:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.usd1-react-ui-select{display:inline-flex;padding:0 24px;background-color:#fafafc;border:.5px solid #e0e2ee;border-radius:20px}.usd1-react-ui-select.p-dropdown:not(.p-disabled).p-focus,.usd1-react-ui-select.p-multiselect:not(.p-disabled).p-focus{border-color:#3d73f2;box-shadow:0 0 0 2px #abc4ff}.usd1-react-ui-select.p-dropdown:not(.p-disabled):hover,.usd1-react-ui-select.p-multiselect:not(.p-disabled):hover{border-color:#3d73f2}.usd1-react-ui-select .p-dropdown-label,.usd1-react-ui-select .p-multiselect-label{padding:12px 12px 12px 0}.usd1-react-ui-select .p-multiselect-label,.usd1-react-ui-select>.p-placeholder{color:gray;font-weight:300;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-select .p-dropdown-trigger,.usd1-react-ui-select .p-multiselect-trigger{width:auto}.usd1-react-ui-select-panel{border-radius:20px;box-shadow:0 4px 8px 0 rgba(0,0,0,.1)}.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight,.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus{font-weight:600;background-color:inherit}.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus{font-weight:600;background-color:#fafafc}.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item{color:#000;font-weight:300;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-select-show svg{transform:rotate(180deg)}.usd1-react-ui-select-wrapper{display:inline-flex;flex-direction:column}.usd1-react-ui-select-label{margin-bottom:8px;padding-left:8px;font-weight:400;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-select-label-required:after{color:#cc1461;font-weight:400;font-size:14px;font-style:normal;line-height:120%;content:"*"}.prefix-switch{display:block;color:#00f}.prefix-toast{display:block;color:#00f}
@@ -1 +1 @@
1
- .usd1-react-ui-input{display:inline-flex;color:#000;font-weight:300;font-size:14px;font-style:normal;line-height:20px;background-color:#fafafc;border:.5px solid #e0e2ee;border-radius:20px}.usd1-react-ui-input-otp{background-color:inherit;border:none}.usd1-react-ui-input.p-inputtext:enabled:focus,.usd1-react-ui-input .p-inputtext:enabled:focus{border-color:#3d73f2;box-shadow:0 0 0 2px #abc4ff}.usd1-react-ui-input>input{background-color:inherit;border:inherit;border-radius:inherit}.usd1-react-ui-input-wrapper{display:inline-flex;flex-direction:column}.usd1-react-ui-input-label{margin-bottom:8px;padding-left:8px;font-weight:400;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-input-label-required:after{color:#cc1461;font-weight:400;font-size:14px;font-style:normal;line-height:120%;content:"*"}
1
+ .usd1-react-ui-input{display:inline-flex;color:#000;font-weight:300;font-size:14px;font-style:normal;line-height:20px;background-color:#fafafc;border:.5px solid #e0e2ee;border-radius:20px}.usd1-react-ui-input-mask,.usd1-react-ui-input-text{padding:12px 24px}.usd1-react-ui-input-otp{background-color:inherit;border:none}.usd1-react-ui-input.p-inputtext:enabled:focus,.usd1-react-ui-input .p-inputtext:enabled:focus{border-color:#3d73f2;box-shadow:0 0 0 2px #abc4ff}.usd1-react-ui-input>input{padding:12px 24px;background-color:inherit;border:inherit;border-radius:inherit}.usd1-react-ui-input-wrapper{display:inline-flex;flex-direction:column}.usd1-react-ui-input-label{margin-bottom:8px;padding-left:8px;font-weight:400;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-input-label-required:after{color:#cc1461;font-weight:400;font-size:14px;font-style:normal;line-height:120%;content:"*"}
@@ -9,6 +9,11 @@
9
9
  border: 0.5px solid #E0E2EE;
10
10
  border-radius: 20px;
11
11
 
12
+ &-text,
13
+ &-mask {
14
+ padding: 12px 24px;
15
+ }
16
+
12
17
  &-otp {
13
18
  background-color: inherit;
14
19
  border: none;
@@ -21,6 +26,7 @@
21
26
  }
22
27
 
23
28
  >input {
29
+ padding: 12px 24px;
24
30
  background-color: inherit;
25
31
  border: inherit;
26
32
  border-radius: inherit;
@@ -1 +1 @@
1
- .usd1-react-ui-select{display:inline-flex;background-color:#fafafc;border:.5px solid #e0e2ee;border-radius:20px}.usd1-react-ui-select.p-dropdown:not(.p-disabled).p-focus,.usd1-react-ui-select.p-multiselect:not(.p-disabled).p-focus{border-color:#3d73f2;box-shadow:0 0 0 2px #abc4ff}.usd1-react-ui-select.p-dropdown:not(.p-disabled):hover,.usd1-react-ui-select.p-multiselect:not(.p-disabled):hover{border-color:#3d73f2}.usd1-react-ui-select .p-multiselect-label,.usd1-react-ui-select>.p-placeholder{margin-left:14px;color:gray;font-weight:300;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-select-panel{border-radius:20px;box-shadow:0 4px 8px 0 rgba(0,0,0,.1)}.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight,.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus{font-weight:600;background-color:inherit}.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus{font-weight:600;background-color:#fafafc}.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item{color:#000;font-weight:300;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-select-show svg{transform:rotate(180deg)}.usd1-react-ui-select-wrapper{display:inline-flex;flex-direction:column}.usd1-react-ui-select-label{margin-bottom:8px;padding-left:8px;font-weight:400;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-select-label-required:after{color:#cc1461;font-weight:400;font-size:14px;font-style:normal;line-height:120%;content:"*"}
1
+ .usd1-react-ui-select{display:inline-flex;padding:0 24px;background-color:#fafafc;border:.5px solid #e0e2ee;border-radius:20px}.usd1-react-ui-select.p-dropdown:not(.p-disabled).p-focus,.usd1-react-ui-select.p-multiselect:not(.p-disabled).p-focus{border-color:#3d73f2;box-shadow:0 0 0 2px #abc4ff}.usd1-react-ui-select.p-dropdown:not(.p-disabled):hover,.usd1-react-ui-select.p-multiselect:not(.p-disabled):hover{border-color:#3d73f2}.usd1-react-ui-select .p-dropdown-label,.usd1-react-ui-select .p-multiselect-label{padding:12px 12px 12px 0}.usd1-react-ui-select .p-multiselect-label,.usd1-react-ui-select>.p-placeholder{color:gray;font-weight:300;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-select .p-dropdown-trigger,.usd1-react-ui-select .p-multiselect-trigger{width:auto}.usd1-react-ui-select-panel{border-radius:20px;box-shadow:0 4px 8px 0 rgba(0,0,0,.1)}.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight,.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus{font-weight:600;background-color:inherit}.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus{font-weight:600;background-color:#fafafc}.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item{color:#000;font-weight:300;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-select-show svg{transform:rotate(180deg)}.usd1-react-ui-select-wrapper{display:inline-flex;flex-direction:column}.usd1-react-ui-select-label{margin-bottom:8px;padding-left:8px;font-weight:400;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-select-label-required:after{color:#cc1461;font-weight:400;font-size:14px;font-style:normal;line-height:120%;content:"*"}
@@ -1,5 +1,6 @@
1
1
  .usd1-react-ui-select {
2
2
  display: inline-flex;
3
+ padding: 0 24px;
3
4
  background-color: #FAFAFC;
4
5
  border: 0.5px solid #E0E2EE;
5
6
  border-radius: 20px;
@@ -17,9 +18,13 @@
17
18
  }
18
19
  }
19
20
 
21
+ .p-dropdown-label,
22
+ .p-multiselect-label {
23
+ padding: 12px 12px 12px 0;
24
+ }
25
+
20
26
  .p-multiselect-label,
21
27
  >.p-placeholder {
22
- margin-left: 14px;
23
28
  color: #808080;
24
29
  font-weight: 300;
25
30
  font-size: 14px;
@@ -27,6 +32,11 @@
27
32
  line-height: 20px;
28
33
  }
29
34
 
35
+ .p-dropdown-trigger,
36
+ .p-multiselect-trigger {
37
+ width: auto;
38
+ }
39
+
30
40
  &-panel {
31
41
  border-radius: 20px;
32
42
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.10);
package/lib/index.css CHANGED
@@ -1 +1 @@
1
- .usd1-react-ui-button{display:inline-flex}.prefix-calendar{display:block;color:#00f}.prefix-loading{display:block;color:#00f}.usd1-react-ui-checkbox-wrapper{display:flex;flex-direction:row}.usd1-react-ui-checkbox-inner{display:flex;align-items:center;margin-right:12px}.usd1-react-ui-checkbox-inner-checkbox{align-self:flex-start}.usd1-react-ui-checkbox-inner-checkbox>.p-checkbox-box{border:1px solid #e0e2ee;border-radius:2px}.usd1-react-ui-checkbox-inner-checkbox>.p-checkbox-input{border:none;border-radius:2px}.usd1-react-ui-checkbox-inner-checkbox.p-checkbox.p-highlight .p-checkbox-box{background-color:#6491fa}.usd1-react-ui-checkbox-inner label{margin-left:10px;font-weight:300;font-size:14px;font-style:normal;line-height:20px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.usd1-react-ui-collapse{font-family:inherit;background-color:#fff}.usd1-react-ui-collapse>.p-accordion-tab{margin-bottom:0!important}.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content){border-bottom:.5px solid #e0e2ee;cursor:pointer}.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content):hover{background-color:#fafafc}.p-accordion-tab-active>.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content)>a{font-weight:600}.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content)>a{display:inline-flex;align-items:center;width:100%;padding:30px 40px;font-weight:300;font-size:24px;font-style:normal;line-height:30px;background-color:inherit;border:none}.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content)>a span{margin-left:40px}.usd1-react-ui-collapse-item-content{padding:20px 40px 30px 108px;font-weight:300;font-size:20px;font-style:normal;line-height:32px}.usd1-react-ui-collapse-item-content>.p-accordion-content{padding:0;border:none}.usd1-react-ui-collapse-item-content>.p-accordion-content p{margin:0}.usd1-react-ui-collapse-icon{display:inline-block;width:24px;height:24px}.prefix-message{display:block;color:#00f}.usd1-react-ui-input{display:inline-flex;color:#000;font-weight:300;font-size:14px;font-style:normal;line-height:20px;background-color:#fafafc;border:.5px solid #e0e2ee;border-radius:20px}.usd1-react-ui-input-otp{background-color:inherit;border:none}.usd1-react-ui-input .p-inputtext:enabled:focus,.usd1-react-ui-input.p-inputtext:enabled:focus{border-color:#3d73f2;box-shadow:0 0 0 2px #abc4ff}.usd1-react-ui-input>input{background-color:inherit;border:inherit;border-radius:inherit}.usd1-react-ui-input-wrapper{display:inline-flex;flex-direction:column}.usd1-react-ui-input-label{margin-bottom:8px;padding-left:8px;font-weight:400;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-input-label-required:after{color:#cc1461;font-weight:400;font-size:14px;font-style:normal;line-height:120%;content:"*"}.prefix-modal{display:block;color:#00f}.prefix-popup{display:block;color:#00f}.usd1-react-ui-radiogroup-wrapper{display:flex;flex-direction:row}.usd1-react-ui-radiogroup-inner{display:flex;align-items:center;margin-right:12px}.usd1-react-ui-radiogroup-inner-checkbox{align-self:flex-start}.usd1-react-ui-radiogroup-inner label{margin-left:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.usd1-react-ui-select{display:inline-flex;background-color:#fafafc;border:.5px solid #e0e2ee;border-radius:20px}.usd1-react-ui-select.p-dropdown:not(.p-disabled).p-focus,.usd1-react-ui-select.p-multiselect:not(.p-disabled).p-focus{border-color:#3d73f2;box-shadow:0 0 0 2px #abc4ff}.usd1-react-ui-select.p-dropdown:not(.p-disabled):hover,.usd1-react-ui-select.p-multiselect:not(.p-disabled):hover{border-color:#3d73f2}.usd1-react-ui-select .p-multiselect-label,.usd1-react-ui-select>.p-placeholder{margin-left:14px;color:gray;font-weight:300;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-select-panel{border-radius:20px;box-shadow:0 4px 8px 0 rgba(0,0,0,.1)}.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight,.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus{font-weight:600;background-color:inherit}.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus{font-weight:600;background-color:#fafafc}.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item{color:#000;font-weight:300;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-select-show svg{transform:rotate(180deg)}.usd1-react-ui-select-wrapper{display:inline-flex;flex-direction:column}.usd1-react-ui-select-label{margin-bottom:8px;padding-left:8px;font-weight:400;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-select-label-required:after{color:#cc1461;font-weight:400;font-size:14px;font-style:normal;line-height:120%;content:"*"}.prefix-toast{display:block;color:#00f}.prefix-switch{display:block;color:#00f}
1
+ .usd1-react-ui-button{display:inline-flex}.prefix-calendar{display:block;color:#00f}.usd1-react-ui-collapse{font-family:inherit;background-color:#fff}.usd1-react-ui-collapse>.p-accordion-tab{margin-bottom:0!important}.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content){border-bottom:.5px solid #e0e2ee;cursor:pointer}.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content):hover{background-color:#fafafc}.p-accordion-tab-active>.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content)>a{font-weight:600}.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content)>a{display:inline-flex;align-items:center;width:100%;padding:30px 40px;font-weight:300;font-size:24px;font-style:normal;line-height:30px;background-color:inherit;border:none}.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content)>a span{margin-left:40px}.usd1-react-ui-collapse-item-content{padding:20px 40px 30px 108px;font-weight:300;font-size:20px;font-style:normal;line-height:32px}.usd1-react-ui-collapse-item-content>.p-accordion-content{padding:0;border:none}.usd1-react-ui-collapse-item-content>.p-accordion-content p{margin:0}.usd1-react-ui-collapse-icon{display:inline-block;width:24px;height:24px}.usd1-react-ui-checkbox-wrapper{display:flex;flex-direction:row}.usd1-react-ui-checkbox-inner{display:flex;align-items:center;margin-right:12px}.usd1-react-ui-checkbox-inner-checkbox{align-self:flex-start}.usd1-react-ui-checkbox-inner-checkbox>.p-checkbox-box{border:1px solid #e0e2ee;border-radius:2px}.usd1-react-ui-checkbox-inner-checkbox>.p-checkbox-input{border:none;border-radius:2px}.usd1-react-ui-checkbox-inner-checkbox.p-checkbox.p-highlight .p-checkbox-box{background-color:#6491fa}.usd1-react-ui-checkbox-inner label{margin-left:10px;font-weight:300;font-size:14px;font-style:normal;line-height:20px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.usd1-react-ui-input{display:inline-flex;color:#000;font-weight:300;font-size:14px;font-style:normal;line-height:20px;background-color:#fafafc;border:.5px solid #e0e2ee;border-radius:20px}.usd1-react-ui-input-mask,.usd1-react-ui-input-text{padding:12px 24px}.usd1-react-ui-input-otp{background-color:inherit;border:none}.usd1-react-ui-input .p-inputtext:enabled:focus,.usd1-react-ui-input.p-inputtext:enabled:focus{border-color:#3d73f2;box-shadow:0 0 0 2px #abc4ff}.usd1-react-ui-input>input{padding:12px 24px;background-color:inherit;border:inherit;border-radius:inherit}.usd1-react-ui-input-wrapper{display:inline-flex;flex-direction:column}.usd1-react-ui-input-label{margin-bottom:8px;padding-left:8px;font-weight:400;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-input-label-required:after{color:#cc1461;font-weight:400;font-size:14px;font-style:normal;line-height:120%;content:"*"}.prefix-loading{display:block;color:#00f}.prefix-message{display:block;color:#00f}.prefix-popup{display:block;color:#00f}.prefix-modal{display:block;color:#00f}.usd1-react-ui-radiogroup-wrapper{display:flex;flex-direction:row}.usd1-react-ui-radiogroup-inner{display:flex;align-items:center;margin-right:12px}.usd1-react-ui-radiogroup-inner-checkbox{align-self:flex-start}.usd1-react-ui-radiogroup-inner label{margin-left:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.usd1-react-ui-select{display:inline-flex;padding:0 24px;background-color:#fafafc;border:.5px solid #e0e2ee;border-radius:20px}.usd1-react-ui-select.p-dropdown:not(.p-disabled).p-focus,.usd1-react-ui-select.p-multiselect:not(.p-disabled).p-focus{border-color:#3d73f2;box-shadow:0 0 0 2px #abc4ff}.usd1-react-ui-select.p-dropdown:not(.p-disabled):hover,.usd1-react-ui-select.p-multiselect:not(.p-disabled):hover{border-color:#3d73f2}.usd1-react-ui-select .p-dropdown-label,.usd1-react-ui-select .p-multiselect-label{padding:12px 12px 12px 0}.usd1-react-ui-select .p-multiselect-label,.usd1-react-ui-select>.p-placeholder{color:gray;font-weight:300;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-select .p-dropdown-trigger,.usd1-react-ui-select .p-multiselect-trigger{width:auto}.usd1-react-ui-select-panel{border-radius:20px;box-shadow:0 4px 8px 0 rgba(0,0,0,.1)}.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight,.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus{font-weight:600;background-color:inherit}.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus{font-weight:600;background-color:#fafafc}.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item{color:#000;font-weight:300;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-select-show svg{transform:rotate(180deg)}.usd1-react-ui-select-wrapper{display:inline-flex;flex-direction:column}.usd1-react-ui-select-label{margin-bottom:8px;padding-left:8px;font-weight:400;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-select-label-required:after{color:#cc1461;font-weight:400;font-size:14px;font-style:normal;line-height:120%;content:"*"}.prefix-switch{display:block;color:#00f}.prefix-toast{display:block;color:#00f}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@1money/react-ui",
3
- "version": "0.1.0-alpha.13",
3
+ "version": "0.1.0-alpha.14",
4
4
  "description": "React Components based on primereact for 1money front-end projects",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",