@open-condo/ui 1.7.0 → 1.8.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/styles.css CHANGED
@@ -55,6 +55,220 @@
55
55
  src: url(https://fonts.gstatic.com/s/notosansmono/v21/BngrUXNETWXI6LwhGYvaxZikqZqK6fBq6kPvUce2oAZcdthSBUsYck4-_FNJ49o.ttf) format('truetype');
56
56
  }
57
57
 
58
+ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
59
+ /* stylelint-disable no-duplicate-selectors */
60
+ /* stylelint-disable */
61
+ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
62
+ .condo-alert {
63
+ box-sizing: border-box;
64
+ margin: 0;
65
+ padding: 0;
66
+ color: rgba(0, 0, 0, 0.85);
67
+ font-size: 14px;
68
+ font-variant: tabular-nums;
69
+ line-height: 1.5715;
70
+ list-style: none;
71
+ font-feature-settings: 'tnum', "tnum";
72
+ position: relative;
73
+ display: flex;
74
+ align-items: center;
75
+ padding: 8px 15px;
76
+ word-wrap: break-word;
77
+ border-radius: 2px;
78
+ }
79
+ .condo-alert-content {
80
+ flex: 1;
81
+ min-width: 0;
82
+ }
83
+ .condo-alert-icon {
84
+ margin-right: 8px;
85
+ }
86
+ .condo-alert-description {
87
+ display: none;
88
+ font-size: 14px;
89
+ line-height: 22px;
90
+ }
91
+ .condo-alert-success {
92
+ background-color: #ebfaef;
93
+ border: 1px solid #b7eb8f;
94
+ }
95
+ .condo-alert-success .condo-alert-icon {
96
+ color: #39ce66;
97
+ }
98
+ .condo-alert-info {
99
+ background-color: #e7f4ff;
100
+ border: 1px solid #91d5ff;
101
+ }
102
+ .condo-alert-info .condo-alert-icon {
103
+ color: #2696f3;
104
+ }
105
+ .condo-alert-warning {
106
+ background-color: #fff5e6;
107
+ border: 1px solid #ffe58f;
108
+ }
109
+ .condo-alert-warning .condo-alert-icon {
110
+ color: #ff9500;
111
+ }
112
+ .condo-alert-error {
113
+ background-color: #ffeceb;
114
+ border: 1px solid #ffccc7;
115
+ }
116
+ .condo-alert-error .condo-alert-icon {
117
+ color: #ff3b30;
118
+ }
119
+ .condo-alert-error .condo-alert-description > pre {
120
+ margin: 0;
121
+ padding: 0;
122
+ }
123
+ .condo-alert-action {
124
+ margin-left: 8px;
125
+ }
126
+ .condo-alert-close-icon {
127
+ margin-left: 8px;
128
+ padding: 0;
129
+ overflow: hidden;
130
+ font-size: 12px;
131
+ line-height: 12px;
132
+ background-color: transparent;
133
+ border: none;
134
+ outline: none;
135
+ cursor: pointer;
136
+ }
137
+ .condo-alert-close-icon .anticon-close {
138
+ color: rgba(0, 0, 0, 0.45);
139
+ transition: color 0.3s;
140
+ }
141
+ .condo-alert-close-icon .anticon-close:hover {
142
+ color: rgba(0, 0, 0, 0.75);
143
+ }
144
+ .condo-alert-close-text {
145
+ color: rgba(0, 0, 0, 0.45);
146
+ transition: color 0.3s;
147
+ }
148
+ .condo-alert-close-text:hover {
149
+ color: rgba(0, 0, 0, 0.75);
150
+ }
151
+ .condo-alert-with-description {
152
+ align-items: flex-start;
153
+ padding: 15px 15px 15px 24px;
154
+ }
155
+ .condo-alert-with-description.condo-alert-no-icon {
156
+ padding: 15px 15px;
157
+ }
158
+ .condo-alert-with-description .condo-alert-icon {
159
+ margin-right: 15px;
160
+ font-size: 24px;
161
+ }
162
+ .condo-alert-with-description .condo-alert-message {
163
+ display: block;
164
+ margin-bottom: 4px;
165
+ color: rgba(0, 0, 0, 0.85);
166
+ font-size: 16px;
167
+ }
168
+ .condo-alert-message {
169
+ color: rgba(0, 0, 0, 0.85);
170
+ }
171
+ .condo-alert-with-description .condo-alert-description {
172
+ display: block;
173
+ }
174
+ .condo-alert.condo-alert-motion-leave {
175
+ overflow: hidden;
176
+ opacity: 1;
177
+ transition: max-height 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), opacity 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), padding-top 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), padding-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), margin-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
178
+ }
179
+ .condo-alert.condo-alert-motion-leave-active {
180
+ margin-bottom: 0 !important;
181
+ }
182
+ .condo-alert.condo-alert-motion-leave-active {
183
+ max-height: 0;
184
+ padding-top: 0;
185
+ padding-bottom: 0;
186
+ opacity: 0;
187
+ }
188
+ .condo-alert-banner {
189
+ margin-bottom: 0;
190
+ border: 0;
191
+ border-radius: 0;
192
+ }
193
+ .condo-alert.condo-alert-rtl {
194
+ direction: rtl;
195
+ }
196
+ .condo-alert-rtl .condo-alert-icon {
197
+ margin-right: auto;
198
+ margin-left: 8px;
199
+ }
200
+ .condo-alert-rtl .condo-alert-action {
201
+ margin-right: 8px;
202
+ margin-left: auto;
203
+ }
204
+ .condo-alert-rtl .condo-alert-close-icon {
205
+ margin-right: 8px;
206
+ margin-left: auto;
207
+ }
208
+ .condo-alert-rtl.condo-alert-with-description {
209
+ padding-right: 24px;
210
+ padding-left: 15px;
211
+ }
212
+ .condo-alert-rtl.condo-alert-with-description .condo-alert-icon {
213
+ margin-right: auto;
214
+ margin-left: 15px;
215
+ }
216
+ .condo-alert-description {
217
+ margin: 0;
218
+ font-weight: 400;
219
+ font-size: 14px;
220
+ font-family: "Open Sans", sans-serif;
221
+ line-height: 22px;
222
+ letter-spacing: -0.01em;
223
+ }
224
+ .condo-alert-success {
225
+ border: none;
226
+ border-radius: 12px;
227
+ }
228
+ .condo-alert-success .condo-alert-message {
229
+ color: #39ce66;
230
+ }
231
+ .condo-alert-info {
232
+ border: none;
233
+ border-radius: 12px;
234
+ }
235
+ .condo-alert-info .condo-alert-message {
236
+ color: #2696f3;
237
+ }
238
+ .condo-alert-warning {
239
+ border: none;
240
+ border-radius: 12px;
241
+ }
242
+ .condo-alert-warning .condo-alert-message {
243
+ color: #ff9500;
244
+ }
245
+ .condo-alert-error {
246
+ border: none;
247
+ border-radius: 12px;
248
+ }
249
+ .condo-alert-error .condo-alert-message {
250
+ color: #ff3b30;
251
+ }
252
+ .condo-alert-with-description {
253
+ padding: 16px;
254
+ }
255
+ .condo-alert-message {
256
+ font-weight: 600;
257
+ font-size: 16px;
258
+ font-family: "Open Sans", sans-serif;
259
+ line-height: 24px;
260
+ letter-spacing: -0.01em;
261
+ margin: 0;
262
+ }
263
+ .condo-alert-with-description .condo-alert-message {
264
+ font-weight: 600;
265
+ font-size: 16px;
266
+ font-family: "Open Sans", sans-serif;
267
+ line-height: 24px;
268
+ letter-spacing: -0.01em;
269
+ margin: 0;
270
+ }
271
+
58
272
  /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
