@fxlt/common-ui 0.0.3-rc1 → 0.0.4-beta1
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/components.css +58 -3
- package/fesm2022/fxlt-common-ui.mjs +252 -47
- package/fesm2022/fxlt-common-ui.mjs.map +1 -1
- package/index.d.ts +88 -31
- package/package.json +4 -2
- package/src/lib/styles/components.css +58 -3
- package/src/lib/styles/theme.css +3 -3
- package/src/lib/ui/components/circle-progress-bar/circle-progress-bar.component.html +44 -0
- package/src/lib/ui/components/datetime-picker/datetime-picker.component.html +8 -5
- package/src/lib/ui/components/flow-connection/flow-connection.component.html +10 -0
- package/src/lib/ui/components/tree-diagram/tree-diagram.component.html +40 -0
- package/theme.css +3 -3
package/components.css
CHANGED
|
@@ -166,6 +166,58 @@ input[type='password'] {
|
|
|
166
166
|
}
|
|
167
167
|
|
|
168
168
|
/* system style */
|
|
169
|
+
.txt-heading-03 {
|
|
170
|
+
@apply font-semibold text-2xl tracking-normal leading-10 text-text-primary;
|
|
171
|
+
}
|
|
172
|
+
.txt-heading-04 {
|
|
173
|
+
@apply font-semibold text-xl tracking-normal leading-7 text-text-primary;
|
|
174
|
+
}
|
|
175
|
+
.txt-heading-05 {
|
|
176
|
+
@apply font-semibold text-lg tracking-normal leading-7 text-text-primary;
|
|
177
|
+
}
|
|
178
|
+
.txt-heading-06 {
|
|
179
|
+
@apply font-semibold text-base tracking-normal leading-6 text-text-primary;
|
|
180
|
+
}
|
|
181
|
+
.txt-heading-07 {
|
|
182
|
+
@apply font-semibold text-sm tracking-normal leading-5 text-text-primary;
|
|
183
|
+
}
|
|
184
|
+
.txt-heading-compact-02 {
|
|
185
|
+
@apply font-semibold text-sm tracking-normal leading-5 text-text-primary;
|
|
186
|
+
}
|
|
187
|
+
.txt-body-compact-01 {
|
|
188
|
+
@apply font-normal text-sm tracking-normal leading-5 text-text-primary;
|
|
189
|
+
}
|
|
190
|
+
.txt-body-01 {
|
|
191
|
+
@apply font-normal text-sm tracking-normal leading-5 text-text-primary;
|
|
192
|
+
}
|
|
193
|
+
.txt-body-02 {
|
|
194
|
+
@apply font-normal text-base tracking-normal leading-6 text-text-primary;
|
|
195
|
+
}
|
|
196
|
+
.txt-body-medium-01 {
|
|
197
|
+
@apply font-medium text-sm tracking-normal leading-5 text-text-primary;
|
|
198
|
+
}
|
|
199
|
+
.txt-body-medium-02 {
|
|
200
|
+
@apply font-medium text-base tracking-normal leading-6 text-text-primary;
|
|
201
|
+
}
|
|
202
|
+
.txt-body-p-bold {
|
|
203
|
+
@apply font-semibold text-sm tracking-normal leading-5 text-text-primary;
|
|
204
|
+
}
|
|
205
|
+
.txt-body-p-normal {
|
|
206
|
+
@apply font-normal text-sm tracking-normal leading-5 text-text-primary;
|
|
207
|
+
}
|
|
208
|
+
.txt-utility-caption {
|
|
209
|
+
@apply font-normal text-xs tracking-normal leading-4 text-text-primary;
|
|
210
|
+
}
|
|
211
|
+
.txt-utility-button {
|
|
212
|
+
@apply font-semibold text-sm tracking-normal leading-5 text-text-primary;
|
|
213
|
+
}
|
|
214
|
+
.txt-utility-description {
|
|
215
|
+
@apply font-light text-xs tracking-normal leading-4 text-text-secondary;
|
|
216
|
+
}
|
|
217
|
+
.txt-tag-label {
|
|
218
|
+
@apply font-medium text-xs;
|
|
219
|
+
}
|
|
220
|
+
|
|
169
221
|
.txt-page-title {
|
|
170
222
|
@apply text-3xl text-text-primary font-semibold tracking-normal leading-10;
|
|
171
223
|
}
|
|
@@ -190,9 +242,6 @@ input[type='password'] {
|
|
|
190
242
|
.txt-section-header {
|
|
191
243
|
@apply mb-1 text-xl text-text-primary font-semibold tracking-normal leading-7;
|
|
192
244
|
}
|
|
193
|
-
.txt-dialog-header {
|
|
194
|
-
@apply text-xl text-text-primary font-semibold tracking-normal leading-7 px-xl py-semi;
|
|
195
|
-
}
|
|
196
245
|
.txt-section-subtitle {
|
|
197
246
|
@apply text-sm text-text-secondary font-normal tracking-normal;
|
|
198
247
|
}
|
|
@@ -393,6 +442,12 @@ input[type='password'] {
|
|
|
393
442
|
.table-status-col {
|
|
394
443
|
width: 200px;
|
|
395
444
|
}
|
|
445
|
+
.table-empty {
|
|
446
|
+
@apply w-full h-[100px] flex items-center justify-center;
|
|
447
|
+
}
|
|
396
448
|
.dialog-container {
|
|
397
449
|
@apply rounded-lg border border-border-default;
|
|
398
450
|
}
|
|
451
|
+
.dialog-header {
|
|
452
|
+
@apply px-xl py-semi;
|
|
453
|
+
}
|