@designcrowd/fe-shared-lib 1.3.4-ML-signin-fixes-7 → 1.3.4-pre-brooke-test-esm-lib

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 (42) hide show
  1. package/dist/css/tailwind-brandPage.css +318 -2
  2. package/dist/css/tailwind-crazyDomains.css +100 -100
  3. package/dist/css/tailwind-designCom.css +110 -110
  4. package/dist/css/tailwind-designCrowd.css +78 -78
  5. package/index.js +6 -3
  6. package/package.json +15 -11
  7. package/src/atoms/components/Masonry/Masonry.vue +5 -1
  8. package/src/bundleTranslation.js +8 -3
  9. package/src/experiences/components/AuthFlow/ForgotPassword.vue +1 -1
  10. package/src/experiences/components/AuthFlow/SignIn.vue +8 -11
  11. package/src/experiences/components/AuthFlow/SignUp.vue +11 -12
  12. package/src/themes/base.js +13 -13
  13. package/src/themes/bc.js +69 -69
  14. package/src/themes/themes.js +287 -7
  15. package/src/viewports.js +23 -23
  16. package/.eslintrc.js +0 -35
  17. package/.github/workflows/auto-merge.yml +0 -52
  18. package/.prettierrc.js +0 -7
  19. package/.storybook/main.ts +0 -36
  20. package/.storybook/preview-head-master.html +0 -4
  21. package/.storybook/preview-head-publish-master.html +0 -4
  22. package/.storybook/preview-head-publish.html +0 -10
  23. package/.storybook/preview-head.html +0 -10
  24. package/.storybook/preview.js +0 -53
  25. package/.storybook-static/css/.keepme +0 -1
  26. package/CLAUDE.md +0 -71
  27. package/Dockerfile +0 -43
  28. package/buildspec.yml +0 -47
  29. package/index.cjs +0 -17
  30. package/nodemon.translation.json +0 -7
  31. package/npmrc +0 -1
  32. package/postcss.config.js +0 -5
  33. package/src/themes/bp.js +0 -21
  34. package/src/themes/cd.js +0 -95
  35. package/src/themes/dc.js +0 -85
  36. package/src/themes/dcom.js +0 -106
  37. package/storybook-static/favicon.ico +0 -0
  38. package/stylelint.config.js +0 -19
  39. package/tailwind.build.js +0 -83
  40. package/tailwind.config.js +0 -37
  41. package/tailwind.themes.js +0 -59
  42. package/vite.config.ts +0 -37
@@ -36,7 +36,7 @@ html,
36
36
  -moz-tab-size: 4; /* 3 */
37
37
  -o-tab-size: 4;
38
38
  tab-size: 4; /* 3 */
39
- font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
39
+ font-family: Lato, Helvetica, sans-serif; /* 4 */
40
40
  font-feature-settings: normal; /* 5 */
41
41
  font-variation-settings: normal; /* 6 */
42
42
  -webkit-tap-highlight-color: transparent; /* 7 */
