hrm_ui_lib 2.5.1 → 2.5.3
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/assets/images/under-construction.svg +9 -0
- package/assets/styles/styles.css +71 -0
- package/assets/styles/styles.scss +1 -1
- package/components/UnderConstruction/UnderConstruction.d.ts +3 -0
- package/components/UnderConstruction/UnderConstruction.js +12 -0
- package/components/UnderConstruction/index.d.ts +1 -0
- package/components/UnderConstruction/index.js +1 -0
- package/components/UnderConstruction/localization.d.ts +4 -0
- package/components/UnderConstruction/localization.js +14 -0
- package/components/UnderConstruction/types.d.ts +12 -0
- package/components/UnderConstruction/types.js +1 -0
- package/index.d.ts +1 -0
- package/index.js +1 -0
- package/package.json +1 -1
- /package/{Alert-CtY1YM0z.js → Alert-CPS0xpsv.js} +0 -0
package/assets/styles/styles.css
CHANGED
|
@@ -2174,6 +2174,7 @@ body {
|
|
|
2174
2174
|
--green-200:#aeeacb;
|
|
2175
2175
|
--green-100:#d0f5e1;
|
|
2176
2176
|
--green-50:#e0faec;
|
|
2177
|
+
--green-20:#e9f8dc;
|
|
2177
2178
|
--blue-900:#2443b8;
|
|
2178
2179
|
--blue-800:#2e63d6;
|
|
2179
2180
|
--blue-700:#3475e8;
|
|
@@ -9372,4 +9373,74 @@ tr.selected .advanced-table__expanded-row td, tr.selected .advanced-table__expan
|
|
|
9372
9373
|
font-size: var(--font-size-12);
|
|
9373
9374
|
font-weight: var(--font-weight-400);
|
|
9374
9375
|
text-transform: capitalize;
|
|
9376
|
+
}
|
|
9377
|
+
|
|
9378
|
+
.under-construction {
|
|
9379
|
+
display: flex;
|
|
9380
|
+
flex-direction: column;
|
|
9381
|
+
height: 100%;
|
|
9382
|
+
justify-content: center;
|
|
9383
|
+
width: 100%;
|
|
9384
|
+
}
|
|
9385
|
+
|
|
9386
|
+
.under-construction__content {
|
|
9387
|
+
-webkit-box-align: center;
|
|
9388
|
+
-moz-box-align: center;
|
|
9389
|
+
-ms-flex-align: center;
|
|
9390
|
+
-webkit-box-pack: center;
|
|
9391
|
+
-moz-box-pack: center;
|
|
9392
|
+
-ms-flex-pack: center;
|
|
9393
|
+
-webkit-box-direction: normal;
|
|
9394
|
+
-webkit-box-orient: vertical;
|
|
9395
|
+
-moz-box-direction: normal;
|
|
9396
|
+
-moz-box-orient: vertical;
|
|
9397
|
+
-webkit-align-items: center;
|
|
9398
|
+
align-items: center;
|
|
9399
|
+
display: -webkit-box;
|
|
9400
|
+
display: -moz-box;
|
|
9401
|
+
display: -ms-flexbox;
|
|
9402
|
+
display: -webkit-flex;
|
|
9403
|
+
display: flex;
|
|
9404
|
+
-webkit-flex-direction: column;
|
|
9405
|
+
-ms-flex-direction: column;
|
|
9406
|
+
flex-direction: column;
|
|
9407
|
+
-webkit-justify-content: center;
|
|
9408
|
+
justify-content: center;
|
|
9409
|
+
margin: 0 auto;
|
|
9410
|
+
max-width: 590px;
|
|
9411
|
+
text-align: center;
|
|
9412
|
+
}
|
|
9413
|
+
|
|
9414
|
+
.under-construction__icon {
|
|
9415
|
+
align-items: center;
|
|
9416
|
+
background-color: var(--green-20);
|
|
9417
|
+
border-radius: 50%;
|
|
9418
|
+
display: flex;
|
|
9419
|
+
gap: var(--ds-space-12);
|
|
9420
|
+
margin: 0 auto;
|
|
9421
|
+
padding: var(--ds-space-24);
|
|
9422
|
+
}
|
|
9423
|
+
|
|
9424
|
+
.under-construction--large {
|
|
9425
|
+
padding: var(--ds-space-80) var(--ds-space-24);
|
|
9426
|
+
}
|
|
9427
|
+
|
|
9428
|
+
.under-construction--large .under-construction__icon {
|
|
9429
|
+
width: 168px;
|
|
9430
|
+
}
|
|
9431
|
+
|
|
9432
|
+
.under-construction--large .under-construction__content {
|
|
9433
|
+
gap: 8px;
|
|
9434
|
+
}
|
|
9435
|
+
|
|
9436
|
+
.under-construction--small {
|
|
9437
|
+
padding: var(--ds-space-40) var(--ds-space-16);
|
|
9438
|
+
}
|
|
9439
|
+
|
|
9440
|
+
.under-construction--small .under-construction__icon {
|
|
9441
|
+
width: 67px;
|
|
9442
|
+
}
|
|
9443
|
+
|
|
9444
|
+
.under-construction--small .under-construction__content {
|
|
9445
|
+
gap: 4px;
|
|
9375
9446
|
}
|