@drivy/cobalt 0.19.0 → 0.20.0

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 (69) hide show
  1. package/cjs/tokens/icons.js +2 -0
  2. package/cjs/tokens/icons.js.map +1 -1
  3. package/components/Flash/index.js +4 -4
  4. package/components/Flash/index.js.map +1 -1
  5. package/components/Form/Hint.js +4 -4
  6. package/components/Form/Hint.js.map +1 -1
  7. package/components/Icon/__generated__/EvCableIcon.js +21 -0
  8. package/components/Icon/__generated__/EvCableIcon.js.map +1 -0
  9. package/components/Icon/__generated__/EvChargerIcon.js +21 -0
  10. package/components/Icon/__generated__/EvChargerIcon.js.map +1 -0
  11. package/components/Icon/__generated__/SearchCarIcon.js +0 -1
  12. package/components/Icon/__generated__/SearchCarIcon.js.map +1 -1
  13. package/components/Icon/index.js +0 -5
  14. package/components/Icon/index.js.map +1 -1
  15. package/components/Pill/index.js +1 -1
  16. package/components/Pill/index.js.map +1 -1
  17. package/components/Rating/RatingCompact.js +4 -3
  18. package/components/Rating/RatingCompact.js.map +1 -1
  19. package/components/Rating/index.js +4 -1
  20. package/components/Rating/index.js.map +1 -1
  21. package/icons/ev-cable.js +4 -0
  22. package/icons/ev-cable.js.map +1 -0
  23. package/icons/ev-cable.svg +1 -0
  24. package/icons/ev-charger.js +4 -0
  25. package/icons/ev-charger.js.map +1 -0
  26. package/icons/ev-charger.svg +1 -0
  27. package/icons/index.js +2 -0
  28. package/icons/index.js.map +1 -1
  29. package/index.js +3 -1
  30. package/index.js.map +1 -1
  31. package/package.json +20 -19
  32. package/styles/components/Button/legacy.scss +13 -17
  33. package/styles/components/Callout/index.scss +3 -3
  34. package/styles/components/Card/index.scss +1 -1
  35. package/styles/components/Chip/index.scss +1 -1
  36. package/styles/components/Form/Autocomplete/index.scss +1 -1
  37. package/styles/components/Form/CheckablePill.scss +6 -6
  38. package/styles/components/Form/Checkmark.scss +1 -1
  39. package/styles/components/Form/Fieldset.scss +1 -1
  40. package/styles/components/Form/Select.scss +1 -1
  41. package/styles/components/Form/Stepper.scss +1 -1
  42. package/styles/components/Form/TextArea.scss +2 -2
  43. package/styles/components/Form/TextInput.scss +4 -4
  44. package/styles/components/Form/ToggleSwitch.scss +8 -8
  45. package/styles/components/Form/form.scss +4 -4
  46. package/styles/components/Icon/index.scss +0 -25
  47. package/styles/components/Pill/index.scss +1 -1
  48. package/styles/components/TabBar/index.scss +3 -3
  49. package/styles/components/Tag/index.scss +1 -1
  50. package/styles/core/card.scss +6 -6
  51. package/styles/core/color.scss +1 -24
  52. package/styles/core/typography.scss +6 -6
  53. package/tokens/icons.js +2 -0
  54. package/tokens/icons.js.map +1 -1
  55. package/types/components/Button/index.d.ts +6 -6
  56. package/types/components/Buttons/DefaultButton/index.d.ts +2 -2
  57. package/types/components/Buttons/GhostButton/index.d.ts +2 -2
  58. package/types/components/Form/Autocomplete/index.d.ts +2 -2
  59. package/types/components/Form/Hint.d.ts +2 -1
  60. package/types/components/Form/TextInput.d.ts +3 -3
  61. package/types/components/Icon/__generated__/EvCableIcon.d.ts +10 -0
  62. package/types/components/Icon/__generated__/EvChargerIcon.d.ts +10 -0
  63. package/types/components/Icon/__generated__/index.d.ts +2 -0
  64. package/types/components/Icon/index.d.ts +2 -2
  65. package/types/components/Rating/RatingCompact.d.ts +1 -1
  66. package/types/components/Rating/index.d.ts +2 -1
  67. package/types/icons/index.d.ts +2 -0
  68. package/types/tokens/index.d.ts +2 -0
  69. package/utilities.css +47 -142
package/utilities.css CHANGED
@@ -84,7 +84,6 @@
84
84
  }
85
85
 
