@ni/nimble-components 11.15.0 → 11.15.1
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/all-components-bundle.js +198 -205
- package/dist/all-components-bundle.js.map +1 -1
- package/dist/all-components-bundle.min.js +221 -222
- package/dist/all-components-bundle.min.js.map +1 -1
- package/dist/esm/breadcrumb/styles.js.map +1 -1
- package/dist/esm/button/styles.js +62 -63
- package/dist/esm/button/styles.js.map +1 -1
- package/dist/esm/card-button/styles.js +21 -22
- package/dist/esm/card-button/styles.js.map +1 -1
- package/dist/esm/combobox/styles.js.map +1 -1
- package/dist/esm/dialog/styles.js.map +1 -1
- package/dist/esm/number-field/styles.js.map +1 -1
- package/dist/esm/patterns/button/styles.js +80 -82
- package/dist/esm/patterns/button/styles.js.map +1 -1
- package/dist/esm/patterns/dropdown/styles.js.map +1 -1
- package/dist/esm/switch/styles.js.map +1 -1
- package/dist/esm/text-area/styles.js +19 -21
- package/dist/esm/text-area/styles.js.map +1 -1
- package/dist/esm/text-field/styles.js +0 -1
- package/dist/esm/text-field/styles.js.map +1 -1
- package/dist/esm/tooltip/styles.js.map +1 -1
- package/dist/esm/tree-item/styles.js +35 -35
- package/dist/esm/tree-item/styles.js.map +1 -1
- package/package.json +1 -1
|
@@ -1389,157 +1389,158 @@ class Hd{constructor(t,e,i){this.propertyName=t,this.value=e,this.styles=i}bind(
|
|
|
1389
1389
|
display: none;
|
|
1390
1390
|
}
|
|
1391
1391
|
`.withBehaviors(Md(Rd,ut`
|
|
1392
|
-
|
|
1393
|
-
|
|
1394
|
-
|
|
1395
|
-
|
|
1396
|
-
|
|
1397
|
-
|
|
1398
|
-
|
|
1399
|
-
|
|
1400
|
-
|
|
1401
|
-
|
|
1402
|
-
|
|
1403
|
-
|
|
1404
|
-
|
|
1405
|
-
|
|
1406
|
-
|
|
1407
|
-
|
|
1408
|
-
|
|
1409
|
-
|
|
1410
|
-
|
|
1411
|
-
|
|
1412
|
-
|
|
1413
|
-
|
|
1414
|
-
|
|
1415
|
-
|
|
1416
|
-
|
|
1417
|
-
|
|
1418
|
-
|
|
1419
|
-
|
|
1420
|
-
|
|
1421
|
-
|
|
1422
|
-
|
|
1423
|
-
|
|
1424
|
-
|
|
1425
|
-
|
|
1426
|
-
|
|
1427
|
-
|
|
1428
|
-
|
|
1429
|
-
|
|
1430
|
-
|
|
1431
|
-
|
|
1432
|
-
|
|
1433
|
-
|
|
1434
|
-
|
|
1435
|
-
|
|
1436
|
-
|
|
1437
|
-
|
|
1438
|
-
|
|
1439
|
-
|
|
1440
|
-
|
|
1441
|
-
|
|
1442
|
-
|
|
1443
|
-
|
|
1444
|
-
|
|
1445
|
-
|
|
1446
|
-
|
|
1447
|
-
|
|
1448
|
-
|
|
1449
|
-
|
|
1450
|
-
|
|
1451
|
-
|
|
1452
|
-
|
|
1453
|
-
|
|
1454
|
-
|
|
1455
|
-
|
|
1456
|
-
|
|
1457
|
-
|
|
1458
|
-
|
|
1459
|
-
|
|
1460
|
-
|
|
1461
|
-
|
|
1462
|
-
|
|
1463
|
-
|
|
1464
|
-
|
|
1465
|
-
|
|
1466
|
-
|
|
1467
|
-
|
|
1468
|
-
|
|
1469
|
-
|
|
1470
|
-
|
|
1471
|
-
|
|
1472
|
-
|
|
1473
|
-
|
|
1474
|
-
|
|
1475
|
-
|
|
1476
|
-
|
|
1477
|
-
}
|
|
1478
|
-
|
|
1479
|
-
|
|
1480
|
-
|
|
1481
|
-
}
|
|
1482
|
-
|
|
1483
|
-
|
|
1484
|
-
|
|
1485
|
-
|
|
1486
|
-
|
|
1487
|
-
|
|
1488
|
-
|
|
1489
|
-
|
|
1490
|
-
|
|
1491
|
-
|
|
1492
|
-
|
|
1493
|
-
|
|
1494
|
-
|
|
1495
|
-
|
|
1496
|
-
}
|
|
1497
|
-
|
|
1498
|
-
|
|
1499
|
-
|
|
1500
|
-
|
|
1501
|
-
|
|
1502
|
-
|
|
1503
|
-
|
|
1504
|
-
|
|
1505
|
-
|
|
1506
|
-
|
|
1507
|
-
|
|
1508
|
-
|
|
1509
|
-
|
|
1510
|
-
|
|
1511
|
-
|
|
1512
|
-
|
|
1513
|
-
}
|
|
1514
|
-
|
|
1515
|
-
|
|
1516
|
-
|
|
1517
|
-
|
|
1518
|
-
|
|
1519
|
-
|
|
1520
|
-
|
|
1521
|
-
|
|
1522
|
-
|
|
1523
|
-
|
|
1524
|
-
|
|
1525
|
-
}
|
|
1526
|
-
|
|
1527
|
-
|
|
1528
|
-
|
|
1529
|
-
|
|
1530
|
-
|
|
1531
|
-
|
|
1532
|
-
|
|
1533
|
-
|
|
1534
|
-
|
|
1535
|
-
|
|
1536
|
-
|
|
1537
|
-
}
|
|
1538
|
-
|
|
1539
|
-
|
|
1540
|
-
|
|
1541
|
-
|
|
1542
|
-
|
|
1392
|
+
.control {
|
|
1393
|
+
background-color: transparent;
|
|
1394
|
+
border-color: rgba(${Nn}, 0.3);
|
|
1395
|
+
}
|
|
1396
|
+
|
|
1397
|
+
.control:hover {
|
|
1398
|
+
background-color: transparent;
|
|
1399
|
+
border-color: ${Zn};
|
|
1400
|
+
}
|
|
1401
|
+
|
|
1402
|
+
.control${Ad} {
|
|
1403
|
+
background-color: transparent;
|
|
1404
|
+
border-color: ${Zn};
|
|
1405
|
+
}
|
|
1406
|
+
|
|
1407
|
+
.control:active {
|
|
1408
|
+
background-color: ${qn};
|
|
1409
|
+
border-color: ${qn};
|
|
1410
|
+
}
|
|
1411
|
+
|
|
1412
|
+
.control[disabled] {
|
|
1413
|
+
background-color: transparent;
|
|
1414
|
+
border-color: rgba(${Xn}, 0.2);
|
|
1415
|
+
}
|
|
1416
|
+
`),Md(Vd,ut`
|
|
1417
|
+
.control {
|
|
1418
|
+
background-color: transparent;
|
|
1419
|
+
border-color: transparent;
|
|
1420
|
+
}
|
|
1421
|
+
|
|
1422
|
+
.control:hover {
|
|
1423
|
+
background-color: transparent;
|
|
1424
|
+
border-color: ${Zn};
|
|
1425
|
+
}
|
|
1426
|
+
|
|
1427
|
+
.control${Ad} {
|
|
1428
|
+
background-color: transparent;
|
|
1429
|
+
border-color: ${Zn};
|
|
1430
|
+
}
|
|
1431
|
+
|
|
1432
|
+
.control:active {
|
|
1433
|
+
background-color: ${qn};
|
|
1434
|
+
border-color: ${qn};
|
|
1435
|
+
}
|
|
1436
|
+
|
|
1437
|
+
.control[disabled] {
|
|
1438
|
+
background-color: transparent;
|
|
1439
|
+
border-color: transparent;
|
|
1440
|
+
}
|
|
1441
|
+
`),Md(Ld,ut`
|
|
1442
|
+
.control {
|
|
1443
|
+
background-color: rgba(${Xn}, 0.1);
|
|
1444
|
+
border-color: transparent;
|
|
1445
|
+
}
|
|
1446
|
+
|
|
1447
|
+
.control:hover {
|
|
1448
|
+
background-color: transparent;
|
|
1449
|
+
border-color: ${Zn};
|
|
1450
|
+
}
|
|
1451
|
+
|
|
1452
|
+
.control${Ad} {
|
|
1453
|
+
background-color: rgba(${Xn}, 0.1);
|
|
1454
|
+
border-color: ${Zn};
|
|
1455
|
+
}
|
|
1456
|
+
|
|
1457
|
+
.control${Ad}:hover {
|
|
1458
|
+
background-color: transparent;
|
|
1459
|
+
}
|
|
1460
|
+
|
|
1461
|
+
.control:active {
|
|
1462
|
+
background-color: ${qn};
|
|
1463
|
+
border-color: ${qn};
|
|
1464
|
+
}
|
|
1465
|
+
|
|
1466
|
+
.control[disabled] {
|
|
1467
|
+
background-color: rgba(${Xn}, 0.1);
|
|
1468
|
+
border-color: transparent;
|
|
1469
|
+
}
|
|
1470
|
+
`)),Pd=Td.withBehaviors(Md(Rd,ut`
|
|
1471
|
+
:host(.primary) .control {
|
|
1472
|
+
box-shadow: 0px 0px 0px ${lr}
|
|
1473
|
+
rgba(${Nn}, 0.3) inset;
|
|
1474
|
+
}
|
|
1475
|
+
|
|
1476
|
+
:host(.primary) .control:hover {
|
|
1477
|
+
box-shadow: 0px 0px 0px ${lr} ${Zn} inset;
|
|
1478
|
+
}
|
|
1479
|
+
|
|
1480
|
+
:host(.primary) .control${Ad} {
|
|
1481
|
+
box-shadow: 0px 0px 0px ${lr} ${Zn} inset;
|
|
1482
|
+
}
|
|
1483
|
+
|
|
1484
|
+
:host(.primary) .control:active {
|
|
1485
|
+
box-shadow: none;
|
|
1486
|
+
}
|
|
1487
|
+
|
|
1488
|
+
:host(.primary) .control[disabled] {
|
|
1489
|
+
box-shadow: none;
|
|
1490
|
+
}
|
|
1491
|
+
`),Md(Ld,ut`
|
|
1492
|
+
:host(.primary) .control {
|
|
1493
|
+
background-clip: padding-box;
|
|
1494
|
+
border-color: rgba(${Nn}, 0.3);
|
|
1495
|
+
border-width: calc(2 * ${lr});
|
|
1496
|
+
padding: 0 calc(${rr} - ${lr});
|
|
1497
|
+
}
|
|
1498
|
+
|
|
1499
|
+
:host(.primary[content-hidden]) .control {
|
|
1500
|
+
padding: 0px;
|
|
1501
|
+
}
|
|
1502
|
+
|
|
1503
|
+
:host(.primary) .control:hover {
|
|
1504
|
+
border-color: ${Zn};
|
|
1505
|
+
box-shadow: none;
|
|
1506
|
+
}
|
|
1507
|
+
|
|
1508
|
+
:host(.primary) .control${Ad} {
|
|
1509
|
+
background-clip: border-box;
|
|
1510
|
+
border-color: ${Zn};
|
|
1511
|
+
border-width: ${lr};
|
|
1512
|
+
box-shadow: 0px 0px 0px ${lr} ${Zn} inset;
|
|
1513
|
+
padding: 0 ${rr};
|
|
1514
|
+
}
|
|
1515
|
+
|
|
1516
|
+
:host(.primary[content-hidden]) .control${Ad} {
|
|
1517
|
+
padding: 0px;
|
|
1518
|
+
}
|
|
1519
|
+
|
|
1520
|
+
:host(.primary) .control:active {
|
|
1521
|
+
background-clip: border-box;
|
|
1522
|
+
border-color: ${qn};
|
|
1523
|
+
border-width: ${lr};
|
|
1524
|
+
box-shadow: none;
|
|
1525
|
+
padding: 0 ${rr};
|
|
1526
|
+
}
|
|
1527
|
+
|
|
1528
|
+
:host(.primary[content-hidden]) .control:active {
|
|
1529
|
+
padding: 0px;
|
|
1530
|
+
}
|
|
1531
|
+
|
|
1532
|
+
:host(.primary) .control[disabled] {
|
|
1533
|
+
background-clip: border-box;
|
|
1534
|
+
border-color: transparent;
|
|
1535
|
+
border-width: ${lr};
|
|
1536
|
+
box-shadow: none;
|
|
1537
|
+
padding: 0 ${rr};
|
|
1538
|
+
}
|
|
1539
|
+
|
|
1540
|
+
:host(.primary[content-hidden]) .control[disabled] {
|
|
1541
|
+
padding: 0px;
|
|
1542
|
+
}
|
|
1543
|
+
`))
|
|
1543
1544
|
class Bd extends Je{constructor(){super(...arguments),this.appearance=Rd,this.contentHidden=!1}}Vn([tt],Bd.prototype,"appearance",void 0),Vn([tt({attribute:"content-hidden",mode:"boolean"})],Bd.prototype,"contentHidden",void 0)
|
|
1544
1545
|
const Dd=Bd.compose({baseName:"button",baseClass:Je,template:je,styles:Pd,shadowOptions:{delegatesFocus:!0}})
|
|
1545
1546
|
Fi.getOrCreate().withPrefix("nimble").register(Dd())
|
|
@@ -1651,27 +1652,27 @@ const Fd=ut`
|
|
|
1651
1652
|
display: none;
|
|
1652
1653
|
}
|
|
1653
1654
|
`.withBehaviors(Fa(Vo,ut`
|
|
1654
|
-
|
|
1655
|
-
|
|
1656
|
-
|
|
1657
|
-
|
|
1658
|
-
|
|
1659
|
-
|
|
1660
|
-
|
|
1661
|
-
|
|
1662
|
-
|
|
1663
|
-
|
|
1664
|
-
|
|
1665
|
-
|
|
1666
|
-
|
|
1667
|
-
|
|
1668
|
-
|
|
1669
|
-
|
|
1670
|
-
|
|
1671
|
-
|
|
1672
|
-
|
|
1673
|
-
|
|
1674
|
-
|
|
1655
|
+
:host {
|
|
1656
|
+
--ni-private-card-button-background-hover-color: ${Eo(mo,.3)};
|
|
1657
|
+
--ni-private-card-button-background-active-color: ${mo};
|
|
1658
|
+
--ni-private-card-button-border-active-color: ${Eo(xo,.2)};
|
|
1659
|
+
--ni-private-card-button-border-selected-color: ${Eo(xo,.6)};
|
|
1660
|
+
}
|
|
1661
|
+
`),Fa(Lo,ut`
|
|
1662
|
+
:host {
|
|
1663
|
+
--ni-private-card-button-background-hover-color: ${Eo(vo,.07)};
|
|
1664
|
+
--ni-private-card-button-background-active-color: ${Eo(vo,.15)};
|
|
1665
|
+
--ni-private-card-button-border-active-color: ${Eo(vo,.2)};
|
|
1666
|
+
--ni-private-card-button-border-selected-color: ${vo};
|
|
1667
|
+
}
|
|
1668
|
+
`),Fa(To,ut`
|
|
1669
|
+
:host {
|
|
1670
|
+
--ni-private-card-button-background-hover-color: ${Eo(mo,.07)};
|
|
1671
|
+
--ni-private-card-button-background-active-color: ${Eo(mo,.15)};
|
|
1672
|
+
--ni-private-card-button-border-active-color: ${Eo(mo,.2)};
|
|
1673
|
+
--ni-private-card-button-border-selected-color: ${Eo(mo,.6)};
|
|
1674
|
+
}
|
|
1675
|
+
`))
|
|
1675
1676
|
class Nd extends Je{constructor(){super(...arguments),this.selected=!1}}Vn([tt({mode:"boolean"})],Nd.prototype,"selected",void 0)
|
|
1676
1677
|
const jd=Nd.compose({baseName:"card-button",template:je,styles:Fd,shadowOptions:{delegatesFocus:!0}})
|
|
1677
1678
|
Fi.getOrCreate().withPrefix("nimble").register(jd())
|
|
@@ -4144,24 +4145,24 @@ const Gu="outline",Yu="block",Qu=ut`
|
|
|
4144
4145
|
resize: vertical;
|
|
4145
4146
|
}
|
|
4146
4147
|
`.withBehaviors(Md(Gu,ut`
|
|
4147
|
-
|
|
4148
|
-
|
|
4149
|
-
|
|
4150
|
-
|
|
4151
|
-
|
|
4152
|
-
|
|
4153
|
-
|
|
4154
|
-
|
|
4155
|
-
|
|
4156
|
-
|
|
4157
|
-
|
|
4158
|
-
|
|
4159
|
-
|
|
4160
|
-
|
|
4161
|
-
|
|
4162
|
-
|
|
4163
|
-
|
|
4164
|
-
|
|
4148
|
+
.control {
|
|
4149
|
+
border-color: rgba(${Xn}, 0.3);
|
|
4150
|
+
background-color: transparent;
|
|
4151
|
+
}
|
|
4152
|
+
`),Md(Yu,ut`
|
|
4153
|
+
.control {
|
|
4154
|
+
background-color: rgba(${Xn}, 0.1);
|
|
4155
|
+
}
|
|
4156
|
+
|
|
4157
|
+
:host([readonly]) .control {
|
|
4158
|
+
background-color: transparent;
|
|
4159
|
+
}
|
|
4160
|
+
|
|
4161
|
+
:host([disabled]) .control {
|
|
4162
|
+
border-color: transparent;
|
|
4163
|
+
background-color: rgba(${Xn}, 0.1);
|
|
4164
|
+
}
|
|
4165
|
+
`))
|
|
4165
4166
|
class Ju extends Vs{constructor(){super(...arguments),this.appearance=Gu}}Vn([tt],Ju.prototype,"appearance",void 0)
|
|
4166
4167
|
const Zu=Ju.compose({baseName:"text-area",baseClass:Vs,template:(t,e)=>q`
|
|
4167
4168
|
<template
|
|
@@ -4878,38 +4879,36 @@ e&&e.setAttribute(hp,"true")}getParentTreeView(){return this.parentElement.close
|
|
|
4878
4879
|
display: block;
|
|
4879
4880
|
}
|
|
4880
4881
|
`.withBehaviors(new gp(ut`
|
|
4881
|
-
|
|
4882
|
-
|
|
4883
|
-
|
|
4884
|
-
|
|
4885
|
-
|
|
4886
|
-
|
|
4887
|
-
|
|
4888
|
-
|
|
4889
|
-
|
|
4890
|
-
|
|
4891
|
-
|
|
4892
|
-
|
|
4893
|
-
:
|
|
4894
|
-
|
|
4895
|
-
|
|
4896
|
-
|
|
4897
|
-
|
|
4898
|
-
|
|
4899
|
-
|
|
4900
|
-
|
|
4901
|
-
|
|
4902
|
-
|
|
4903
|
-
|
|
4904
|
-
|
|
4905
|
-
|
|
4906
|
-
|
|
4907
|
-
|
|
4908
|
-
|
|
4909
|
-
|
|
4910
|
-
|
|
4911
|
-
}
|
|
4912
|
-
`)),expandCollapseGlyph:Ga.data})
|
|
4882
|
+
.expand-collapse-button {
|
|
4883
|
+
left: var(
|
|
4884
|
+
--ni-private-expand-collapse-button-nested-width,
|
|
4885
|
+
calc(${cr} * -1)
|
|
4886
|
+
);
|
|
4887
|
+
}
|
|
4888
|
+
|
|
4889
|
+
.expand-collapse-button svg {
|
|
4890
|
+
transform: rotate(90deg);
|
|
4891
|
+
}
|
|
4892
|
+
|
|
4893
|
+
:host([expanded]) .expand-collapse-button svg {
|
|
4894
|
+
transform: rotate(180deg);
|
|
4895
|
+
}
|
|
4896
|
+
`,ut`
|
|
4897
|
+
.expand-collapse-button {
|
|
4898
|
+
right: var(
|
|
4899
|
+
--ni-private-expand-collapse-button-nested-width,
|
|
4900
|
+
calc(${cr} * -1)
|
|
4901
|
+
);
|
|
4902
|
+
}
|
|
4903
|
+
|
|
4904
|
+
.expand-collapse-button svg {
|
|
4905
|
+
transform: rotate(180deg);
|
|
4906
|
+
}
|
|
4907
|
+
|
|
4908
|
+
:host([expanded]) .expand-collapse-button svg {
|
|
4909
|
+
transform: rotate(135deg);
|
|
4910
|
+
}
|
|
4911
|
+
`)),expandCollapseGlyph:Ga.data})
|
|
4913
4912
|
Fi.getOrCreate().withPrefix("nimble").register(fp())
|
|
4914
4913
|
const bp=ut`
|
|
4915
4914
|
${so("flex")}
|