@policystudio/policy-studio-ui-vue 1.2.0-access.2 → 1.2.0-access.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.
Files changed (3) hide show
  1. package/dist/css/psui_styles_output.css +102 -116
  2. package/package.json +1 -1
  3. package/tailwind.config.js +27 -12
package/dist/css/psui_styles_output.css CHANGED
@@ -638,7 +638,7 @@ video {
638
638
  }
639
639
  .psui-el-chips .psui-el-chips-wrapper:focus, .psui-el-chips .psui-el-chips-wrapper:active {
640
640
  --tw-border-opacity: 1;
641
- border-color: rgb(49, 143, 172, var(--tw-border-opacity, 1));
641
+ border-color: rgb(18, 121, 153, var(--tw-border-opacity, 1));
642
642
  }
643
643
  .psui-el-chips .psui-el-chips-wrapper:focus, .psui-el-chips .psui-el-chips-wrapper:active {
644
644
  --tw-bg-opacity: 1;
@@ -653,7 +653,7 @@ video {
653
653
  }
654
654
  .psui-el-chips .psui-el-chips-wrapper.checked {
655
655
  --tw-border-opacity: 1;
656
- border-color: rgb(49, 143, 172, var(--tw-border-opacity, 1));
656
+ border-color: rgb(18, 121, 153, var(--tw-border-opacity, 1));
657
657
  }
658
658
  .psui-el-chips .psui-el-chips-wrapper.checked {
659
659
  --tw-bg-opacity: 1;
@@ -731,7 +731,7 @@ video {
731
731
  }
732
732
  .psui-el-chips.type-checkbox input:checked + .psui-el-chips-wrapper:before, .psui-el-chips.type-radio input:checked + .psui-el-chips-wrapper:before {
733
733
  --tw-text-opacity: 1;
734
- color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
734
+ color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
735
735
  }
736
736
  .psui-el-chips.type-checkbox input:checked + .psui-el-chips-wrapper:hover, .psui-el-chips.type-radio input:checked + .psui-el-chips-wrapper:hover {
737
737
  --tw-text-opacity: 1;
@@ -801,7 +801,7 @@ video {
801
801
  }
802
802
  .psui-el-chips.type-button.layout-with-icon .psui-el-chips-wrapper:hover {
803
803
  --tw-text-opacity: 1;
804
- color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
804
+ color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
805
805
  }
806
806
  .psui-el-chips.type-button.layout-with-icon .psui-el-chips-icon {
807
807
  margin-right: 0.5rem;
@@ -869,11 +869,11 @@ video {
869
869
  .psui-el-chips.type-button.layout-rich .psui-el-chips-wrapper:focus .psui-el-chips-close, .psui-el-chips.type-button.layout-rich .psui-el-chips-wrapper:active,
870
870
  .psui-el-chips.type-button.layout-rich .psui-el-chips-wrapper:active .psui-el-chips-close {
871
871
  --tw-text-opacity: 1;
872
- color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
872
+ color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
873
873
  }
874
874
  .psui-el-chips.type-button.layout-rich .psui-el-chips-wrapper:focus .psui-el-chips-icon-prepend, .psui-el-chips.type-button.layout-rich .psui-el-chips-wrapper:active .psui-el-chips-icon-prepend {
875
875
  --tw-bg-opacity: 1;
876
- background-color: rgb(49, 143, 172, var(--tw-bg-opacity, 1));
876
+ background-color: rgb(18, 121, 153, var(--tw-bg-opacity, 1));
877
877
  }
878
878
  .psui-el-chips.type-button.layout-rich .psui-el-chips-icon {
879
879
  font-size: 16px;
@@ -943,7 +943,7 @@ video {
943
943
  }
944
944
  .psui-el-toggle button {
945
945
  --tw-text-opacity: 1;
946
- color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
946
+ color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
947
947
  }
948
948
  .psui-el-toggle button {
949
949
  outline: 2px solid transparent;
@@ -958,7 +958,7 @@ video {
958
958
  }
959
959
  .psui-el-toggle button.status-active {
960
960
  --tw-bg-opacity: 1;
961
- background-color: rgb(49, 143, 172, var(--tw-bg-opacity, 1));
961
+ background-color: rgb(18, 121, 153, var(--tw-bg-opacity, 1));
962
962
  }
963
963
  .psui-el-toggle button.status-active {
964
964
  font-weight: 700;
@@ -1055,7 +1055,7 @@ video {
1055
1055
  }
1056
1056
  .psui-el-tab-header.layout-policy-design button:after {
1057
1057
  --tw-bg-opacity: 1;
1058
- background-color: rgb(49, 143, 172, var(--tw-bg-opacity, 1));
1058
+ background-color: rgb(18, 121, 153, var(--tw-bg-opacity, 1));
1059
1059
  }
1060
1060
  .psui-el-tab-header.layout-policy-design button:after {
1061
1061
  opacity: 0;
@@ -1071,14 +1071,14 @@ video {
1071
1071
  }
1072
1072
  .psui-el-tab-header.layout-policy-design button.status-active {
1073
1073
  --tw-border-opacity: 1;
1074
- border-color: rgb(49, 143, 172, var(--tw-border-opacity, 1));
1074
+ border-color: rgb(18, 121, 153, var(--tw-border-opacity, 1));
1075
1075
  }
1076
1076
  .psui-el-tab-header.layout-policy-design button.status-active:after {
1077
1077
  opacity: 1;
1078
1078
  }
1079
1079
  .psui-el-tab-header.layout-policy-design button.status-active > div {
1080
1080
  --tw-text-opacity: 1;
1081
- color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
1081
+ color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
1082
1082
  }
1083
1083
  .psui-el-tab-header.layout-policy-design button.status-active > span {
1084
1084
  font-weight: 700;
@@ -1136,14 +1136,14 @@ video {
1136
1136
  }
1137
1137
  .psui-el-tab-header.layout-standard button:hover {
1138
1138
  --tw-text-opacity: 1;
1139
- color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
1139
+ color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
1140
1140
  }
1141
1141
  .psui-el-tab-header.layout-standard button:hover {
1142
1142
  box-shadow: inset 0px 0px 8px rgba(40, 50, 59, 0.05);
1143
1143
  }
1144
1144
  .psui-el-tab-header.layout-standard button.status-active {
1145
1145
  --tw-bg-opacity: 1;
1146
- background-color: rgb(49, 143, 172, var(--tw-bg-opacity, 1));
1146
+ background-color: rgb(18, 121, 153, var(--tw-bg-opacity, 1));
1147
1147
  }
1148
1148
  .psui-el-tab-header.layout-standard button.status-active {
1149
1149
  font-weight: 700;
@@ -1172,22 +1172,22 @@ video {
1172
1172
  }
1173
1173
  .psui-el-tab-header.layout-underline button:hover {
1174
1174
  --tw-text-opacity: 1;
1175
- color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
1175
+ color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
1176
1176
  }
1177
1177
  .psui-el-tab-header.layout-underline button:not(:last-child) {
1178
1178
  margin-right: 20px;
1179
1179
  }
1180
1180
  .psui-el-tab-header.layout-underline button.status-enable:hover {
1181
1181
  --tw-text-opacity: 1;
1182
- color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
1182
+ color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
1183
1183
  }
1184
1184
  .psui-el-tab-header.layout-underline button.status-active {
1185
1185
  --tw-border-opacity: 1;
1186
- border-color: rgb(100, 181, 206, var(--tw-border-opacity, 1));
1186
+ border-color: rgb(45, 165, 204, var(--tw-border-opacity, 1));
1187
1187
  }
1188
1188
  .psui-el-tab-header.layout-underline button.status-active {
1189
1189
  --tw-text-opacity: 1;
1190
- color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
1190
+ color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
1191
1191
  }
1192
1192
  .psui-el-tab-header.layout-folder .psui-el-tooltip:not(:last-child) {
1193
1193
  margin-right: 20px;
@@ -1209,7 +1209,7 @@ video {
1209
1209
  }
1210
1210
  .psui-el-tab-header.layout-folder button:hover {
1211
1211
  --tw-text-opacity: 1;
1212
- color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
1212
+ color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
1213
1213
  }
1214
1214
  .psui-el-tab-header.layout-folder button:not(:last-child) {
1215
1215
  margin-right: 4px;
@@ -1227,7 +1227,7 @@ video {
1227
1227
  }
1228
1228
  .psui-el-tab-header.layout-folder button.status-active {
1229
1229
  --tw-text-opacity: 1;
1230
- color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
1230
+ color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
1231
1231
  }
1232
1232
 
1233
1233
  .psui-el-accordion-item {
@@ -1290,11 +1290,11 @@ video {
1290
1290
  }
1291
1291
  .psui-el-accordion-item-header-wrapper:hover .psui-el-accordion-item-icon {
1292
1292
  --tw-text-opacity: 1 !important;
1293
- color: rgb(49, 143, 172, var(--tw-text-opacity, 1)) !important;
1293
+ color: rgb(18, 121, 153, var(--tw-text-opacity, 1)) !important;
1294
1294
  }
1295
1295
  .psui-el-accordion-item-header-wrapper:hover .psui-el-accordion-item-title {
1296
1296
  --tw-text-opacity: 1;
1297
- color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
1297
+ color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
1298
1298
  }
1299
1299
  .psui-el-accordion-item-title {
1300
1300
  margin-right: auto;
@@ -1327,7 +1327,6 @@ video {
1327
1327
  }
1328
1328
  .psui-el-accordion.layout-big .psui-el-accordion-item-title {
1329
1329
  font-size: 18px;
1330
- line-height: 120%;
1331
1330
  }
1332
1331
  .psui-el-accordion.layout-big .psui-el-accordion-item-title {
1333
1332
  font-weight: 700;
@@ -1352,11 +1351,11 @@ video {
1352
1351
  }
1353
1352
  .psui-el-accordion .psui-el-accordion-item.status-opened .psui-el-accordion-item-header .psui-el-accordion-item-header-wrapper .psui-el-accordion-item-icon {
1354
1353
  --tw-text-opacity: 1;
1355
- color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
1354
+ color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
1356
1355
  }
1357
1356
  .psui-el-accordion .psui-el-accordion-item.status-opened .psui-el-accordion-item-header .psui-el-accordion-item-header-wrapper .psui-el-accordion-item-title {
1358
1357
  --tw-text-opacity: 1;
1359
- color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
1358
+ color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
1360
1359
  }
1361
1360
  .psui-el-accordion .psui-el-accordion-item-content {
1362
1361
  margin-bottom: 1.25rem;
@@ -1472,11 +1471,11 @@ video {
1472
1471
  }
1473
1472
  .psui-el-input.status-error .psui-el-input-wrapper {
1474
1473
  --tw-border-opacity: 1;
1475
- border-color: rgb(214, 92, 90, var(--tw-border-opacity, 1));
1474
+ border-color: rgb(205, 155, 155, var(--tw-border-opacity, 1));
1476
1475
  }
1477
1476
  .psui-el-input.status-error .psui-el-input-hint {
1478
1477
  --tw-text-opacity: 1;
1479
- color: rgb(214, 92, 90, var(--tw-text-opacity, 1));
1478
+ color: rgb(205, 155, 155, var(--tw-text-opacity, 1));
1480
1479
  }
1481
1480
  .psui-el-input.status-disabled .psui-el-input-wrapper {
1482
1481
  --tw-border-opacity: 1;
@@ -1500,18 +1499,17 @@ video {
1500
1499
  }
1501
1500
  .psui-el-input.layout-default input {
1502
1501
  font-size: 16px;
1503
- line-height: 130%;
1504
1502
  }
1505
1503
  .psui-el-input.layout-default input {
1506
1504
  padding: 11.5px 16px;
1507
1505
  }
1508
1506
  .psui-el-input.layout-default.status-resting .psui-el-input-wrapper:hover {
1509
1507
  --tw-border-opacity: 1;
1510
- border-color: rgb(100, 181, 206, var(--tw-border-opacity, 1));
1508
+ border-color: rgb(45, 165, 204, var(--tw-border-opacity, 1));
1511
1509
  }
1512
1510
  .psui-el-input.layout-default.status-active .psui-el-input-wrapper {
1513
1511
  --tw-border-opacity: 1;
1514
- border-color: rgb(49, 143, 172, var(--tw-border-opacity, 1));
1512
+ border-color: rgb(18, 121, 153, var(--tw-border-opacity, 1));
1515
1513
  }
1516
1514
  .psui-el-input.layout-mini input {
1517
1515
  font-size: 14px;
@@ -1522,15 +1520,15 @@ video {
1522
1520
  }
1523
1521
  .psui-el-input.layout-mini.status-resting .psui-el-input-wrapper:hover {
1524
1522
  --tw-border-opacity: 1;
1525
- border-color: rgb(93, 184, 131, var(--tw-border-opacity, 1));
1523
+ border-color: rgb(155, 222, 181, var(--tw-border-opacity, 1));
1526
1524
  }
1527
1525
  .psui-el-input.layout-mini.status-active .psui-el-input-wrapper {
1528
1526
  --tw-border-opacity: 1;
1529
- border-color: rgb(93, 184, 131, var(--tw-border-opacity, 1));
1527
+ border-color: rgb(155, 222, 181, var(--tw-border-opacity, 1));
1530
1528
  }
1531
1529
  .psui-el-input.layout-mini.status-active .psui-el-input-wrapper input {
1532
1530
  --tw-text-opacity: 1;
1533
- color: rgb(93, 184, 131, var(--tw-text-opacity, 1));
1531
+ color: rgb(155, 222, 181, var(--tw-text-opacity, 1));
1534
1532
  }
1535
1533
  .psui-el-input.layout-mini.status-active .psui-el-input-wrapper input.focus {
1536
1534
  --tw-text-opacity: 1;
@@ -1645,7 +1643,7 @@ video {
1645
1643
  }
1646
1644
  .psui-el-button.size-small.layout-onlytext:active:not(.disabled) {
1647
1645
  --tw-text-opacity: 1;
1648
- color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
1646
+ color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
1649
1647
  }
1650
1648
  .psui-el-button.size-small.layout-onlytext:active:not(.disabled) {
1651
1649
  box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.05);
@@ -1656,7 +1654,7 @@ video {
1656
1654
  }
1657
1655
  .psui-el-button.size-small.hover.layout-onlytext {
1658
1656
  --tw-text-opacity: 1 !important;
1659
- color: rgb(49, 143, 172, var(--tw-text-opacity, 1)) !important;
1657
+ color: rgb(18, 121, 153, var(--tw-text-opacity, 1)) !important;
1660
1658
  }
1661
1659
  .psui-el-button.size-small.icon-left i {
1662
1660
  font-size: 18px;
@@ -1668,7 +1666,7 @@ video {
1668
1666
  }
1669
1667
  .psui-el-button.layout-solid {
1670
1668
  --tw-bg-opacity: 1;
1671
- background-color: rgb(49, 143, 172, var(--tw-bg-opacity, 1));
1669
+ background-color: rgb(18, 121, 153, var(--tw-bg-opacity, 1));
1672
1670
  }
1673
1671
  .psui-el-button.layout-solid {
1674
1672
  --tw-text-opacity: 1;
@@ -1676,7 +1674,7 @@ video {
1676
1674
  }
1677
1675
  .psui-el-button.layout-solid.hover {
1678
1676
  --tw-bg-opacity: 1;
1679
- background-color: rgb(100, 181, 206, var(--tw-bg-opacity, 1));
1677
+ background-color: rgb(45, 165, 204, var(--tw-bg-opacity, 1));
1680
1678
  }
1681
1679
  .psui-el-button.layout-solid.hover {
1682
1680
  --tw-text-opacity: 1;
@@ -1684,7 +1682,7 @@ video {
1684
1682
  }
1685
1683
  .psui-el-button.layout-solid:active:not(.disabled) {
1686
1684
  --tw-bg-opacity: 1;
1687
- background-color: rgb(100, 181, 206, var(--tw-bg-opacity, 1));
1685
+ background-color: rgb(45, 165, 204, var(--tw-bg-opacity, 1));
1688
1686
  }
1689
1687
  .psui-el-button.layout-solid:active:not(.disabled) {
1690
1688
  --tw-text-opacity: 1;
@@ -1709,11 +1707,11 @@ video {
1709
1707
  }
1710
1708
  .psui-el-button.layout-outline {
1711
1709
  --tw-border-opacity: 1;
1712
- border-color: rgb(100, 181, 206, var(--tw-border-opacity, 1));
1710
+ border-color: rgb(45, 165, 204, var(--tw-border-opacity, 1));
1713
1711
  }
1714
1712
  .psui-el-button.layout-outline {
1715
1713
  --tw-text-opacity: 1;
1716
- color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
1714
+ color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
1717
1715
  }
1718
1716
  .psui-el-button.layout-outline {
1719
1717
  background: transparent;
@@ -1723,7 +1721,7 @@ video {
1723
1721
  }
1724
1722
  .psui-el-button.layout-outline.hover, .psui-el-button.layout-outline:active {
1725
1723
  --tw-border-opacity: 1;
1726
- border-color: rgb(49, 143, 172, var(--tw-border-opacity, 1));
1724
+ border-color: rgb(18, 121, 153, var(--tw-border-opacity, 1));
1727
1725
  }
1728
1726
  .psui-el-button.layout-outline.disabled {
1729
1727
  cursor: default;
@@ -1742,7 +1740,7 @@ video {
1742
1740
  }
1743
1741
  .psui-el-button.layout-ghost {
1744
1742
  --tw-text-opacity: 1;
1745
- color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
1743
+ color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
1746
1744
  }
1747
1745
  .psui-el-button.layout-ghost.hover {
1748
1746
  --tw-bg-opacity: 1;
@@ -1764,7 +1762,7 @@ video {
1764
1762
  }
1765
1763
  .psui-el-button.layout-onlytext {
1766
1764
  --tw-text-opacity: 1;
1767
- color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
1765
+ color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
1768
1766
  }
1769
1767
  .psui-el-button.layout-onlytext.disabled {
1770
1768
  cursor: default;
@@ -1775,7 +1773,7 @@ video {
1775
1773
  }
1776
1774
  .psui-el-button.layout-onlytext.hover {
1777
1775
  --tw-text-opacity: 1;
1778
- color: rgb(100, 181, 206, var(--tw-text-opacity, 1));
1776
+ color: rgb(45, 165, 204, var(--tw-text-opacity, 1));
1779
1777
  }
1780
1778
  .psui-el-button.layout-caution {
1781
1779
  --tw-bg-opacity: 1;
@@ -1783,7 +1781,7 @@ video {
1783
1781
  }
1784
1782
  .psui-el-button.layout-caution {
1785
1783
  --tw-text-opacity: 1;
1786
- color: rgb(214, 92, 90, var(--tw-text-opacity, 1));
1784
+ color: rgb(205, 155, 155, var(--tw-text-opacity, 1));
1787
1785
  }
1788
1786
  .psui-el-button.layout-caution.hover, .psui-el-button.layout-caution:active:not(.disabled) {
1789
1787
  --tw-bg-opacity: 1;
@@ -1848,21 +1846,20 @@ video {
1848
1846
  }
1849
1847
  .psui-el-card-infos-content {
1850
1848
  font-size: 16px;
1851
- line-height: 130%;
1852
1849
  }
1853
1850
  .psui-el-card-infos-icon {
1854
1851
  margin-right: 0.25rem;
1855
1852
  }
1856
1853
  .psui-el-card-infos-icon {
1857
1854
  --tw-text-opacity: 1;
1858
- color: rgb(100, 181, 206, var(--tw-text-opacity, 1));
1855
+ color: rgb(45, 165, 204, var(--tw-text-opacity, 1));
1859
1856
  }
1860
1857
  .psui-el-card-infos-icon {
1861
1858
  font-size: 17px;
1862
1859
  }
1863
1860
  .psui-el-card-infos:hover .psui-el-card-infos-icon {
1864
1861
  --tw-text-opacity: 1;
1865
- color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
1862
+ color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
1866
1863
  }
1867
1864
 
1868
1865
  .psui-el-chart-legend {
@@ -1898,7 +1895,6 @@ video {
1898
1895
  }
1899
1896
  .psui-el-chart-legend-total {
1900
1897
  font-size: 16px;
1901
- line-height: 130%;
1902
1898
  }
1903
1899
  .psui-el-chart-legend-total {
1904
1900
  --tw-text-opacity: 1;
@@ -1909,7 +1905,6 @@ video {
1909
1905
  }
1910
1906
  .psui-el-chart-legend-percentage {
1911
1907
  font-size: 16px;
1912
- line-height: 130%;
1913
1908
  }
1914
1909
  .psui-el-chart-legend-percentage {
1915
1910
  --tw-text-opacity: 1;
@@ -1938,7 +1933,7 @@ video {
1938
1933
  }
1939
1934
  .psui-el-climate-zone-badge:hover {
1940
1935
  --tw-text-opacity: 1;
1941
- color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
1936
+ color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
1942
1937
  }
1943
1938
  .psui-el-climate-zone-badge i {
1944
1939
  font-family: "Material Icons Round";
@@ -2146,7 +2141,6 @@ video {
2146
2141
  max-width: 100%;
2147
2142
  vertical-align: top;
2148
2143
  font-size: 16px;
2149
- line-height: 130%;
2150
2144
  }
2151
2145
  .psui-el-table-results .is-warning-column {
2152
2146
  padding-right: 12px;
@@ -2309,7 +2303,6 @@ video {
2309
2303
  }
2310
2304
  .psui-el-table-results.layout-results thead tr:first-of-type p {
2311
2305
  font-size: 16px;
2312
- line-height: 130%;
2313
2306
  }
2314
2307
  .psui-el-table-results.layout-results thead tr:first-of-type p {
2315
2308
  line-height: 18px;
@@ -2522,7 +2515,6 @@ video {
2522
2515
  }
2523
2516
  .psui-el-table-results.layout-comparison thead tr:first-of-type th {
2524
2517
  font-size: 16px;
2525
- line-height: 130%;
2526
2518
  }
2527
2519
  .psui-el-table-results.layout-comparison thead tr:first-of-type th {
2528
2520
  --tw-text-opacity: 1;
@@ -2889,7 +2881,6 @@ video {
2889
2881
  }
2890
2882
  .psui-el-table-results.layout-flexible thead tr:first-of-type p {
2891
2883
  font-size: 16px;
2892
- line-height: 130%;
2893
2884
  }
2894
2885
  .psui-el-table-results.layout-flexible thead tr:first-of-type p {
2895
2886
  line-height: 18px;
@@ -3359,7 +3350,7 @@ video {
3359
3350
  }
3360
3351
  .psui-el-checkbox.size-small input:checked ~ .psui-el-checkmark::before {
3361
3352
  --tw-text-opacity: 1;
3362
- color: rgb(100, 181, 206, var(--tw-text-opacity, 1));
3353
+ color: rgb(45, 165, 204, var(--tw-text-opacity, 1));
3363
3354
  }
3364
3355
  .psui-el-checkbox.size-small input:checked ~ .psui-el-checkmark::before {
3365
3356
  font-size: 18px;
@@ -3416,7 +3407,7 @@ video {
3416
3407
  }
3417
3408
  .psui-el-checkbox.size-big input:checked ~ .psui-el-checkmark:before {
3418
3409
  --tw-text-opacity: 1;
3419
- color: rgb(100, 181, 206, var(--tw-text-opacity, 1));
3410
+ color: rgb(45, 165, 204, var(--tw-text-opacity, 1));
3420
3411
  }
3421
3412
  .psui-el-checkbox.size-big input:checked ~ .psui-el-checkmark:before {
3422
3413
  font-size: 24px;
@@ -3537,11 +3528,11 @@ video {
3537
3528
  }
3538
3529
  .psui-el-dialog.theme-informative {
3539
3530
  --tw-text-opacity: 1;
3540
- color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
3531
+ color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
3541
3532
  }
3542
3533
  .psui-el-dialog.theme-informative .psui-el-dialog-message {
3543
3534
  --tw-text-opacity: 1;
3544
- color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
3535
+ color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
3545
3536
  }
3546
3537
  .psui-el-dialog.theme-success {
3547
3538
  --tw-bg-opacity: 1;
@@ -3680,7 +3671,7 @@ video {
3680
3671
  }
3681
3672
  .psui-el-radio.size-small input:checked ~ .psui-el-checkmark::before {
3682
3673
  --tw-text-opacity: 1;
3683
- color: rgb(100, 181, 206, var(--tw-text-opacity, 1));
3674
+ color: rgb(45, 165, 204, var(--tw-text-opacity, 1));
3684
3675
  }
3685
3676
  .psui-el-radio.size-small input:checked ~ .psui-el-checkmark::before {
3686
3677
  font-size: 18px;
@@ -3731,7 +3722,7 @@ video {
3731
3722
  }
3732
3723
  .psui-el-radio.size-big input:checked ~ .psui-el-checkmark::before {
3733
3724
  --tw-text-opacity: 1;
3734
- color: rgb(100, 181, 206, var(--tw-text-opacity, 1));
3725
+ color: rgb(45, 165, 204, var(--tw-text-opacity, 1));
3735
3726
  }
3736
3727
  .psui-el-radio.size-big input:checked ~ .psui-el-checkmark::before {
3737
3728
  font-size: 24px;
@@ -4177,11 +4168,11 @@ video {
4177
4168
  }
4178
4169
  .psui-el-dropdown-menu-list .psui-el-dropdown-menu-list-item.is-selected {
4179
4170
  --tw-text-opacity: 1;
4180
- color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
4171
+ color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
4181
4172
  }
4182
4173
  .psui-el-dropdown-menu-list .psui-el-dropdown-menu-list-item.is-selected:hover {
4183
4174
  --tw-text-opacity: 1;
4184
- color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
4175
+ color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
4185
4176
  }
4186
4177
  .psui-el-dropdown-menu-list.layout-rich .psui-el-dropdown-menu-list-item {
4187
4178
  margin-left: 1rem;
@@ -4192,7 +4183,6 @@ video {
4192
4183
  }
4193
4184
  .psui-el-dropdown-menu-list.layout-rich .psui-el-dropdown-menu-list-item {
4194
4185
  font-size: 16px;
4195
- line-height: 130%;
4196
4186
  }
4197
4187
  .psui-el-dropdown-menu-list.layout-rich .psui-el-dropdown-menu-list-item {
4198
4188
  padding: 11.5px 16px 11.5px 8px;
@@ -4242,7 +4232,7 @@ video {
4242
4232
  }
4243
4233
  .psui-el-dropdown-menu-list.layout-rich .psui-el-dropdown-menu-list-item.is-selected .psui-el-dropdown-menu-list-item-line {
4244
4234
  --tw-border-opacity: 1;
4245
- border-color: rgb(49, 143, 172, var(--tw-border-opacity, 1));
4235
+ border-color: rgb(18, 121, 153, var(--tw-border-opacity, 1));
4246
4236
  }
4247
4237
  .psui-el-dropdown-menu-list.layout-rich .psui-el-dropdown-menu-list-item.is-selected:hover {
4248
4238
  --tw-bg-opacity: 1;
@@ -4250,7 +4240,7 @@ video {
4250
4240
  }
4251
4241
  .psui-el-dropdown-menu-list.layout-rich .psui-el-dropdown-menu-list-item.is-selected:hover {
4252
4242
  --tw-text-opacity: 1;
4253
- color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
4243
+ color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
4254
4244
  }
4255
4245
 
4256
4246
  .psui-el-slider-label {
@@ -4396,7 +4386,7 @@ video {
4396
4386
  }
4397
4387
  .psui-el-slider.layout-rich .psui-el-slider-input::-webkit-slider-thumb {
4398
4388
  --tw-bg-opacity: 1;
4399
- background-color: rgb(100, 181, 206, var(--tw-bg-opacity, 1));
4389
+ background-color: rgb(45, 165, 204, var(--tw-bg-opacity, 1));
4400
4390
  }
4401
4391
  .psui-el-slider.layout-rich .psui-el-slider-input::-webkit-slider-thumb {
4402
4392
  --tw-shadow: 0px 0px 8px rgba(0, 0, 0, 0.04), 0px 2px 5px rgba(0, 0, 0, 0.08);
@@ -4450,7 +4440,7 @@ video {
4450
4440
  .psui-el-slider.layout-rich .psui-el-slider-wrapper-input .slider-bar-dynamic,
4451
4441
  .psui-el-slider.layout-rich .psui-el-slider-wrapper-input .slider-bar-max {
4452
4442
  --tw-bg-opacity: 1;
4453
- background-color: rgb(49, 143, 172, var(--tw-bg-opacity, 1));
4443
+ background-color: rgb(18, 121, 153, var(--tw-bg-opacity, 1));
4454
4444
  }
4455
4445
  .psui-el-slider.layout-rich .psui-el-slider-wrapper-input .slider-bar,
4456
4446
  .psui-el-slider.layout-rich .psui-el-slider-wrapper-input .slider-bar-bg,
@@ -4471,7 +4461,7 @@ video {
4471
4461
  }
4472
4462
  .psui-el-slider.layout-rich .psui-el-slider-wrapper-input .slider-bar {
4473
4463
  --tw-bg-opacity: 1;
4474
- background-color: rgb(49, 143, 172, var(--tw-bg-opacity, 1));
4464
+ background-color: rgb(18, 121, 153, var(--tw-bg-opacity, 1));
4475
4465
  }
4476
4466
  .psui-el-slider.layout-rich .psui-el-slider-wrapper-input .slider-bar-max {
4477
4467
  right: 0px;
@@ -4511,7 +4501,7 @@ video {
4511
4501
  }
4512
4502
  .psui-el-slider.layout-rich .psui-el-slider-range-value {
4513
4503
  --tw-text-opacity: 1;
4514
- color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
4504
+ color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
4515
4505
  }
4516
4506
  .psui-el-slider.layout-rich .psui-el-slider-range-value {
4517
4507
  top: -28px;
@@ -4620,19 +4610,19 @@ video {
4620
4610
  }
4621
4611
  .psui-el-toast.fill-intense.layout-info {
4622
4612
  --tw-bg-opacity: 1;
4623
- background-color: rgb(49, 143, 172, var(--tw-bg-opacity, 1));
4613
+ background-color: rgb(18, 121, 153, var(--tw-bg-opacity, 1));
4624
4614
  }
4625
4615
  .psui-el-toast.fill-intense.layout-success {
4626
4616
  --tw-bg-opacity: 1;
4627
- background-color: rgb(93, 184, 131, var(--tw-bg-opacity, 1));
4617
+ background-color: rgb(155, 222, 181, var(--tw-bg-opacity, 1));
4628
4618
  }
4629
4619
  .psui-el-toast.fill-intense.layout-warning {
4630
4620
  --tw-bg-opacity: 1;
4631
- background-color: rgb(237, 171, 62, var(--tw-bg-opacity, 1));
4621
+ background-color: rgb(215, 165, 86, var(--tw-bg-opacity, 1));
4632
4622
  }
4633
4623
  .psui-el-toast.fill-intense.layout-error {
4634
4624
  --tw-bg-opacity: 1;
4635
- background-color: rgb(214, 92, 90, var(--tw-bg-opacity, 1));
4625
+ background-color: rgb(205, 155, 155, var(--tw-bg-opacity, 1));
4636
4626
  }
4637
4627
  .psui-el-toast.fill-soft.layout-info {
4638
4628
  --tw-bg-opacity: 1;
@@ -4640,7 +4630,7 @@ video {
4640
4630
  }
4641
4631
  .psui-el-toast.fill-soft.layout-info {
4642
4632
  --tw-text-opacity: 1;
4643
- color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
4633
+ color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
4644
4634
  }
4645
4635
  .psui-el-toast.fill-soft.layout-success {
4646
4636
  --tw-bg-opacity: 1;
@@ -4648,7 +4638,7 @@ video {
4648
4638
  }
4649
4639
  .psui-el-toast.fill-soft.layout-success {
4650
4640
  --tw-text-opacity: 1;
4651
- color: rgb(93, 184, 131, var(--tw-text-opacity, 1));
4641
+ color: rgb(155, 222, 181, var(--tw-text-opacity, 1));
4652
4642
  }
4653
4643
  .psui-el-toast.fill-soft.layout-warning {
4654
4644
  --tw-bg-opacity: 1;
@@ -4656,7 +4646,7 @@ video {
4656
4646
  }
4657
4647
  .psui-el-toast.fill-soft.layout-warning {
4658
4648
  --tw-text-opacity: 1;
4659
- color: rgb(237, 171, 62, var(--tw-text-opacity, 1));
4649
+ color: rgb(215, 165, 86, var(--tw-text-opacity, 1));
4660
4650
  }
4661
4651
  .psui-el-toast.fill-soft.layout-error {
4662
4652
  --tw-bg-opacity: 1;
@@ -4664,7 +4654,7 @@ video {
4664
4654
  }
4665
4655
  .psui-el-toast.fill-soft.layout-error {
4666
4656
  --tw-text-opacity: 1;
4667
- color: rgb(214, 92, 90, var(--tw-text-opacity, 1));
4657
+ color: rgb(205, 155, 155, var(--tw-text-opacity, 1));
4668
4658
  }
4669
4659
 
4670
4660
  .psui-el-mini-tag {
@@ -4692,7 +4682,7 @@ video {
4692
4682
  }
4693
4683
  .psui-el-mini-tag-layout-solid-info {
4694
4684
  --tw-bg-opacity: 1;
4695
- background-color: rgb(100, 181, 206, var(--tw-bg-opacity, 1));
4685
+ background-color: rgb(45, 165, 204, var(--tw-bg-opacity, 1));
4696
4686
  }
4697
4687
  .psui-el-mini-tag-layout-solid-info {
4698
4688
  --tw-text-opacity: 1;
@@ -4704,11 +4694,11 @@ video {
4704
4694
  }
4705
4695
  .psui-el-mini-tag-layout-info {
4706
4696
  --tw-text-opacity: 1;
4707
- color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
4697
+ color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
4708
4698
  }
4709
4699
  .psui-el-mini-tag-layout-solid-success {
4710
4700
  --tw-bg-opacity: 1;
4711
- background-color: rgb(93, 184, 131, var(--tw-bg-opacity, 1));
4701
+ background-color: rgb(155, 222, 181, var(--tw-bg-opacity, 1));
4712
4702
  }
4713
4703
  .psui-el-mini-tag-layout-solid-success {
4714
4704
  --tw-text-opacity: 1;
@@ -4724,7 +4714,7 @@ video {
4724
4714
  }
4725
4715
  .psui-el-mini-tag-layout-solid-warning {
4726
4716
  --tw-bg-opacity: 1;
4727
- background-color: rgb(237, 171, 62, var(--tw-bg-opacity, 1));
4717
+ background-color: rgb(215, 165, 86, var(--tw-bg-opacity, 1));
4728
4718
  }
4729
4719
  .psui-el-mini-tag-layout-solid-warning {
4730
4720
  --tw-text-opacity: 1;
@@ -4740,7 +4730,7 @@ video {
4740
4730
  }
4741
4731
  .psui-el-mini-tag-layout-solid-error {
4742
4732
  --tw-bg-opacity: 1;
4743
- background-color: rgb(214, 92, 90, var(--tw-bg-opacity, 1));
4733
+ background-color: rgb(205, 155, 155, var(--tw-bg-opacity, 1));
4744
4734
  }
4745
4735
  .psui-el-mini-tag-layout-solid-error {
4746
4736
  --tw-text-opacity: 1;
@@ -4752,7 +4742,7 @@ video {
4752
4742
  }
4753
4743
  .psui-el-mini-tag-layout-error {
4754
4744
  --tw-text-opacity: 1;
4755
- color: rgb(214, 92, 90, var(--tw-text-opacity, 1));
4745
+ color: rgb(205, 155, 155, var(--tw-text-opacity, 1));
4756
4746
  }
4757
4747
  .psui-el-mini-tag-layout-solid-default {
4758
4748
  --tw-bg-opacity: 1;
@@ -4778,9 +4768,8 @@ video {
4778
4768
  max-width: 100%;
4779
4769
  flex-shrink: 0;
4780
4770
  font-size: 20px;
4781
- line-height: 120%;
4782
4771
  --tw-text-opacity: 1;
4783
- color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
4772
+ color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
4784
4773
  }
4785
4774
  .psui-el-inline-selector ::-webkit-scrollbar {
4786
4775
  --tw-bg-opacity: 1;
@@ -4805,7 +4794,7 @@ video {
4805
4794
  }
4806
4795
  .psui-el-inline-selector input {
4807
4796
  --tw-border-opacity: 1;
4808
- border-color: rgb(100, 181, 206, var(--tw-border-opacity, 1));
4797
+ border-color: rgb(45, 165, 204, var(--tw-border-opacity, 1));
4809
4798
  }
4810
4799
  .psui-el-inline-selector input {
4811
4800
  transition: 300ms ease-in all;
@@ -4813,11 +4802,9 @@ video {
4813
4802
  }
4814
4803
  .psui-el-inline-selector input::-moz-placeholder {
4815
4804
  font-size: 20px;
4816
- line-height: 120%;
4817
4805
  }
4818
4806
  .psui-el-inline-selector input::placeholder {
4819
4807
  font-size: 20px;
4820
- line-height: 120%;
4821
4808
  }
4822
4809
  .psui-el-inline-selector input::-moz-placeholder {
4823
4810
  --tw-text-opacity: 1;
@@ -4864,7 +4851,7 @@ video {
4864
4851
  }
4865
4852
  .psui-el-inline-selector .psui-el-inline-selector-input-wrapper input:hover {
4866
4853
  --tw-text-opacity: 1;
4867
- color: rgb(100, 181, 206, var(--tw-text-opacity, 1));
4854
+ color: rgb(45, 165, 204, var(--tw-text-opacity, 1));
4868
4855
  }
4869
4856
  .psui-el-inline-selector .psui-el-inline-selector-dropdown-wrapper {
4870
4857
  position: absolute;
@@ -4915,7 +4902,7 @@ video {
4915
4902
  }
4916
4903
  .psui-el-inline-selector .psui-el-inline-selector-dropdown-wrapper .psui-el-inline-selector-dropdown .psui-el-inline-selector-error h3 {
4917
4904
  --tw-text-opacity: 1;
4918
- color: rgb(214, 92, 90, var(--tw-text-opacity, 1));
4905
+ color: rgb(205, 155, 155, var(--tw-text-opacity, 1));
4919
4906
  }
4920
4907
  .psui-el-inline-selector .psui-el-inline-selector-dropdown-wrapper .psui-el-inline-selector-dropdown .psui-el-inline-selector-error p {
4921
4908
  --tw-text-opacity: 1;
@@ -4943,7 +4930,7 @@ video {
4943
4930
  }
4944
4931
  .psui-el-inline-selector .psui-el-inline-selector-dropdown-wrapper .psui-el-inline-selector-dropdown ul li:hover span p {
4945
4932
  --tw-text-opacity: 1;
4946
- color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
4933
+ color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
4947
4934
  }
4948
4935
  .psui-el-inline-selector .psui-el-inline-selector-dropdown-wrapper .psui-el-inline-selector-dropdown ul li span {
4949
4936
  display: flex;
@@ -5169,7 +5156,7 @@ video {
5169
5156
  }
5170
5157
  .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-white .psui-el-tooltip-content-wrapper button {
5171
5158
  --tw-text-opacity: 1;
5172
- color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
5159
+ color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
5173
5160
  }
5174
5161
  .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-dark {
5175
5162
  --tw-bg-opacity: 1;
@@ -5182,7 +5169,7 @@ video {
5182
5169
  }
5183
5170
  .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-dark .psui-el-tooltip-content-wrapper button {
5184
5171
  --tw-bg-opacity: 1;
5185
- background-color: rgb(49, 143, 172, var(--tw-bg-opacity, 1));
5172
+ background-color: rgb(18, 121, 153, var(--tw-bg-opacity, 1));
5186
5173
  }
5187
5174
  .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-dark .psui-el-tooltip-content-wrapper button {
5188
5175
  --tw-text-opacity: 1;
@@ -5190,7 +5177,7 @@ video {
5190
5177
  }
5191
5178
  .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-color {
5192
5179
  --tw-bg-opacity: 1;
5193
- background-color: rgb(100, 181, 206, var(--tw-bg-opacity, 1));
5180
+ background-color: rgb(45, 165, 204, var(--tw-bg-opacity, 1));
5194
5181
  }
5195
5182
  .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-color h2,
5196
5183
  .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-color .psui-el-tooltip-content-wrapper {
@@ -5199,7 +5186,7 @@ video {
5199
5186
  }
5200
5187
  .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-color .psui-el-tooltip-content-wrapper button {
5201
5188
  --tw-bg-opacity: 1;
5202
- background-color: rgb(49, 143, 172, var(--tw-bg-opacity, 1));
5189
+ background-color: rgb(18, 121, 153, var(--tw-bg-opacity, 1));
5203
5190
  }
5204
5191
  .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-color .psui-el-tooltip-content-wrapper button {
5205
5192
  --tw-text-opacity: 1;
@@ -5318,7 +5305,7 @@ video {
5318
5305
  }
5319
5306
  .psui-el-input-textarea .psui-el-input-textarea-wrapper textarea:hover, .psui-el-input-textarea .psui-el-input-textarea-wrapper textarea:focus, .psui-el-input-textarea .psui-el-input-textarea-wrapper textarea:active {
5320
5307
  --tw-border-opacity: 1;
5321
- border-color: rgb(49, 143, 172, var(--tw-border-opacity, 1));
5308
+ border-color: rgb(18, 121, 153, var(--tw-border-opacity, 1));
5322
5309
  }
5323
5310
  .psui-el-input-textarea .psui-el-input-textarea-wrapper textarea ::-moz-placeholder {
5324
5311
  font-size: 16px;
@@ -5382,7 +5369,7 @@ video {
5382
5369
  }
5383
5370
  .psui-el-input-select.layout-default.selected select {
5384
5371
  --tw-border-opacity: 1;
5385
- border-color: rgb(100, 181, 206, var(--tw-border-opacity, 1));
5372
+ border-color: rgb(45, 165, 204, var(--tw-border-opacity, 1));
5386
5373
  }
5387
5374
  .psui-el-input-select.layout-default.selected select {
5388
5375
  --tw-text-opacity: 1;
@@ -5444,7 +5431,7 @@ video {
5444
5431
  }
5445
5432
  .psui-el-input-select.layout-default select:hover, .psui-el-input-select.layout-default select:active {
5446
5433
  --tw-border-opacity: 1;
5447
- border-color: rgb(100, 181, 206, var(--tw-border-opacity, 1));
5434
+ border-color: rgb(45, 165, 204, var(--tw-border-opacity, 1));
5448
5435
  }
5449
5436
  .psui-el-input-select.layout-default select:hover, .psui-el-input-select.layout-default select:active {
5450
5437
  --tw-text-opacity: 1;
@@ -5452,7 +5439,7 @@ video {
5452
5439
  }
5453
5440
  .psui-el-input-select.layout-default select:focus {
5454
5441
  --tw-border-opacity: 1;
5455
- border-color: rgb(49, 143, 172, var(--tw-border-opacity, 1));
5442
+ border-color: rgb(18, 121, 153, var(--tw-border-opacity, 1));
5456
5443
  }
5457
5444
  .psui-el-input-select.layout-default select:focus {
5458
5445
  --tw-text-opacity: 1;
@@ -5541,7 +5528,7 @@ video {
5541
5528
  }
5542
5529
  .psui-el-input-select.layout-mini select:hover, .psui-el-input-select.layout-mini select:active {
5543
5530
  --tw-border-opacity: 1;
5544
- border-color: rgb(93, 184, 131, var(--tw-border-opacity, 1));
5531
+ border-color: rgb(155, 222, 181, var(--tw-border-opacity, 1));
5545
5532
  }
5546
5533
  .psui-el-input-select.layout-mini select:hover, .psui-el-input-select.layout-mini select:active {
5547
5534
  --tw-text-opacity: 1;
@@ -5557,7 +5544,7 @@ video {
5557
5544
  }
5558
5545
  .psui-el-input-select.layout-mini.selected .psui-el-input-select-wrapper select {
5559
5546
  --tw-border-opacity: 1 !important;
5560
- border-color: rgb(93, 184, 131, var(--tw-border-opacity, 1)) !important;
5547
+ border-color: rgb(155, 222, 181, var(--tw-border-opacity, 1)) !important;
5561
5548
  }
5562
5549
  .psui-el-input-select.layout-mini.selected:not(option) {
5563
5550
  --tw-text-opacity: 1;
@@ -5787,7 +5774,7 @@ video {
5787
5774
  }
5788
5775
  .psui-el-badge-with-icon.layout-blue {
5789
5776
  --tw-text-opacity: 1;
5790
- color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
5777
+ color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
5791
5778
  }
5792
5779
  .psui-el-badge-with-icon.layout-green {
5793
5780
  --tw-bg-opacity: 1;
@@ -5858,7 +5845,7 @@ video {
5858
5845
  }
5859
5846
  .psui-el-testimonial-icon {
5860
5847
  --tw-bg-opacity: 1;
5861
- background-color: rgb(49, 143, 172, var(--tw-bg-opacity, 1));
5848
+ background-color: rgb(18, 121, 153, var(--tw-bg-opacity, 1));
5862
5849
  }
5863
5850
  .psui-el-testimonial-icon {
5864
5851
  top: -15px;
@@ -5866,7 +5853,6 @@ video {
5866
5853
  }
5867
5854
  .psui-el-testimonial-description {
5868
5855
  font-size: 16px;
5869
- line-height: 130%;
5870
5856
  }
5871
5857
  .psui-el-testimonial-description {
5872
5858
  font-style: italic;
@@ -5916,7 +5902,7 @@ video {
5916
5902
  overflow: hidden;
5917
5903
  border-radius: 0.25rem;
5918
5904
  --tw-bg-opacity: 1;
5919
- background-color: rgb(49, 143, 172, var(--tw-bg-opacity, 1));
5905
+ background-color: rgb(18, 121, 153, var(--tw-bg-opacity, 1));
5920
5906
  text-align: center;
5921
5907
  font-size: 14px;
5922
5908
  line-height: 130%;
@@ -5936,7 +5922,7 @@ video {
5936
5922
  }
5937
5923
  .psui-el-date-card-year {
5938
5924
  --tw-bg-opacity: 1;
5939
- background-color: rgb(100, 181, 206, var(--tw-bg-opacity, 1));
5925
+ background-color: rgb(45, 165, 204, var(--tw-bg-opacity, 1));
5940
5926
  }
5941
5927
  .psui-el-date-card-year {
5942
5928
  font-weight: 700;
@@ -6175,7 +6161,7 @@ video {
6175
6161
  }
6176
6162
  .psui-el-collapse .psui-el-collapse-item-header .psui-el-collapse-item-header-wrapper .psui-el-collapse-item-title:hover {
6177
6163
  --tw-text-opacity: 1;
6178
- color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
6164
+ color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
6179
6165
  }
6180
6166
  .psui-el-collapse .psui-el-collapse-item-header .psui-el-collapse-item-header-wrapper .psui-el-collapse-item-title.disabled {
6181
6167
  --tw-text-opacity: 1;
@@ -6193,7 +6179,7 @@ video {
6193
6179
  }
6194
6180
  .psui-el-collapse .psui-el-collapse-item-header .psui-el-collapse-item-header-wrapper .psui-el-collapse-item-header-action:hover {
6195
6181
  --tw-text-opacity: 1;
6196
- color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
6182
+ color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
6197
6183
  }
6198
6184
  .psui-el-collapse .psui-el-collapse-item-header:hover .psui-el-collapse-item-header-wrapper .psui-el-collapse-item-header-action {
6199
6185
  visibility: visible;
@@ -6447,7 +6433,7 @@ video {
6447
6433
 
6448
6434
  .psui-bg-blue-60 {
6449
6435
  --tw-bg-opacity: 1;
6450
- background-color: rgb(49, 143, 172, var(--tw-bg-opacity, 1));
6436
+ background-color: rgb(18, 121, 153, var(--tw-bg-opacity, 1));
6451
6437
  }
6452
6438
 
6453
6439
  .psui-bg-gray-10 {
@@ -6462,7 +6448,7 @@ video {
6462
6448
 
6463
6449
  .psui-bg-green-20 {
6464
6450
  --tw-bg-opacity: 1;
6465
- background-color: rgb(93, 184, 131, var(--tw-bg-opacity, 1));
6451
+ background-color: rgb(155, 222, 181, var(--tw-bg-opacity, 1));
6466
6452
  }
6467
6453
 
6468
6454
  .psui-bg-red-10 {
@@ -6472,7 +6458,7 @@ video {
6472
6458
 
6473
6459
  .psui-bg-red-20 {
6474
6460
  --tw-bg-opacity: 1;
6475
- background-color: rgb(214, 92, 90, var(--tw-bg-opacity, 1));
6461
+ background-color: rgb(205, 155, 155, var(--tw-bg-opacity, 1));
6476
6462
  }
6477
6463
 
6478
6464
  .psui-bg-white {
@@ -6482,7 +6468,7 @@ video {
6482
6468
 
6483
6469
  .psui-bg-yellow-20 {
6484
6470
  --tw-bg-opacity: 1;
6485
- background-color: rgb(237, 171, 62, var(--tw-bg-opacity, 1));
6471
+ background-color: rgb(215, 165, 86, var(--tw-bg-opacity, 1));
6486
6472
  }
6487
6473
 
6488
6474
  .psui-px-4 {
@@ -6556,12 +6542,12 @@ video {
6556
6542
 
6557
6543
  .psui-text-blue-50 {
6558
6544
  --tw-text-opacity: 1;
6559
- color: rgb(100, 181, 206, var(--tw-text-opacity, 1));
6545
+ color: rgb(45, 165, 204, var(--tw-text-opacity, 1));
6560
6546
  }
6561
6547
 
6562
6548
  .psui-text-blue-60 {
6563
6549
  --tw-text-opacity: 1;
6564
- color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
6550
+ color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
6565
6551
  }
6566
6552
 
6567
6553
  .psui-text-gray-30 {
@@ -6596,7 +6582,7 @@ video {
6596
6582
 
6597
6583
  .psui-text-red-20 {
6598
6584
  --tw-text-opacity: 1;
6599
- color: rgb(214, 92, 90, var(--tw-text-opacity, 1));
6585
+ color: rgb(205, 155, 155, var(--tw-text-opacity, 1));
6600
6586
  }
6601
6587
 
6602
6588
  .psui-text-red-70 {
@@ -6675,5 +6661,5 @@ html {
6675
6661
 
6676
6662
  .hover\:psui-text-blue-60:hover {
6677
6663
  --tw-text-opacity: 1;
6678
- color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
6664
+ color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
6679
6665
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@policystudio/policy-studio-ui-vue",
3
- "version": "1.2.0-access.2",
3
+ "version": "1.2.0-access.4",
4
4
  "description": "Policy Studio UI",
5
5
  "author": "Policy Studio Team",
6
6
  "scripts": {
package/tailwind.config.js CHANGED
@@ -1,5 +1,14 @@
1
1
  /** @type {import('tailwindcss').Config} */
2
2
 
3
+ //This sizemap is to use until we switch everthin to new design system format
4
+ const sizeMap = {
5
+ '14': ['14px'],
6
+ '16': ['16px'],
7
+ '18': ['18px'],
8
+ '20': ['20px'],
9
+ '28': ['28px'],
10
+ }
11
+
3
12
  export default {
4
13
  prefix: 'psui-',
5
14
  content: [
@@ -26,26 +35,28 @@ export default {
26
35
  'blue': '#5094D3',
27
36
  'blue-10': '#ECF7FB',
28
37
  'blue-20': '#E0EFF6',
29
- 'blue-50': '#64B5CE',
30
- 'blue-60': '#318FAC',
38
+ 'blue-30': '#BEDCEB',
39
+ 'blue-50': '#2DA5CC',
40
+ 'blue-60': '#127999',
41
+ 'blue-65': '#0A6480',
31
42
  'blue-70': '#00465F',
32
43
  'blue-80': '#002A3A',
33
44
 
34
45
  'green-10': '#DEF8E8',
35
- 'green-20': '#5DB883',
46
+ 'green-20': '#9BDEB5',
36
47
  'green-70': '#44A06A',
37
- 'green-80': '#286943',
48
+ 'green-80': '#0E7C45',
38
49
 
39
50
  'yellow-10': '#FDF3E3',
40
- 'yellow-20': '#EDAB3E',
51
+ 'yellow-20': '#D7A556',
41
52
  'yellow-70': '#B87305',
42
- 'yellow-80': '#834C0D',
53
+ 'yellow-80': '#B85614',
43
54
 
44
55
  'red-10': '#FCEBEB',
45
56
  'red-15': '#EAC5C5',
46
- 'red-20': '#D65C5A',
57
+ 'red-20': '#CD9B9B',
47
58
  'red-70': '#AA3937',
48
- 'red-80': '#832F2E',
59
+ 'red-80': '#A23634',
49
60
 
50
61
  sky: '#518BE2',
51
62
  teal: '#57C0BA',
@@ -56,21 +67,25 @@ export default {
56
67
  purple: '#9278C9',
57
68
  transparent: 'transparent',
58
69
  },
70
+ backgroundImage: {
71
+ 'gradient-emerald': 'linear-gradient(270deg, #5DB883 0%, #28B08E 100%)',
72
+ },
59
73
  fontFamily: {
60
74
  sans: ['Lato', 'sans-serif'],
61
75
  },
62
76
  fontSize: {
77
+ ...sizeMap,
63
78
  big: ['16px', '130%'],
64
79
  small: ['14px', '130%'],
65
80
  xsmall: ['12px', '130%'],
66
81
  accent: ['14px', { lineHeight: '130%', letterSpacing: '0.6px' }],
67
82
  accentSmall: ['12px', { lineHeight: '130%', letterSpacing: '0.6px' }],
68
- p: ['16px', '130%'],
69
- h1: ['28px', '130%'],
83
+ p: sizeMap['16'],
84
+ h1: sizeMap['28'],
70
85
  h2: ['24px', '130%'],
71
86
  h3: ['22px', '120%'],
72
- h4: ['20px', '120%'],
73
- h5: ['18px', '120%'],
87
+ h4: sizeMap['20'],
88
+ h5: sizeMap['18'],
74
89
  h6: ['17px', '120%'],
75
90
  },
76
91
  boxShadow: {