86
86
  .c-sticky {
87
- position: -webkit-sticky;
88
87
  position: sticky
89
88
  }
90
89
 
@@ -1121,13 +1120,11 @@
1121
1120
  }
1122
1121
 
1123
1122
  .c-w-min {
1124
- width: -webkit-min-content;
1125
1123
  width: -moz-min-content;
1126
1124
  width: min-content
1127
1125
  }
1128
1126
 
1129
1127
  .c-w-max {
1130
- width: -webkit-max-content;
1131
1128
  width: -moz-max-content;
1132
1129
  width: max-content
1133
1130
  }
@@ -1164,25 +1161,12 @@
1164
1161
  flex-grow: 1
1165
1162
  }
1166
1163
 
1167
- @-webkit-keyframes c-spin {
1168
- to {
1169
- transform: rotate(360deg)
1170
- }
1171
- }
1172
-
1173
1164
  @keyframes c-spin {
1174
1165
  to {
1175
1166
  transform: rotate(360deg)
1176
1167
  }
1177
1168
  }
1178
1169
 
1179
- @-webkit-keyframes c-ping {
1180
- 75%, 100% {
1181
- transform: scale(2);
1182
- opacity: 0
1183
- }
1184
- }
1185
-
1186
1170
  @keyframes c-ping {
1187
1171
  75%, 100% {
1188
1172
  transform: scale(2);
@@ -1190,272 +1174,205 @@
1190
1174
  }
1191
1175
  }
1192
1176
 
1193
- @-webkit-keyframes c-pulse {
1194
- 50% {
1195
- opacity: .5
1196
- }
1197
- }
1198
-
1199
1177
  @keyframes c-pulse {
1200
1178
  50% {
1201
1179
  opacity: .5
1202
1180
  }
1203
1181
  }
1204
1182
 
1205
- @-webkit-keyframes c-bounce {
1206
- 0%, 100% {
1207
- transform: translateY(-25%);
1208
- -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);
1209
- animation-timing-function: cubic-bezier(0.8,0,1,1)
1210
- }
1211
-
1212
- 50% {
1213
- transform: none;
1214
- -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);
1215
- animation-timing-function: cubic-bezier(0,0,0.2,1)
1216
- }
1217
- }
1218
-
1219
1183
  @keyframes c-bounce {
1220
1184
  0%, 100% {
1221
1185
  transform: translateY(-25%);
1222
- -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);
1223
- animation-timing-function: cubic-bezier(0.8,0,1,1)
1186
+ animation-timing-function: cubic-bezier(0.8,0,1,1)
1224
1187
  }
1225
1188
 
1226
1189
  50% {
1227
1190
  transform: none;
1228
- -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);
1229
- animation-timing-function: cubic-bezier(0,0,0.2,1)
1191
+ animation-timing-function: cubic-bezier(0,0,0.2,1)
1230
1192
  }
1231
1193
  }
1232
1194
 
1233
1195
  .c-animate-none {
1234
- -webkit-animation: none;
1235
- animation: none
1196
+ animation: none
1236
1197
  }
1237
1198
 
1238
1199
  .c-animate-spin {
1239
- -webkit-animation: c-spin 1s linear infinite;
1240
- animation: c-spin 1s linear infinite
1200
+ animation: c-spin 1s linear infinite
1241
1201
  }
1242
1202
 
1243
1203
  .c-animate-ping {
1244
- -webkit-animation: c-ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
1245
- animation: c-ping 1s cubic-bezier(0, 0, 0.2, 1) infinite
1204
+ animation: c-ping 1s cubic-bezier(0, 0, 0.2, 1) infinite
1246
1205
  }
1247
1206
 
1248
1207
  .c-animate-pulse {
1249
- -webkit-animation: c-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
1250
- animation: c-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite
1208
+ animation: c-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite
1251
1209
  }
1252
1210
 
1253
1211
  .c-animate-bounce {
1254
- -webkit-animation: c-bounce 1s infinite;
1255
- animation: c-bounce 1s infinite
1212
+ animation: c-bounce 1s infinite
1256
1213
  }
1257
1214
 
1258
1215
  .hover\:c-animate-none:hover {
1259
- -webkit-animation: none;
1260
- animation: none
1216
+ animation: none
1261
1217
  }
1262
1218
 
1263
1219
  .hover\:c-animate-spin:hover {
1264
- -webkit-animation: c-spin 1s linear infinite;
1265
- animation: c-spin 1s linear infinite
1220
+ animation: c-spin 1s linear infinite
1266
1221
  }
