@appartmint/mint 2.10.0 → 2.10.2
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/css/mint.css +81 -3
- package/dist/css/mint.css.map +1 -1
- package/dist/css/mint.min.css +1 -1
- package/dist/css/mint.min.css.map +1 -1
- package/package.json +1 -1
- package/src/scss/imports/components/_index.scss +1 -0
- package/src/scss/imports/components/form/_edit-info.scss +0 -0
- package/src/scss/imports/components/form/_form.scss +0 -0
- package/src/scss/imports/components/form/_index.scss +2 -0
- package/src/scss/imports/components/form/input/_index.scss +2 -0
- package/src/scss/imports/components/form/input/_input.scss +0 -0
- package/src/scss/imports/components/form/input/_label.scss +0 -0
- package/src/scss/imports/components/widget/_button.scss +0 -3
- package/src/scss/imports/components/widget/_index.scss +1 -0
- package/src/scss/imports/components/widget/_tooltip.scss +104 -0
package/dist/css/mint.css
CHANGED
|
@@ -1029,9 +1029,6 @@ button i:only-child,
|
|
|
1029
1029
|
.mint-btn-submit.mint-success[disabled] {
|
|
1030
1030
|
filter: none !important;
|
|
1031
1031
|
}
|
|
1032
|
-
.mint-btn-submit i.fa-check {
|
|
1033
|
-
animation: submit-success 750ms ease-in-out;
|
|
1034
|
-
}
|
|
1035
1032
|
|
|
1036
1033
|
.mint-pill {
|
|
1037
1034
|
padding: 0 0.75rem;
|
|
@@ -1480,6 +1477,87 @@ p .mint-pill, p .mint-btn, :root:root p [amplify-button], p .mint-select {
|
|
|
1480
1477
|
gap: 1rem;
|
|
1481
1478
|
}
|
|
1482
1479
|
|
|
1480
|
+
.mint-tooltip {
|
|
1481
|
+
display: none;
|
|
1482
|
+
position: absolute;
|
|
1483
|
+
max-width: var(--mint-tooltip-max-width);
|
|
1484
|
+
border-radius: var(--mint-tooltip-radius);
|
|
1485
|
+
padding: var(--mint-tooltip-padding);
|
|
1486
|
+
opacity: 0;
|
|
1487
|
+
color: var(--mint-tooltip-fore);
|
|
1488
|
+
background: var(--mint-tooltip-back);
|
|
1489
|
+
box-shadow: var(--mint-tooltip-shadow-color) var(--mint-tooltip-shadow-size);
|
|
1490
|
+
font-size: var(--mint-tooltip-font-size);
|
|
1491
|
+
line-height: var(--mint-tooltip-line-height);
|
|
1492
|
+
transition: opacity 0.3s;
|
|
1493
|
+
white-space: nowrap;
|
|
1494
|
+
}
|
|
1495
|
+
.mint-tooltip.mint-top::after, .mint-tooltip.mint-bottom::after {
|
|
1496
|
+
border-left: solid var(--mint-tooltip-arrow-size) transparent;
|
|
1497
|
+
border-right: solid var(--mint-tooltip-arrow-size) transparent;
|
|
1498
|
+
}
|
|
1499
|
+
.mint-tooltip.mint-left::after, .mint-tooltip.mint-right::after {
|
|
1500
|
+
border-top: solid var(--mint-tooltip-arrow-size) transparent;
|
|
1501
|
+
border-bottom: solid var(--mint-tooltip-arrow-size) transparent;
|
|
1502
|
+
}
|
|
1503
|
+
.mint-tooltip.mint-top {
|
|
1504
|
+
bottom: calc(100% + var(--mint-tooltip-arrow-size) + var(--mint-tooltip-distance));
|
|
1505
|
+
left: 50%;
|
|
1506
|
+
transform: translateX(-50%);
|
|
1507
|
+
}
|
|
1508
|
+
.mint-tooltip.mint-top::after {
|
|
1509
|
+
bottom: calc(-1 * var(--mint-tooltip-arrow-size) + 1px);
|
|
1510
|
+
left: 50%;
|
|
1511
|
+
transform: translateX(-50%);
|
|
1512
|
+
border-top: solid var(--mint-tooltip-arrow-size) var(--mint-tooltip-back);
|
|
1513
|
+
}
|
|
1514
|
+
.mint-tooltip.mint-left {
|
|
1515
|
+
right: calc(100% + var(--mint-tooltip-arrow-size) + var(--mint-tooltip-distance));
|
|
1516
|
+
top: 50%;
|
|
1517
|
+
transform: translateY(-50%);
|
|
1518
|
+
}
|
|
1519
|
+
.mint-tooltip.mint-left::after {
|
|
1520
|
+
right: calc(-1 * var(--mint-tooltip-arrow-size) + 1px);
|
|
1521
|
+
top: 50%;
|
|
1522
|
+
transform: translateY(-50%);
|
|
1523
|
+
border-left: solid var(--mint-tooltip-arrow-size) var(--mint-tooltip-back);
|
|
1524
|
+
}
|
|
1525
|
+
.mint-tooltip.mint-bottom {
|
|
1526
|
+
top: calc(100% + var(--mint-tooltip-arrow-size) + var(--mint-tooltip-distance));
|
|
1527
|
+
left: 50%;
|
|
1528
|
+
transform: translateX(-50%);
|
|
1529
|
+
}
|
|
1530
|
+
.mint-tooltip.mint-bottom::after {
|
|
1531
|
+
top: calc(-1 * var(--mint-tooltip-arrow-size) + 1px);
|
|
1532
|
+
left: 50%;
|
|
1533
|
+
transform: translateX(-50%);
|
|
1534
|
+
border-bottom: solid var(--mint-tooltip-arrow-size) var(--mint-tooltip-back);
|
|
1535
|
+
}
|
|
1536
|
+
.mint-tooltip.mint-right {
|
|
1537
|
+
left: calc(100% + var(--mint-tooltip-arrow-size) + var(--mint-tooltip-distance));
|
|
1538
|
+
top: 50%;
|
|
1539
|
+
transform: translateY(-50%);
|
|
1540
|
+
}
|
|
1541
|
+
.mint-tooltip.mint-right::after {
|
|
1542
|
+
left: calc(-1 * var(--mint-tooltip-arrow-size) + 1px);
|
|
1543
|
+
top: 50%;
|
|
1544
|
+
transform: translateY(-50%);
|
|
1545
|
+
border-right: solid var(--mint-tooltip-arrow-size) var(--mint-tooltip-back);
|
|
1546
|
+
}
|
|
1547
|
+
.mint-tooltip::after {
|
|
1548
|
+
content: "";
|
|
1549
|
+
position: absolute;
|
|
1550
|
+
width: 0;
|
|
1551
|
+
height: 0;
|
|
1552
|
+
}
|
|
1553
|
+
.mint-tooltipped {
|
|
1554
|
+
position: relative;
|
|
1555
|
+
}
|
|
1556
|
+
.mint-tooltipped:hover .mint-tooltip {
|
|
1557
|
+
display: block;
|
|
1558
|
+
opacity: 1;
|
|
1559
|
+
}
|
|
1560
|
+
|
|
1483
1561
|
body.mint-ready app-root {
|
|
1484
1562
|
opacity: 1;
|
|
1485
1563
|
}
|