lau-ecom-design-system 1.0.14 → 1.0.15

Sign up to get free protection for your applications and to get access to all the features.
package/dist/style.css CHANGED
@@ -1084,150 +1084,45 @@ video {
1084
1084
  }
1085
1085
 
1086
1086
  :root {
1087
- /* ------------- */
1088
- /* UPC */
1089
- /* ------------- */
1090
- /* Primary */
1091
- --color-upc-color-red-10: #fff0f1;
1092
- --color-upc-color-red-20: #ffdee0;
1093
- --color-upc-color-red-30: #faced1;
1094
- --color-upc-color-red-40: #f2858b;
1095
- --color-upc-color-red-50: #f5656a;
1096
- --color-upc-color-red-60-base: #e50a17;
1097
- --color-upc-color-red-70: #b70812;
1098
- --color-upc-color-red-80: #89060e;
1099
- --color-upc-color-red-90: #4d0206;
1100
- --color-upc-color-red-100: #37010d;
1101
- /* Secondary */
1102
- --color-upc-epg-color-purple-10: #ede9f3;
1103
- --color-upc-epg-color-purple-20: #c6bcd9;
1104
- --color-upc-epg-color-purple-30: #ab9cc6;
1105
- --color-upc-epg-color-purple-40: #846eac;
1106
- --color-upc-epg-color-purple-50: #6d529c;
1107
- --color-upc-epg-color-purple-60-base: #482783;
1108
- --color-upc-epg-color-purple-70: #422377;
1109
- --color-upc-epg-color-purple-80: #331c5d;
1110
- --color-upc-epg-color-purple-90: #281548;
1111
- --color-upc-epg-color-purple-100: #1e1037;
1112
- /* Tertiary */
1113
- --color-upc-epg-color-cyan-10: #eff9fb;
1114
- --color-upc-epg-color-cyan-30: #e2f4f8;
1115
- --color-upc-epg-color-cyan-50: #c2e7f0;
1116
- --color-upc-epg-color-cyan-60-base: #6ac5da;
1117
- --color-upc-epg-color-cyan-80: #1f697a;
1118
- /* Neutrals */
1119
- --color-upc-color-neutral-10: #ffffff;
1120
- --color-upc-color-neutral-20: #fafafa;
1121
- --color-upc-color-neutral-30: #f2f2f2;
1122
- --color-upc-color-neutral-40: #d9d9d9;
1123
- --color-upc-color-neutral-50: #bfbfbf;
1124
- --color-upc-color-neutral-60: #a6a6a6;
1125
- --color-upc-color-neutral-70: #808080;
1126
- --color-upc-color-neutral-80: #595959;
1127
- --color-upc-color-neutral-90: #404040;
1128
- --color-upc-color-neutral-100: #191919;
1129
- /* ------------- */
1130
- /* Cibertec */
1131
- /* ------------- */
1132
- /* Primary */
1133
- --color-cbt-color-apple-green-10: #f4fcf6;
1134
- --color-cbt-color-apple-green-20: #dcf1e2;
1135
- --color-cbt-color-apple-green-30: #b6e2c3;
1136
- --color-cbt-color-apple-green-40: #62c17d;
1137
- --color-cbt-color-apple-green-50: #14a33d;
1138
- --color-cbt-color-apple-green-60-base: #0d7d2d;
1139
- --color-cbt-color-apple-green-70: #0c6225;
1140
- --color-cbt-color-apple-green-80: #054d19;
1141
- --color-cbt-color-apple-green-90: #073b16;
1142
- --color-cbt-color-apple-green-100: #052c11;
1143
- /* Secondary */
1144
- --color-cbt-astro-blue-10: #cfe6fb;
1145
- --color-cbt-astro-blue-20: #99d0fd;
1146
- --color-cbt-astro-blue-30: #51bbff;
1147
- --color-cbt-astro-blue-40: #00a5ed;
1148
- --color-cbt-astro-blue-50: #018cca;
1149
- --color-cbt-astro-blue-60-base: #0074a8;
1150
- --color-cbt-astro-blue-70: #015d87;
1151
- --color-cbt-astro-blue-80: #004769;
1152
- --color-cbt-astro-blue-90: #002c44;
1153
- --color-cbt-astro-blue-100: #051e2d;
1154
- /* Tertiary */
1155
- --color-cbt-color-aqua-10: #e6f2f4;
1156
- --color-cbt-color-aqua-30: #92c8ce;
1157
- --color-cbt-coderhouse-color-cyan-50: #00a9b7;
1158
- --cbt-color-aqua-60-base: #02818d;
1159
- --cbt-color-aqua-90: #043439;
1160
- /* Neutrals */
1161
- --color-cbt-color-neutral-10: #ffffff;
1162
- --color-cbt-color-neutral-20: #f8fafd;
1163
- --color-cbt-color-neutral-30: #edf2f7;
1164
- --color-cbt-color-neutral-40: #f2f9fd;
1165
- --color-cbt-color-neutral-50: #d5dde8;
1166
- --color-cbt-color-neutral-60: #ccd9ec;
1167
- --color-cbt-color-neutral-70: #a3b4cc;
1168
- --color-cbt-color-neutral-80: #67778f;
1169
- --color-cbt-color-neutral-90: #42526a;
1170
- --color-cbt-color-neutral-100: #18191c;
1171
- /* ------------- */
1172
- /* UPN */
1173
- /* ------------- */
1174
- /* Primary */
1175
- --color-upn-color-yellow-10: #fef8f2;
1176
- --color-upn-color-yellow-20: #fef2e5;
1177
- --color-upn-color-yellow-30: #ffe2be;
1178
- --color-upn-color-yellow-40: #fdd8a5;
1179
- --color-upn-color-yellow-50: #fdc979;
1180
- --color-upn-color-yellow-60-base: #fdba30;
1181
- --color-upn-color-yellow-70: #e2a62a;
1182
- --color-upn-color-yellow-80: #c39025;
1183
- --color-upn-color-yellow-90: #6b4e14;
1184
- --color-upn-color-yellow-100: #523c0f;
1185
- /* Secondary / Neutrals */
1186
- --color-upn-color-neutral-10: #ffffff;
1187
- --color-upn-color-neutral-20: #f6f6f6;
1188
- --color-upn-color-neutral-30: #eaeaea;
1189
- --color-upn-color-neutral-40: #d9d9d9;
1190
- --color-upn-color-neutral-50: #c2d1d9;
1191
- --color-upn-color-neutral-60: #5e757c;
1192
- --color-upn-color-neutral-70: #4f6168;
1193
- --color-upn-color-neutral-80: #6d6d6d;
1194
- --color-upn-color-neutral-90: #333333;
1195
- --color-upn-color-neutral-100: #000000;
1196
- /* Tertiary */
1197
- --color-upn-color-cyan-10: #f1f8ff;
1198
- --color-upn-color-cyan-30: #c5e5ff;
1199
- --color-upn-color-cyan-50: #72c8ff;
1200
- --color-upn-color-cyan-60-base: #00b9ff;
1201
- --color-upn-color-cyan-80: #0072ab;
1202
- /* ------------- */
1203
- /* Colors core */
1204
- /* ------------- */
1205
- /* Complementary: Links (Accent) */
1206
- --color-core-color-blue-60-base: #0042e9;
1207
- --color-core-color-blue-80: #0012af;
1208
- /* Feedback */
1209
- --color-core-color-green-10: #ebf5ea;
1210
- --color-core-color-green-30: #b6ffb4;
1211
- --color-core-color-green-60-base: #359e29;
1212
- --color-core-color-green-80: #205f19;
1213
- --color-core-color-amber-10: #ffecd5;
1214
- --color-core-color-amber-30: #fed9aa;
1215
- --color-core-color-amber-60-base: #ffc107;
1216
- --color-core-color-amber-70: #985108;
1217
- --color-core-color-redibbon-10: #fff4f4;
1218
- --color-core-color-redibbon-30: #fed4d8;
1219
- --color-core-color-redibbon-60-base: #dc3545;
1220
- --color-core-color-redibbon-80: #b02a37;
1221
- --color-core-color-blue-intense-10: #e8f2ff;
1222
- --color-core-color-blue-intense-30: #b9d6fe;
1223
- --color-core-color-blue-intense-60-base: #1762ca;
1224
- --color-core-color-blue-intense-80: #0e3b79;
1225
- --color-core-feedback-critical-30: #fee7c5;
1226
- /* Social Color */
1227
- --color-core-color-whatsapp-60-base: #00ba37;
1228
- --color-core-color-whatsapp-70: #0d7d2d;
1229
- --color-core-color-whatsapp-80: #054d19;
1230
- --color-core-icon-critical-60: #fd6d21;
1087
+ --primary-60: #e50a17;
1088
+ --primary-70: #b70812;
1089
+ --primary-80: #89060e;
1090
+ --secondary-30: #ab9cc6;
1091
+ --secondary-50: #6d529c;
1092
+ --secondary-60: #482783;
1093
+ --secondary-70: #422377;
1094
+ --secondary-80: #331c5d;
1095
+ --secondary-tag-soft: #ede9f3;
1096
+ --tertiary-10: #eff9fb;
1097
+ --tertiary-30: #e2f4f8;
1098
+ --tertiary-50: #c2e7f0;
1099
+ --tertiary-60: #6ac5da;
1100
+ --tertiary-80: #1f697a;
1101
+ --tertiary-tag-soft: #eff9fb;
1102
+ --neutral-gray-10: #ffffff;
1103
+ --neutral-gray-20: #fafafa;
1104
+ --neutral-gray-40: #d9d9d9;
1105
+ --neutral-10: #ffffff;
1106
+ --neutral-20: #fafafa;
1107
+ --neutral-30: #f2f2f2;
1108
+ --neutral-40: #d9d9d9;
1109
+ --neutral-50: #bfbfbf;
1110
+ --neutral-60: #a6a6a6;
1111
+ --neutral-70: #808080;
1112
+ --neutral-80: #595959;
1113
+ --neutral-90: #404040;
1114
+ --neutral-100: #191919;
1115
+ --feedback-success-30: #b6ffb4;
1116
+ --feedback-success-60: #359e29;
1117
+ --feedback-success-80: #205f19;
1118
+ --feedback-critical-30: #fee7c5;
1119
+ --feedback-critical-60: #fd6d21;
1120
+ --feedback-error-30: #fed4d8;
1121
+ --feedback-error-60: #dc3545;
1122
+ --feedback-informative-30: #b9d6fe;
1123
+ --feedback-informative-60: #1762ca;
1124
+ --social-whatsapp-60: #00ba37;
1125
+ --social-pink-70: #ff4b4b;
1231
1126
  }
