@innovaccer/design-system 3.0.0-11 → 3.0.0-12
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/dist/index.css +15 -12
- package/css/dist/index.css.map +1 -1
- package/css/src/components/link.css +15 -12
- package/dist/index.esm.js +49 -22
- package/dist/index.js +30 -3
- package/dist/index.js.map +1 -1
- package/dist/index.umd.js +1 -1
- package/dist/index.umd.js.br +0 -0
- package/dist/index.umd.js.gz +0 -0
- package/dist/src/components/link/Link.d.ts +28 -0
- package/dist/src/components/link/index.d.ts +2 -0
- package/dist/src/index.d.ts +1 -0
- package/dist/src/index.type.d.ts +1 -0
- package/package.json +1 -1
- package/src/components/link/Link.tsx +92 -0
- package/src/components/link/__stories__/index.story.jsx +94 -0
- package/src/components/link/__tests__/Link.test.tsx +82 -0
- package/src/components/link/__tests__/__snapshots__/Link.test.tsx.snap +81 -0
- package/src/components/link/index.tsx +2 -0
- package/src/index.tsx +1 -0
- package/src/index.type.tsx +1 -0
- package/src/utils/__tests__/TS.test.tsx +3 -2
- package/src/utils/__tests__/__snapshots__/TS.test.tsx.snap +17 -0
package/css/dist/index.css
CHANGED
|
@@ -3408,54 +3408,57 @@
|
|
|
3408
3408
|
margin-right: var(--spacing);
|
|
3409
3409
|
}
|
|
3410
3410
|
|
|
3411
|
-
.Link {
|
|
3411
|
+
.Mds-Link {
|
|
3412
3412
|
text-decoration: none;
|
|
3413
3413
|
font-weight: var(--font-weight-medium);
|
|
3414
|
+
transition: var(--duration--fast-01) var(--standard-productive-curve);
|
|
3414
3415
|
}
|
|
3415
3416
|
|
|
3416
|
-
.Link--regular {
|
|
3417
|
+
.Mds-Link--regular {
|
|
3417
3418
|
font-size: var(--font-size);
|
|
3418
3419
|
}
|
|
3419
3420
|
|
|
3420
|
-
.Link--tiny {
|
|
3421
|
+
.Mds-Link--tiny {
|
|
3421
3422
|
font-size: var(--font-size-s);
|
|
3422
3423
|
}
|
|
3423
3424
|
|
|
3424
|
-
.Link--default {
|
|
3425
|
+
.Mds-Link--default {
|
|
3425
3426
|
color: var(--text-link);
|
|
3426
3427
|
}
|
|
3427
3428
|
|
|
3428
|
-
.Link--subtle {
|
|
3429
|
+
.Mds-Link--subtle {
|
|
3429
3430
|
color: var(--inverse-lighter);
|
|
3430
3431
|
}
|
|
3431
3432
|
|
|
3432
|
-
.Link--default:hover {
|
|
3433
|
+
.Mds-Link--default:hover {
|
|
3433
3434
|
border-bottom: var(--spacing-xs) solid var(--primary);
|
|
3434
3435
|
}
|
|
3435
3436
|
|
|
3436
|
-
.Link--subtle:hover {
|
|
3437
|
+
.Mds-Link--subtle:hover {
|
|
3437
3438
|
border-bottom: var(--spacing-xs) solid var(--inverse-lighter);
|
|
3438
3439
|
}
|
|
3439
3440
|
|
|
3440
|
-
.Link--default:active {
|
|
3441
|
+
.Mds-Link--default:active {
|
|
3441
3442
|
color: var(--primary-dark);
|
|
3442
3443
|
border: none;
|
|
3443
3444
|
}
|
|
3444
3445
|
|
|
3445
|
-
.Link--subtle:active {
|
|
3446
|
+
.Mds-Link--subtle:active {
|
|
3446
3447
|
color: var(--inverse);
|
|
3447
3448
|
border: none;
|
|
3448
3449
|
}
|
|
3449
3450
|
|
|
3450
|
-
.Link--default:focus {
|
|
3451
|
+
.Mds-Link--default:focus {
|
|
3451
3452
|
box-shadow: var(--shadow-spread) var(--primary-shadow);
|
|
3453
|
+
border-radius: var(--spacing-m);
|
|
3452
3454
|
}
|
|
3453
3455
|
|
|
3454
|
-
.Link--subtle:focus {
|
|
3456
|
+
.Mds-Link--subtle:focus {
|
|
3455
3457
|
box-shadow: var(--shadow-spread) var(--secondary-shadow);
|
|
3458
|
+
border-radius: var(--spacing-m);
|
|
3456
3459
|
}
|
|
3457
3460
|
|
|
3458
|
-
.Link--disabled {
|
|
3461
|
+
.Mds-Link--disabled {
|
|
3459
3462
|
color: var(--inverse-lightest);
|
|
3460
3463
|
pointer-events: none;
|
|
3461
3464
|
}
|