@@ -1241,6 +1241,14 @@ video {
1241
1241
  .tw-border-black\/10 {
1242
1242
  border-color: rgb(0 0 0 / 0.1);
1243
1243
  }
1244
+ .tw-border-error-500 {
1245
+ --tw-border-opacity: 1;
1246
+ border-color: rgb(242 27 63 / var(--tw-border-opacity));
1247
+ }
1248
+ .tw-border-error-600 {
1249
+ --tw-border-opacity: 1;
1250
+ border-color: rgb(194 22 50 / var(--tw-border-opacity));
1251
+ }
1244
1252
  .tw-border-grayscale-100 {
1245
1253
  --tw-border-opacity: 1;
1246
1254
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
@@ -1261,6 +1269,66 @@ video {
1261
1269
  --tw-border-opacity: 1;
1262
1270
  border-color: rgb(94 94 94 / var(--tw-border-opacity));
1263
1271
  }
1272
+ .tw-border-info-300 {
1273
+ --tw-border-opacity: 1;
1274
+ border-color: rgb(102 193 231 / var(--tw-border-opacity));
1275
+ }
1276
+ .tw-border-info-500 {
1277
+ --tw-border-opacity: 1;
1278
+ border-color: rgb(0 151 215 / var(--tw-border-opacity));
1279
+ }
1280
+ .tw-border-primary-300 {
1281
+ --tw-border-opacity: 1;
1282
+ border-color: rgb(247 118 140 / var(--tw-border-opacity));
1283
+ }
1284
+ .tw-border-primary-400 {
1285
+ --tw-border-opacity: 1;
1286
+ border-color: rgb(245 73 101 / var(--tw-border-opacity));
1287
+ }
1288
+ .tw-border-primary-500 {
1289
+ --tw-border-opacity: 1;
1290
+ border-color: rgb(242 27 63 / var(--tw-border-opacity));
1291
+ }
1292
+ .tw-border-primary-600 {
1293
+ --tw-border-opacity: 1;
1294
+ border-color: rgb(194 22 50 / var(--tw-border-opacity));
1295
+ }
1296
+ .tw-border-secondary-200 {
1297
+ --tw-border-opacity: 1;
1298
+ border-color: rgb(189 189 189 / var(--tw-border-opacity));
1299
+ }
1300
+ .tw-border-secondary-300 {
1301
+ --tw-border-opacity: 1;
1302
+ border-color: rgb(155 155 155 / var(--tw-border-opacity));
1303
+ }
1304
+ .tw-border-secondary-500 {
1305
+ --tw-border-opacity: 1;
1306
+ border-color: rgb(89 89 89 / var(--tw-border-opacity));
1307
+ }
1308
+ .tw-border-success-400 {
1309
+ --tw-border-opacity: 1;
1310
+ border-color: rgb(80 185 64 / var(--tw-border-opacity));
1311
+ }
1312
+ .tw-border-success-500 {
1313
+ --tw-border-opacity: 1;
1314
+ border-color: rgb(36 168 16 / var(--tw-border-opacity));
1315
+ }
1316
+ .tw-border-success-600 {
1317
+ --tw-border-opacity: 1;
1318
+ border-color: rgb(29 134 13 / var(--tw-border-opacity));
1319
+ }
1320
+ .tw-border-warning-300 {
1321
+ --tw-border-opacity: 1;
1322
+ border-color: rgb(248 207 128 / var(--tw-border-opacity));
1323
+ }
1324
+ .tw-border-warning-500 {
1325
+ --tw-border-opacity: 1;
1326
+ border-color: rgb(243 175 43 / var(--tw-border-opacity));
1327
+ }
1328
+ .tw-border-warning-600 {
1329
+ --tw-border-opacity: 1;
1330
+ border-color: rgb(194 140 34 / var(--tw-border-opacity));
1331
+ }
1264
1332
  .tw-border-white {
1265
1333
  --tw-border-opacity: 1;
1266
1334
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
@@ -1269,6 +1337,14 @@ video {
1269
1337
  --tw-bg-opacity: 1;
1270
1338
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
1271
1339
  }
1340
+ .tw-bg-error-100 {
1341
+ --tw-bg-opacity: 1;
1342
+ background-color: rgb(252 209 217 / var(--tw-bg-opacity));
1343
+ }
1344
+ .tw-bg-error-500 {
1345
+ --tw-bg-opacity: 1;
1346
+ background-color: rgb(242 27 63 / var(--tw-bg-opacity));
1347
+ }
1272
1348
  .tw-bg-grayscale-100 {
1273
1349
  --tw-bg-opacity: 1;
1274
1350
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
@@ -1289,9 +1365,85 @@ video {
1289
1365
  --tw-bg-opacity: 1;
1290
1366
  background-color: rgb(208 208 208 / var(--tw-bg-opacity));
1291
1367
  }
1368
+ .tw-bg-info-100 {
1369
+ --tw-bg-opacity: 1;
1370
+ background-color: rgb(204 234 247 / var(--tw-bg-opacity));
1371
+ }
1372
+ .tw-bg-info-300 {
1373
+ --tw-bg-opacity: 1;
1374
+ background-color: rgb(102 193 231 / var(--tw-bg-opacity));
1375
+ }
1376
+ .tw-bg-info-400 {
1377
+ --tw-bg-opacity: 1;
1378
+ background-color: rgb(51 172 223 / var(--tw-bg-opacity));
1379
+ }
1380
+ .tw-bg-info-500 {
1381
+ --tw-bg-opacity: 1;
1382
+ background-color: rgb(0 151 215 / var(--tw-bg-opacity));
1383
+ }
1384
+ .tw-bg-info-600 {
1385
+ --tw-bg-opacity: 1;
1386
+ background-color: rgb(0 121 172 / var(--tw-bg-opacity));
1387
+ }
1388
+ .tw-bg-primary-300 {
1389
+ --tw-bg-opacity: 1;
1390
+ background-color: rgb(247 118 140 / var(--tw-bg-opacity));
1391
+ }
1392
+ .tw-bg-primary-400 {
1393
+ --tw-bg-opacity: 1;
1394
+ background-color: rgb(245 73 101 / var(--tw-bg-opacity));
1395
+ }
1396
+ .tw-bg-primary-500 {
1397
+ --tw-bg-opacity: 1;
1398
+ background-color: rgb(242 27 63 / var(--tw-bg-opacity));
1399
+ }
1400
+ .tw-bg-primary-600 {
1401
+ --tw-bg-opacity: 1;
1402
+ background-color: rgb(194 22 50 / var(--tw-bg-opacity));
1403
+ }
1404
+ .tw-bg-secondary-100 {
1405
+ --tw-bg-opacity: 1;
1406
+ background-color: rgb(222 222 222 / var(--tw-bg-opacity));
1407
+ }
1408
+ .tw-bg-secondary-300 {
1409
+ --tw-bg-opacity: 1;
1410
+ background-color: rgb(155 155 155 / var(--tw-bg-opacity));
1411
+ }
1412
+ .tw-bg-secondary-500 {
1413
+ --tw-bg-opacity: 1;
1414
+ background-color: rgb(89 89 89 / var(--tw-bg-opacity));
1415
+ }
1416
+ .tw-bg-success-100 {
1417
+ --tw-bg-opacity: 1;
1418
+ background-color: rgb(211 238 207 / var(--tw-bg-opacity));
1419
+ }
1420
+ .tw-bg-success-400 {
1421
+ --tw-bg-opacity: 1;
1422
+ background-color: rgb(80 185 64 / var(--tw-bg-opacity));
1423
+ }
1424
+ .tw-bg-success-500 {
1425
+ --tw-bg-opacity: 1;
1426
+ background-color: rgb(36 168 16 / var(--tw-bg-opacity));
1427
+ }
1292
1428
  .tw-bg-transparent {
1293
1429
  background-color: transparent;
1294
1430
  }
1431
+ .tw-bg-warning-100 {
1432
+ --tw-bg-opacity: 1;
1433
+ background-color: rgb(253 239 213 / var(--tw-bg-opacity));
1434
+ }
1435
+ .tw-bg-warning-300 {
1436
+ --tw-bg-opacity: 1;
1437
+ background-color: rgb(248 207 128 / var(--tw-bg-opacity));
1438
+ }
1439
+ .tw-bg-warning-500 {
1440
+ --tw-bg-opacity: 1;
1441
+ background-color: rgb(243 175 43 / var(--tw-bg-opacity));
1442
+ }
1443
+ .tw-bg-warning-600 {
1444
+ --tw-bg-opacity: 1;
1445
+ background-color: rgb(194 140 34 / var(--tw-bg-opacity));
1446
+ }
1295
1447
  .tw-bg-white {
1296
1448
  --tw-bg-opacity: 1;
1297
1449
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
@@ -1608,7 +1760,7 @@ video {
1608
1760
  vertical-align: middle;
1609
1761
  }
1610
1762
  .tw-font-sans {
1611
- font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
1763
+ font-family: Lato, Helvetica, sans-serif;
1612
1764
  }
1613
1765
  .tw-text-2xl {
1614
1766
  font-size: 1.5rem;
@@ -1656,6 +1808,14 @@ video {
1656
1808
  --tw-text-opacity: 1;
1657
1809
  color: rgb(0 0 0 / var(--tw-text-opacity));
1658
1810
  }
1811
+ .tw-text-error-500 {
1812
+ --tw-text-opacity: 1;
1813
+ color: rgb(242 27 63 / var(--tw-text-opacity));
1814
+ }
1815
+ .tw-text-error-700 {
1816
+ --tw-text-opacity: 1;
1817
+ color: rgb(145 16 38 / var(--tw-text-opacity));
1818
+ }
1659
1819
  .tw-text-grayscale-500 {
1660
1820
  --tw-text-opacity: 1;
1661
1821
  color: rgb(208 208 208 / var(--tw-text-opacity));
@@ -1672,6 +1832,50 @@ video {
1672
1832
  --tw-text-opacity: 1;
1673
1833
  color: rgb(17 21 23 / var(--tw-text-opacity));
1674
1834
  }
1835
+ .tw-text-info-300 {
1836
+ --tw-text-opacity: 1;
1837
+ color: rgb(102 193 231 / var(--tw-text-opacity));
1838
+ }
1839
+ .tw-text-info-500 {
1840
+ --tw-text-opacity: 1;
1841
+ color: rgb(0 151 215 / var(--tw-text-opacity));
1842
+ }
1843
+ .tw-text-primary-500 {
1844
+ --tw-text-opacity: 1;
1845
+ color: rgb(242 27 63 / var(--tw-text-opacity));
1846
+ }
1847
+ .tw-text-secondary-400 {
1848
+ --tw-text-opacity: 1;
1849
+ color: rgb(122 122 122 / var(--tw-text-opacity));
1850
+ }
1851
+ .tw-text-secondary-500 {
1852
+ --tw-text-opacity: 1;
1853
+ color: rgb(89 89 89 / var(--tw-text-opacity));
1854
+ }
1855
+ .tw-text-secondary-600 {
1856
+ --tw-text-opacity: 1;
1857
+ color: rgb(71 71 71 / var(--tw-text-opacity));
1858
+ }
1859
+ .tw-text-secondary-800 {
1860
+ --tw-text-opacity: 1;
1861
+ color: rgb(36 36 36 / var(--tw-text-opacity));
1862
+ }
1863
+ .tw-text-success-500 {
1864
+ --tw-text-opacity: 1;
1865
+ color: rgb(36 168 16 / var(--tw-text-opacity));
1866
+ }
1867
+ .tw-text-success-600 {
1868
+ --tw-text-opacity: 1;
1869
+ color: rgb(29 134 13 / var(--tw-text-opacity));
1870
+ }
1871
+ .tw-text-success-700 {
1872
+ --tw-text-opacity: 1;
1873
+ color: rgb(22 101 10 / var(--tw-text-opacity));
1874
+ }
1875
+ .tw-text-warning-700 {
1876
+ --tw-text-opacity: 1;
1877
+ color: rgb(146 105 26 / var(--tw-text-opacity));
1878
+ }
1675
1879
  .tw-text-white {
1676
1880
  --tw-text-opacity: 1;
1677
1881
  color: rgb(255 255 255 / var(--tw-text-opacity));
@@ -1737,6 +1941,14 @@ video {
1737
1941
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
1738
1942
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1739
1943
  }
1944
+ .\!tw-shadow-info-500 {
1945
+ --tw-shadow-color: #0097D7 !important;
1946
+ --tw-shadow: var(--tw-shadow-colored) !important;
1947
+ }
1948
+ .\!tw-shadow-secondary-200 {
1949
+ --tw-shadow-color: #BDBDBD !important;
1950
+ --tw-shadow: var(--tw-shadow-colored) !important;
1951
+ }
1740
1952
  .tw-outline-none {
1741
1953
  outline: 2px solid transparent;
1742
1954
  outline-offset: 2px;
@@ -1788,6 +2000,30 @@ video {
1788
2000
  --tw-border-opacity: 1;
1789
2001
  border-color: rgb(230 230 230 / var(--tw-border-opacity));
1790
2002
  }
2003
+ .hover\:tw-border-info-600:hover {
2004
+ --tw-border-opacity: 1;
2005
+ border-color: rgb(0 121 172 / var(--tw-border-opacity));
2006
+ }
2007
+ .hover\:tw-border-primary-600:hover {
2008
+ --tw-border-opacity: 1;
2009
+ border-color: rgb(194 22 50 / var(--tw-border-opacity));
2010
+ }
2011
+ .hover\:tw-border-primary-700:hover {
2012
+ --tw-border-opacity: 1;
2013
+ border-color: rgb(145 16 38 / var(--tw-border-opacity));
2014
+ }
2015
+ .hover\:tw-border-secondary-700:hover {
2016
+ --tw-border-opacity: 1;
2017
+ border-color: rgb(53 53 53 / var(--tw-border-opacity));
2018
+ }
2019
+ .hover\:tw-border-success-600:hover {
2020
+ --tw-border-opacity: 1;
2021
+ border-color: rgb(29 134 13 / var(--tw-border-opacity));
2022
+ }
2023
+ .hover\:tw-border-warning-600:hover {
2024
+ --tw-border-opacity: 1;
2025
+ border-color: rgb(194 140 34 / var(--tw-border-opacity));
2026
+ }
1791
2027
  .hover\:tw-bg-grayscale-200:hover {
1792
2028
  --tw-bg-opacity: 1;
1793
2029
  background-color: rgb(244 244 244 / var(--tw-bg-opacity));
@@ -1800,10 +2036,70 @@ video {
1800
2036
  --tw-bg-opacity: 1;
1801
2037
  background-color: rgb(230 230 230 / var(--tw-bg-opacity));
1802
2038
  }
2039
+ .hover\:tw-bg-info-100:hover {
2040
+ --tw-bg-opacity: 1;
2041
+ background-color: rgb(204 234 247 / var(--tw-bg-opacity));
2042
+ }
2043
+ .hover\:tw-bg-info-400:hover {
2044
+ --tw-bg-opacity: 1;
2045
+ background-color: rgb(51 172 223 / var(--tw-bg-opacity));
2046
+ }
2047
+ .hover\:tw-bg-info-600:hover {
2048
+ --tw-bg-opacity: 1;
2049
+ background-color: rgb(0 121 172 / var(--tw-bg-opacity));
2050
+ }
2051
+ .hover\:tw-bg-primary-100:hover {
2052
+ --tw-bg-opacity: 1;
2053
+ background-color: rgb(252 209 217 / var(--tw-bg-opacity));
2054
+ }
2055
+ .hover\:tw-bg-primary-400:hover {
2056
+ --tw-bg-opacity: 1;
2057
+ background-color: rgb(245 73 101 / var(--tw-bg-opacity));
2058
+ }
2059
+ .hover\:tw-bg-primary-600:hover {
2060
+ --tw-bg-opacity: 1;
2061
+ background-color: rgb(194 22 50 / var(--tw-bg-opacity));
2062
+ }
2063
+ .hover\:tw-bg-secondary-100:hover {
2064
+ --tw-bg-opacity: 1;
2065
+ background-color: rgb(222 222 222 / var(--tw-bg-opacity));
2066
+ }
2067
+ .hover\:tw-bg-secondary-400:hover {
2068
+ --tw-bg-opacity: 1;
2069
+ background-color: rgb(122 122 122 / var(--tw-bg-opacity));
2070
+ }
2071
+ .hover\:tw-bg-secondary-500:hover {
2072
+ --tw-bg-opacity: 1;
2073
+ background-color: rgb(89 89 89 / var(--tw-bg-opacity));
2074
+ }
2075
+ .hover\:tw-bg-secondary-600:hover {
2076
+ --tw-bg-opacity: 1;
2077
+ background-color: rgb(71 71 71 / var(--tw-bg-opacity));
2078
+ }
2079
+ .hover\:tw-bg-success-100:hover {
2080
+ --tw-bg-opacity: 1;
2081
+ background-color: rgb(211 238 207 / var(--tw-bg-opacity));
2082
+ }
2083
+ .hover\:tw-bg-success-600:hover {
2084
+ --tw-bg-opacity: 1;
2085
+ background-color: rgb(29 134 13 / var(--tw-bg-opacity));
2086
+ }
2087
+ .hover\:tw-bg-warning-600:hover {
2088
+ --tw-bg-opacity: 1;
2089
+ background-color: rgb(194 140 34 / var(--tw-bg-opacity));
2090
+ }
1803
2091
  .hover\:tw-text-grayscale-800:hover {
1804
2092
  --tw-text-opacity: 1;
1805
2093
  color: rgb(17 21 23 / var(--tw-text-opacity));
1806
2094
  }
2095
+ .hover\:tw-text-secondary-500:hover {
2096
+ --tw-text-opacity: 1;
2097
+ color: rgb(89 89 89 / var(--tw-text-opacity));
2098
+ }
2099
+ .hover\:tw-text-success-600:hover {
2100
+ --tw-text-opacity: 1;
2101
+ color: rgb(29 134 13 / var(--tw-text-opacity));
2102
+ }
1807
2103
  .hover\:tw-text-white:hover {
1808
2104
  --tw-text-opacity: 1;
1809
2105
  color: rgb(255 255 255 / var(--tw-text-opacity));
@@ -1816,10 +2112,18 @@ video {
1816
2112
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
1817
2113
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1818
2114
  }
2115
+ .hover\:\!tw-shadow-info-500:hover {
2116
+ --tw-shadow-color: #0097D7 !important;
2117
+ --tw-shadow: var(--tw-shadow-colored) !important;
2118
+ }
1819
2119
  .hover\:tw-brightness-\[0\.85\]:hover {
1820
2120
  --tw-brightness: brightness(0.85);
1821
2121
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
1822
2122
  }
2123
+ .focus\:tw-border-error-600:focus {
2124
+ --tw-border-opacity: 1;
2125
+ border-color: rgb(194 22 50 / var(--tw-border-opacity));
2126
+ }
1823
2127
  .focus\:tw-border-grayscale-600:focus {
1824
2128
  --tw-border-opacity: 1;
1825
2129
  border-color: rgb(94 94 94 / var(--tw-border-opacity));
@@ -1828,10 +2132,22 @@ video {
1828
2132
  --tw-border-opacity: 1;
1829
2133
  border-color: rgb(43 43 43 / var(--tw-border-opacity));
1830
2134
  }
2135
+ .focus\:tw-border-success-600:focus {
2136
+ --tw-border-opacity: 1;
2137
+ border-color: rgb(29 134 13 / var(--tw-border-opacity));
2138
+ }
2139
+ .focus\:tw-border-warning-600:focus {
2140
+ --tw-border-opacity: 1;
2141
+ border-color: rgb(194 140 34 / var(--tw-border-opacity));
2142
+ }
1831
2143
  .focus\:tw-outline-none:focus {
1832
2144
  outline: 2px solid transparent;
1833
2145
  outline-offset: 2px;
1834
2146
  }
2147
+ .tw-group:hover .group-hover\:tw-text-info-500 {
2148
+ --tw-text-opacity: 1;
2149
+ color: rgb(0 151 215 / var(--tw-text-opacity));
2150
+ }
1835
2151
  @media (min-width: 640px) {
1836
2152
 
1837
2153
  .sm\:tw-absolute {