1267
1222
 
1268
1223
  .hover\:c-animate-ping:hover {
1269
- -webkit-animation: c-ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
1270
- animation: c-ping 1s cubic-bezier(0, 0, 0.2, 1) infinite
1224
+ animation: c-ping 1s cubic-bezier(0, 0, 0.2, 1) infinite
1271
1225
  }
1272
1226
 
1273
1227
  .hover\:c-animate-pulse:hover {
1274
- -webkit-animation: c-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
1275
- animation: c-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite
1228
+ animation: c-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite
1276
1229
  }
1277
1230
 
1278
1231
  .hover\:c-animate-bounce:hover {
1279
- -webkit-animation: c-bounce 1s infinite;
1280
- animation: c-bounce 1s infinite
1232
+ animation: c-bounce 1s infinite
1281
1233
  }
1282
1234
 
1283
1235
  .focus\:c-animate-none:focus {
1284
- -webkit-animation: none;
1285
- animation: none
1236
+ animation: none
1286
1237
  }
1287
1238
 
1288
1239
  .focus\:c-animate-spin:focus {
1289
- -webkit-animation: c-spin 1s linear infinite;
1290
- animation: c-spin 1s linear infinite
1240
+ animation: c-spin 1s linear infinite
1291
1241
  }
1292
1242
 
1293
1243
  .focus\:c-animate-ping:focus {
1294
- -webkit-animation: c-ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
1295
- animation: c-ping 1s cubic-bezier(0, 0, 0.2, 1) infinite
1244
+ animation: c-ping 1s cubic-bezier(0, 0, 0.2, 1) infinite
1296
1245
  }
1297
1246
 
1298
1247
  .focus\:c-animate-pulse:focus {
1299
- -webkit-animation: c-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
1300
- animation: c-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite
1248
+ animation: c-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite
1301
1249
  }
1302
1250
 
1303
1251
  .focus\:c-animate-bounce:focus {
1304
- -webkit-animation: c-bounce 1s infinite;
1305
- animation: c-bounce 1s infinite
1252
+ animation: c-bounce 1s infinite
1306
1253
  }
1307
1254
 
1308
1255
  @media (prefers-reduced-motion: no-preference) {
1309
1256
  .motion-safe\:c-animate-none {
1310
- -webkit-animation: none;
1311
- animation: none
1257
+ animation: none
1312
1258
  }
1313
1259
 
1314
1260
  .motion-safe\:c-animate-spin {
1315
- -webkit-animation: c-spin 1s linear infinite;
1316
- animation: c-spin 1s linear infinite
1261
+ animation: c-spin 1s linear infinite
1317
1262
  }
1318
1263
 
1319
1264
  .motion-safe\:c-animate-ping {
1320
- -webkit-animation: c-ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
1321
- animation: c-ping 1s cubic-bezier(0, 0, 0.2, 1) infinite
1265
+ animation: c-ping 1s cubic-bezier(0, 0, 0.2, 1) infinite
1322
1266
  }
1323
1267
 
1324
1268
  .motion-safe\:c-animate-pulse {
1325
- -webkit-animation: c-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
1326
- animation: c-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite
1269
+ animation: c-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite
1327
1270
  }
1328
1271
 
1329
1272
  .motion-safe\:c-animate-bounce {
1330
- -webkit-animation: c-bounce 1s infinite;
1331
- animation: c-bounce 1s infinite
1273
+ animation: c-bounce 1s infinite
1332
1274
  }
1333
1275
 
1334
1276
  .motion-safe\:hover\:c-animate-none:hover {
1335
- -webkit-animation: none;
1336
- animation: none
1277
+ animation: none
1337
1278
  }
1338
1279
 
1339
1280
  .motion-safe\:hover\:c-animate-spin:hover {
1340
- -webkit-animation: c-spin 1s linear infinite;
1341
- animation: c-spin 1s linear infinite
1281
+ animation: c-spin 1s linear infinite
1342
1282
  }
1343
1283
 
1344
1284
  .motion-safe\:hover\:c-animate-ping:hover {
1345
- -webkit-animation: c-ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
1346
- animation: c-ping 1s cubic-bezier(0, 0, 0.2, 1) infinite
1285
+ animation: c-ping 1s cubic-bezier(0, 0, 0.2, 1) infinite
1347
1286
  }
1348
1287
 
1349
1288
  .motion-safe\:hover\:c-animate-pulse:hover {
1350
- -webkit-animation: c-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
1351
- animation: c-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite
1289
+ animation: c-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite
1352
1290
  }
1353
1291
 
1354
1292
  .motion-safe\:hover\:c-animate-bounce:hover {
1355
- -webkit-animation: c-bounce 1s infinite;
1356
- animation: c-bounce 1s infinite
1293
+ animation: c-bounce 1s infinite
1357
1294
  }
1358
1295
 
1359
1296
  .motion-safe\:focus\:c-animate-none:focus {
1360
- -webkit-animation: none;
1361
- animation: none
1297
+ animation: none
1362
1298
  }
1363
1299
 
1364
1300
  .motion-safe\:focus\:c-animate-spin:focus {
1365
- -webkit-animation: c-spin 1s linear infinite;
1366
- animation: c-spin 1s linear infinite
1301
+ animation: c-spin 1s linear infinite
1367
1302
  }
1368
1303
 
1369
1304
  .motion-safe\:focus\:c-animate-ping:focus {
1370
- -webkit-animation: c-ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
1371
- animation: c-ping 1s cubic-bezier(0, 0, 0.2, 1) infinite
1305
+ animation: c-ping 1s cubic-bezier(0, 0, 0.2, 1) infinite
1372
1306
  }
1373
1307
 
1374
1308
  .motion-safe\:focus\:c-animate-pulse:focus {
1375
- -webkit-animation: c-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
1376
- animation: c-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite
1309
+ animation: c-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite
1377
1310
  }
1378
1311
 
1379
1312
  .motion-safe\:focus\:c-animate-bounce:focus {
1380
- -webkit-animation: c-bounce 1s infinite;
1381
- animation: c-bounce 1s infinite
1313
+ animation: c-bounce 1s infinite
1382
1314
  }
1383
1315
  }
