tyrell-components 1.0.0-TC7 → 1.0.0-TC9
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.
- package/css/tyrell.css +23 -23
- package/dist/tyrell.css +23 -23
- package/dist/tyrell.js +1 -1
- package/lib/base/ty-component.js +1 -1
- package/lib/base/ty-component.js.map +1 -1
- package/lib/components/button.d.ts +9 -0
- package/lib/components/button.d.ts.map +1 -1
- package/lib/components/button.js +34 -1
- package/lib/components/button.js.map +1 -1
- package/lib/components/dropdown.d.ts +23 -21
- package/lib/components/dropdown.d.ts.map +1 -1
- package/lib/components/dropdown.js +88 -89
- package/lib/components/dropdown.js.map +1 -1
- package/lib/components/file-upload.d.ts +121 -0
- package/lib/components/file-upload.d.ts.map +1 -0
- package/lib/components/file-upload.js +441 -0
- package/lib/components/file-upload.js.map +1 -0
- package/lib/components/icon.d.ts +13 -2
- package/lib/components/icon.d.ts.map +1 -1
- package/lib/components/icon.js +22 -7
- package/lib/components/icon.js.map +1 -1
- package/lib/components/multiselect.d.ts +15 -4
- package/lib/components/multiselect.d.ts.map +1 -1
- package/lib/components/multiselect.js +52 -21
- package/lib/components/multiselect.js.map +1 -1
- package/lib/components/switch.js +6 -6
- package/lib/components/switch.js.map +1 -1
- package/lib/components/tag.d.ts +4 -4
- package/lib/components/tag.d.ts.map +1 -1
- package/lib/components/tag.js +64 -62
- package/lib/components/tag.js.map +1 -1
- package/lib/index.d.ts +8 -0
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +3 -0
- package/lib/index.js.map +1 -1
- package/lib/styles/button.d.ts +1 -1
- package/lib/styles/button.d.ts.map +1 -1
- package/lib/styles/button.js +41 -0
- package/lib/styles/button.js.map +1 -1
- package/lib/styles/calendar-month.d.ts +1 -1
- package/lib/styles/calendar-month.d.ts.map +1 -1
- package/lib/styles/calendar-month.js +70 -24
- package/lib/styles/calendar-month.js.map +1 -1
- package/lib/styles/calendar-navigation.d.ts +1 -1
- package/lib/styles/calendar-navigation.d.ts.map +1 -1
- package/lib/styles/calendar-navigation.js +24 -6
- package/lib/styles/calendar-navigation.js.map +1 -1
- package/lib/styles/date-picker.d.ts +1 -1
- package/lib/styles/date-picker.d.ts.map +1 -1
- package/lib/styles/date-picker.js +56 -21
- package/lib/styles/date-picker.js.map +1 -1
- package/lib/styles/dropdown.d.ts +1 -1
- package/lib/styles/dropdown.d.ts.map +1 -1
- package/lib/styles/dropdown.js +65 -0
- package/lib/styles/dropdown.js.map +1 -1
- package/lib/styles/file-upload.d.ts +2 -0
- package/lib/styles/file-upload.d.ts.map +1 -0
- package/lib/styles/file-upload.js +241 -0
- package/lib/styles/file-upload.js.map +1 -0
- package/lib/styles/icon.d.ts +1 -1
- package/lib/styles/icon.d.ts.map +1 -1
- package/lib/styles/icon.js +12 -2
- package/lib/styles/icon.js.map +1 -1
- package/lib/styles/multiselect.d.ts +1 -1
- package/lib/styles/multiselect.d.ts.map +1 -1
- package/lib/styles/multiselect.js +63 -0
- package/lib/styles/multiselect.js.map +1 -1
- package/lib/styles/tag.d.ts +1 -1
- package/lib/styles/tag.d.ts.map +1 -1
- package/lib/styles/tag.js +13 -8
- package/lib/styles/tag.js.map +1 -1
- package/lib/utils/loader-registry.d.ts +35 -0
- package/lib/utils/loader-registry.d.ts.map +1 -0
- package/lib/utils/loader-registry.js +43 -0
- package/lib/utils/loader-registry.js.map +1 -0
- package/lib/utils/property-manager.d.ts +1 -1
- package/lib/utils/property-manager.js +1 -1
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +5 -1
package/css/tyrell.css
CHANGED
|
@@ -273,7 +273,7 @@ SURFACE SYSTEM
|
|
|
273
273
|
================================================================= */
|
|
274
274
|
|
|
275
275
|
--ty-surface-canvas: #fcfcfc;
|
|
276
|
-
--ty-surface-content: #
|
|
276
|
+
--ty-surface-content: #ffffff;
|
|
277
277
|
--ty-surface-elevated: #ffffff;
|
|
278
278
|
--ty-surface-floating: #ffffff;
|
|
279
279
|
--ty-surface-input: #ffffff;
|
|
@@ -1389,92 +1389,92 @@ INTERACTIVE STATES
|
|
|
1389
1389
|
================================================================= */
|
|
1390
1390
|
|
|
1391
1391
|
.hover\:ty-bg-neutral--:hover {
|
|
1392
|
-
background-color: var(--ty-bg-neutral-faint);
|
|
1392
|
+
background-color: var(--ty-bg-neutral-faint) !important;
|
|
1393
1393
|
}
|
|
1394
1394
|
|
|
1395
1395
|
.hover\:ty-bg-neutral-:hover {
|
|
1396
|
-
background-color: var(--ty-bg-neutral-soft);
|
|
1396
|
+
background-color: var(--ty-bg-neutral-soft) !important;
|
|
1397
1397
|
}
|
|
1398
1398
|
|
|
1399
1399
|
.hover\:ty-bg-neutral:hover {
|
|
1400
|
-
background-color: var(--ty-bg-neutral);
|
|
1400
|
+
background-color: var(--ty-bg-neutral) !important;
|
|
1401
1401
|
}
|
|
1402
1402
|
|
|
1403
1403
|
.hover\:ty-bg-neutral\+:hover {
|
|
1404
|
-
background-color: var(--ty-bg-neutral-mild);
|
|
1404
|
+
background-color: var(--ty-bg-neutral-mild) !important;
|
|
1405
1405
|
}
|
|
1406
1406
|
|
|
1407
1407
|
.hover\:ty-bg-neutral\+\+:hover {
|
|
1408
|
-
background-color: var(--ty-bg-neutral-strong);
|
|
1408
|
+
background-color: var(--ty-bg-neutral-strong) !important;
|
|
1409
1409
|
}
|
|
1410
1410
|
|
|
1411
1411
|
.hover\:ty-bg-primary:hover {
|
|
1412
|
-
background-color: var(--ty-bg-primary);
|
|
1412
|
+
background-color: var(--ty-bg-primary) !important;
|
|
1413
1413
|
}
|
|
1414
1414
|
|
|
1415
1415
|
.hover\:ty-bg-primary\+:hover {
|
|
1416
|
-
background-color: var(--ty-bg-primary-mild);
|
|
1416
|
+
background-color: var(--ty-bg-primary-mild) !important;
|
|
1417
1417
|
}
|
|
1418
1418
|
|
|
1419
1419
|
.hover\:ty-bg-secondary:hover {
|
|
1420
|
-
background-color: var(--ty-bg-secondary);
|
|
1420
|
+
background-color: var(--ty-bg-secondary) !important;
|
|
1421
1421
|
}
|
|
1422
1422
|
|
|
1423
1423
|
.hover\:ty-bg-secondary\+:hover {
|
|
1424
|
-
background-color: var(--ty-bg-secondary-mild);
|
|
1424
|
+
background-color: var(--ty-bg-secondary-mild) !important;
|
|
1425
1425
|
}
|
|
1426
1426
|
|
|
1427
1427
|
.hover\:ty-bg-success:hover {
|
|
1428
|
-
background-color: var(--ty-bg-success);
|
|
1428
|
+
background-color: var(--ty-bg-success) !important;
|
|
1429
1429
|
}
|
|
1430
1430
|
|
|
1431
1431
|
.hover\:ty-bg-success\+:hover {
|
|
1432
|
-
background-color: var(--ty-bg-success-mild);
|
|
1432
|
+
background-color: var(--ty-bg-success-mild) !important;
|
|
1433
1433
|
}
|
|
1434
1434
|
|
|
1435
1435
|
.hover\:ty-bg-danger:hover {
|
|
1436
|
-
background-color: var(--ty-bg-danger);
|
|
1436
|
+
background-color: var(--ty-bg-danger) !important;
|
|
1437
1437
|
}
|
|
1438
1438
|
|
|
1439
1439
|
.hover\:ty-bg-danger\+:hover {
|
|
1440
|
-
background-color: var(--ty-bg-danger-mild);
|
|
1440
|
+
background-color: var(--ty-bg-danger-mild) !important;
|
|
1441
1441
|
}
|
|
1442
1442
|
|
|
1443
1443
|
.hover\:ty-bg-danger-:hover {
|
|
1444
|
-
background-color: var(--ty-bg-danger-soft);
|
|
1444
|
+
background-color: var(--ty-bg-danger-soft) !important;
|
|
1445
1445
|
}
|
|
1446
1446
|
|
|
1447
1447
|
.hover\:ty-bg-accent:hover {
|
|
1448
|
-
background-color: var(--ty-bg-accent);
|
|
1448
|
+
background-color: var(--ty-bg-accent) !important;
|
|
1449
1449
|
}
|
|
1450
1450
|
|
|
1451
1451
|
.hover\:ty-bg-accent\+:hover {
|
|
1452
|
-
background-color: var(--ty-bg-accent-mild);
|
|
1452
|
+
background-color: var(--ty-bg-accent-mild) !important;
|
|
1453
1453
|
}
|
|
1454
1454
|
|
|
1455
1455
|
.hover\:ty-bg-accent-:hover {
|
|
1456
|
-
background-color: var(--ty-bg-accent-soft);
|
|
1456
|
+
background-color: var(--ty-bg-accent-soft) !important;
|
|
1457
1457
|
}
|
|
1458
1458
|
|
|
1459
1459
|
/* Hover states for text colors */
|
|
1460
1460
|
.hover\:ty-text:hover {
|
|
1461
|
-
color: var(--ty-text);
|
|
1461
|
+
color: var(--ty-text) !important;
|
|
1462
1462
|
}
|
|
1463
1463
|
|
|
1464
1464
|
.hover\:ty-text\+:hover {
|
|
1465
|
-
color: var(--ty-text-mild);
|
|
1465
|
+
color: var(--ty-text-mild) !important;
|
|
1466
1466
|
}
|
|
1467
1467
|
|
|
1468
1468
|
.hover\:ty-text\+\+:hover {
|
|
1469
|
-
color: var(--ty-text-strong);
|
|
1469
|
+
color: var(--ty-text-strong) !important;
|
|
1470
1470
|
}
|
|
1471
1471
|
|
|
1472
1472
|
.hover\:ty-text-:hover {
|
|
1473
|
-
color: var(--ty-text-soft);
|
|
1473
|
+
color: var(--ty-text-soft) !important;
|
|
1474
1474
|
}
|
|
1475
1475
|
|
|
1476
1476
|
.hover\:ty-text--:hover {
|
|
1477
|
-
color: var(--ty-text-faint);
|
|
1477
|
+
color: var(--ty-text-faint) !important;
|
|
1478
1478
|
}
|
|
1479
1479
|
|
|
1480
1480
|
/* Hover states for semantic text colors */
|
package/dist/tyrell.css
CHANGED
|
@@ -273,7 +273,7 @@ SURFACE SYSTEM
|
|
|
273
273
|
================================================================= */
|
|
274
274
|
|
|
275
275
|
--ty-surface-canvas: #fcfcfc;
|
|
276
|
-
--ty-surface-content: #
|
|
276
|
+
--ty-surface-content: #ffffff;
|
|
277
277
|
--ty-surface-elevated: #ffffff;
|
|
278
278
|
--ty-surface-floating: #ffffff;
|
|
279
279
|
--ty-surface-input: #ffffff;
|
|
@@ -1389,92 +1389,92 @@ INTERACTIVE STATES
|
|
|
1389
1389
|
================================================================= */
|
|
1390
1390
|
|
|
1391
1391
|
.hover\:ty-bg-neutral--:hover {
|
|
1392
|
-
background-color: var(--ty-bg-neutral-faint);
|
|
1392
|
+
background-color: var(--ty-bg-neutral-faint) !important;
|
|
1393
1393
|
}
|
|
1394
1394
|
|
|
1395
1395
|
.hover\:ty-bg-neutral-:hover {
|
|
1396
|
-
background-color: var(--ty-bg-neutral-soft);
|
|
1396
|
+
background-color: var(--ty-bg-neutral-soft) !important;
|
|
1397
1397
|
}
|
|
1398
1398
|
|
|
1399
1399
|
.hover\:ty-bg-neutral:hover {
|
|
1400
|
-
background-color: var(--ty-bg-neutral);
|
|
1400
|
+
background-color: var(--ty-bg-neutral) !important;
|
|
1401
1401
|
}
|
|
1402
1402
|
|
|
1403
1403
|
.hover\:ty-bg-neutral\+:hover {
|
|
1404
|
-
background-color: var(--ty-bg-neutral-mild);
|
|
1404
|
+
background-color: var(--ty-bg-neutral-mild) !important;
|
|
1405
1405
|
}
|
|
1406
1406
|
|
|
1407
1407
|
.hover\:ty-bg-neutral\+\+:hover {
|
|
1408
|
-
background-color: var(--ty-bg-neutral-strong);
|
|
1408
|
+
background-color: var(--ty-bg-neutral-strong) !important;
|
|
1409
1409
|
}
|
|
1410
1410
|
|
|
1411
1411
|
.hover\:ty-bg-primary:hover {
|
|
1412
|
-
background-color: var(--ty-bg-primary);
|
|
1412
|
+
background-color: var(--ty-bg-primary) !important;
|
|
1413
1413
|
}
|
|
1414
1414
|
|
|
1415
1415
|
.hover\:ty-bg-primary\+:hover {
|
|
1416
|
-
background-color: var(--ty-bg-primary-mild);
|
|
1416
|
+
background-color: var(--ty-bg-primary-mild) !important;
|
|
1417
1417
|
}
|
|
1418
1418
|
|
|
1419
1419
|
.hover\:ty-bg-secondary:hover {
|
|
1420
|
-
background-color: var(--ty-bg-secondary);
|
|
1420
|
+
background-color: var(--ty-bg-secondary) !important;
|
|
1421
1421
|
}
|
|
1422
1422
|
|
|
1423
1423
|
.hover\:ty-bg-secondary\+:hover {
|
|
1424
|
-
background-color: var(--ty-bg-secondary-mild);
|
|
1424
|
+
background-color: var(--ty-bg-secondary-mild) !important;
|
|
1425
1425
|
}
|
|
1426
1426
|
|
|
1427
1427
|
.hover\:ty-bg-success:hover {
|
|
1428
|
-
background-color: var(--ty-bg-success);
|
|
1428
|
+
background-color: var(--ty-bg-success) !important;
|
|
1429
1429
|
}
|
|
1430
1430
|
|
|
1431
1431
|
.hover\:ty-bg-success\+:hover {
|
|
1432
|
-
background-color: var(--ty-bg-success-mild);
|
|
1432
|
+
background-color: var(--ty-bg-success-mild) !important;
|
|
1433
1433
|
}
|
|
1434
1434
|
|
|
1435
1435
|
.hover\:ty-bg-danger:hover {
|
|
1436
|
-
background-color: var(--ty-bg-danger);
|
|
1436
|
+
background-color: var(--ty-bg-danger) !important;
|
|
1437
1437
|
}
|
|
1438
1438
|
|
|
1439
1439
|
.hover\:ty-bg-danger\+:hover {
|
|
1440
|
-
background-color: var(--ty-bg-danger-mild);
|
|
1440
|
+
background-color: var(--ty-bg-danger-mild) !important;
|
|
1441
1441
|
}
|
|
1442
1442
|
|
|
1443
1443
|
.hover\:ty-bg-danger-:hover {
|
|
1444
|
-
background-color: var(--ty-bg-danger-soft);
|
|
1444
|
+
background-color: var(--ty-bg-danger-soft) !important;
|
|
1445
1445
|
}
|
|
1446
1446
|
|
|
1447
1447
|
.hover\:ty-bg-accent:hover {
|
|
1448
|
-
background-color: var(--ty-bg-accent);
|
|
1448
|
+
background-color: var(--ty-bg-accent) !important;
|
|
1449
1449
|
}
|
|
1450
1450
|
|
|
1451
1451
|
.hover\:ty-bg-accent\+:hover {
|
|
1452
|
-
background-color: var(--ty-bg-accent-mild);
|
|
1452
|
+
background-color: var(--ty-bg-accent-mild) !important;
|
|
1453
1453
|
}
|
|
1454
1454
|
|
|
1455
1455
|
.hover\:ty-bg-accent-:hover {
|
|
1456
|
-
background-color: var(--ty-bg-accent-soft);
|
|
1456
|
+
background-color: var(--ty-bg-accent-soft) !important;
|
|
1457
1457
|
}
|
|
1458
1458
|
|
|
1459
1459
|
/* Hover states for text colors */
|
|
1460
1460
|
.hover\:ty-text:hover {
|
|
1461
|
-
color: var(--ty-text);
|
|
1461
|
+
color: var(--ty-text) !important;
|
|
1462
1462
|
}
|
|
1463
1463
|
|
|
1464
1464
|
.hover\:ty-text\+:hover {
|
|
1465
|
-
color: var(--ty-text-mild);
|
|
1465
|
+
color: var(--ty-text-mild) !important;
|
|
1466
1466
|
}
|
|
1467
1467
|
|
|
1468
1468
|
.hover\:ty-text\+\+:hover {
|
|
1469
|
-
color: var(--ty-text-strong);
|
|
1469
|
+
color: var(--ty-text-strong) !important;
|
|
1470
1470
|
}
|
|
1471
1471
|
|
|
1472
1472
|
.hover\:ty-text-:hover {
|
|
1473
|
-
color: var(--ty-text-soft);
|
|
1473
|
+
color: var(--ty-text-soft) !important;
|
|
1474
1474
|
}
|
|
1475
1475
|
|
|
1476
1476
|
.hover\:ty-text--:hover {
|
|
1477
|
-
color: var(--ty-text-faint);
|
|
1477
|
+
color: var(--ty-text-faint) !important;
|
|
1478
1478
|
}
|
|
1479
1479
|
|
|
1480
1480
|
/* Hover states for semantic text colors */
|