@oliasoft-open-source/react-ui-library 4.0.0-beta-19 → 4.0.0-beta-21

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.
Files changed (3) hide show
  1. package/dist/global.css +116 -113
  2. package/dist/index.js +35 -35
  3. package/package.json +1 -1
package/dist/global.css CHANGED
@@ -931,22 +931,25 @@ a {
931
931
  background: var(--color-warning-500);
932
932
  fill: var(--color-warning-500);
933
933
  }
934
- ._helpIcon_1uk4t_1 {
935
- color: var(--color-text-muted);
934
+ ._helpIcon_hd0z2_1 {
935
+ color: var(--color-text-faint);
936
936
  display: inline-flex;
937
937
  align-items: center;
938
938
  }
939
- ._active_1uk4t_6 {
939
+ ._helpIcon_hd0z2_1 :hover {
940
+ color: var(--color-text-muted);
941
+ }
942
+ ._active_hd0z2_9 {
940
943
  color: var(--color-text);
941
944
  }
942
- ._clickable_1uk4t_9 {
945
+ ._clickable_hd0z2_12 {
943
946
  cursor: pointer;
944
947
  }
945
- ._clickable_1uk4t_9:hover,
946
- ._clickable_1uk4t_9:focus {
948
+ ._clickable_hd0z2_12:hover,
949
+ ._clickable_hd0z2_12:focus {
947
950
  color: var(--color-text-primary-hover);
948
951
  }
949
- ._clickable_1uk4t_9:active {
952
+ ._clickable_hd0z2_12:active {
950
953
  color: var(--color-text-primary-active);
951
954
  }
952
955
  ._bordered_1p7x7_1 {
@@ -1212,80 +1215,80 @@ a {
1212
1215
  transform-origin: 100% 0%;
1213
1216
  z-index: 3;
1214
1217
  }
1215
- ._inputInTable_1qg1u_1 {
1218
+ ._inputInTable_y9r45_1 {
1216
1219
  background-color: transparent;
1217
1220
  border-radius: inherit !important;
1218
1221
  height: var(--size);
1219
1222
  min-height: 100%;
1220
1223
  }
1221
- ._inputInTable_1qg1u_1:not(:hover) {
1224
+ ._inputInTable_y9r45_1:not(:hover) {
1222
1225
  border-color: transparent;
1223
1226
  }
1224
- ._inputInTable_1qg1u_1:not(:focus) {
1227
+ ._inputInTable_y9r45_1:not(:focus) {
1225
1228
  box-shadow: none;
1226
1229
  }
1227
- ._inputHover_1qg1u_13 {
1230
+ ._inputHover_y9r45_13 {
1228
1231
  position: relative;
1229
1232
  border-color: var(--color-border-hover);
1230
1233
  z-index: 2;
1231
1234
  }
1232
- ._inputFocus_1qg1u_18 {
1235
+ ._inputFocus_y9r45_18 {
1233
1236
  position: relative;
1234
1237
  outline: none !important;
1235
1238
  border-color: var(--color-border-focus) !important;
1236
1239
  box-shadow: var(--shadow-focus);
1237
1240
  z-index: 3;
1238
1241
  }
1239
- ._inputError_1qg1u_25,
1240
- ._inputWarning_1qg1u_26 {
1242
+ ._inputError_y9r45_25,
1243
+ ._inputWarning_y9r45_26 {
1241
1244
  position: relative;
1242
1245
  }
1243
- ._inputError_1qg1u_25 {
1246
+ ._inputError_y9r45_25 {
1244
1247
  z-index: 2;
1245
1248
  border-color: var(--color-border-error);
1246
1249
  color: var(--color-text-error) !important;
1247
1250
  background-color: var(--color-background-error);
1248
1251
  }
1249
- ._inputError_1qg1u_25:hover {
1252
+ ._inputError_y9r45_25:hover {
1250
1253
  border-color: var(--color-border-error-hover) !important;
1251
1254
  }
1252
- ._inputError_1qg1u_25:focus {
1255
+ ._inputError_y9r45_25:focus {
1253
1256
  position: relative;
1254
1257
  outline: none !important;
1255
1258
  border-color: var(--color-border-focus) !important;
1256
1259
  box-shadow: var(--shadow-focus);
1257
1260
  z-index: 3;
1258
1261
  }
1259
- ._inputWarning_1qg1u_26 {
1262
+ ._inputWarning_y9r45_26 {
1260
1263
  z-index: 1;
1261
1264
  border-color: var(--color-border-warning);
1262
1265
  color: var(--color-text-warning) !important;
1263
1266
  background-color: var(--color-background-warning);
1264
1267
  }
1265
- ._inputWarning_1qg1u_26:hover {
1268
+ ._inputWarning_y9r45_26:hover {
1266
1269
  border-color: var(--color-border-warning-hover) !important;
1267
1270
  }
1268
- ._inputWarning_1qg1u_26:focus {
1271
+ ._inputWarning_y9r45_26:focus {
1269
1272
  position: relative;
1270
1273
  outline: none !important;
1271
1274
  border-color: var(--color-border-focus) !important;
1272
1275
  box-shadow: var(--shadow-focus);
1273
1276
  z-index: 3;
1274
1277
  }
1275
- ._inputDisabled_1qg1u_61 {
1278
+ ._inputDisabled_y9r45_61 {
1276
1279
  pointer-events: none;
1277
1280
  background-color: var(--color-background-disabled);
1278
1281
  color: var(--color-text-muted);
1279
1282
  box-shadow: none;
1280
1283
  }
1281
- ._hideScrollbars_1qg1u_67 {
1284
+ ._hideScrollbars_y9r45_67 {
1282
1285
  /* Firefox */
1283
1286
  scrollbar-width: none;
1284
1287
  /* IE 10+ */
1285
1288
  -ms-overflow-style: none;
1286
1289
  /* Chrome, Safari and Opera */
1287
1290
  }
1288
- ._hideScrollbars_1qg1u_67::-webkit-scrollbar {
1291
+ ._hideScrollbars_y9r45_67::-webkit-scrollbar {
1289
1292
  display: none;
1290
1293
  }
1291
1294
  :root {
@@ -1314,7 +1317,7 @@ html[data-theme='dark'] {
1314
1317
  --color-border-button: rgba(255, 255, 255, 0.1);
1315
1318
  --color-border-button-hover: rgba(255, 255, 255, 0.15);
1316
1319
  }
1317
- ._button_1qg1u_103 {
1320
+ ._button_y9r45_103 {
1318
1321
  cursor: pointer;
1319
1322
  display: inline-flex;
1320
1323
  align-items: center;
@@ -1328,7 +1331,6 @@ html[data-theme='dark'] {
1328
1331
  padding: var(--padding-input);
1329
1332
  text-transform: none;
1330
1333
  text-shadow: none;
1331
- font-weight: bold;
1332
1334
  line-height: var(--line-height);
1333
1335
  font-style: normal;
1334
1336
  text-align: center;
@@ -1340,229 +1342,229 @@ html[data-theme='dark'] {
1340
1342
  min-height: var(--size);
1341
1343
  box-shadow: var(--shadow-button);
1342
1344
  }
1343
- ._button_1qg1u_103:hover {
1345
+ ._button_y9r45_103:hover {
1344
1346
  background: var(--color-background-button-default-hover);
1345
1347
  border-color: var(--color-border-button-hover);
1346
1348
  }
1347
- ._button_1qg1u_103:focus {
1349
+ ._button_y9r45_103:focus {
1348
1350
  box-shadow: var(--shadow-focus) !important;
1349
1351
  }
1350
- ._button_1qg1u_103:active {
1352
+ ._button_y9r45_103:active {
1351
1353
  background: var(--color-background-button-default-active);
1352
1354
  box-shadow: none;
1353
1355
  }
1354
- ._button_1qg1u_103._active_1qg1u_140:not(._green_1qg1u_140):not(._red_1qg1u_140):not(._orange_1qg1u_140) {
1356
+ ._button_y9r45_103._active_y9r45_139:not(._green_y9r45_139):not(._red_y9r45_139):not(._orange_y9r45_139) {
1355
1357
  border-color: var(--color-border-button-default-active);
1356
1358
  color: var(--color-text-button-default-active);
1357
1359
  position: relative;
1358
1360
  z-index: 2;
1359
1361
  }
1360
- ._button_1qg1u_103:hover,
1361
- ._button_1qg1u_103:focus,
1362
- ._button_1qg1u_103:active {
1362
+ ._button_y9r45_103:hover,
1363
+ ._button_y9r45_103:focus,
1364
+ ._button_y9r45_103:active {
1363
1365
  position: relative;
1364
1366
  z-index: 1;
1365
1367
  }
1366
- ._button_1qg1u_103 ._icon_1qg1u_152 {
1368
+ ._button_y9r45_103 ._icon_y9r45_151 {
1367
1369
  margin: -2px;
1368
1370
  margin-right: var(--spacing-1);
1369
1371
  font-size: 1.25em;
1370
1372
  display: flex;
1371
1373
  }
1372
- ._iconOnly_1qg1u_158 {
1374
+ ._iconOnly_y9r45_157 {
1373
1375
  width: var(--size);
1374
1376
  display: inline-flex;
1375
1377
  align-items: center;
1376
1378
  justify-content: center;
1377
1379
  }
1378
- ._iconOnly_1qg1u_158 ._icon_1qg1u_152 {
1380
+ ._iconOnly_y9r45_157 ._icon_y9r45_151 {
1379
1381
  margin: 0;
1380
1382
  line-height: 0;
1381
1383
  }
1382
- ._basic_1qg1u_168 {
1384
+ ._basic_y9r45_167 {
1383
1385
  color: var(--color-text-primary);
1384
1386
  background: transparent;
1385
1387
  box-shadow: none !important;
1386
1388
  border: none !important;
1387
1389
  }
1388
- ._basic_1qg1u_168._muted_1qg1u_174 {
1390
+ ._basic_y9r45_167._muted_y9r45_173 {
1389
1391
  color: var(--color-text-muted);
1390
1392
  }
1391
- ._basic_1qg1u_168:hover {
1393
+ ._basic_y9r45_167:hover {
1392
1394
  color: var(--color-text-primary-hover);
1393
1395
  background: rgba(0, 0, 0, 0.05);
1394
1396
  }
1395
- [data-theme='dark'] ._basic_1qg1u_168:hover {
1397
+ [data-theme='dark'] ._basic_y9r45_167:hover {
1396
1398
  background: rgba(255, 255, 255, 0.1);
1397
1399
  }
1398
- ._basic_1qg1u_168:active,
1399
- ._basic_1qg1u_168._active_1qg1u_140 {
1400
+ ._basic_y9r45_167:active,
1401
+ ._basic_y9r45_167._active_y9r45_139 {
1400
1402
  color: var(--color-text-primary-active);
1401
1403
  background: rgba(0, 0, 0, 0.1);
1402
1404
  }
1403
- [data-theme='dark'] ._basic_1qg1u_168:active,
1404
- [data-theme='dark'] ._basic_1qg1u_168._active_1qg1u_140 {
1405
+ [data-theme='dark'] ._basic_y9r45_167:active,
1406
+ [data-theme='dark'] ._basic_y9r45_167._active_y9r45_139 {
1405
1407
  background: rgba(255, 255, 255, 0.2);
1406
1408
  }
1407
- ._disabled_1qg1u_193 {
1409
+ ._disabled_y9r45_192 {
1408
1410
  cursor: default;
1409
1411
  pointer-events: none !important;
1410
1412
  color: var(--color-text-faint) !important;
1411
1413
  box-shadow: none !important;
1412
1414
  }
1413
- ._disabled_1qg1u_193:not(._active_1qg1u_140):not(._basic_1qg1u_168) {
1415
+ ._disabled_y9r45_192:not(._active_y9r45_139):not(._basic_y9r45_167) {
1414
1416
  background: var(--color-background-disabled) !important;
1415
1417
  border: 1px solid var(--color-border) !important;
1416
1418
  }
1417
- ._small_1qg1u_203 {
1419
+ ._small_y9r45_202 {
1418
1420
  font-size: var(--font-size-sm);
1419
1421
  min-height: var(--size-sm);
1420
1422
  padding: var(--padding-input-sm);
1421
1423
  }
1422
- ._pill_1qg1u_208,
1423
- ._round_1qg1u_209 {
1424
+ ._pill_y9r45_207,
1425
+ ._round_y9r45_208 {
1424
1426
  border-radius: 19px;
1425
1427
  display: inline-flex;
1426
1428
  align-items: center;
1427
1429
  }
1428
- ._round_1qg1u_209 {
1430
+ ._round_y9r45_208 {
1429
1431
  padding: 0;
1430
1432
  width: var(--size);
1431
1433
  line-height: 1;
1432
1434
  }
1433
- ._round_1qg1u_209._small_1qg1u_203 {
1435
+ ._round_y9r45_208._small_y9r45_202 {
1434
1436
  width: var(--size-sm);
1435
1437
  }
1436
- ._orange_1qg1u_140:not(._basic_1qg1u_168) {
1438
+ ._orange_y9r45_139:not(._basic_y9r45_167) {
1437
1439
  background-color: var(--color-background-button-primary);
1438
1440
  }
1439
- ._orange_1qg1u_140:not(._basic_1qg1u_168):hover {
1441
+ ._orange_y9r45_139:not(._basic_y9r45_167):hover {
1440
1442
  background-color: var(--color-background-button-primary-hover);
1441
1443
  }
1442
- ._orange_1qg1u_140:not(._basic_1qg1u_168):active,
1443
- ._orange_1qg1u_140:not(._basic_1qg1u_168)._active_1qg1u_140 {
1444
+ ._orange_y9r45_139:not(._basic_y9r45_167):active,
1445
+ ._orange_y9r45_139:not(._basic_y9r45_167)._active_y9r45_139 {
1444
1446
  background-color: var(--color-background-button-primary-active);
1445
1447
  }
1446
- ._red_1qg1u_140:not(._basic_1qg1u_168) {
1448
+ ._red_y9r45_139:not(._basic_y9r45_167) {
1447
1449
  background-color: var(--color-background-button-error);
1448
1450
  }
1449
- ._red_1qg1u_140:not(._basic_1qg1u_168):hover {
1451
+ ._red_y9r45_139:not(._basic_y9r45_167):hover {
1450
1452
  background-color: var(--color-background-button-error-hover);
1451
1453
  }
1452
- ._red_1qg1u_140:not(._basic_1qg1u_168):active,
1453
- ._red_1qg1u_140:not(._basic_1qg1u_168)._active_1qg1u_140 {
1454
+ ._red_y9r45_139:not(._basic_y9r45_167):active,
1455
+ ._red_y9r45_139:not(._basic_y9r45_167)._active_y9r45_139 {
1454
1456
  background-color: var(--color-background-button-error-active);
1455
1457
  }
1456
- ._red_1qg1u_140._basic_1qg1u_168 {
1458
+ ._red_y9r45_139._basic_y9r45_167 {
1457
1459
  color: var(--color-text-error);
1458
1460
  }
1459
- ._green_1qg1u_140:not(._basic_1qg1u_168) {
1461
+ ._green_y9r45_139:not(._basic_y9r45_167) {
1460
1462
  background-color: var(--color-background-button-success);
1461
1463
  }
1462
- ._green_1qg1u_140:not(._basic_1qg1u_168):hover {
1464
+ ._green_y9r45_139:not(._basic_y9r45_167):hover {
1463
1465
  background-color: var(--color-background-button-success-hover);
1464
1466
  }
1465
- ._green_1qg1u_140:not(._basic_1qg1u_168):active,
1466
- ._green_1qg1u_140:not(._basic_1qg1u_168)._active_1qg1u_140 {
1467
+ ._green_y9r45_139:not(._basic_y9r45_167):active,
1468
+ ._green_y9r45_139:not(._basic_y9r45_167)._active_y9r45_139 {
1467
1469
  background-color: var(--color-background-button-success-active);
1468
1470
  }
1469
- ._green_1qg1u_140._basic_1qg1u_168 {
1471
+ ._green_y9r45_139._basic_y9r45_167 {
1470
1472
  color: var(--color-text-success);
1471
1473
  }
1472
- ._orange_1qg1u_140:not(._basic_1qg1u_168),
1473
- ._red_1qg1u_140:not(._basic_1qg1u_168),
1474
- ._green_1qg1u_140:not(._basic_1qg1u_168) {
1474
+ ._orange_y9r45_139:not(._basic_y9r45_167),
1475
+ ._red_y9r45_139:not(._basic_y9r45_167),
1476
+ ._green_y9r45_139:not(._basic_y9r45_167) {
1475
1477
  color: #fff;
1476
1478
  }
1477
- ._orange_1qg1u_140:not(._basic_1qg1u_168):hover,
1478
- ._red_1qg1u_140:not(._basic_1qg1u_168):hover,
1479
- ._green_1qg1u_140:not(._basic_1qg1u_168):hover {
1479
+ ._orange_y9r45_139:not(._basic_y9r45_167):hover,
1480
+ ._red_y9r45_139:not(._basic_y9r45_167):hover,
1481
+ ._green_y9r45_139:not(._basic_y9r45_167):hover {
1480
1482
  color: #fff;
1481
1483
  }
1482
- ._orange_1qg1u_140:not(._basic_1qg1u_168):active,
1483
- ._red_1qg1u_140:not(._basic_1qg1u_168):active,
1484
- ._green_1qg1u_140:not(._basic_1qg1u_168):active,
1485
- ._orange_1qg1u_140:not(._basic_1qg1u_168)._active_1qg1u_140,
1486
- ._red_1qg1u_140:not(._basic_1qg1u_168)._active_1qg1u_140,
1487
- ._green_1qg1u_140:not(._basic_1qg1u_168)._active_1qg1u_140 {
1484
+ ._orange_y9r45_139:not(._basic_y9r45_167):active,
1485
+ ._red_y9r45_139:not(._basic_y9r45_167):active,
1486
+ ._green_y9r45_139:not(._basic_y9r45_167):active,
1487
+ ._orange_y9r45_139:not(._basic_y9r45_167)._active_y9r45_139,
1488
+ ._red_y9r45_139:not(._basic_y9r45_167)._active_y9r45_139,
1489
+ ._green_y9r45_139:not(._basic_y9r45_167)._active_y9r45_139 {
1488
1490
  color: #fff;
1489
1491
  }
1490
- ._error_1qg1u_276 {
1492
+ ._error_y9r45_275 {
1491
1493
  position: relative;
1492
1494
  z-index: 2;
1493
1495
  border-color: var(--color-border-error);
1494
1496
  color: var(--color-text-error) !important;
1495
1497
  background-color: var(--color-background-error);
1496
1498
  }
1497
- ._error_1qg1u_276:hover {
1499
+ ._error_y9r45_275:hover {
1498
1500
  border-color: var(--color-border-error-hover) !important;
1499
1501
  }
1500
- ._error_1qg1u_276:focus {
1502
+ ._error_y9r45_275:focus {
1501
1503
  position: relative;
1502
1504
  outline: none !important;
1503
1505
  border-color: var(--color-border-focus) !important;
1504
1506
  box-shadow: var(--shadow-focus);
1505
1507
  z-index: 3;
1506
1508
  }
1507
- ._warning_1qg1u_293 {
1509
+ ._warning_y9r45_292 {
1508
1510
  position: relative;
1509
1511
  z-index: 1;
1510
1512
  border-color: var(--color-border-warning);
1511
1513
  color: var(--color-text-warning) !important;
1512
1514
  background-color: var(--color-background-warning);
1513
1515
  }
1514
- ._warning_1qg1u_293:hover {
1516
+ ._warning_y9r45_292:hover {
1515
1517
  border-color: var(--color-border-warning-hover) !important;
1516
1518
  }
1517
- ._warning_1qg1u_293:focus {
1519
+ ._warning_y9r45_292:focus {
1518
1520
  position: relative;
1519
1521
  outline: none !important;
1520
1522
  border-color: var(--color-border-focus) !important;
1521
1523
  box-shadow: var(--shadow-focus);
1522
1524
  z-index: 3;
1523
1525
  }
1524
- ._inverted_1qg1u_310 {
1526
+ ._inverted_y9r45_309 {
1525
1527
  background-color: transparent;
1526
1528
  border-color: var(--color-text);
1527
1529
  box-shadow: none;
1528
1530
  }
1529
- ._inverted_1qg1u_310:hover,
1530
- ._inverted_1qg1u_310:active {
1531
+ ._inverted_y9r45_309:hover,
1532
+ ._inverted_y9r45_309:active {
1531
1533
  box-shadow: none;
1532
1534
  }
1533
- ._inverted_1qg1u_310._orange_1qg1u_140 {
1535
+ ._inverted_y9r45_309._orange_y9r45_139 {
1534
1536
  color: var(--color-background-button-primary);
1535
1537
  border-color: var(--color-background-button-primary);
1536
1538
  }
1537
- ._inverted_1qg1u_310._red_1qg1u_140 {
1539
+ ._inverted_y9r45_309._red_y9r45_139 {
1538
1540
  color: var(--color-background-button-error);
1539
1541
  border-color: var(--color-background-button-error);
1540
1542
  }
1541
- ._inverted_1qg1u_310._green_1qg1u_140 {
1543
+ ._inverted_y9r45_309._green_y9r45_139 {
1542
1544
  color: var(--color-background-button-success);
1543
1545
  border-color: var(--color-background-button-success);
1544
1546
  }
1545
- ._inverted_1qg1u_310._orange_1qg1u_140:hover,
1546
- ._inverted_1qg1u_310._red_1qg1u_140:hover,
1547
- ._inverted_1qg1u_310._green_1qg1u_140:hover,
1548
- ._inverted_1qg1u_310._orange_1qg1u_140:active,
1549
- ._inverted_1qg1u_310._red_1qg1u_140:active,
1550
- ._inverted_1qg1u_310._green_1qg1u_140:active {
1547
+ ._inverted_y9r45_309._orange_y9r45_139:hover,
1548
+ ._inverted_y9r45_309._red_y9r45_139:hover,
1549
+ ._inverted_y9r45_309._green_y9r45_139:hover,
1550
+ ._inverted_y9r45_309._orange_y9r45_139:active,
1551
+ ._inverted_y9r45_309._red_y9r45_139:active,
1552
+ ._inverted_y9r45_309._green_y9r45_139:active {
1551
1553
  color: white;
1552
1554
  box-shadow: none;
1553
1555
  }
1554
- ._groupOrderFirst_1qg1u_340,
1555
- ._groupOrderMiddle_1qg1u_341,
1556
- ._groupOrderLast_1qg1u_342 {
1556
+ ._groupOrderFirst_y9r45_339,
1557
+ ._groupOrderMiddle_y9r45_340,
1558
+ ._groupOrderLast_y9r45_341 {
1557
1559
  margin-right: 0;
1558
1560
  }
1559
- ._groupOrderFirst_1qg1u_340,
1560
- ._groupOrderMiddle_1qg1u_341 {
1561
+ ._groupOrderFirst_y9r45_339,
1562
+ ._groupOrderMiddle_y9r45_340 {
1561
1563
  border-top-right-radius: 0 !important;
1562
1564
  border-bottom-right-radius: 0 !important;
1563
1565
  }
1564
- ._groupOrderLast_1qg1u_342,
1565
- ._groupOrderMiddle_1qg1u_341 {
1566
+ ._groupOrderLast_y9r45_341,
1567
+ ._groupOrderMiddle_y9r45_340 {
1566
1568
  border-top-left-radius: 0 !important;
1567
1569
  border-bottom-left-radius: 0 !important;
1568
1570
  }
@@ -1822,7 +1824,7 @@ html[data-theme='dark'] {
1822
1824
  ._link_11ofj_25:active {
1823
1825
  color: var(--color-text-primary-active);
1824
1826
  }
1825
- ._heading_ed8hr_1 {
1827
+ ._heading_16g9g_1 {
1826
1828
  color: var(--color-text);
1827
1829
  line-height: var(--size-sm);
1828
1830
  font-weight: bold;
@@ -1831,21 +1833,21 @@ html[data-theme='dark'] {
1831
1833
  user-select: none;
1832
1834
  padding: 0;
1833
1835
  }
1834
- ._heading_ed8hr_1._top_ed8hr_10 {
1836
+ ._heading_16g9g_1._top_16g9g_10 {
1835
1837
  font-size: var(--font-size-xl);
1836
- margin-bottom: var(--spacing-4);
1838
+ margin-bottom: var(--padding-y);
1837
1839
  }
1838
- ._heading_ed8hr_1:not(._top_ed8hr_10) {
1840
+ ._heading_16g9g_1:not(._top_16g9g_10) {
1839
1841
  font-size: var(--font-size-sm);
1840
1842
  color: var(--color-text-muted);
1841
1843
  text-transform: uppercase;
1842
1844
  letter-spacing: 0.1em;
1843
1845
  }
1844
- ._icons_ed8hr_20 {
1846
+ ._icons_16g9g_20 {
1845
1847
  display: inline-flex;
1846
1848
  font-size: 1.25em;
1847
1849
  }
1848
- ._icons_ed8hr_20 > * {
1850
+ ._icons_16g9g_20 > * {
1849
1851
  margin-left: var(--spacing-1);
1850
1852
  }
1851
1853
  ._dialog_122co_1 {
@@ -2366,31 +2368,32 @@ html[data-theme='dark'] {
2366
2368
  ._fileInput_1elar_1 {
2367
2369
  display: none !important;
2368
2370
  }
2369
- ._label_r02ug_1 {
2371
+ ._label_1dz6f_1 {
2370
2372
  display: flex;
2371
2373
  align-items: center;
2372
2374
  }
2373
- ._label_r02ug_1._labelLeft_r02ug_5 {
2375
+ ._label_1dz6f_1._labelLeft_1dz6f_5 {
2374
2376
  margin-bottom: 0;
2375
2377
  flex-shrink: 0;
2376
2378
  padding-right: var(--spacing-2);
2377
2379
  }
2378
- ._label_r02ug_1._labelLeft_r02ug_5 > label {
2380
+ ._label_1dz6f_1._labelLeft_1dz6f_5 > label {
2379
2381
  margin-bottom: 0;
2380
2382
  }
2381
- ._label_r02ug_1 ._icons_r02ug_13 {
2383
+ ._label_1dz6f_1 ._icons_1dz6f_13 {
2382
2384
  display: inline-flex;
2383
2385
  font-size: 1.25em;
2384
2386
  }
2385
- ._label_r02ug_1 ._icons_r02ug_13 > * {
2387
+ ._label_1dz6f_1 ._icons_1dz6f_13 > * {
2386
2388
  margin-left: var(--spacing-1);
2387
2389
  }
2388
- ._label_r02ug_1 > label {
2390
+ ._label_1dz6f_1 > label {
2389
2391
  display: flex;
2390
2392
  align-items: center;
2391
2393
  font-weight: bold;
2392
2394
  font-size: var(--font-size);
2393
2395
  margin-bottom: var(--spacing-1);
2396
+ line-height: 1.25;
2394
2397
  }
2395
2398
  ._field_2ll8c_1 {
2396
2399
  margin-bottom: var(--spacing-3);
package/dist/index.js CHANGED
@@ -5570,9 +5570,9 @@ Tooltip.propTypes = {
5570
5570
  flex: propTypes$1.exports.string,
5571
5571
  forceOpen: propTypes$1.exports.bool
5572
5572
  };
5573
- const helpIcon = "_helpIcon_1uk4t_1";
5574
- const active$9 = "_active_1uk4t_6";
5575
- const clickable = "_clickable_1uk4t_9";
5573
+ const helpIcon = "_helpIcon_hd0z2_1";
5574
+ const active$9 = "_active_hd0z2_9";
5575
+ const clickable = "_clickable_hd0z2_12";
5576
5576
  const styles$O = {
5577
5577
  helpIcon,
5578
5578
  active: active$9,
@@ -11619,32 +11619,32 @@ Badge.propTypes = {
11619
11619
  margin: propTypes$1.exports.string,
11620
11620
  small: propTypes$1.exports.bool
11621
11621
  };
11622
- const inputInTable$b = "_inputInTable_1qg1u_1";
11623
- const inputHover$b = "_inputHover_1qg1u_13";
11624
- const inputFocus$b = "_inputFocus_1qg1u_18";
11625
- const inputError$b = "_inputError_1qg1u_25";
11626
- const inputWarning$b = "_inputWarning_1qg1u_26";
11627
- const inputDisabled$b = "_inputDisabled_1qg1u_61";
11628
- const hideScrollbars$b = "_hideScrollbars_1qg1u_67";
11629
- const button$3 = "_button_1qg1u_103";
11630
- const active$7 = "_active_1qg1u_140";
11631
- const green$1 = "_green_1qg1u_140";
11632
- const red$1 = "_red_1qg1u_140";
11633
- const orange$1 = "_orange_1qg1u_140";
11634
- const icon$4 = "_icon_1qg1u_152";
11635
- const iconOnly = "_iconOnly_1qg1u_158";
11636
- const basic = "_basic_1qg1u_168";
11637
- const muted$2 = "_muted_1qg1u_174";
11638
- const disabled$7 = "_disabled_1qg1u_193";
11639
- const small$c = "_small_1qg1u_203";
11640
- const pill = "_pill_1qg1u_208";
11641
- const round = "_round_1qg1u_209";
11642
- const error$8 = "_error_1qg1u_276";
11643
- const warning$c = "_warning_1qg1u_293";
11644
- const inverted$1 = "_inverted_1qg1u_310";
11645
- const groupOrderFirst$4 = "_groupOrderFirst_1qg1u_340";
11646
- const groupOrderMiddle$4 = "_groupOrderMiddle_1qg1u_341";
11647
- const groupOrderLast$4 = "_groupOrderLast_1qg1u_342";
11622
+ const inputInTable$b = "_inputInTable_y9r45_1";
11623
+ const inputHover$b = "_inputHover_y9r45_13";
11624
+ const inputFocus$b = "_inputFocus_y9r45_18";
11625
+ const inputError$b = "_inputError_y9r45_25";
11626
+ const inputWarning$b = "_inputWarning_y9r45_26";
11627
+ const inputDisabled$b = "_inputDisabled_y9r45_61";
11628
+ const hideScrollbars$b = "_hideScrollbars_y9r45_67";
11629
+ const button$3 = "_button_y9r45_103";
11630
+ const active$7 = "_active_y9r45_139";
11631
+ const green$1 = "_green_y9r45_139";
11632
+ const red$1 = "_red_y9r45_139";
11633
+ const orange$1 = "_orange_y9r45_139";
11634
+ const icon$4 = "_icon_y9r45_151";
11635
+ const iconOnly = "_iconOnly_y9r45_157";
11636
+ const basic = "_basic_y9r45_167";
11637
+ const muted$2 = "_muted_y9r45_173";
11638
+ const disabled$7 = "_disabled_y9r45_192";
11639
+ const small$c = "_small_y9r45_202";
11640
+ const pill = "_pill_y9r45_207";
11641
+ const round = "_round_y9r45_208";
11642
+ const error$8 = "_error_y9r45_275";
11643
+ const warning$c = "_warning_y9r45_292";
11644
+ const inverted$1 = "_inverted_y9r45_309";
11645
+ const groupOrderFirst$4 = "_groupOrderFirst_y9r45_339";
11646
+ const groupOrderMiddle$4 = "_groupOrderMiddle_y9r45_340";
11647
+ const groupOrderLast$4 = "_groupOrderLast_y9r45_341";
11648
11648
  const buttonStyles = {
11649
11649
  inputInTable: inputInTable$b,
11650
11650
  inputHover: inputHover$b,
@@ -14111,9 +14111,9 @@ Divider.propTypes = {
14111
14111
  color: propTypes$1.exports.string,
14112
14112
  align: propTypes$1.exports.string
14113
14113
  };
14114
- const heading$4 = "_heading_ed8hr_1";
14115
- const top$1 = "_top_ed8hr_10";
14116
- const icons$2 = "_icons_ed8hr_20";
14114
+ const heading$4 = "_heading_16g9g_1";
14115
+ const top$1 = "_top_16g9g_10";
14116
+ const icons$2 = "_icons_16g9g_20";
14117
14117
  const styles$D = {
14118
14118
  heading: heading$4,
14119
14119
  top: top$1,
@@ -17037,9 +17037,9 @@ FileInput.propTypes = {
17037
17037
  onChange: propTypes$1.exports.func,
17038
17038
  testId: propTypes$1.exports.string
17039
17039
  };
17040
- const label$7 = "_label_r02ug_1";
17041
- const labelLeft$1 = "_labelLeft_r02ug_5";
17042
- const icons$1 = "_icons_r02ug_13";
17040
+ const label$7 = "_label_1dz6f_1";
17041
+ const labelLeft$1 = "_labelLeft_1dz6f_5";
17042
+ const icons$1 = "_icons_1dz6f_13";
17043
17043
  const styles$w = {
17044
17044
  label: label$7,
17045
17045
  labelLeft: labelLeft$1,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@oliasoft-open-source/react-ui-library",
3
- "version": "4.0.0-beta-19",
3
+ "version": "4.0.0-beta-21",
4
4
  "description": "Reusable UI components for React projects",
5
5
  "homepage": "https://oliasoft-open-source.gitlab.io/react-ui-library",
6
6
  "bugs": {