@open-condo/ui 2.42.0 → 2.43.0
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/dist/components/Input/index.d.ts +2 -0
- package/dist/components/Input/index.d.ts.map +1 -1
- package/dist/components/Input/textArea.d.ts +20 -0
- package/dist/components/Input/textArea.d.ts.map +1 -0
- package/dist/index.js +144 -2
- package/dist/style-vars/variables.css +1 -1
- package/dist/style-vars/variables.less +1 -1
- package/dist/styles.css +59 -15
- package/dist/styles.min.css +1 -1
- package/package.json +2 -2
package/dist/styles.css
CHANGED
|
@@ -9098,19 +9098,30 @@ textarea.condo-input {
|
|
|
9098
9098
|
background-color: #e1e5ed;
|
|
9099
9099
|
border-radius: 0 4px 4px 0;
|
|
9100
9100
|
}
|
|
9101
|
+
.condo-input-affix-wrapper {
|
|
9102
|
+
padding: 11px;
|
|
9103
|
+
}
|
|
9101
9104
|
.condo-input:not(.condo-input-affix-wrapper .condo-input),
|
|
9102
9105
|
.condo-input-affix-wrapper {
|
|
9103
9106
|
box-sizing: border-box;
|
|
9104
9107
|
width: 100%;
|
|
9108
|
+
border-radius: 8px;
|
|
9109
|
+
}
|
|
9110
|
+
.condo-input:not(.condo-input-affix-wrapper .condo-input):not(textarea):not(.condo-input-textarea-wrapper) {
|
|
9105
9111
|
height: 48px;
|
|
9106
9112
|
border: 1px solid #d0d3e5;
|
|
9107
|
-
border-radius: 8px;
|
|
9108
9113
|
}
|
|
9109
|
-
.condo-input-affix-wrapper
|
|
9110
|
-
|
|
9114
|
+
.condo-input:not(.condo-input-affix-wrapper .condo-input):not(.condo-input-disabled):not(.condo-input-phone-disabled .condo-input):hover,
|
|
9115
|
+
.condo-input-affix-wrapper:not(.condo-input-affix-wrapper-disabled):hover,
|
|
9116
|
+
.condo-input:not(.condo-input-affix-wrapper .condo-input):not(.condo-input-disabled):not(.condo-input-phone-disabled .condo-input):focus,
|
|
9117
|
+
.condo-input-affix-wrapper:not(.condo-input-affix-wrapper-disabled):focus,
|
|
9118
|
+
.condo-input:not(.condo-input-affix-wrapper .condo-input):not(.condo-input-disabled):not(.condo-input-phone-disabled .condo-input):active,
|
|
9119
|
+
.condo-input-affix-wrapper:not(.condo-input-affix-wrapper-disabled):active {
|
|
9120
|
+
border-color: #707695;
|
|
9121
|
+
box-shadow: none;
|
|
9111
9122
|
}
|
|
9112
9123
|
.condo-input-focused,
|
|
9113
|
-
.condo-input-
|
|
9124
|
+
.condo-input-wrapper-focused:not(:disabled) {
|
|
9114
9125
|
border-color: #707695;
|
|
9115
9126
|
box-shadow: none;
|
|
9116
9127
|
}
|
|
@@ -9141,15 +9152,6 @@ textarea.condo-input {
|
|
|
9141
9152
|
.condo-input-phone .country-list .country .dial-code {
|
|
9142
9153
|
color: #707695;
|
|
9143
9154
|
}
|
|
9144
|
-
.condo-input:not(.condo-input-affix-wrapper .condo-input):not(.condo-input-disabled):not(.condo-input-phone-disabled .condo-input):hover,
|
|
9145
|
-
.condo-input-affix-wrapper:not(.condo-input-affix-wrapper-disabled):hover,
|
|
9146
|
-
.condo-input:not(.condo-input-affix-wrapper .condo-input):not(.condo-input-disabled):not(.condo-input-phone-disabled .condo-input):focus,
|
|
9147
|
-
.condo-input-affix-wrapper:not(.condo-input-affix-wrapper-disabled):focus,
|
|
9148
|
-
.condo-input:not(.condo-input-affix-wrapper .condo-input):not(.condo-input-disabled):not(.condo-input-phone-disabled .condo-input):active,
|
|
9149
|
-
.condo-input-affix-wrapper:not(.condo-input-affix-wrapper-disabled):active {
|
|
9150
|
-
border-color: #707695;
|
|
9151
|
-
box-shadow: none;
|
|
9152
|
-
}
|
|
9153
9155
|
.condo-input::-moz-placeholder {
|
|
9154
9156
|
color: #707695;
|
|
9155
9157
|
margin: 0;
|
|
@@ -9179,14 +9181,16 @@ textarea.condo-input {
|
|
|
9179
9181
|
}
|
|
9180
9182
|
.condo-input-affix-wrapper-disabled,
|
|
9181
9183
|
.condo-input-disabled[disabled],
|
|
9182
|
-
.condo-input[disabled]
|
|
9184
|
+
.condo-input[disabled],
|
|
9185
|
+
.condo-input-disabled {
|
|
9183
9186
|
color: #222;
|
|
9184
9187
|
background-color: #fff;
|
|
9185
9188
|
opacity: 0.5;
|
|
9186
9189
|
}
|
|
9187
9190
|
.condo-input-affix-wrapper-disabled:hover,
|
|
9188
9191
|
.condo-input-disabled[disabled]:hover,
|
|
9189
|
-
.condo-input[disabled]:hover
|
|
9192
|
+
.condo-input[disabled]:hover,
|
|
9193
|
+
.condo-input-disabled:hover {
|
|
9190
9194
|
border-color: #d0d3e5;
|
|
9191
9195
|
}
|
|
9192
9196
|
.condo-input-affix-wrapper-disabled > .condo-input-disabled[disabled] {
|
|
@@ -9212,6 +9216,46 @@ textarea.condo-input {
|
|
|
9212
9216
|
.condo-input-clear-icon:hover {
|
|
9213
9217
|
color: #222;
|
|
9214
9218
|
}
|
|
9219
|
+
.condo-input.condo-input-textarea-wrapper > .condo-input-textarea {
|
|
9220
|
+
height: auto;
|
|
9221
|
+
padding: 12px;
|
|
9222
|
+
border: none;
|
|
9223
|
+
}
|
|
9224
|
+
.condo-input.condo-input-textarea-wrapper {
|
|
9225
|
+
position: relative;
|
|
9226
|
+
height: -webkit-fit-content;
|
|
9227
|
+
height: -moz-fit-content;
|
|
9228
|
+
height: fit-content;
|
|
9229
|
+
padding: 0;
|
|
9230
|
+
}
|
|
9231
|
+
.condo-input-utils {
|
|
9232
|
+
display: flex;
|
|
9233
|
+
gap: 12px;
|
|
9234
|
+
align-items: center;
|
|
9235
|
+
max-height: 20px;
|
|
9236
|
+
}
|
|
9237
|
+
.condo-input-count {
|
|
9238
|
+
color: #707695;
|
|
9239
|
+
font-size: 12px;
|
|
9240
|
+
font-family: "Noto Sans Mono", monospace;
|
|
9241
|
+
}
|
|
9242
|
+
.condo-input-bottom-panel {
|
|
9243
|
+
position: relative;
|
|
9244
|
+
left: 12px;
|
|
9245
|
+
display: flex;
|
|
9246
|
+
flex-direction: row;
|
|
9247
|
+
align-items: center;
|
|
9248
|
+
width: calc(100% - 12px * 2);
|
|
9249
|
+
max-height: 44px;
|
|
9250
|
+
padding: 8px 0 12px;
|
|
9251
|
+
background-color: #fff;
|
|
9252
|
+
}
|
|
9253
|
+
.condo-input-bottom-panel-right {
|
|
9254
|
+
display: flex;
|
|
9255
|
+
gap: 16px;
|
|
9256
|
+
align-items: center;
|
|
9257
|
+
margin-left: auto;
|
|
9258
|
+
}
|
|
9215
9259
|
|
|
9216
9260
|
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
|
|
9217
9261
|
/* stylelint-disable no-duplicate-selectors */
|