1384
1316
 
1385
1317
  @media (prefers-reduced-motion: reduce) {
1386
1318
  .motion-reduce\:c-animate-none {
1387
- -webkit-animation: none;
1388
- animation: none
1319
+ animation: none
1389
1320
  }
1390
1321
 
1391
1322
  .motion-reduce\:c-animate-spin {
1392
- -webkit-animation: c-spin 1s linear infinite;
1393
- animation: c-spin 1s linear infinite
1323
+ animation: c-spin 1s linear infinite
1394
1324
  }
1395
1325
 
1396
1326
  .motion-reduce\:c-animate-ping {
1397
- -webkit-animation: c-ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
1398
- animation: c-ping 1s cubic-bezier(0, 0, 0.2, 1) infinite
1327
+ animation: c-ping 1s cubic-bezier(0, 0, 0.2, 1) infinite
1399
1328
  }
1400
1329
 
1401
1330
  .motion-reduce\:c-animate-pulse {
1402
- -webkit-animation: c-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
1403
- animation: c-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite
1331
+ animation: c-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite
1404
1332
  }
1405
1333
 
1406
1334
  .motion-reduce\:c-animate-bounce {
1407
- -webkit-animation: c-bounce 1s infinite;
1408
- animation: c-bounce 1s infinite
1335
+ animation: c-bounce 1s infinite
1409
1336
  }
1410
1337
 
1411
1338
  .motion-reduce\:hover\:c-animate-none:hover {
1412
- -webkit-animation: none;
1413
- animation: none
1339
+ animation: none
1414
1340
  }
1415
1341
 
1416
1342
  .motion-reduce\:hover\:c-animate-spin:hover {
1417
- -webkit-animation: c-spin 1s linear infinite;
1418
- animation: c-spin 1s linear infinite
1343
+ animation: c-spin 1s linear infinite
1419
1344
  }
1420
1345
 
1421
1346
  .motion-reduce\:hover\:c-animate-ping:hover {
1422
- -webkit-animation: c-ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
1423
- animation: c-ping 1s cubic-bezier(0, 0, 0.2, 1) infinite
1347
+ animation: c-ping 1s cubic-bezier(0, 0, 0.2, 1) infinite
1424
1348
  }
1425
1349
 
1426
1350
  .motion-reduce\:hover\:c-animate-pulse:hover {
1427
- -webkit-animation: c-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
1428
- animation: c-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite
1351
+ animation: c-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite
1429
1352
  }
1430
1353
 
1431
1354
  .motion-reduce\:hover\:c-animate-bounce:hover {
1432
- -webkit-animation: c-bounce 1s infinite;
1433
- animation: c-bounce 1s infinite
1355
+ animation: c-bounce 1s infinite
1434
1356
  }
1435
1357
 
1436
1358
  .motion-reduce\:focus\:c-animate-none:focus {
1437
- -webkit-animation: none;
1438
- animation: none
1359
+ animation: none
1439
1360
  }
1440
1361
 
1441
1362
  .motion-reduce\:focus\:c-animate-spin:focus {
1442
- -webkit-animation: c-spin 1s linear infinite;
1443
- animation: c-spin 1s linear infinite
1363
+ animation: c-spin 1s linear infinite
1444
1364
  }
1445
1365
 
1446
1366
  .motion-reduce\:focus\:c-animate-ping:focus {
1447
- -webkit-animation: c-ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
1448
- animation: c-ping 1s cubic-bezier(0, 0, 0.2, 1) infinite
1367
+ animation: c-ping 1s cubic-bezier(0, 0, 0.2, 1) infinite
1449
1368
  }
1450
1369
 
1451
1370
  .motion-reduce\:focus\:c-animate-pulse:focus {
1452
- -webkit-animation: c-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
1453
- animation: c-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite
1371
+ animation: c-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite
1454
1372
  }
1455
1373
 
1456
1374
  .motion-reduce\:focus\:c-animate-bounce:focus {
1457
- -webkit-animation: c-bounce 1s infinite;
1458
- animation: c-bounce 1s infinite
1375
+ animation: c-bounce 1s infinite
1459
1376
  }
1460
1377
  }