1232
1127
 
1233
1128
  .dsEcom-pointer-events-none {
@@ -1594,120 +1489,24 @@ video {
1594
1489
  border-style: solid;
1595
1490
  }
1596
1491
 
1597
- .\!dsEcom-border-core-color-green-60-base {
1598
- border-color: var(--color-core-color-green-60-base) !important;
1492
+ .dsEcom-border-neutral-70 {
1493
+ border-color: var(--neutral-70);
1599
1494
  }
1600
1495
 
1601
- .\!dsEcom-border-upc-color-neutral-50 {
1602
- border-color: var(--color-upc-color-neutral-50) !important;
1496
+ .dsEcom-border-primary-60 {
1497
+ border-color: var(--primary-60);
1603
1498
  }
1604
1499
 
1605
- .\!dsEcom-border-upc-color-neutral-60 {
1606
- border-color: var(--color-upc-color-neutral-60) !important;
1500
+ .dsEcom-bg-neutral-10 {
1501
+ background-color: var(--neutral-10);
1607
1502
  }
1608
1503
 
1609
- .\!dsEcom-border-upc-color-neutral-70 {
1610
- border-color: var(--color-upc-color-neutral-70) !important;
1504
+ .dsEcom-bg-neutral-70 {
1505
+ background-color: var(--neutral-70);
1611
1506
  }
1612
1507
 
1613
- .\!dsEcom-border-upc-color-red-60-base {
1614
- border-color: var(--color-upc-color-red-60-base) !important;
1615
- }
1616
-
1617
- .dsEcom-border-cbt-astro-blue-80 {
1618
- border-color: var(--color-cbt-astro-blue-80);
1619
- }
1620
-
1621
- .dsEcom-border-cbt-color-apple-green-60-base {
1622
- border-color: var(--color-cbt-color-apple-green-60-base);
1623
- }
1624
-
1625
- .dsEcom-border-color-cbt-color-neutral-90 {
1626
- border-color: var(--color-cbt-color-neutral-90);
1627
- }
1628
-
1629
- .dsEcom-border-upc-color-neutral-60 {
1630
- border-color: var(--color-upc-color-neutral-60);
1631
- }
1632
-
1633
- .dsEcom-border-upc-color-neutral-70 {
1634
- border-color: var(--color-upc-color-neutral-70);
1635
- }
1636
-
1637
- .dsEcom-border-upc-color-neutral-80 {
1638
- border-color: var(--color-upc-color-neutral-80);
1639
- }
1640
-
1641
- .dsEcom-border-upc-color-neutral-90 {
1642
- border-color: var(--color-upc-color-neutral-90);
1643
- }
1644
-
1645
- .dsEcom-border-upc-color-red-60-base {
1646
- border-color: var(--color-upc-color-red-60-base);
1647
- }
1648
-
1649
- .dsEcom-border-upc-epg-color-purple-60-base {
1650
- border-color: var(--color-upc-epg-color-purple-60-base);
1651
- }
1652
-
1653
- .dsEcom-border-r-color-cbt-color-neutral-50 {
1654
- border-right-color: var(--color-cbt-color-neutral-50);
1655
- }
1656
-
1657
- .dsEcom-border-r-upc-color-neutral-50 {
1658
- border-right-color: var(--color-upc-color-neutral-50);
1659
- }
1660
-
1661
- .\!dsEcom-bg-cbt-color-apple-green-60-base {
1662
- background-color: var(--color-cbt-color-apple-green-60-base) !important;
1663
- }
1664
-
1665
- .\!dsEcom-bg-upc-color-red-60-base {
1666
- background-color: var(--color-upc-color-red-60-base) !important;
1667
- }
1668
-
1669
- .dsEcom-bg-cbt-astro-blue-90 {
1670
- background-color: var(--color-cbt-astro-blue-90);
1671
- }
1672
-
1673
- .dsEcom-bg-cbt-color-apple-green-60-base {
1674
- background-color: var(--color-cbt-color-apple-green-60-base);
1675
- }
1676
-
1677
- .dsEcom-bg-color-cbt-color-neutral-20 {
1678
- background-color: var(--color-cbt-color-neutral-20);
1679
- }
1680
-
1681
- .dsEcom-bg-color-cbt-color-neutral-50 {
1682
- background-color: var(--color-cbt-color-neutral-50);
1683
- }
1684
-
1685
- .dsEcom-bg-upc-color-neutral-10 {
1686
- background-color: var(--color-upc-color-neutral-10);
1687
- }
1688
-
1689
- .dsEcom-bg-upc-color-neutral-20 {
1690
- background-color: var(--color-upc-color-neutral-20);
1691
- }
1692
-
1693
- .dsEcom-bg-upc-color-neutral-50 {
1694
- background-color: var(--color-upc-color-neutral-50);
1695
- }
1696
-
1697
- .dsEcom-bg-upc-color-neutral-70 {
1698
- background-color: var(--color-upc-color-neutral-70);
1699
- }
1700
-
1701
- .dsEcom-bg-upc-color-neutral-80 {
1702
- background-color: var(--color-upc-color-neutral-80);
1703
- }
1704
-
1705
- .dsEcom-bg-upc-color-neutral-90 {
1706
- background-color: var(--color-upc-color-neutral-90);
1707
- }
1708
-
1709
- .dsEcom-bg-upc-color-red-60-base {
1710
- background-color: var(--color-upc-color-red-60-base);
1508
+ .dsEcom-bg-primary-60 {
1509
+ background-color: var(--primary-60);
1711
1510
  }
1712
1511
 
1713
1512
  .dsEcom-bg-white {
@@ -1719,6 +1518,14 @@ video {
1719
1518
  --tw-bg-opacity: 0.7;
1720
1519
  }
1721
1520
 
1521
+ .dsEcom-fill-neutral-10 {
1522
+ fill: var(--neutral-10);
1523
+ }
1524
+
1525
+ .dsEcom-fill-primary-60 {
1526
+ fill: var(--primary-60);
1527
+ }
1528
+
1722
1529
  .dsEcom-p-4 {
1723
1530
  padding: 1rem;
1724
1531
  }
@@ -1859,68 +1666,16 @@ video {
1859
1666
  line-height: 18px;
1860
1667
  }
1861
1668
 
1862
- .\!dsEcom-text-cbt-color-apple-green-60-base {
1863
- color: var(--color-cbt-color-apple-green-60-base) !important;
1864
- }
1865
-
1866
- .\!dsEcom-text-upc-color-neutral-10 {
1867
- color: var(--color-upc-color-neutral-10) !important;
1868
- }
1869
-
1870
- .\!dsEcom-text-upc-color-neutral-70 {
1871
- color: var(--color-upc-color-neutral-70) !important;
1872
- }
1873
-
1874
- .\!dsEcom-text-upc-color-red-60-base {
1875
- color: var(--color-upc-color-red-60-base) !important;
1876
- }
1877
-
1878
- .dsEcom-text-cbt-astro-blue-20 {
1879
- color: var(--color-cbt-astro-blue-20);
1880
- }
1881
-
1882
- .dsEcom-text-cbt-astro-blue-80 {
1883
- color: var(--color-cbt-astro-blue-80);
1884
- }
1885
-
1886
- .dsEcom-text-cbt-color-apple-green-60-base {
1887
- color: var(--color-cbt-color-apple-green-60-base);
1888
- }
1889
-
1890
- .dsEcom-text-color-cbt-color-neutral-80 {
1891
- color: var(--color-cbt-color-neutral-80);
1892
- }
1893
-
1894
- .dsEcom-text-core-color-blue-60-base {
1895
- color: var(--color-core-color-blue-60-base);
1896
- }
1897
-
1898
- .dsEcom-text-upc-color-neutral-10 {
1899
- color: var(--color-upc-color-neutral-10);
1900
- }
1901
-
1902
- .dsEcom-text-upc-color-neutral-100 {
1903
- color: var(--color-upc-color-neutral-100);
1669
+ .dsEcom-text-neutral-10 {
1670
+ color: var(--neutral-10);
1904
1671
  }
1905
1672
 
1906
- .dsEcom-text-upc-color-neutral-70 {
1907
- color: var(--color-upc-color-neutral-70);
1673
+ .dsEcom-text-neutral-70 {
1674
+ color: var(--neutral-70);
1908
1675
  }
1909
1676
 
1910
- .dsEcom-text-upc-color-neutral-90 {
1911
- color: var(--color-upc-color-neutral-90);
1912
- }
1913
-
1914
- .dsEcom-text-upc-color-red-60-base {
1915
- color: var(--color-upc-color-red-60-base);
1916
- }
1917
-
1918
- .dsEcom-text-upc-epg-color-purple-30 {
1919
- color: var(--color-upc-epg-color-purple-30);
1920
- }
1921
-
1922
- .dsEcom-text-upc-epg-color-purple-60-base {
1923
- color: var(--color-upc-epg-color-purple-60-base);
1677
+ .dsEcom-text-primary-60 {
1678
+ color: var(--primary-60);
1924
1679
  }
1925
1680
 
1926
1681
  .dsEcom-text-white {
@@ -2026,22 +1781,6 @@ video {
2026
1781
  font-display: swap;
2027
1782
  }
2028
1783
 
2029
- .placeholder\:\!dsEcom-text-upc-color-neutral-100:-ms-input-placeholder {
2030
- color: var(--color-upc-color-neutral-100) !important;
2031
- }
2032
-
2033
- .placeholder\:\!dsEcom-text-upc-color-neutral-100::placeholder {
2034
- color: var(--color-upc-color-neutral-100) !important;
2035
- }
2036
-
2037
- .placeholder\:\!dsEcom-text-upc-color-neutral-80:-ms-input-placeholder {
2038
- color: var(--color-upc-color-neutral-80) !important;
2039
- }
2040
-
2041
- .placeholder\:\!dsEcom-text-upc-color-neutral-80::placeholder {
2042
- color: var(--color-upc-color-neutral-80) !important;
2043
- }
2044
-
2045
1784
  .after\:dsEcom-absolute::after {
2046
1785
  content: var(--tw-content);
2047
1786
  position: absolute;
@@ -2071,30 +1810,6 @@ video {
2071
1810
  cursor: pointer;
2072
1811
  }
2073
1812
 
2074
- .checked\:\!dsEcom-border-upc-color-neutral-60:checked {
2075
- border-color: var(--color-upc-color-neutral-60) !important;
2076
- }
2077
-
2078
- .checked\:\!dsEcom-border-upc-color-red-60-base:checked {
2079
- border-color: var(--color-upc-color-red-60-base) !important;
2080
- }
2081
-
2082
- .checked\:dsEcom-border-cbt-color-apple-green-60-base:checked {
2083
- border-color: var(--color-cbt-color-apple-green-60-base);
2084
- }
2085
-
2086
- .checked\:dsEcom-border-upc-color-red-60-base:checked {
2087
- border-color: var(--color-upc-color-red-60-base);
2088
- }
2089
-
2090
- .checked\:dsEcom-bg-cbt-color-apple-green-60-base:checked {
2091
- background-color: var(--color-cbt-color-apple-green-60-base);
2092
- }
2093
-
2094
- .checked\:dsEcom-bg-upc-color-red-60-base:checked {
2095
- background-color: var(--color-upc-color-red-60-base);
2096
- }
2097
-
2098
1813
  .checked\:dsEcom-p-1:checked {
2099
1814
  padding: 0.25rem;
2100
1815
  }
@@ -2134,21 +1849,6 @@ video {
2134
1849
  border-radius: 9999px;
2135
1850
  }
2136
1851
 
2137
- .checked\:after\:dsEcom-bg-cbt-color-apple-green-60-base:checked::after {
2138
- content: var(--tw-content);
2139
- background-color: var(--color-cbt-color-apple-green-60-base);
2140
- }
2141
-
2142
- .checked\:after\:dsEcom-bg-upc-color-neutral-50:checked::after {
2143
- content: var(--tw-content);
2144
- background-color: var(--color-upc-color-neutral-50);
2145
- }
2146
-
2147
- .checked\:after\:dsEcom-bg-upc-color-red-60-base:checked::after {
2148
- content: var(--tw-content);
2149
- background-color: var(--color-upc-color-red-60-base);
2150
- }
2151
-
2152
1852
  .checked\:after\:dsEcom-content-\[\'\'\]:checked::after {
2153
1853
  --tw-content: '';
2154
1854
  content: var(--tw-content);
@@ -2159,76 +1859,36 @@ video {
2159
1859
  transform: translate(-50%,-50%);
2160
1860
  }
2161
1861
 
2162
- .hover\:dsEcom-border-cbt-color-apple-green-60-base:hover {
2163
- border-color: var(--color-cbt-color-apple-green-60-base);
2164
- }
2165
-
2166
- .hover\:dsEcom-border-cbt-color-apple-green-70:hover {
2167
- border-color: var(--color-cbt-color-apple-green-70);
1862
+ .hover\:dsEcom-border-neutral-70:hover {
1863
+ border-color: var(--neutral-70);
2168
1864
  }
2169
1865
 
2170
- .hover\:dsEcom-border-upc-color-neutral-70:hover {
2171
- border-color: var(--color-upc-color-neutral-70);
1866
+ .hover\:dsEcom-border-primary-70:hover {
1867
+ border-color: var(--primary-70);
2172
1868
  }
2173
1869
 
2174
- .hover\:dsEcom-border-upc-color-red-60-base:hover {
2175
- border-color: var(--color-upc-color-red-60-base);
1870
+ .hover\:dsEcom-bg-neutral-10:hover {
1871
+ background-color: var(--neutral-10);
2176
1872
  }
2177
1873
 
2178
- .hover\:dsEcom-border-upc-color-red-70:hover {
2179
- border-color: var(--color-upc-color-red-70);
1874
+ .hover\:dsEcom-bg-neutral-70:hover {
1875
+ background-color: var(--neutral-70);
2180
1876
  }
2181
1877
 
2182
- .hover\:dsEcom-border-upc-color-red-80:hover {
2183
- border-color: var(--color-upc-color-red-80);
1878
+ .hover\:dsEcom-bg-primary-70:hover {
1879
+ background-color: var(--primary-70);
2184
1880
  }
2185
1881
 
2186
- .hover\:dsEcom-border-upc-epg-color-purple-80:hover {
2187
- border-color: var(--color-upc-epg-color-purple-80);
1882
+ .hover\:dsEcom-fill-primary-70:hover {
1883
+ fill: var(--primary-70);
2188
1884
  }
2189
1885
 
2190
- .hover\:dsEcom-bg-cbt-color-apple-green-70:hover {
2191
- background-color: var(--color-cbt-color-apple-green-70);
1886
+ .hover\:dsEcom-text-neutral-70:hover {
1887
+ color: var(--neutral-70);
2192
1888
  }
2193
1889
 
2194
- .hover\:dsEcom-bg-upc-color-neutral-10:hover {
2195
- background-color: var(--color-upc-color-neutral-10);
2196
- }
2197
-
2198
- .hover\:dsEcom-bg-upc-color-neutral-30:hover {
2199
- background-color: var(--color-upc-color-neutral-30);
2200
- }
2201
-
2202
- .hover\:dsEcom-bg-upc-color-neutral-70:hover {
2203
- background-color: var(--color-upc-color-neutral-70);
2204
- }
2205
-
2206
- .hover\:dsEcom-bg-upc-color-red-70:hover {
2207
- background-color: var(--color-upc-color-red-70);
2208
- }
2209
-
2210
- .hover\:dsEcom-text-cbt-color-apple-green-70:hover {
2211
- color: var(--color-cbt-color-apple-green-70);
2212
- }
2213
-
2214
- .hover\:dsEcom-text-upc-color-neutral-70:hover {
2215
- color: var(--color-upc-color-neutral-70);
2216
- }
2217
-
2218
- .hover\:dsEcom-text-upc-color-red-70:hover {
2219
- color: var(--color-upc-color-red-70);
2220
- }
2221
-
2222
- .hover\:dsEcom-text-upc-color-red-80:hover {
2223
- color: var(--color-upc-color-red-80);
2224
- }
2225
-
2226
- .focus\:dsEcom-border-upc-epg-color-purple-60-base:focus {
2227
- border-color: var(--color-upc-epg-color-purple-60-base);
2228
- }
2229
-
2230
- .focus\:\!dsEcom-text-upc-color-neutral-100:focus {
2231
- color: var(--color-upc-color-neutral-100) !important;
1890
+ .hover\:dsEcom-text-primary-70:hover {
1891
+ color: var(--primary-70);
2232
1892
  }
2233
1893
 
2234
1894
  .focus-visible\:dsEcom-outline-none:focus-visible {
@@ -2236,56 +1896,24 @@ video {
2236
1896
  outline-offset: 2px;
2237
1897
  }
2238
1898
 
2239
- .active\:dsEcom-border-cbt-color-apple-green-80:active {
2240
- border-color: var(--color-cbt-color-apple-green-80);
1899
+ .active\:dsEcom-border-neutral-70:active {
1900
+ border-color: var(--neutral-70);
2241
1901
  }
2242
1902
 
2243
- .active\:dsEcom-border-upc-color-neutral-70:active {
2244
- border-color: var(--color-upc-color-neutral-70);
1903
+ .active\:dsEcom-bg-neutral-70:active {
1904
+ background-color: var(--neutral-70);
2245
1905
  }
2246
1906
 
2247
- .active\:dsEcom-bg-cbt-color-apple-green-80:active {
2248
- background-color: var(--color-cbt-color-apple-green-80);
1907
+ .active\:dsEcom-bg-primary-80:active {
1908
+ background-color: var(--primary-80);
2249
1909
  }
2250
1910
 
2251
- .active\:dsEcom-bg-upc-color-neutral-40:active {
2252
- background-color: var(--color-upc-color-neutral-40);
1911
+ .active\:dsEcom-fill-primary-80:active {
1912
+ fill: var(--primary-80);
2253
1913
  }
2254
1914
 
2255
- .active\:dsEcom-bg-upc-color-neutral-70:active {
2256
- background-color: var(--color-upc-color-neutral-70);
2257
- }
2258
-
2259
- .active\:dsEcom-bg-upc-color-red-80:active {
2260
- background-color: var(--color-upc-color-red-80);
2261
- }
2262
-
2263
- .active\:dsEcom-text-cbt-color-apple-green-80:active {
2264
- color: var(--color-cbt-color-apple-green-80);
2265
- }
2266
-
2267
- .active\:dsEcom-text-upc-color-red-80:active {
2268
- color: var(--color-upc-color-red-80);
2269
- }
2270
-
2271
- .disabled\:dsEcom-bg-upc-color-neutral-20:disabled {
2272
- background-color: var(--color-upc-color-neutral-20);
2273
- }
2274
-
2275
- .disabled\:placeholder\:dsEcom-text-upc-color-neutral-70:disabled:-ms-input-placeholder {
2276
- color: var(--color-upc-color-neutral-70);
2277
- }
2278
-
2279
- .disabled\:placeholder\:dsEcom-text-upc-color-neutral-70:disabled::placeholder {
2280
- color: var(--color-upc-color-neutral-70);
2281
- }
2282
-
2283
- .checked\:disabled\:\!dsEcom-bg-upc-color-neutral-60:disabled:checked {
2284
- background-color: var(--color-upc-color-neutral-60) !important;
2285
- }
2286
-
2287
- .dsEcom-group:hover .group-hover\:dsEcom-border-upc-color-red-60-base {
2288
- border-color: var(--color-upc-color-red-60-base);
1915
+ .active\:dsEcom-text-primary-80:active {
1916
+ color: var(--primary-80);
2289
1917
  }
2290
1918
 
2291
1919
  .dsEcom-peer:checked ~ .peer-checked\:dsEcom-ml-5 {
@@ -2370,10 +1998,6 @@ video {
2370
1998
  border-right-width: 0px;
2371
1999
  }
2372
2000
 
2373
- .mobiles\:dsEcom-border-b-upc-color-neutral-40 {
2374
- border-bottom-color: var(--color-upc-color-neutral-40);
2375
- }
2376
-
2377
2001
  .mobiles\:dsEcom-px-0 {
2378
2002
  padding-left: 0px;
2379
2003
  padding-right: 0px;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "lau-ecom-design-system",
3
3
  "private": false,
4
- "version": "1.0.14",
4
+ "version": "1.0.15",
5
5
  "sourceType": "module",
6
6
  "sideEffects": false,
7
7
  "main": "dist/lau-ecom-design-system.ssr.js",