59
273
  /* stylelint-disable no-duplicate-selectors */
60
274
  /* stylelint-disable */
@@ -3559,6 +3773,39 @@ span.condo-typography-ellipsis-single-line {
3559
3773
  .condo-markdown blockquote > blockquote:not(:first-child) {
3560
3774
  margin-top: 0.5em;
3561
3775
  }
3776
+ .condo-markdown table {
3777
+ text-align: left;
3778
+ border: 1px solid #e1e5ed;
3779
+ border-radius: 8px;
3780
+ border-spacing: 0;
3781
+ }
3782
+ .condo-markdown table th {
3783
+ padding: 20px 16px;
3784
+ color: #707695;
3785
+ border-bottom: 1px solid #e1e5ed;
3786
+ font-weight: 600;
3787
+ font-size: 12px;
3788
+ font-family: "Open Sans", sans-serif;
3789
+ line-height: 20px;
3790
+ letter-spacing: -0.01em;
3791
+ margin: 0;
3792
+ }
3793
+ .condo-markdown table td {
3794
+ padding: 16px;
3795
+ border-bottom: 1px solid #e1e5ed;
3796
+ margin: 0;
3797
+ font-weight: 400;
3798
+ font-size: 14px;
3799
+ font-family: "Open Sans", sans-serif;
3800
+ line-height: 22px;
3801
+ letter-spacing: -0.01em;
3802
+ }
3803
+ .condo-markdown table > tbody > tr:last-child > td {
3804
+ border-bottom: none;
3805
+ }
3806
+ .condo-markdown table:not(:last-child) {
3807
+ margin-bottom: 24px;
3808
+ }
3562
3809
 
3563
3810
  /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
3564
3811
  /* stylelint-disable no-duplicate-selectors */