@oliasoft-open-source/react-ui-library 4.19.3-beta-2 → 4.19.4
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/global.css +54 -52
- package/dist/index.js +29 -29
- package/package.json +1 -1
package/dist/global.css
CHANGED
|
@@ -1411,17 +1411,17 @@ html[data-theme='dark'] {
|
|
|
1411
1411
|
._actionComponentContainer_1t7vd_14._active_1t7vd_36 {
|
|
1412
1412
|
color: var(--color-text-primary-active);
|
|
1413
1413
|
}
|
|
1414
|
-
.
|
|
1414
|
+
._wrapper_nnkvb_1 {
|
|
1415
1415
|
display: inline-flex;
|
|
1416
1416
|
max-width: 100%;
|
|
1417
1417
|
}
|
|
1418
|
-
.
|
|
1418
|
+
._layer_nnkvb_5 ._wrapper_nnkvb_1 {
|
|
1419
1419
|
width: 100%;
|
|
1420
1420
|
}
|
|
1421
|
-
.
|
|
1421
|
+
._layerContainer_nnkvb_8 {
|
|
1422
1422
|
z-index: var(--zindex-dropdown);
|
|
1423
1423
|
}
|
|
1424
|
-
.
|
|
1424
|
+
._layer_nnkvb_5 {
|
|
1425
1425
|
border: 1px solid var(--color-border);
|
|
1426
1426
|
border-radius: var(--border-radius);
|
|
1427
1427
|
overflow: hidden;
|
|
@@ -1434,98 +1434,101 @@ html[data-theme='dark'] {
|
|
|
1434
1434
|
overflow-y: auto;
|
|
1435
1435
|
max-height: 40vh;
|
|
1436
1436
|
}
|
|
1437
|
-
.
|
|
1437
|
+
._layer_nnkvb_5._nested_nnkvb_24 {
|
|
1438
1438
|
margin: -1px 2px;
|
|
1439
1439
|
}
|
|
1440
|
-
.
|
|
1440
|
+
._layer_nnkvb_5 ul {
|
|
1441
1441
|
margin: 0;
|
|
1442
1442
|
padding: 0;
|
|
1443
1443
|
list-style-type: none;
|
|
1444
1444
|
}
|
|
1445
|
-
.
|
|
1445
|
+
._layer_nnkvb_5 ul li {
|
|
1446
1446
|
list-style: none;
|
|
1447
1447
|
display: block;
|
|
1448
1448
|
}
|
|
1449
|
-
.
|
|
1449
|
+
._fileInput_nnkvb_36 {
|
|
1450
1450
|
opacity: 0;
|
|
1451
1451
|
position: absolute;
|
|
1452
1452
|
inset: 0;
|
|
1453
1453
|
}
|
|
1454
|
-
.
|
|
1454
|
+
._trigger_nnkvb_41 {
|
|
1455
1455
|
display: inline-flex;
|
|
1456
1456
|
align-items: center;
|
|
1457
1457
|
cursor: pointer;
|
|
1458
1458
|
max-width: 100%;
|
|
1459
1459
|
}
|
|
1460
|
-
.
|
|
1460
|
+
._layer_nnkvb_5 ._trigger_nnkvb_41 {
|
|
1461
1461
|
width: 100%;
|
|
1462
1462
|
}
|
|
1463
|
-
.
|
|
1463
|
+
._middleAlignedInline_nnkvb_50 {
|
|
1464
1464
|
display: flex;
|
|
1465
1465
|
align-items: center;
|
|
1466
1466
|
overflow: hidden;
|
|
1467
1467
|
width: 100%;
|
|
1468
1468
|
}
|
|
1469
|
-
.
|
|
1469
|
+
._heading_nnkvb_56 {
|
|
1470
1470
|
color: var(--color-text-muted);
|
|
1471
1471
|
letter-spacing: var(--letter-spacing-wide);
|
|
1472
1472
|
text-transform: uppercase;
|
|
1473
1473
|
font-weight: bold;
|
|
1474
1474
|
}
|
|
1475
|
-
.
|
|
1475
|
+
._heading_nnkvb_56 ._headingIcon_nnkvb_62 {
|
|
1476
1476
|
float: right;
|
|
1477
1477
|
}
|
|
1478
|
-
.
|
|
1478
|
+
._heading_nnkvb_56 ._headingIcon_nnkvb_62 svg {
|
|
1479
1479
|
color: var(--color-text-faint);
|
|
1480
1480
|
}
|
|
1481
|
-
.
|
|
1481
|
+
._heading_nnkvb_56 ._headingIcon_nnkvb_62:hover {
|
|
1482
1482
|
cursor: pointer;
|
|
1483
1483
|
}
|
|
1484
|
-
.
|
|
1484
|
+
._heading_nnkvb_56 ._headingIcon_nnkvb_62:hover svg {
|
|
1485
1485
|
color: var(--color-text-primary-hover);
|
|
1486
1486
|
}
|
|
1487
|
-
.
|
|
1487
|
+
._option_nnkvb_74 {
|
|
1488
1488
|
color: inherit;
|
|
1489
1489
|
display: block;
|
|
1490
1490
|
position: relative;
|
|
1491
1491
|
}
|
|
1492
|
-
.
|
|
1493
|
-
.
|
|
1494
|
-
|
|
1492
|
+
._option_nnkvb_74._disabled_nnkvb_79 {
|
|
1493
|
+
opacity: 0.2;
|
|
1494
|
+
}
|
|
1495
|
+
._heading_nnkvb_56,
|
|
1496
|
+
._option_nnkvb_74,
|
|
1497
|
+
._layer_nnkvb_5 ._trigger_nnkvb_41 {
|
|
1495
1498
|
padding: var(--padding-input);
|
|
1496
1499
|
border: 1px solid transparent;
|
|
1497
1500
|
}
|
|
1498
|
-
.
|
|
1499
|
-
.
|
|
1501
|
+
._option_nnkvb_74,
|
|
1502
|
+
._layer_nnkvb_5 ._trigger_nnkvb_41 {
|
|
1500
1503
|
line-height: var(--line-height);
|
|
1501
1504
|
display: flex;
|
|
1502
1505
|
align-items: flex-start;
|
|
1503
1506
|
}
|
|
1504
|
-
.
|
|
1505
|
-
.
|
|
1506
|
-
.
|
|
1507
|
-
.
|
|
1507
|
+
._option_nnkvb_74:hover,
|
|
1508
|
+
._layer_nnkvb_5 ._trigger_nnkvb_41:hover,
|
|
1509
|
+
._option_nnkvb_74._active_nnkvb_96,
|
|
1510
|
+
._layer_nnkvb_5 ._trigger_nnkvb_41._active_nnkvb_96 {
|
|
1508
1511
|
background-color: var(--color-background-listitem-hover);
|
|
1509
1512
|
cursor: pointer;
|
|
1510
1513
|
}
|
|
1511
|
-
.
|
|
1512
|
-
.
|
|
1514
|
+
._option_nnkvb_74._selected_nnkvb_101,
|
|
1515
|
+
._layer_nnkvb_5 ._trigger_nnkvb_41._selected_nnkvb_101 {
|
|
1513
1516
|
background-color: var(--color-background-listitem-active);
|
|
1514
1517
|
}
|
|
1515
|
-
.
|
|
1518
|
+
._layer_nnkvb_5 ._trigger_nnkvb_41 {
|
|
1516
1519
|
align-items: center;
|
|
1517
1520
|
}
|
|
1518
|
-
.
|
|
1521
|
+
._optionContent_nnkvb_108 {
|
|
1519
1522
|
flex-wrap: wrap;
|
|
1520
1523
|
margin-right: auto;
|
|
1521
1524
|
}
|
|
1522
|
-
.
|
|
1525
|
+
._inline_nnkvb_112 ._optionContent_nnkvb_108 {
|
|
1523
1526
|
display: flex;
|
|
1524
1527
|
justify-content: space-between;
|
|
1525
1528
|
flex-grow: 1;
|
|
1526
1529
|
}
|
|
1527
|
-
.
|
|
1528
|
-
.
|
|
1530
|
+
._icon_nnkvb_117,
|
|
1531
|
+
._check_nnkvb_118 {
|
|
1529
1532
|
display: flex;
|
|
1530
1533
|
flex-shrink: 1;
|
|
1531
1534
|
width: var(--size-xs);
|
|
@@ -1533,83 +1536,82 @@ html[data-theme='dark'] {
|
|
|
1533
1536
|
justify-content: center;
|
|
1534
1537
|
align-items: center;
|
|
1535
1538
|
}
|
|
1536
|
-
.
|
|
1539
|
+
._icon_nnkvb_117 {
|
|
1537
1540
|
margin-right: var(--padding-xs);
|
|
1538
1541
|
color: var(--color-text-primary);
|
|
1539
1542
|
font-size: var(--size-xs);
|
|
1540
1543
|
}
|
|
1541
|
-
.
|
|
1544
|
+
._icon_nnkvb_117:empty {
|
|
1542
1545
|
display: none;
|
|
1543
1546
|
}
|
|
1544
|
-
.
|
|
1547
|
+
._icon_nnkvb_117 img {
|
|
1545
1548
|
max-height: 16px;
|
|
1546
1549
|
max-width: 16px;
|
|
1547
1550
|
width: auto;
|
|
1548
1551
|
height: auto;
|
|
1549
1552
|
}
|
|
1550
|
-
.
|
|
1553
|
+
._check_nnkvb_118 {
|
|
1551
1554
|
margin-left: var(--padding-xs);
|
|
1552
1555
|
color: var(--color-text-primary);
|
|
1553
1556
|
}
|
|
1554
|
-
.
|
|
1557
|
+
._text_nnkvb_144 {
|
|
1555
1558
|
display: inline-flex;
|
|
1556
1559
|
align-items: center;
|
|
1557
1560
|
cursor: pointer;
|
|
1558
1561
|
}
|
|
1559
|
-
.
|
|
1562
|
+
._label_nnkvb_149 {
|
|
1560
1563
|
margin-right: auto;
|
|
1561
1564
|
}
|
|
1562
|
-
.
|
|
1563
|
-
.
|
|
1565
|
+
._label_nnkvb_149,
|
|
1566
|
+
._heading_nnkvb_56 {
|
|
1564
1567
|
max-width: 100%;
|
|
1565
1568
|
display: block;
|
|
1566
1569
|
overflow: hidden;
|
|
1567
1570
|
text-overflow: ellipsis;
|
|
1568
1571
|
white-space: nowrap;
|
|
1569
1572
|
}
|
|
1570
|
-
.
|
|
1573
|
+
._description_nnkvb_160 {
|
|
1571
1574
|
color: #999;
|
|
1572
1575
|
display: block;
|
|
1573
1576
|
}
|
|
1574
|
-
.
|
|
1577
|
+
._arrow_nnkvb_164 {
|
|
1575
1578
|
margin-left: var(--padding-xxs);
|
|
1576
1579
|
display: flex;
|
|
1577
1580
|
}
|
|
1578
|
-
.
|
|
1581
|
+
._divider_nnkvb_168 {
|
|
1579
1582
|
border: 0;
|
|
1580
1583
|
border-top: 1px solid var(--color-border);
|
|
1581
1584
|
}
|
|
1582
|
-
.
|
|
1585
|
+
._deprecatedSemanticIcon_nnkvb_172 {
|
|
1583
1586
|
color: var(--color-text-primary) !important;
|
|
1584
1587
|
margin: -5px 0 0 !important;
|
|
1585
1588
|
}
|
|
1586
|
-
.
|
|
1587
|
-
opacity: 0.2;
|
|
1589
|
+
._disabled_nnkvb_79 {
|
|
1588
1590
|
pointer-events: none;
|
|
1589
1591
|
cursor: not-allowed !important;
|
|
1590
1592
|
}
|
|
1591
|
-
.
|
|
1593
|
+
._buttonLabel_nnkvb_180 {
|
|
1592
1594
|
overflow: hidden;
|
|
1593
1595
|
text-overflow: ellipsis;
|
|
1594
1596
|
display: block;
|
|
1595
1597
|
margin-right: auto;
|
|
1596
1598
|
}
|
|
1597
|
-
.
|
|
1599
|
+
._buttonCaret_nnkvb_186 {
|
|
1598
1600
|
display: flex;
|
|
1599
1601
|
margin-left: var(--padding-xxs);
|
|
1600
1602
|
}
|
|
1601
|
-
.
|
|
1603
|
+
._component_nnkvb_190 {
|
|
1602
1604
|
display: inline-flex;
|
|
1603
1605
|
align-items: center;
|
|
1604
1606
|
justify-content: center;
|
|
1605
1607
|
cursor: pointer;
|
|
1606
1608
|
}
|
|
1607
|
-
.
|
|
1609
|
+
._right_nnkvb_196 {
|
|
1608
1610
|
margin-left: auto;
|
|
1609
1611
|
display: flex;
|
|
1610
1612
|
align-items: center;
|
|
1611
1613
|
}
|
|
1612
|
-
.
|
|
1614
|
+
._actions_nnkvb_201 {
|
|
1613
1615
|
margin-left: var(--padding-xs);
|
|
1614
1616
|
display: flex;
|
|
1615
1617
|
align-items: center;
|
package/dist/index.js
CHANGED
|
@@ -4188,34 +4188,34 @@ const styles$N = {
|
|
|
4188
4188
|
actionComponentContainer,
|
|
4189
4189
|
active: active$7
|
|
4190
4190
|
};
|
|
4191
|
-
const wrapper$4 = "
|
|
4192
|
-
const layer$1 = "
|
|
4193
|
-
const layerContainer$1 = "
|
|
4194
|
-
const nested = "
|
|
4195
|
-
const fileInput$1 = "
|
|
4196
|
-
const trigger$2 = "
|
|
4197
|
-
const middleAlignedInline = "
|
|
4198
|
-
const heading$5 = "
|
|
4199
|
-
const headingIcon = "
|
|
4200
|
-
const option$1 = "
|
|
4201
|
-
const
|
|
4202
|
-
const
|
|
4203
|
-
const
|
|
4204
|
-
const
|
|
4205
|
-
const
|
|
4206
|
-
const
|
|
4207
|
-
const
|
|
4208
|
-
const
|
|
4209
|
-
const
|
|
4210
|
-
const
|
|
4211
|
-
const
|
|
4212
|
-
const
|
|
4213
|
-
const
|
|
4214
|
-
const buttonLabel = "
|
|
4215
|
-
const buttonCaret = "
|
|
4216
|
-
const component = "
|
|
4217
|
-
const right$7 = "
|
|
4218
|
-
const actions$1 = "
|
|
4191
|
+
const wrapper$4 = "_wrapper_nnkvb_1";
|
|
4192
|
+
const layer$1 = "_layer_nnkvb_5";
|
|
4193
|
+
const layerContainer$1 = "_layerContainer_nnkvb_8";
|
|
4194
|
+
const nested = "_nested_nnkvb_24";
|
|
4195
|
+
const fileInput$1 = "_fileInput_nnkvb_36";
|
|
4196
|
+
const trigger$2 = "_trigger_nnkvb_41";
|
|
4197
|
+
const middleAlignedInline = "_middleAlignedInline_nnkvb_50";
|
|
4198
|
+
const heading$5 = "_heading_nnkvb_56";
|
|
4199
|
+
const headingIcon = "_headingIcon_nnkvb_62";
|
|
4200
|
+
const option$1 = "_option_nnkvb_74";
|
|
4201
|
+
const disabled$8 = "_disabled_nnkvb_79";
|
|
4202
|
+
const active$6 = "_active_nnkvb_96";
|
|
4203
|
+
const selected$1 = "_selected_nnkvb_101";
|
|
4204
|
+
const optionContent$1 = "_optionContent_nnkvb_108";
|
|
4205
|
+
const inline$4 = "_inline_nnkvb_112";
|
|
4206
|
+
const icon$4 = "_icon_nnkvb_117";
|
|
4207
|
+
const check$1 = "_check_nnkvb_118";
|
|
4208
|
+
const text$3 = "_text_nnkvb_144";
|
|
4209
|
+
const label$a = "_label_nnkvb_149";
|
|
4210
|
+
const description = "_description_nnkvb_160";
|
|
4211
|
+
const arrow$1 = "_arrow_nnkvb_164";
|
|
4212
|
+
const divider$1 = "_divider_nnkvb_168";
|
|
4213
|
+
const deprecatedSemanticIcon = "_deprecatedSemanticIcon_nnkvb_172";
|
|
4214
|
+
const buttonLabel = "_buttonLabel_nnkvb_180";
|
|
4215
|
+
const buttonCaret = "_buttonCaret_nnkvb_186";
|
|
4216
|
+
const component = "_component_nnkvb_190";
|
|
4217
|
+
const right$7 = "_right_nnkvb_196";
|
|
4218
|
+
const actions$1 = "_actions_nnkvb_201";
|
|
4219
4219
|
const styles$M = {
|
|
4220
4220
|
wrapper: wrapper$4,
|
|
4221
4221
|
layer: layer$1,
|
|
@@ -4227,6 +4227,7 @@ const styles$M = {
|
|
|
4227
4227
|
heading: heading$5,
|
|
4228
4228
|
headingIcon,
|
|
4229
4229
|
option: option$1,
|
|
4230
|
+
disabled: disabled$8,
|
|
4230
4231
|
active: active$6,
|
|
4231
4232
|
selected: selected$1,
|
|
4232
4233
|
optionContent: optionContent$1,
|
|
@@ -4239,7 +4240,6 @@ const styles$M = {
|
|
|
4239
4240
|
arrow: arrow$1,
|
|
4240
4241
|
divider: divider$1,
|
|
4241
4242
|
deprecatedSemanticIcon,
|
|
4242
|
-
disabled: disabled$8,
|
|
4243
4243
|
buttonLabel,
|
|
4244
4244
|
buttonCaret,
|
|
4245
4245
|
component,
|
package/package.json
CHANGED