@yeverlibs/ds 1.0.0 → 1.0.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.
Files changed (7) hide show
  1. package/dist/index.js +12 -37
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +11 -37
  4. package/dist/index.mjs.map +1 -1
  5. package/dist/styles.css +415 -19
  6. package/dist/styles.css.map +1 -1
  7. package/package.json +3 -1
package/dist/styles.css CHANGED
@@ -318,25 +318,6 @@ video {
318
318
  [hidden]:where(:not([hidden=until-found])) {
319
319
  display: none;
320
320
  }
321
- * {
322
- scrollbar-width: 12px;
323
- scrollbar-color: var(--secondary) var(--primary);
324
- }
325
- *::-webkit-scrollbar {
326
- width: 12px;
327
- }
328
- *::-webkit-scrollbar-track {
329
- background: transparent;
330
- box-shadow: inset 0 0 5px transparent;
331
- border-radius: 0px;
332
- }
333
- *::-webkit-scrollbar-thumb {
334
- background-color: #dee2e6;
335
- border-radius: 27px;
336
- border: 3px solid rgba(0, 0, 0, 0);
337
- background-clip: padding-box;
338
- min-height: 34px;
339
- }
340
321
  .pointer-events-none {
341
322
  pointer-events: none;
342
323
  }
@@ -1129,6 +1110,22 @@ video {
1129
1110
  .border-\[transparent\] {
1130
1111
  border-color: transparent;
1131
1112
  }
1113
+ .border-brand-blue-0 {
1114
+ --tw-border-opacity: 1;
1115
+ border-color: rgb(245 246 255 / var(--tw-border-opacity, 1));
1116
+ }
1117
+ .border-brand-blue-100 {
1118
+ --tw-border-opacity: 1;
1119
+ border-color: rgb(204 208 255 / var(--tw-border-opacity, 1));
1120
+ }
1121
+ .border-brand-blue-200 {
1122
+ --tw-border-opacity: 1;
1123
+ border-color: rgb(163 171 255 / var(--tw-border-opacity, 1));
1124
+ }
1125
+ .border-brand-blue-300 {
1126
+ --tw-border-opacity: 1;
1127
+ border-color: rgb(117 129 255 / var(--tw-border-opacity, 1));
1128
+ }
1132
1129
  .border-brand-blue-400 {
1133
1130
  --tw-border-opacity: 1;
1134
1131
  border-color: rgb(71 87 255 / var(--tw-border-opacity, 1));
@@ -1137,10 +1134,34 @@ video {
1137
1134
  --tw-border-opacity: 1;
1138
1135
  border-color: rgb(46 62 239 / var(--tw-border-opacity, 1));
1139
1136
  }
1137
+ .border-brand-blue-600 {
1138
+ --tw-border-opacity: 1;
1139
+ border-color: rgb(0 21 255 / var(--tw-border-opacity, 1));
1140
+ }
1141
+ .border-brand-blue-700 {
1142
+ --tw-border-opacity: 1;
1143
+ border-color: rgb(0 20 235 / var(--tw-border-opacity, 1));
1144
+ }
1145
+ .border-brand-blue-800 {
1146
+ --tw-border-opacity: 1;
1147
+ border-color: rgb(0 17 204 / var(--tw-border-opacity, 1));
1148
+ }
1149
+ .border-brand-blue-900 {
1150
+ --tw-border-opacity: 1;
1151
+ border-color: rgb(0 17 204 / var(--tw-border-opacity, 1));
1152
+ }
1153
+ .border-brand-yellow-100 {
1154
+ --tw-border-opacity: 1;
1155
+ border-color: rgb(255 252 240 / var(--tw-border-opacity, 1));
1156
+ }
1140
1157
  .border-brand-yellow-200 {
1141
1158
  --tw-border-opacity: 1;
1142
1159
  border-color: rgb(255 248 224 / var(--tw-border-opacity, 1));
1143
1160
  }
1161
+ .border-brand-yellow-300 {
1162
+ --tw-border-opacity: 1;
1163
+ border-color: rgb(255 243 199 / var(--tw-border-opacity, 1));
1164
+ }
1144
1165
  .border-brand-yellow-400 {
1145
1166
  --tw-border-opacity: 1;
1146
1167
  border-color: rgb(255 229 138 / var(--tw-border-opacity, 1));
@@ -1149,6 +1170,30 @@ video {
1149
1170
  --tw-border-opacity: 1;
1150
1171
  border-color: rgb(255 218 87 / var(--tw-border-opacity, 1));
1151
1172
  }
1173
+ .border-brand-yellow-600 {
1174
+ --tw-border-opacity: 1;
1175
+ border-color: rgb(255 202 15 / var(--tw-border-opacity, 1));
1176
+ }
1177
+ .border-brand-yellow-700 {
1178
+ --tw-border-opacity: 1;
1179
+ border-color: rgb(204 159 0 / var(--tw-border-opacity, 1));
1180
+ }
1181
+ .border-brand-yellow-800 {
1182
+ --tw-border-opacity: 1;
1183
+ border-color: rgb(107 84 0 / var(--tw-border-opacity, 1));
1184
+ }
1185
+ .border-brand-yellow-900 {
1186
+ --tw-border-opacity: 1;
1187
+ border-color: rgb(66 52 0 / var(--tw-border-opacity, 1));
1188
+ }
1189
+ .border-gray-0 {
1190
+ --tw-border-opacity: 1;
1191
+ border-color: rgb(248 249 250 / var(--tw-border-opacity, 1));
1192
+ }
1193
+ .border-gray-100 {
1194
+ --tw-border-opacity: 1;
1195
+ border-color: rgb(241 243 245 / var(--tw-border-opacity, 1));
1196
+ }
1152
1197
  .border-gray-200 {
1153
1198
  --tw-border-opacity: 1;
1154
1199
  border-color: rgb(233 236 239 / var(--tw-border-opacity, 1));
@@ -1161,6 +1206,30 @@ video {
1161
1206
  --tw-border-opacity: 1;
1162
1207
  border-color: rgb(206 212 218 / var(--tw-border-opacity, 1));
1163
1208
  }
1209
+ .border-gray-500 {
1210
+ --tw-border-opacity: 1;
1211
+ border-color: rgb(173 181 189 / var(--tw-border-opacity, 1));
1212
+ }
1213
+ .border-gray-600 {
1214
+ --tw-border-opacity: 1;
1215
+ border-color: rgb(134 142 150 / var(--tw-border-opacity, 1));
1216
+ }
1217
+ .border-gray-700 {
1218
+ --tw-border-opacity: 1;
1219
+ border-color: rgb(73 80 87 / var(--tw-border-opacity, 1));
1220
+ }
1221
+ .border-gray-800 {
1222
+ --tw-border-opacity: 1;
1223
+ border-color: rgb(52 58 64 / var(--tw-border-opacity, 1));
1224
+ }
1225
+ .border-gray-900 {
1226
+ --tw-border-opacity: 1;
1227
+ border-color: rgb(33 37 41 / var(--tw-border-opacity, 1));
1228
+ }
1229
+ .border-green-0 {
1230
+ --tw-border-opacity: 1;
1231
+ border-color: rgb(235 251 238 / var(--tw-border-opacity, 1));
1232
+ }
1164
1233
  .border-green-100 {
1165
1234
  --tw-border-opacity: 1;
1166
1235
  border-color: rgb(211 249 216 / var(--tw-border-opacity, 1));
@@ -1169,6 +1238,34 @@ video {
1169
1238
  --tw-border-opacity: 1;
1170
1239
  border-color: rgb(178 242 187 / var(--tw-border-opacity, 1));
1171
1240
  }
1241
+ .border-green-300 {
1242
+ --tw-border-opacity: 1;
1243
+ border-color: rgb(140 233 154 / var(--tw-border-opacity, 1));
1244
+ }
1245
+ .border-green-400 {
1246
+ --tw-border-opacity: 1;
1247
+ border-color: rgb(105 219 124 / var(--tw-border-opacity, 1));
1248
+ }
1249
+ .border-green-500 {
1250
+ --tw-border-opacity: 1;
1251
+ border-color: rgb(81 207 102 / var(--tw-border-opacity, 1));
1252
+ }
1253
+ .border-green-600 {
1254
+ --tw-border-opacity: 1;
1255
+ border-color: rgb(64 192 87 / var(--tw-border-opacity, 1));
1256
+ }
1257
+ .border-green-700 {
1258
+ --tw-border-opacity: 1;
1259
+ border-color: rgb(55 178 77 / var(--tw-border-opacity, 1));
1260
+ }
1261
+ .border-green-800 {
1262
+ --tw-border-opacity: 1;
1263
+ border-color: rgb(47 158 68 / var(--tw-border-opacity, 1));
1264
+ }
1265
+ .border-green-900 {
1266
+ --tw-border-opacity: 1;
1267
+ border-color: rgb(43 138 62 / var(--tw-border-opacity, 1));
1268
+ }
1172
1269
  .border-orange-100 {
1173
1270
  --tw-border-opacity: 1;
1174
1271
  border-color: rgb(240 140 0 / var(--tw-border-opacity, 1));
@@ -1181,6 +1278,10 @@ video {
1181
1278
  --tw-border-opacity: 1;
1182
1279
  border-color: rgb(252 219 153 / var(--tw-border-opacity, 1));
1183
1280
  }
1281
+ .border-red-0 {
1282
+ --tw-border-opacity: 1;
1283
+ border-color: rgb(255 245 245 / var(--tw-border-opacity, 1));
1284
+ }
1184
1285
  .border-red-100 {
1185
1286
  --tw-border-opacity: 1;
1186
1287
  border-color: rgb(255 227 227 / var(--tw-border-opacity, 1));
@@ -1189,10 +1290,34 @@ video {
1189
1290
  --tw-border-opacity: 1;
1190
1291
  border-color: rgb(255 201 201 / var(--tw-border-opacity, 1));
1191
1292
  }
1293
+ .border-red-300 {
1294
+ --tw-border-opacity: 1;
1295
+ border-color: rgb(255 168 168 / var(--tw-border-opacity, 1));
1296
+ }
1297
+ .border-red-400 {
1298
+ --tw-border-opacity: 1;
1299
+ border-color: rgb(255 135 135 / var(--tw-border-opacity, 1));
1300
+ }
1301
+ .border-red-500 {
1302
+ --tw-border-opacity: 1;
1303
+ border-color: rgb(255 107 107 / var(--tw-border-opacity, 1));
1304
+ }
1305
+ .border-red-600 {
1306
+ --tw-border-opacity: 1;
1307
+ border-color: rgb(250 82 82 / var(--tw-border-opacity, 1));
1308
+ }
1192
1309
  .border-red-700 {
1193
1310
  --tw-border-opacity: 1;
1194
1311
  border-color: rgb(240 62 62 / var(--tw-border-opacity, 1));
1195
1312
  }
1313
+ .border-red-800 {
1314
+ --tw-border-opacity: 1;
1315
+ border-color: rgb(224 49 49 / var(--tw-border-opacity, 1));
1316
+ }
1317
+ .border-red-900 {
1318
+ --tw-border-opacity: 1;
1319
+ border-color: rgb(201 42 42 / var(--tw-border-opacity, 1));
1320
+ }
1196
1321
  .border-yellow-600 {
1197
1322
  --tw-border-opacity: 1;
1198
1323
  border-color: rgb(250 176 5 / var(--tw-border-opacity, 1));
@@ -1237,6 +1362,14 @@ video {
1237
1362
  --tw-bg-opacity: 1;
1238
1363
  background-color: rgb(204 208 255 / var(--tw-bg-opacity, 1));
1239
1364
  }
1365
+ .bg-brand-blue-200 {
1366
+ --tw-bg-opacity: 1;
1367
+ background-color: rgb(163 171 255 / var(--tw-bg-opacity, 1));
1368
+ }
1369
+ .bg-brand-blue-300 {
1370
+ --tw-bg-opacity: 1;
1371
+ background-color: rgb(117 129 255 / var(--tw-bg-opacity, 1));
1372
+ }
1240
1373
  .bg-brand-blue-400 {
1241
1374
  --tw-bg-opacity: 1;
1242
1375
  background-color: rgb(71 87 255 / var(--tw-bg-opacity, 1));
@@ -1245,14 +1378,54 @@ video {
1245
1378
  --tw-bg-opacity: 1;
1246
1379
  background-color: rgb(46 62 239 / var(--tw-bg-opacity, 1));
1247
1380
  }
1381
+ .bg-brand-blue-600 {
1382
+ --tw-bg-opacity: 1;
1383
+ background-color: rgb(0 21 255 / var(--tw-bg-opacity, 1));
1384
+ }
1385
+ .bg-brand-blue-700 {
1386
+ --tw-bg-opacity: 1;
1387
+ background-color: rgb(0 20 235 / var(--tw-bg-opacity, 1));
1388
+ }
1389
+ .bg-brand-blue-800 {
1390
+ --tw-bg-opacity: 1;
1391
+ background-color: rgb(0 17 204 / var(--tw-bg-opacity, 1));
1392
+ }
1393
+ .bg-brand-blue-900 {
1394
+ --tw-bg-opacity: 1;
1395
+ background-color: rgb(0 17 204 / var(--tw-bg-opacity, 1));
1396
+ }
1248
1397
  .bg-brand-yellow-100 {
1249
1398
  --tw-bg-opacity: 1;
1250
1399
  background-color: rgb(255 252 240 / var(--tw-bg-opacity, 1));
1251
1400
  }
1401
+ .bg-brand-yellow-200 {
1402
+ --tw-bg-opacity: 1;
1403
+ background-color: rgb(255 248 224 / var(--tw-bg-opacity, 1));
1404
+ }
1405
+ .bg-brand-yellow-300 {
1406
+ --tw-bg-opacity: 1;
1407
+ background-color: rgb(255 243 199 / var(--tw-bg-opacity, 1));
1408
+ }
1409
+ .bg-brand-yellow-400 {
1410
+ --tw-bg-opacity: 1;
1411
+ background-color: rgb(255 229 138 / var(--tw-bg-opacity, 1));
1412
+ }
1252
1413
  .bg-brand-yellow-500 {
1253
1414
  --tw-bg-opacity: 1;
1254
1415
  background-color: rgb(255 218 87 / var(--tw-bg-opacity, 1));
1255
1416
  }
1417
+ .bg-brand-yellow-600 {
1418
+ --tw-bg-opacity: 1;
1419
+ background-color: rgb(255 202 15 / var(--tw-bg-opacity, 1));
1420
+ }
1421
+ .bg-brand-yellow-700 {
1422
+ --tw-bg-opacity: 1;
1423
+ background-color: rgb(204 159 0 / var(--tw-bg-opacity, 1));
1424
+ }
1425
+ .bg-brand-yellow-800 {
1426
+ --tw-bg-opacity: 1;
1427
+ background-color: rgb(107 84 0 / var(--tw-bg-opacity, 1));
1428
+ }
1256
1429
  .bg-brand-yellow-900 {
1257
1430
  --tw-bg-opacity: 1;
1258
1431
  background-color: rgb(66 52 0 / var(--tw-bg-opacity, 1));
@@ -1273,22 +1446,70 @@ video {
1273
1446
  --tw-bg-opacity: 1;
1274
1447
  background-color: rgb(222 226 230 / var(--tw-bg-opacity, 1));
1275
1448
  }
1449
+ .bg-gray-400 {
1450
+ --tw-bg-opacity: 1;
1451
+ background-color: rgb(206 212 218 / var(--tw-bg-opacity, 1));
1452
+ }
1453
+ .bg-gray-500 {
1454
+ --tw-bg-opacity: 1;
1455
+ background-color: rgb(173 181 189 / var(--tw-bg-opacity, 1));
1456
+ }
1457
+ .bg-gray-600 {
1458
+ --tw-bg-opacity: 1;
1459
+ background-color: rgb(134 142 150 / var(--tw-bg-opacity, 1));
1460
+ }
1461
+ .bg-gray-700 {
1462
+ --tw-bg-opacity: 1;
1463
+ background-color: rgb(73 80 87 / var(--tw-bg-opacity, 1));
1464
+ }
1276
1465
  .bg-gray-800 {
1277
1466
  --tw-bg-opacity: 1;
1278
1467
  background-color: rgb(52 58 64 / var(--tw-bg-opacity, 1));
1279
1468
  }
1469
+ .bg-gray-900 {
1470
+ --tw-bg-opacity: 1;
1471
+ background-color: rgb(33 37 41 / var(--tw-bg-opacity, 1));
1472
+ }
1280
1473
  .bg-green-0 {
1281
1474
  --tw-bg-opacity: 1;
1282
1475
  background-color: rgb(235 251 238 / var(--tw-bg-opacity, 1));
1283
1476
  }
1477
+ .bg-green-100 {
1478
+ --tw-bg-opacity: 1;
1479
+ background-color: rgb(211 249 216 / var(--tw-bg-opacity, 1));
1480
+ }
1481
+ .bg-green-200 {
1482
+ --tw-bg-opacity: 1;
1483
+ background-color: rgb(178 242 187 / var(--tw-bg-opacity, 1));
1484
+ }
1485
+ .bg-green-300 {
1486
+ --tw-bg-opacity: 1;
1487
+ background-color: rgb(140 233 154 / var(--tw-bg-opacity, 1));
1488
+ }
1489
+ .bg-green-400 {
1490
+ --tw-bg-opacity: 1;
1491
+ background-color: rgb(105 219 124 / var(--tw-bg-opacity, 1));
1492
+ }
1493
+ .bg-green-500 {
1494
+ --tw-bg-opacity: 1;
1495
+ background-color: rgb(81 207 102 / var(--tw-bg-opacity, 1));
1496
+ }
1284
1497
  .bg-green-600 {
1285
1498
  --tw-bg-opacity: 1;
1286
1499
  background-color: rgb(64 192 87 / var(--tw-bg-opacity, 1));
1287
1500
  }
1501
+ .bg-green-700 {
1502
+ --tw-bg-opacity: 1;
1503
+ background-color: rgb(55 178 77 / var(--tw-bg-opacity, 1));
1504
+ }
1288
1505
  .bg-green-800 {
1289
1506
  --tw-bg-opacity: 1;
1290
1507
  background-color: rgb(47 158 68 / var(--tw-bg-opacity, 1));
1291
1508
  }
1509
+ .bg-green-900 {
1510
+ --tw-bg-opacity: 1;
1511
+ background-color: rgb(43 138 62 / var(--tw-bg-opacity, 1));
1512
+ }
1292
1513
  .bg-green-feedback-100 {
1293
1514
  --tw-bg-opacity: 1;
1294
1515
  background-color: rgb(218 244 228 / var(--tw-bg-opacity, 1));
@@ -1309,10 +1530,38 @@ video {
1309
1530
  --tw-bg-opacity: 1;
1310
1531
  background-color: rgb(255 227 227 / var(--tw-bg-opacity, 1));
1311
1532
  }
1533
+ .bg-red-200 {
1534
+ --tw-bg-opacity: 1;
1535
+ background-color: rgb(255 201 201 / var(--tw-bg-opacity, 1));
1536
+ }
1537
+ .bg-red-300 {
1538
+ --tw-bg-opacity: 1;
1539
+ background-color: rgb(255 168 168 / var(--tw-bg-opacity, 1));
1540
+ }
1541
+ .bg-red-400 {
1542
+ --tw-bg-opacity: 1;
1543
+ background-color: rgb(255 135 135 / var(--tw-bg-opacity, 1));
1544
+ }
1545
+ .bg-red-500 {
1546
+ --tw-bg-opacity: 1;
1547
+ background-color: rgb(255 107 107 / var(--tw-bg-opacity, 1));
1548
+ }
1312
1549
  .bg-red-600 {
1313
1550
  --tw-bg-opacity: 1;
1314
1551
  background-color: rgb(250 82 82 / var(--tw-bg-opacity, 1));
1315
1552
  }
1553
+ .bg-red-700 {
1554
+ --tw-bg-opacity: 1;
1555
+ background-color: rgb(240 62 62 / var(--tw-bg-opacity, 1));
1556
+ }
1557
+ .bg-red-800 {
1558
+ --tw-bg-opacity: 1;
1559
+ background-color: rgb(224 49 49 / var(--tw-bg-opacity, 1));
1560
+ }
1561
+ .bg-red-900 {
1562
+ --tw-bg-opacity: 1;
1563
+ background-color: rgb(201 42 42 / var(--tw-bg-opacity, 1));
1564
+ }
1316
1565
  .bg-white {
1317
1566
  --tw-bg-opacity: 1;
1318
1567
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
@@ -1523,14 +1772,94 @@ video {
1523
1772
  --tw-text-opacity: 1;
1524
1773
  color: rgb(245 246 255 / var(--tw-text-opacity, 1));
1525
1774
  }
1775
+ .text-brand-blue-100 {
1776
+ --tw-text-opacity: 1;
1777
+ color: rgb(204 208 255 / var(--tw-text-opacity, 1));
1778
+ }
1779
+ .text-brand-blue-200 {
1780
+ --tw-text-opacity: 1;
1781
+ color: rgb(163 171 255 / var(--tw-text-opacity, 1));
1782
+ }
1783
+ .text-brand-blue-300 {
1784
+ --tw-text-opacity: 1;
1785
+ color: rgb(117 129 255 / var(--tw-text-opacity, 1));
1786
+ }
1526
1787
  .text-brand-blue-400 {
1527
1788
  --tw-text-opacity: 1;
1528
1789
  color: rgb(71 87 255 / var(--tw-text-opacity, 1));
1529
1790
  }
1791
+ .text-brand-blue-500 {
1792
+ --tw-text-opacity: 1;
1793
+ color: rgb(46 62 239 / var(--tw-text-opacity, 1));
1794
+ }
1795
+ .text-brand-blue-600 {
1796
+ --tw-text-opacity: 1;
1797
+ color: rgb(0 21 255 / var(--tw-text-opacity, 1));
1798
+ }
1799
+ .text-brand-blue-700 {
1800
+ --tw-text-opacity: 1;
1801
+ color: rgb(0 20 235 / var(--tw-text-opacity, 1));
1802
+ }
1803
+ .text-brand-blue-800 {
1804
+ --tw-text-opacity: 1;
1805
+ color: rgb(0 17 204 / var(--tw-text-opacity, 1));
1806
+ }
1807
+ .text-brand-blue-900 {
1808
+ --tw-text-opacity: 1;
1809
+ color: rgb(0 17 204 / var(--tw-text-opacity, 1));
1810
+ }
1811
+ .text-brand-yellow-100 {
1812
+ --tw-text-opacity: 1;
1813
+ color: rgb(255 252 240 / var(--tw-text-opacity, 1));
1814
+ }
1815
+ .text-brand-yellow-200 {
1816
+ --tw-text-opacity: 1;
1817
+ color: rgb(255 248 224 / var(--tw-text-opacity, 1));
1818
+ }
1819
+ .text-brand-yellow-300 {
1820
+ --tw-text-opacity: 1;
1821
+ color: rgb(255 243 199 / var(--tw-text-opacity, 1));
1822
+ }
1823
+ .text-brand-yellow-400 {
1824
+ --tw-text-opacity: 1;
1825
+ color: rgb(255 229 138 / var(--tw-text-opacity, 1));
1826
+ }
1827
+ .text-brand-yellow-500 {
1828
+ --tw-text-opacity: 1;
1829
+ color: rgb(255 218 87 / var(--tw-text-opacity, 1));
1830
+ }
1831
+ .text-brand-yellow-600 {
1832
+ --tw-text-opacity: 1;
1833
+ color: rgb(255 202 15 / var(--tw-text-opacity, 1));
1834
+ }
1835
+ .text-brand-yellow-700 {
1836
+ --tw-text-opacity: 1;
1837
+ color: rgb(204 159 0 / var(--tw-text-opacity, 1));
1838
+ }
1530
1839
  .text-brand-yellow-800 {
1531
1840
  --tw-text-opacity: 1;
1532
1841
  color: rgb(107 84 0 / var(--tw-text-opacity, 1));
1533
1842
  }
1843
+ .text-brand-yellow-900 {
1844
+ --tw-text-opacity: 1;
1845
+ color: rgb(66 52 0 / var(--tw-text-opacity, 1));
1846
+ }
1847
+ .text-gray-0 {
1848
+ --tw-text-opacity: 1;
1849
+ color: rgb(248 249 250 / var(--tw-text-opacity, 1));
1850
+ }
1851
+ .text-gray-100 {
1852
+ --tw-text-opacity: 1;
1853
+ color: rgb(241 243 245 / var(--tw-text-opacity, 1));
1854
+ }
1855
+ .text-gray-200 {
1856
+ --tw-text-opacity: 1;
1857
+ color: rgb(233 236 239 / var(--tw-text-opacity, 1));
1858
+ }
1859
+ .text-gray-300 {
1860
+ --tw-text-opacity: 1;
1861
+ color: rgb(222 226 230 / var(--tw-text-opacity, 1));
1862
+ }
1534
1863
  .text-gray-400 {
1535
1864
  --tw-text-opacity: 1;
1536
1865
  color: rgb(206 212 218 / var(--tw-text-opacity, 1));
@@ -1563,10 +1892,42 @@ video {
1563
1892
  --tw-text-opacity: 1;
1564
1893
  color: rgb(235 251 238 / var(--tw-text-opacity, 1));
1565
1894
  }
1895
+ .text-green-100 {
1896
+ --tw-text-opacity: 1;
1897
+ color: rgb(211 249 216 / var(--tw-text-opacity, 1));
1898
+ }
1899
+ .text-green-200 {
1900
+ --tw-text-opacity: 1;
1901
+ color: rgb(178 242 187 / var(--tw-text-opacity, 1));
1902
+ }
1903
+ .text-green-300 {
1904
+ --tw-text-opacity: 1;
1905
+ color: rgb(140 233 154 / var(--tw-text-opacity, 1));
1906
+ }
1907
+ .text-green-400 {
1908
+ --tw-text-opacity: 1;
1909
+ color: rgb(105 219 124 / var(--tw-text-opacity, 1));
1910
+ }
1911
+ .text-green-500 {
1912
+ --tw-text-opacity: 1;
1913
+ color: rgb(81 207 102 / var(--tw-text-opacity, 1));
1914
+ }
1915
+ .text-green-600 {
1916
+ --tw-text-opacity: 1;
1917
+ color: rgb(64 192 87 / var(--tw-text-opacity, 1));
1918
+ }
1919
+ .text-green-700 {
1920
+ --tw-text-opacity: 1;
1921
+ color: rgb(55 178 77 / var(--tw-text-opacity, 1));
1922
+ }
1566
1923
  .text-green-800 {
1567
1924
  --tw-text-opacity: 1;
1568
1925
  color: rgb(47 158 68 / var(--tw-text-opacity, 1));
1569
1926
  }
1927
+ .text-green-900 {
1928
+ --tw-text-opacity: 1;
1929
+ color: rgb(43 138 62 / var(--tw-text-opacity, 1));
1930
+ }
1570
1931
  .text-green-feedback-800 {
1571
1932
  --tw-text-opacity: 1;
1572
1933
  color: rgb(30 87 52 / var(--tw-text-opacity, 1));
@@ -1583,6 +1944,22 @@ video {
1583
1944
  --tw-text-opacity: 1;
1584
1945
  color: rgb(255 245 245 / var(--tw-text-opacity, 1));
1585
1946
  }
1947
+ .text-red-100 {
1948
+ --tw-text-opacity: 1;
1949
+ color: rgb(255 227 227 / var(--tw-text-opacity, 1));
1950
+ }
1951
+ .text-red-200 {
1952
+ --tw-text-opacity: 1;
1953
+ color: rgb(255 201 201 / var(--tw-text-opacity, 1));
1954
+ }
1955
+ .text-red-300 {
1956
+ --tw-text-opacity: 1;
1957
+ color: rgb(255 168 168 / var(--tw-text-opacity, 1));
1958
+ }
1959
+ .text-red-400 {
1960
+ --tw-text-opacity: 1;
1961
+ color: rgb(255 135 135 / var(--tw-text-opacity, 1));
1962
+ }
1586
1963
  .text-red-500 {
1587
1964
  --tw-text-opacity: 1;
1588
1965
  color: rgb(255 107 107 / var(--tw-text-opacity, 1));
@@ -1735,6 +2112,25 @@ video {
1735
2112
  .ease-in-out {
1736
2113
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1737
2114
  }
2115
+ * {
2116
+ scrollbar-width: 12px;
2117
+ scrollbar-color: var(--secondary) var(--primary);
2118
+ }
2119
+ *::-webkit-scrollbar {
2120
+ width: 12px;
2121
+ }
2122
+ *::-webkit-scrollbar-track {
2123
+ background: transparent;
2124
+ box-shadow: inset 0 0 5px transparent;
2125
+ border-radius: 0px;
2126
+ }
2127
+ *::-webkit-scrollbar-thumb {
2128
+ background-color: #dee2e6;
2129
+ border-radius: 27px;
2130
+ border: 3px solid rgba(0, 0, 0, 0);
2131
+ background-clip: padding-box;
2132
+ min-height: 34px;
2133
+ }
1738
2134
  html {
1739
2135
  overflow-y: scroll;
1740
2136
  }