1461
1378
 
@@ -4204,7 +4121,6 @@
4204
4121
  }
4205
4122
 
4206
4123
  .xs\:c-sticky {
4207
- position: -webkit-sticky;
4208
4124
  position: sticky
4209
4125
  }
4210
4126
 
@@ -5025,13 +4941,11 @@
5025
4941
  }
5026
4942
 
5027
4943
  .xs\:c-w-min {
5028
- width: -webkit-min-content;
5029
4944
  width: -moz-min-content;
5030
4945
  width: min-content
5031
4946
  }
5032
4947
 
5033
4948
  .xs\:c-w-max {
5034
- width: -webkit-max-content;
5035
4949
  width: -moz-max-content;
5036
4950
  width: max-content
5037
4951
  }
@@ -6264,7 +6178,6 @@
6264
6178
  }
6265
6179
 
6266
6180
  .sm\:c-sticky {
6267
- position: -webkit-sticky;
6268
6181
  position: sticky
6269
6182
  }
6270
6183
 
@@ -7085,13 +6998,11 @@
7085
6998
  }
7086
6999
 
7087
7000
  .sm\:c-w-min {
7088
- width: -webkit-min-content;
7089
7001
  width: -moz-min-content;
7090
7002
  width: min-content
7091
7003
  }
7092
7004
 
7093
7005
  .sm\:c-w-max {
7094
- width: -webkit-max-content;
7095
7006
  width: -moz-max-content;
7096
7007
  width: max-content
7097
7008
  }
@@ -8324,7 +8235,6 @@
8324
8235
  }
8325
8236
 
8326
8237
  .md\:c-sticky {
8327
- position: -webkit-sticky;
8328
8238
  position: sticky
8329
8239
  }
8330
8240
 
@@ -9145,13 +9055,11 @@
9145
9055
  }
9146
9056
 
9147
9057
  .md\:c-w-min {
9148
- width: -webkit-min-content;
9149
9058
  width: -moz-min-content;
9150
9059
  width: min-content
9151
9060
  }
9152
9061
 
9153
9062
  .md\:c-w-max {
9154
- width: -webkit-max-content;
9155
9063
  width: -moz-max-content;
9156
9064
  width: max-content
9157
9065
  }
@@ -10384,7 +10292,6 @@
10384
10292
  }
10385
10293
 
10386
10294
  .lg\:c-sticky {
10387
- position: -webkit-sticky;
10388
10295
  position: sticky
10389
10296
  }
10390
10297
 
@@ -11205,13 +11112,11 @@
11205
11112
  }
11206
11113
 
11207
11114
  .lg\:c-w-min {
11208
- width: -webkit-min-content;
11209
11115
  width: -moz-min-content;
11210
11116
  width: min-content
11211
11117
  }
11212
11118
 
11213
11119
  .lg\:c-w-max {
11214
- width: -webkit-max-content;
11215
11120
  width: -moz-max-content;
11216
11121
  width: max-content
11217
11122
  }